/* ---------------------------------------- 
* Title         : basic/css/element.css
* Environment   : 
* Descriptions  : ---------------
* Date          : 250916_183201
* Created by    : Swami Nirav Atasa
* sh Y:/css/basic/css/element.css
* ---------------------------------------- 
*/




        
blockquote{
  display:block;
  position: relative;
  background: #eee;
  
  padding: 0.5em 0.2em 0.5em 1em;
  margin: 1em 0em 1em 0em;
 
  /*Font*/
  color: #666;
 
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
 
  /*Borders - (Optional)*/
  border-left-style: solid;
  border-left-width: 15px;
  border-right-style: solid;
  border-right-width: 2px;
  
  border-left-color: #999;
  border-right-color: #bbb;
}
 
 
blockquote a{
  text-decoration: none;
  padding: 0 3px;
  color: #c76c0c;
}
 

blockquote.sunflower{
  border-left-color: #ffcd69;
  border-right-color: #f6ba59;
}
 
blockquote.grass{
  border-left-color: #9fd477;
  border-right-color: #8bc163;
}
 


a { text-decoration: none;  }


dt {
    font-weight: 700;
}

dd {
    margin-bottom: .5rem;
    margin-left: 0;
}



/* large : fit to container */
/* small : leave */
img {
    display: block;
    width: 100%;
    /* max-width: 1024px; */
}


/*
<iframe class="iframe_v" frameborder="0" allowfullscreen
    src="https://www.youtube.com/embed/XXXXXXXXXXX" >
</iframe>
*/

.iframe_v{ 
  aspect-ratio: calc(9/16);
  width: 100%; max-width:700px;
}

.iframe_h{ 
  aspect-ratio: calc(16/9);
  width: 100%; max-width:1200px;
}



table caption { font-size: 1.2rem; margin: 0.5rem} 

table {border-collapse: collapse; } 

/* border-bottom */
table td, table th {vertical-align: top;}
table td, table th {padding: 6px 25px;}
table td, table th {border-bottom: 1px solid #bbb; }
table td, table th {border-left: 1px solid #ddd; }
table td:first-child, table th:first-child {border-left: 0; }
table th {background-color: #666; color: white; text-align: center; }

/* tr:nth-child(odd) */
table tr:nth-child(odd){background-color: #f4f4f4;}

/* border-top-radius */
table tr:first-child th:first-child {border-top-left-radius:   10px; }
table tr:first-child th:last-child  {border-top-right-radius:  10px; }

/* tr:hover */
/* table tr:hover {background-color: #ddd;} */

table :is(tfoot) tr:last-child  td {background-color: #ddd; ; text-align: left; }

table :is(tfoot) td:first-child {border-bottom-left-radius:     10px; }
table :is(tfoot) td:last-child  {border-bottom-right-radius:     10px; }

table :is(tfoot) td {border-bottom: 0px solid #ffffff; }

/* hover color */
table tr:hover {background-color: #ddd;}