/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.verticaleAcc .row-item-info h3.info-title{ color:#fff!important}
.verticaleAcc .row-item-info{ padding-top:100px!important}
.verticaleAcc .info-subtitle {max-height: 311px; min-height: 100px;
text-align: center;
font-family: "Open Sans", Sans-serif;
font-size: 18px!important;
font-style: italic;
font-weight: 400;
line-height: 27px; letter-spacing: inherit !important; }

.jeg-elementor-kit.jkit-portfolio-gallery .row-item:hover  h3.info-title{ color:#0A7FA3!important}

.verticaleAcc .row-item-more a {
	padding: 0;
	background: #0A7FA3;
	color: #FFF;
	text-align: center;
	font-family: "Open Sans", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	/* line-height: 32px; */
	text-transform: capitalize;
	line-height: 47px !important;
	height: 47px;
	display: block;
}
.verticaleAcc .row-item-more a:hover{ background:#FE460A!important}

.fbb button, .fbb input[type="button"], .fbb input[type="submit"], .fbb .elementor-button {padding: 0 !important;	margin: 0 0 80px 0;}
.FloatingButton__FloatingButtonContainer button, .FloatingButton__FloatingButtonContainer input[type="button"], .FloatingButton__FloatingButtonContainer input[type="submit"], .FloatingButton__FloatingButtonContainer .elementor-button {padding: 0 !important;	margin: 0 0 80px 0;}
.ButtonBase__ButtonContainer-sc-p43e7i-3.kdKNhs.Bubble__BubbleComponent-sc-13azvyr-0.jcDyOz {
	padding: 0 !important;
	margin: 0 0 70px 0;
}

/****************************/
/* TRIP CSS START HERE
/****************************/
.grid-row{ display: grid; grid-template-columns: repeat(3, 1fr); gap:30px;}
.grid-3{ height: 400px; overflow: hidden; position: relative; text-align: center;}
.grid-3 img{ width: 100%; height: 400px; object-fit: cover; display: block}
.info-box{ position: absolute; width: 100%; left: 0; top: 0; background: #0000004D; height: 100%; padding:50px; display:flex; flex-direction:column; justify-content:center; align-items:center}
.info-box h3{ color:#FFF; font-family: "Open Sans", Sans-serif; font-weight:700; line-height: 120%; transition: all 0.2s ease;}
.info-box p{ overflow: hidden; position:absolute; bottom:-1000px; opacity:0;   }
.info-box a{ overflow: hidden; position:absolute; bottom:-1000px; opacity:0;  }


.grid-3:hover p{  transition: all 0.3s ease; opacity:1; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-weight: 700; font-size:18px; color:#FFF; line-height: 120%; position:unset; bottom:unset; margin:0px 0 30px }

.grid-3:hover a{  transition: all 0.3s ease; opacity:1; font-weight: 700; font-size:18px; color:#FFF; line-height: 120%; position:unset; bottom:unset; height:47px; background: #FE460A; padding:0 39px;  color:#FFF; font-family: "Open Sans", Sans-serif; font-weight:700; line-height:47px;}
.grid-3:hover a:hover { background:#0A7FA3}

.galslider.owl-carousel .owl-item img {height: 598px;	object-fit: cover;}
.owl-prev {
	position: absolute;
	left: 0;
	top: 42%;
	border-radius: 0px 30px 30px 0px;
	background: rgba(255, 255, 255, 0.60);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	font-size:0;
}
.owl-prev::after {
	content: url(https://test-gcp-cdn.xyz/Thai-Boutique-Travel/wp-content/uploads/2023/08/mdi_chevron-up.svg);
	height: 50px;
	line-height: 50px;
	position: absolute;
	left: 23%;
	top: 10px;
}
.owl-next {
	position: absolute;
	right: 0;
	top: 42%;
	border-radius:30px  0px 0px 30px;
	background: rgba(255, 255, 255, 0.60);
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	font-size:0;
}
.owl-next::after {
	content: url(https://test-gcp-cdn.xyz/Thai-Boutique-Travel/wp-content/uploads/2023/08/mdi_chevron-up2.svg);
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: 23%;
	top: 10px;
}
.owl-prev:hover,
.owl-next:hover { background:#FFF}
.owl-dots {
	text-align: center;
}
.owl-dot {
	background: #F000;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 20px 6px 0;
	border-radius: 100%;
	border: 2px solid #0A7FA3;
}
.owl-dot.active {background: #0A7FA3;}


.pptp .e-con-inner{ z-index:999}
.pptp .cct { overflow: hidden; position:absolute; bottom:-1000px; opacity:0;   }
.pptp .ttee{ overflow: hidden; position:absolute; bottom:-1000px; opacity:0;  }


.pptp:hover .cct {  transition: all 0.3s ease; opacity:1; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; font-weight: 700; font-size:18px; color:#FFF; line-height: 120%; position:unset; bottom:unset; margin:0px 0 30px }

.pptp:hover .cct h3{   font-weight: 700; font-size:18px; color:#FFF; line-height: 120%; position:unset; bottom:unset; margin:0px 0 30px }

.pptp:hover .ttee{  transition: all 0.3s ease; opacity:1; position:unset; bottom:unset; height:47px;}


.overflowh{ overflow:hidden!important}


.CaroselS img {
	height: 598px;
	object-fit: cover;
}

/****************************/
/* TRIP CSS END HERE
/****************************/
.tiprow {
	background: url(https://test-gcp-cdn.xyz/Thai-Boutique-Travel/wp-content/uploads/2023/08/line.png) no-repeat center center;
}
.tiprow .elementor-loop-container .e-loop-item:nth-child(2n+3) .elementor-element-efbb098 { padding:0 0 0 50px;}
.tiprow .elementor-loop-container .e-loop-item:nth-child(2n+3) .elementor-element-d35d443  {order: 1;	padding:0 80px 0 0; text-align:right; direction:ltr}

.tiprow .elementor-loop-container .e-loop-item .elementor-element-d35d443:after {content:""; width:20px; height:20px; position:absolute; background:#F00; left}

.tiprow .elementor-loop-container .e-loop-item .elementor-element-d35d443::after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	background: #0A7FA3;
	left: -28px;
	top: 71px;
	border-radius:100%;
}
/* .swiper-zoom-container {
	text-align: center;
	background: #FFF;
	padding: 30px;
	width:auto!important;
	height:auto!important;
} */



/*
.elementor-lightbox .dialog-message.dialog-lightbox-message {
	padding: 0;
	display: flex;
	align-items: center;
}
*/

.elementor-lightbox .swiper, .elementor-lightbox .swiper-container {
	/* height: auto; */
/*	background: #FFF;*/
	/* display: flex; */
	/* align-content: center; */
/*
	max-width: 800px;
	height: fit-content;
	position: relative;
*/
}
/* .elementor-lightbox .elementor-lightbox-item { padding:0!important} */

/*
.swiper-zoom-container img { box-shadow:inherit!important}


.elementor-slideshow__footer {
	bottom:auto;
	top: 0;
	z-index: 999;
	position: absolute!important;
	color: #000;
	text-align: right;
}


.tiprow .elementor-loop-container .e-loop-item:nth-child(2n+3) .elementor-element-d35d443::after{
		content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	background: #0A7FA3;
	left:auto;
	right: -12px;
	top: 71px;
}
.elementor-slideshow--ui-hidden .elementor-slideshow__footer, .elementor-slideshow--ui-hidden .elementor-slideshow__header {
	opacity: inherit;
	pointer-events: none;
}

.dialog-lightbox-widget header.elementor-slideshow__header.elementor-lightbox-prevent-close {transform: inherit!important; bottom:0!important}
.dialog-lightbox-widget .elementor-slideshow--share-mode .elementor-slideshow__share-menu {
	top: -58px!important;
	left: 140px!important;
	width: 87vh;
	height: 100vh;
	opacity: 1;
	cursor: default;
	background-color: transparent;
	padding: 0!important;
}
*/

.grid-3 {
	  transition: transform 1s;
/*   transform-style: preserve-3d;
	backface-visibility: hidden; */
}

.grid-3:hover  {
/*  transform: rotateY( 180deg ) ;
  transition: transform 0.5s; */
}


.grid-3 img{
	  transition: transform 1s;
/*   transform-style: preserve-3d;
	backface-visibility: hidden; */
}

.grid-3:hover img{
 transform: rotateX( 360deg ) ;
  transition: transform 0.5s;
}



#commentform {display: flex; flex-wrap: wrap;justify-content: space-between;}
#commentform .comment-form-url {	width: 48%;}
#commentform .comment-form-email {width: 48%;}
#commentform .comment-form-author{width: 100%;}

#commentform p input[type=text],
#commentform p input[type=email],
#commentform p input[type=tel],
#commentform p input[type=url] {border: 1px solid #000; padding:16px 49px 16px 10px }

#commentform p textarea{resize:none; height:133px}

#commentform p.form-submit { width:100%;}
#commentform p.form-submit input#submit {
	width: 100%;
	padding: 12px 0;
	border-radius: 0;
	border: 0;
	font-weight: normal;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
}


/*
.LooPZ .e-loop-item {transition: all 200ms ease-in;}
.LooPZ .e-loop-item:hover  {transition: all 200ms ease-in;transform: scale(1.1);}


.galslider.owl-carousel .owl-item img {transition: all 200ms ease-in;}
.galslider.owl-carousel .owl-item:hover img {transition: all 200ms ease-in;transform: scale(1.1);}

.swiper-slide img {transition: all 200ms ease-in;}
.swiper-slide:hover img {transition: all 200ms ease-in;transform: scale(1.1);}
*/


.pptp:hover {
	background-size: 100%;
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.1);
}
.CatPro .woocommerce ul.products li.product {transition: all .4s;}
 .CatPro .woocommerce ul.products li.product h2{ border-radius:100%}
/*.CatPro .woocommerce ul.products li.product,
.CatPro .woocommerce ul.products li.product h2,
.CatPro .woocommerce ul.products li.product img{    transition: 1.70s;  -webkit-transition: 1.70s;  -moz-transition: 1.70s;  -ms-transition: 1.70s; -o-transition: 1.70s;} */


/* .CatPro .woocommerce ul.products li.product:hover{transition: 1.70s; -webkit-transition: 1.70s; -moz-transition: 1.70s; -ms-transition: 1.70s; -o-transition: 1.70s; -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg);} */

.CatPro,
.CatPro div{ overflow:unset !important}
.CatPro .woocommerce ul.products li.product:hover h2{  background:#0000008a  }


.bottom .e-loop-item { opacity:0!important; transition: transform 0.7s;}
.bottom .e-loop-item.current-item { opacity:1!important; transition: transform 0.7s;}
.top .e-loop-item .elementor-flip-box__layer__description h3 { display:none!important}

.top .e-loop-item.current-item:hover h3 {color: #0A7FA3!important; }


.swiper-zoom-container img {transition: all 200ms ease-in;	transform: inherit!important;}


@keyframes clouds-loop-1 {
    to {
      background-position: -1000px 0;
    }
  }
  .clouds-1 {
   
    animation: clouds-loop-1 110s infinite linear;
  }
  
  
  .clouds-1 {
    background-repeat: repeat-x;
    height: 171px;
  }

.info-box p{
	  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2!important;
  -webkit-box-orient: vertical;

}

@keyframes clouds-loop-2 {
    to {
      background-position: -1000px 0;
    }
  }
  #clouds-2:after {
   
    animation: clouds-loop-2 80s infinite linear;
  }
  
  
  #clouds-2:after {
    background-repeat: repeat-x;
    height: 171px;
  }



.woocommerce-notices-wrapper{ display:none!important}


/*****************HEADER STICKY CSS HERE************************/
.CatPro  {
  transition: 0.5s ease;
}
.CatPro.active {
    position: fixed;
    background: #0a7fa3;
    top: -16px!important;
    left: 0;
    z-index: 999;
    transition: 0.5s ease;
    padding: 7px 0;
    border-top: 1px solid #308ba7;
    padding: 8px 0 10px;
}

.header-stick.fixed { background:#0a7fa3}

.admin-bar .CatPro.active {top: 0px!important;}

.header-stick.fixed .elementor-widget-theme-site-logo img { width: 85px;}
.header-stick.fixed .elementor-widget.elementor-widget-image img { width: 85px;}
.CatPro.active  .elementor-cta {
    display: block;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.CatPro.active .elementor-cta__content { min-height:90px!important}



@media screen and (max-width:768px){
	.CatPro.active { position:inherit!important}
	.header-stick.fixed .elementor-widget-theme-site-logo img { width: 55px;}
.header-stick.fixed .elementor-widget.elementor-widget-image img { width: 35px;}
}
/*****************HEADER STICKY CSS HERE************************/



@media screen and (max-width:767px){
	.HeadingView .elementor-widget-container::after {display:none!important}
	.HeadingView h2{ background:none!important}
	
.tiprow .elementor-loop-container .e-loop-item:nth-child(2n+3) .elementor-element-efbb098 { padding:0 0 0 0px;}
.tiprow .elementor-loop-container .e-loop-item:nth-child(2n+3) .elementor-element-d35d443  {order: 0;	padding:0 0px 0 0;  direction:rtl}

.tiprow .elementor-loop-container .e-loop-item .elementor-element-d35d443:after {display:none}
.tiprow .elementor-loop-container .e-loop-item .elementor-element-d35d443::after {display:none}
.tiprow .elementor-loop-container .e-loop-item:nth-child(2n+3) .elementor-element-d35d443::after{display:none}
	.InnerBanner::after{height: 50px!important;}
	.grid-row {grid-template-columns: repeat(1, 1fr);gap: 30px;	padding: 20px;}
	.grid-3{ height:330px;}
	.info-box { padding:10px}
	.galslider.owl-carousel .owl-item img { height:300px}
	.CaroselS img { height:300px}
}

@media screen and (max-width:767px){
    .ImArea .elementor-absolute  { position:inherit!important;}
}