/*
Theme Name: Treasure Seekers Travel
Text Domain: tst
Version: 1.0
Author: Evgen Yurevich
*/


html,body {
  
 
	 background-color:#fff;
	 color:#333;
}
 
body{
 
    min-height: -webkit-fill-available;
	font-family: "Mulish", serif;
	font-optical-sizing: auto;
	font-family: "Roboto", sans-serif;
	
}
html {
 
   scroll-behavior: smooth;
}
h1, h2, h3{
	font-family: "Cormorant Garamond", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}
h1{
	
	text-transform:uppercase;
	text-align:center;
}


   h4, h5,  h6{
	 
	font-weight: 400;
	font-style: normal;
 }

 h6{
	font-family: "Mulish", serif;
	font-weight:normal;
} 

nav.scrolled{
	background-color:#F7931E;
	box-shadow:5px 0 10px rgba(0,0,0,0.4);
}


a{
	color:#4b2902;
	text-decoration:underline;
}


.navbar-tst{
	padding:0;
	position:absolute;
	z-index:10;
	width:100%;
	top:0;
	
}

.navbar-tst .container{
	 position: relative;
  z-index: 0;  
}
.navbar-nav{
	width:320px;
}
 
.navbar-nav ul{
	padding:0;
	margin:0;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
.navbar-nav ul li{
	padding:0;
	margin:0;
}
.navbar-nav ul li a{
	display:block;
	color:#fff;
	padding:0;
	margin:0 10px;
	text-decoration: none;
}
.navbar-nav ul li a:hover{
	color:#faaf40;
}
.only-mobile-flex{
	display:none;
}
.only-mobile-block{
	display:none;
}
.only-desktop-flex{
	display:flex;
}
.only-desktop-block{
	display:block;
}

@media(max-width:991px){
	.only-mobile-flex{
		display:flex;
	}
	.only-mobile-block{
		display:block;
	}
	.only-desktop-flex{
		display:none;
	}
	.only-desktop-block{
		display:none;
	}
	.mobile-order-first{
		order: -1
	}
}


button.tst-toggler{
	position:absolute;
	right:0;
	top:0;
	margin-top:8px;
	margin-right:8px;
	background-color:#dac5a0;
	z-index:18;
	border-radius:4px;
	border:0;
	outline:0;
	transition:all 0.6s  ease-in;
 
}
button.collapsed{

	background-color:#faaf40;
}
span.tst-toggler-icon{
	background-position:center;
	
	background-repeat:no-repeat;
	background-size:32px 32px;
	background-image:url('images/tst-toggler-icon.svg');
	display:block;
	width:36px;
	height:36px;
}
.mobile-navbar{
	position:absolute;
	width:100%;
 	top:0;
	left:0;
	z-index:15;
	background-color:#dac5a0;
	padding:20px;
}
.mobile-menu{
	padding:0;
	margin:0;
}
.mobile-menu li{
	display:block;
}
.mobile-menu li a{
	display:block;
	color:#4b2902;
	padding:5px 0px 5px 10px;
	margin-bottom:3px;
	border-left:4px solid #faaf40;
	text-decoration:none;
	
}
.mobile-menu li a:hover{
	border-left:4px solid #db8c23;
	text-decoration:underline;
}

.mobile-menu-iconbar{
	display:flex;
	flex-direction:row;
	align-items: start;
	justify-content:flex-start;
	padding:10px 0;
}
.mobile-menu-iconbar a{
	display:block;
	width:32px;
	height:32px;
	background-position:center;
	background-size:32px 32px;
	margin:2px 7px;
	border-radius:50%;
	transition:all 0.6s  ease-in;
}
.mobile-menu-iconbar a:hover{
	background-color:#faaf40;
	border:1px solid #faaf40;
}
.mobile-menu-iconbar a.fb{
	background-image:url('images/icon-fb-brown.svg');
}
.mobile-menu-iconbar a.ig{
	background-image:url('images/icon-in-brown.svg');
}

.mobile-menu-iconbar a.yt{
	background-image:url('images/icon-yt-brown.svg');
}
.mobile-menu-iconbar a.tg{
	background-image:url('images/icon-tg-brown.svg');
}
.mobile-menu-iconbar a.tt{
	background-image:url('images/icon-tt-brown.svg');
}
.mobile-menu-iconbar a.cf{
	background-image:url('images/icon-cf-brown.svg');
}


header.tst-header-fp{
	position: relative;
	
	/* perspective: 1px; */
	height: 100vh;
	overflow: hidden;
	will-change: transform;
	background-color:#573890;
 
}
 
.tst-header-layer{
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
 
	 
    
	
}
/*
.tst-logo-container{
	background-image: url('images/tst-logo-bg.svg');
	background-repeat: no-repeat;
	background-position: center-top;
	background-size:auto 100%;
	padding:10px;
	margin:0;
	width:204px;
	height:218px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.tst-main-logo{
	height:198px;
	width:198px;
}
 */
 
 
.tst-logo-container{
 
	padding:10px;
	margin:0;
	width:184px;
	height:184px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.tst-main-logo{
	height:174px;
	width:174px;
}
 
header.tst-header-fp .layer-0{
	background-image: url('images/Header-bg-5.svg'), url('images/Header-bg-3.svg'), url('images/Header-bg-2.svg'), url('images/Header-bg-2-1.svg'), url('images/Header-bg-1.svg'), url('images/Header-bg-0.svg');
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, no-repeat, no-repeat;
	background-position:center, center bottom, bottom, bottom, 50% 60%, center;
	background-size:cover, auto 560px, auto 300px, auto 300px, 300px 300px, cover;
	background-color:#5a458b;
	z-index: 1;
	
	/*transform: translateZ(-3px) scale(4); */
 
	 
}
header.tst-header-fp .layer-text{
	/*transform: translateZ(-2px) scale(3); */
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	color:#fff;
	z-index: 2;
	background-image: url('images/Header-bg-stars.svg');
	background-size:86% auto;
	background-position:center top;
	background-repeat:no-repeat;
	
}



header.tst-header-fp .layer-1{
	background-image: url('images/Header-bg-6-l.svg'), url('images/Header-bg-6-r.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: 0 50%, 100% 50%;
	background-size:auto 100%, auto 100%;
	/*transform: translateZ(-1px) scale(2); */
	z-index: 3;
}	
header.tst-header-fp .layer-2{
	background-image:url('images/Header-bg-7-b.svg'), url('images/Header-bg-7-l.svg'), url('images/Header-bg-7-r.svg');
	background-repeat:no-repeat, no-repeat,no-repeat;
	background-position:50% 100%,0 50%, 100% 50%;
	background-size:80% auto, auto 100%, auto 100%;
	z-index: 4;
	
	/*transform: translateZ(0); */
	
}
header.tst-header-fp .tst-worldmark{
	display:block;
	width:auto;
	height:120px;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:160px;
}
.header-inner-container .tst-worldmark{
	display:block;
	width:auto;
	height:120px;
	margin:0 auto;
	margin-bottom:15px;
	margin-top:50px;
}
@media(max-width:767px){
header.tst-header-fp .tst-worldmark{
		display:block;
		width:70%;
		height:auto;
		margin-bottom:40px;
		margin-top:20px;
}
 
.header-inner-container .tst-worldmark{
		display:block;
		width:90%;
		height:auto;
		margin-bottom:40px;
}
	
	header.tst-header-fp .layer-0{
	background-image: url('images/Header-bg-5.svg'), url('images/Header-bg-3m.svg'), url('images/Header-bg-2.svg'), url('images/Header-bg-2-1.svg'), url('images/Header-bg-1.svg'), url('images/Header-bg-0.svg');
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x, no-repeat, no-repeat;
	background-position:center, center bottom, bottom, bottom, 50% 60%, center;
	background-size:cover, auto 420px, auto 300px, auto 300px, 300px 300px, cover;
	background-color:#5a458b;
	z-index: 1;
 
}

header.tst-header-fp .layer-2{
	background-image:url('images/Header-bg-7-b.svg'), url('images/Header-bg-7-l-m.svg'), url('images/Header-bg-7-r-m.svg');
	background-repeat:no-repeat, no-repeat,no-repeat;
	background-position:50% 100%,0 50%, 100% 50%;
	background-size: auto 20%, auto 100%, auto 100%;
	z-index: 4;
	

	
}
header.tst-header-fp .layer-1{
	background-image: url('images/Header-bg-6-l-m.svg'), url('images/Header-bg-6-r-m.svg');
	background-repeat: no-repeat, no-repeat;
	background-position: 0 50%, 100% 50%;
	background-size:auto 100%, auto 100%;
	z-index: 3;
}	
header.tst-header-fp .layer-text{
	/*transform: translateZ(-2px) scale(3); */
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	z-index: 2;
	
	background-image: url('images/Header-bg-stars-m.svg');
	background-size:86% auto;
	background-position:center top;
	background-repeat:no-repeat;
	
}

}


.header-container:after{
	display:block;
	content:" ";
	height:40px;
	background-color:#000021;
	background-image:url('images/block-transition.svg');
	background-repeat:repeat-x;
	background-position:bottom;
}

header.tst-header-fp h1{
	font-size:3.5em;
	font-weight:700;
	padding:10px 90px 0 90px;
}


@media(max-width:991px){
	header.tst-header-fp h1{
	font-size:2.5em;
	font-weight:700;
	
}

.tst-logo-container{

	padding:10px;
	margin:0;
	width:164px;
	height:164px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.tst-main-logo{
	height:154px;
	width:154px;
}
}


.header-inner-container{
	position:relative;
	background-color:#000021;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:scroll;
}
header.tst-header-inner{
	
	position:relative;
	color:#fff;
	background-image:url('images/map-1.svg'),  url('images/grid.svg'), linear-gradient(0deg, transparent 0%, rgba(236,8,118,0.5) 100%);
	background-repeat:no-repeat, repeat, no-repeat;
	background-position:right, center, center;
	background-size: auto 100%, auto 70%, cover;
}

header.tst-header-inner:after{
	display:block;
	content:" ";
	height:40px;
	background-image:url('images/block-transition.svg');
	background-repeat:repeat-x;
	background-position:bottom;
	position:relative;
	bottom:0;
	z-index:10;
}

header.tst-header-inner h1{
	font-size:4em;
	padding-top:230px;
	padding-bottom:70px;
}


main.content{
	background-color:#f4eadc;
	position:relative;
	
}

main.content:before{
	background-image: linear-gradient(
		to bottom,
		rgba(218, 197, 160, 1) 0%,
		rgba(218, 197, 160, 0) 100%
		);
	background-repeat:repeat-x;
	background-position:top;
	
	display:block;
	position:absolute;
	height:200px;
	width:100%;
	top:0;
	content:" ";

	
}


h2.wp-block-heading{
	font-size:3em;
	font-weight:700;
}
h3.wp-block-heading{
	font-size:2em;
	font-weight:700;
}
main .container{
	position:relative;
	z-index:2;
}

footer{
	background-color:#4b2902;
	color:#9c8f74;
	border-top:4px solid #321703;
}
footer .molding{
	height:18px;
	background-image:url('images/footer-molding.svg');
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:20px;
	margin-top:20px;
}

footer a{
	text-decoration:none;
	color:#faaf40;
}
footer a:hover{
	color:#dd9331;
}

.footer-iconbar{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:10px 0;
}
.footer-iconbar a{
	display:block;
	width:32px;
	height:32px;
	background-position:center;
	background-size:32px 32px;
	margin:2px 7px;
	border-radius:50%;
	transition:all 0.6s  ease-in;
}
.footer-iconbar a:hover{
	background-color:#fff;
	border:1px solid #fff;
}
.footer-iconbar a.fb{
	background-image:url('images/icon-fb-orange.svg');
}
.footer-iconbar a.ig{
	background-image:url('images/icon-in-orange.svg');
}

.footer-iconbar a.yt{
	background-image:url('images/icon-yt-orange.svg');
}
.footer-iconbar a.tg{
	background-image:url('images/icon-tg-orange.svg');
}
.footer-iconbar a.tt{
	background-image:url('images/icon-tt-orange.svg');
}
.footer-iconbar a.cf{
	background-image:url('images/icon-cf-orange.svg');
}



.footer-menu  ul{
	margin:0;
	padding:0;
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}


.footer-menu ul li{
	margin:0;
	padding:0;
	display:block;
}
.footer-menu ul li a{
	display:block;
	padding:0px 6px;

}
@media(max-width:767px){
	.footer-menu  ul{
		flex-direction:column;
		width:100%;
	}
	.footer-menu ul li{
		margin-bottom:8px;
	}
}

.footer-icons, .footer-menu{
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
}
.footer-icons img{
	height:auto;
	width:80px;
	margin:0 6px;
}
.footer-icons img:last-child{
	width:100px;
}
@media(max-width:1200px){
	.footer-icons img{
	 
	width:60px;
	 
}	
.footer-icons img:last-child{
	width:8 0px;
}
}
@media(max-width:767px){
	.footer-icons, .footer-menu{
	 
 
}
}


.wpcf7 input[type=button], .wpcf7 input[type=submit], .wpcf7 input[type=reset] {
	border:1px solid #9c8f74;
	border-top:1px solid rgba(156,143,166,0);
	color:#4b2902;
	background-color:#faaf40;
	padding:6px 22px;
	transition: all ease-out  0.5s;
	width:auto;
	cursor: pointer;
	border-radius:10px;
	font-weight:700;
}

.wpcf7 input[type=button]:hover, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=reset]:hover {
	background-color:#dd9331;
	border-top:1px solid rgba(156,143,166,1);
}

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea{
	width:100%;
	border-radius:10px;
	border-bottom-left-radius:0px;
	padding:10px;
	border:2px solid rgba(0,0,0,0);
	outline:0px;
	margin:0;
	vertical-align:top;
}
.wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 textarea:focus{
	border:2px solid #faaf40;
	outline:0px;
}

.wpcf7 label{
	display:block;
	width:120px;
	padding:6px 12px;
	background-color:#faaf40;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	position:relative;
	font-size:0.8em;
	font-weight:700;
	
	
}
.wpcf7-not-valid-tip{
	position:absolute;
	font-size:0.8em;
	margin-left:130px;
	display:block;
	padding:6px 12px;
	font-weight:700;
}

section.tst-section{
	padding-left:20px;
	padding-right:20px;
	border-radius:14px;
}



.block-iconbar{
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	padding:10px 0;
}
.block-iconbar a{
	display:block;
	width:32px;
	height:32px;
	background-position:center;
	background-size:32px 32px;
	margin:2px 7px;
	border-radius:50%;
	transition:all 0.6s  ease-in;
}
.block-iconbar a:hover{
	background-color:#4b2902;
	border:1px solid #4b2902;
}
.block-iconbar a.fb{
	background-image:url('images/icon-fb-orange.svg');
}
.block-iconbar a.ig{
	background-image:url('images/icon-in-orange.svg');
}

.block-iconbar a.yt{
	background-image:url('images/icon-yt-orange.svg');
}
.block-iconbar a.tg{
	background-image:url('images/icon-tg-orange.svg');
}
.block-iconbar a.tt{
	background-image:url('images/icon-tt-orange.svg');
}
.block-iconbar a.cf{
	background-image:url('images/icon-cf-orange.svg');
}

.carousel-item{
	padding:0 50px;
}
.testiminials-item {
	padding:0 10px;
	position:relative;
	
}
.testiminials-item:before{
	content:'"';
	display:block;
	font-family: "Cormorant Garamond", serif;
	font-size:6em;
	font-weight:bold;
	margin:0 auto;
	line-height:1;
	height: 60px;
	
	
}
 


.t-photo-container{
	height:52px;
	width:52px;
	margin:0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100%, 100%;
	background-image:url('images/icon-user.svg');
	border-radius:50%;
	
}
.t-photo{
	height:52px;
	width:52px;
	margin:0 auto;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:50%;
}

.t-name{
	font-family: "Cormorant Garamond", serif;
	font-size:1.2em;
	font-weight:700;
}

.carousel-control-next, .carousel-control-prev{
	width:40px;
}
@media(max-width:767px){
	.testiminials-item:before{
		font-size:4em;
		height: 40px;
	}
	.testiminials-item{
		margin-bottom:22px;
	}
}