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


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; */
}





.video-container {
    position: relative;
    overflow: hidden;        /* Hides any content that overflows the container */
    padding-bottom: 56.25%;  /* For a 16:9 aspect ratio (height is 56.25% of width) */
    width: 100%; height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    border: none;            /* Removes the default iframe border */
}




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

table {border-collapse: collapse; } 

/* border-bottom */
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;}