/* @import url("/lib/font/kanit/kanit.css");
@import url("/lib/font/Sarabun/sarabun.css"); */

/******
* Default font family
* Default font type and weight
***/


body, table, a {
    font-family: Kanit, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: 0.5px;
    color: #484848;
}

/* Kanit Font Weight & Scale
 * based on Material Design Font tool
 */
h1 {
    font-weight: Light; /* 300 */
    font-size: 107px;
    letter-spacing: -1.5px;
}

h2 {
    font-weight: Light; /* 300 */
    font-size: 67px;
    letter-spacing: -0.5px;
}

h3 {
    font-weight: normal; /* 400 */
    font-size: 54px;
    letter-spacing: -1.5px;
}

h4 {
    font-weight: normal; /* 300 */
    font-size: 38px;
    letter-spacing: 0.25px;
}

h5 {
    font-weight: Light; /* 300 */
    font-size: 27px;
    letter-spacing: 0px;
}

h6 {
    font-weight: medium; /* 300 */
    font-size: 22px;
    letter-spacing: 0.15px;
}

.subtitle-text-1 {
    font-weight: normal; /* 300 */
    font-size: 18px;
    letter-spacing: 0.15x;
}

.subtitle-text-2 {
    font-weight: medium; /* 300 */
    font-size: 16px;
    letter-spacing: 0.1px;
}

.body-text-2 {
    font-weight: normal; /* 300 */
    font-size: 16px;
    letter-spacing: 0.25px;
}

.button-text {
    font-weight: medium; /* 300 */
    font-size: 16px;
    letter-spacing: 1.25px;
}

.caption-text {
    font-weight: normal; /* 300 */
    font-size: 13px;
    letter-spacing: 0.4px;
}

.overline-text {
    font-weight: normal; /* 300 */
    font-size: 11px;
    letter-spacing: 1.5px;
}


/* Product Details Carousel 
.carousel-indicators {
    margin-bottom: 0px;
}
.carousel-indicators a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.carousel-indicators a img {
    display: block;
    margin: 0;
    padding: 0;
}

li.nav-item ul {
    list-style-type: none;
}


.carousel-indicators {
    position: relative;
    bottom: 50px;
}

*/

/* Product Details Carousel */
#productCarousel .carousel-indicators {
    margin-bottom: 0px;
    position: relative;
    bottom: 50px;
}

#productCarousel .carousel-indicators a {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

#productCarousel .carousel-indicators a img {
    display: block;
    margin: 0;
    padding: 0;
}

li.nav-item ul {
    list-style-type: none;
}






th:nth-child(odd) {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
}
th:nth-child(even) {
    background-color: var(--color-tertiary);
    color: var(--color-on-tertiary);
}

div.google-map {
    padding-bottom: 50%;
    position: relative;
}

div.google-map iframe {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
}