/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0.4.30
*/

:root {
  --red-color: red;
}


.testimonial-text.italic { font-style: normal !important; }
.absolute-footer { border-top: 1px solid rgba(255,255,255,.3); }
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline { border: 1px solid; }
.product-page-sections .row { flex-direction: column; }
.product-main { background-color: #f7f7f7; }

.green { color: #0b6a59; }

.wc-item-meta li { display: flex; }
.wc-item-meta li strong { margin: 0; padding: 0 7.5px 0 0; }
.wc-item-meta li p { margin: 0; padding: 0; }

.bg-half-green { }
.bg-half-green:before { content: ''; position: absolute; top: 0; left: 0; right: 0; display: block; height: 400px; background: #0b6a59; }

.section h1 { font-size: 300%; }
.single-product .section h1 { margin-bottom: 0; font-size: 180%; }

/* Checkout Page*/
.wc-block-components-product-details { }
.wc-block-components-product-details li { margin-bottom: 0; font-size: 84%; }
.wc-block-components-product-details li .wc-block-components-product-details__name { padding-right: 5px; font-weight: bold; }

p:has(iframe) { margin-bottom: 0; }
p:has(iframe) iframe { display: block; }

.company--contact p { margin-bottom: .3em; display: flex; }
.company--contact p:first-child { margin-bottom: 30px; }
.company--contact p i { padding: 5px 10px 0 0; }

.menu-location .menu li { border: 0; list-style: circle; }
.menu-location .menu li a { padding: 1px 0; }

.product-price-table {}
.product-price-table tr td { padding: 15px 15px; font-size: 110%; color: #0b6a59; background-color: #F0F3F7; }
.product-price-table tr:nth-child(2) td { border-top: 1px solid #eee; border-bottom: 0; }

.product-page-sections .product-section .large-10 { max-width: 100%; }

ul.list {display: flex; flex-wrap: wrap;}
ul.list li {width: 45%;}


div {}

.product-small.box .name { font-size: 110%; }
.product-small.box .name a { color: #222; }
.product-small.box .price { margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee; }
.product-small.box .product-province { font-size: 84%; color: #777; }
.product-small.box .price .amount { color: #0b6a59; }


.lightbox-multi-gallery.row {}
.lightbox-multi-gallery.row .col { display: none; }
.lightbox-multi-gallery.row .col:first-child { display: block; }


.gallery--row > .col > .col-inner { padding: 14px 14px 1px; }


@media (max-width: 849px){ 
  
}


/**
 * Overright
**/
.box-text { font-size: 100%; }
.uppercase { letter-spacing: 0; }
.button i, button i { top: inherit; }

.video-button-wrapper {}
.video-button-wrapper .button.is-outline { line-height: 2.4em; background-color: #fff; border: 0; }
.video-button-wrapper .button.is-outline:before { content: ''; position: absolute; top: -8px; left: -8px; right: -8px; bottom: -8px; border: 1px solid #fff; border-radius: 100%; }
.video-button-wrapper .button.is-outline i { color: var(--fs-color-primary); }
.video-button-wrapper .button.is-outline:hover { background-color: var(--fs-color-primary); }
.video-button-wrapper .button.is-outline:hover i { color: #fff; }

@media (max-width: 849px){ 
  .section h1 { font-size: 180%; }
  .section { padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 549px){
  .section h1 { font-size: 180%; }
}



/**
 * Class
**/
.mobile-center {}

@media (max-width: 849px){ 
  
}

@media (max-width: 549px){
  .mobile-center { text-align: center; }
}



/**
 * Header Section
**/
.header-wrapper .header-top { min-height: 0; }
.header-wrapper .header-top .flex-row { height: 0; }
.header-wrapper .header-top .flex-row .flex-left { max-width: 150px; }
.header-wrapper .header-top .flex-row .flex-center,
.header-wrapper .header-top .flex-row .flex-right { margin-top: 50px; min-height: 40px; border-bottom: 1px solid #ccc; }
.header-wrapper .header-top .flex-row .flex-right li { padding-top: 5px; }
.header-wrapper .header-top .flex-row .flex-right li strong { color: var(--fs-color-primary); }

.nav>li>a:hover { color: var(--fs-color-primary); }

.mobile-sidebar { text-align: center; }
.mobile-sidebar .social-links { margin: 0 auto; }
.mobile-sidebar .social-links a { font-size: 120%; color: var(--fs-color-primary); }
.mobile-sidebar .html_topbar_right { justify-content: center; color: var(--fs-color-primary); }

.header-main .flex-left .nav li ul.nav-dropdown { padding: 0; }
.header-main .flex-left .nav li li a { text-transform: uppercase; font-size: 90%; }

.header-main .header-inner .flex-left,
.header-main .header-inner .flex-right { padding-top: 45px; }
.header-main .flex-right .cart-item a { padding: 0; }

@media (max-width: 849px){ 
  .header-main .header-inner .flex-right { padding-top: 0px; }
}

@media (max-width: 549px){

}


/**
 * Footer Section
**/

.footer-custom-section { padding-top: 200px !important; background: #0a7a7b url(../../uploads/2024/10/bg-footer.jpg) center top no-repeat; background-size: 100% auto; }
.page-id-2 .footer-custom-section { padding-top: 0px !important; }
.footer-wrapper { backgrund-color: #0a7a7b; }

.tat-licence { display: inline-block; }
.tat-licence p { padding: 10px 30px; display: flex; align-items: center; white-space: nowrap; border: 1px solid rgba(255,255,255,.6); border-radius: 8px; }
.tat-licence p img { padding-right: 10px; max-width: 70px; }
.tat-licence p strong { padding-left: 10px; font-weight: 900; }

.social-links {}
.social-links a { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border: 1px solid rgba(255,255,255,.6); border-radius: 100%; }

@media (max-width: 849px){ 
  .tat-licence p { flex-wrap: wrap; justify-content: center; } 
  .tat-licence p img { padding-right: 0px; }
  .tg-licence p { text-align: center; }
  .tg-licence strong { display: block; }
}

@media (max-width: 549px){
  .mobile-center:has(>img) { display: block; }
  .footer-wrapper .menu-location { padding-left: 15px; }
  .tat-licence p img { padding-right: 10px; max-width: 60px; }
  div.text-right:has(> .tat-licence) { text-align: center; }
  .footer-secondary strong { display: block; }
  .footer-custom-section { padding-top: 0 !important; }
}

.button.back-to-top { color: #fff; background-color: var(--fs-color-primary); border: 0; }

.footer--row a:hover{ transition: all .4s; }
.footer--row a:hover{ color: var(--fs-color-secondary); }
.footer--row ul.menu li a { white-space: nowrap; }
.footer--row ul.menu li a:hover { color: var(--fs-color-secondary); }
.footer--row .social-links a:hover { color: #fff; background-color: var(--fs-color-secondary); border-color: var(--fs-color-secondary); }


/**
 * Home page
**/
.tour--slider .banner .text-box .text-inner h1,
.tour--slider .banner .text-box .text-inner h4,
.tour--slider .banner .text-box .text-inner p { color: #222; }
.tour--slider .banner .text-box .text-inner .button span { font-weight: normal; font-size: 80%; color: #fff; color: #fff; }

.page-id-2 .product-small .product-cat { display: none; }
.product-small:hover .product-title a,
.product-small:hover .product-province { color: var(--fs-color-primary); }

.product-small .box-image .image-cover a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: var(--fs-color-primary); opacity: 0; transition: all 0.5s ease; }
.product-small:hover .box-image .image-cover a:before { opacity: .6; }

.product-small .box-image .image-cover a:after { content: 'Explore'; position: absolute; top: 50%; left: calc( 50% - 30px ); z-index: 99999; color: #fff; text-transform: uppercase; opacity: 0; transition: all 0.5s ease; }
.product-small:hover .box-image .image-cover a:after { top: calc( 50% - 15px ); opacity: 1; }

.product-category:hover .header-title { color: var(--fs-color-primary); }

.tax-product_cat .product-small .box-image a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: var(--fs-color-primary); opacity: 0; transition: all 0.5s ease; }
.tax-product_cat .product-small:hover .box-image a:before { opacity: .6; }
.tax-product_cat .product-small .box-image a:after { display: block;content: 'Explore'; position: absolute; top: 50%; left: calc( 50% - 30px ); z-index: 99999; color: #fff; text-transform: uppercase; opacity: 0; transition: all 0.5s ease; }
.tax-product_cat .product-small:hover .box-image a:after { top: calc( 50% - 15px ); opacity: 1; }

.post-type-archive-product  .product-small .box-image a:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: var(--fs-color-primary); opacity: 0; transition: all 0.5s ease; }
.post-type-archive-product  .product-small:hover .box-image a:before { opacity: .6; }
.post-type-archive-product  .product-small .box-image a:after { display: block;content: 'Explore'; position: absolute; top: 50%; left: calc( 50% - 30px ); z-index: 99999; color: #fff; text-transform: uppercase; opacity: 0; transition: all 0.5s ease; }
.post-type-archive-product  .product-small:hover .box-image a:after { top: calc( 50% - 15px ); opacity: 1; }

@media (max-width: 849px){ 
  .tour--slider .banner .text-box h1 { font-size: 260%; }
}
 
@media (max-width: 549px){
  .tour--slider .banner .text-box h1 { font-size: 280%; }
}


/**
 * Home - Destination Cards
**/
.destination-cards { display: flex; }
.destination-cards > div { padding: 7.5px; width: 20%; }
.destination-cards > div > a { padding: 20px 20px 0px; min-height: 350px; text-align: center; background-position: center center; background-size: cover; border-radius: 4px; }
.destination-cards > div > a { display: flex; justify-content: flex-end; flex-wrap: nowrap; flex-direction: column; position: relative; }
.destination-cards > div h3 { color: #fff; line-height: 1.2em; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
.destination-cards > div p { color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
.destination-cards > div:nth-child(1) a { background-image: url(../../uploads/2024/10/chiewlan.jpg); }
.destination-cards > div:nth-child(2) a { background-image: url(../../uploads/2024/10/emerald-pool.jpg); }
.destination-cards > div:nth-child(3) a { background-image: url(../../uploads/2024/11/hot-spring-1.jpg); }
.destination-cards > div:nth-child(4) a { background-image: url(../../uploads/2024/10/wat-bang-thong-1.jpg); }
.destination-cards > div:nth-child(5) a { background-image: url(../../uploads/2024/10/tiger-cave-temple-1.jpg); }

.destination-cards > div a { transition: all 0.5s ease; }
.destination-cards > div a p { height: 0; transition: all 0.5s ease; overflow: hidden; }
.destination-cards > div:hover a { background-position: calc( 50% + 20px ) top; }
.destination-cards > div:hover a p { height: 30px; }

@media only screen and (max-width: 600px) {
    .destination-cards { flex-wrap: wrap; }
    .destination-cards > div { width: 100%; }
}



/**
 * Testimonails section
**/
.testimonial-row { display: none; }
.page-id-2 .testimonial-row { display: flex; }



.oct-section .row .col .col { padding-bottom: 0; }
.oct:before{ content: ''; display: block; width: 1px; height: 400px; background-color: rgba(255,255,255,.5); position: absolute; left: 55px; }
.oct:before { top: -150px; }
.oct .image-cover,
.oct .img-inner { aspect-ratio: 1; --o:calc(50%*tan(-22.5deg)); clip-path: polygon( var(--o) 50%,50% var(--o), calc(100% - var(--o)) 50%, 50% calc(100% - var(--o)) ); overflow: hidden; }
.oct .image-cover img,
.oct .img-inner img { border: 1px solid #eee; }
.oct .image-cover:after,
.oct .img-inner:after { content: ''; display: block; width: 100%; aspect-ratio: 1; position: absolute; top: 0; left: 0; border: 1px solid #eee; rotate: 45deg; }

@media (max-width: 849px){ 
  .oct:before { display: none; }
  .oct-section .col-inner { text-align: center; }
}

@media (max-width: 549px){
  
}



/**
 * Single Product
**/
.product-section h5 { font-size: 1.25em; }
.product-section .entry-content h3 { margin-top: 1.75em; margin-bottom: 1em; }



/**
 * Cart
**/


/**
 * Checkout
**/


.breadcrumbs a.current, 
.breadcrumbs a:hover { color: var(--fs-color-primary); }

.wc-block-components-product-details li { font-size: 100%; }

.wc-block-components-button { background-color: var(--fs-color-secondary) !important; border-radius: 4px; }
.wc-block-components-button:hover { color: #fff; background-color: var(--fs-color-primary) !important; }

.wc-block-components-sidebar-layout.is-large { font-size: inherit; }


.info--row a { transition: all .4s; }
.info--row a:hover { color: var(--fs-color-secondary); }


a.hover-primary { transition: all .4s; }
a.hover-primary:hover { color: var(--fs-color-primary); }
a.hover-secondary { transition: all .4s; }
a.hover-secondary:hover { color: var(--fs-color-secondary); }


/**
 * WooCommerce
 **/
[data-icon-label]:after { right: -5px; top: -3px; }


/**
 * Contact Form 7
**/
.cf7-2cols p br { display: none; }
.cf7-2cols p { display: flex; }
.cf7-2cols p label:first-child { margin-right: 10px; }

@media (max-width: 849px){ 
}

@media (max-width: 549px){
  .cf7-2cols p { display: block; }
}


/**
 * Mobile แนวนอน
 */
 @media only screen and (max-width: 896px) and (orientation: landscape) {
  .footer-wrapper { font-size: 80%; }
}




@media (max-width: 1024px){
}

@media (max-width: 430px){
}