/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

@font-face {
    font-family: 'Kanit';
    src: url('/wp-content/uploads/fonts/Kanit-Light.eot');
    src: url('/wp-content/uploads/fonts/Kanit-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/fonts/Kanit-Light.woff2') format('woff2'),
        url('/wp-content/uploads/fonts/Kanit-Light.woff') format('woff'),
        url('/wp-content/uploads/fonts/Kanit-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

.dt-btn-link.outline {
	border: 2px solid #FF1C24;
	border-radius: 3px;
	transition: all .25s;
}
.dt-btn-link.outline:hover {
	border: 2px solid #000000;
}

.main-nav > li > a .menu-text {text-shadow:1px 1px #fff; transition: all .25s;}

.masthead.sticky-off {top: 80px !important;}
.masthead.sticky-off header {
	background: rgb(122,184,70);
	background: linear-gradient(180deg, rgba(122,184,70,1) 0%, rgba(54,63,42,1) 100%);
	border-radius: 100px;
	padding: 4px !important;
	filter: drop-shadow(0 0 10px rgba(0,0,0,.3));
}
.masthead.sticky-off header::before {
	content: "";
	height: calc(100% - 8px);
	width: calc(100% - 8px);
	background: rgb(242,242,242);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 50%, rgba(238,238,238,1) 50%);
	border-radius: 100px;
	position: absolute;
}
.masthead.sticky-off .branding {
	width: 190px;
	height: 80px;
	position: relative;
}
.masthead.sticky-off .branding a:not(.sticky-logo) {
	position: absolute;
	width: 190px;
	height: 190px;
	left: 0;
	top: -55px;
}

.mobile-header-bar {margin-top: 15px !important;}
.masthead.sticky-mobile-on .mobile-header-bar {
	margin-top: 0 !important;
	background: rgb(242,242,242);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 50%, rgba(238,238,238,1) 50%);
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #A6CE39;
}
.masthead.sticky-mobile-on .dt-mobile-menu-icon:not(.floating-btn) .menu-line::before {
	background: #000 !important;
}

#footer.solid-bg {
	background: rgb(122,184,70);
	background: linear-gradient(180deg, rgba(122,184,70,1) 0%, rgba(54,63,42,1) 100%);
	padding: 4px 0;
}
#bottom-bar {
	background: rgb(242,242,242);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 50%, rgba(238,238,238,1) 50%);
}

.phantom-sticky .sticky-on.masthead:not(.masthead-mobile) {
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 50%, rgba(238,238,238,1) 50%) !important;
	border-width:2px;
	box-shadow: 0 0 10px rgba(0,0,0,.3) !important;
}
.masthead.sticky-on .branding {height: 60px;}
.masthead.sticky-on .main-nav > li > a {margin: 0 14px;}

.wpml-ls-item .sub-nav {width:60px !important;}

.col-txt {
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: justify;
}
.col-txt > .vc_column-inner > .wpb_wrapper {max-width: 600px; margin: auto;}
.col-txt div.wpb_single_image {margin-bottom: 15px;}
.col-txt .dt-fancy-separator {
	margin-bottom: 15px;
	display: flex;
	align-items: stretch;
}
.col-txt .dt-fancy-separator .dt-fancy-title {
	flex-shrink: 0;
}
.col-txt .dt-fancy-separator::after {
	content: "";
	width: 100%;
	margin-left: 15px;
	background: url('images/bg-title-grey.png') left center/auto 30px no-repeat scroll;
}

#homepage {border-bottom: 1px solid #000;}
.home-icon-row .pull-up a.vc_single_image-wrapper {margin-top: -15px;}
.home-icon-row .pull-down a.vc_single_image-wrapper {margin-top: 15px;}
.home-icon-row a.vc_single_image-wrapper {
	background: rgba(51,51,51,.7);
	background: radial-gradient(circle, rgba(51,51,51,.7) 0%, rgba(0,0,0,.7) 100%);
	border: 2px solid #A6CE39;
	border-radius: 50%;
	padding: 15px;
	transition: all .25s;
}
.home-icon-row a.vc_single_image-wrapper:hover {
	background: rgba(51,51,51,1);
	background: radial-gradient(circle, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

#zetekart {
	background: rgb(238,238,238);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
}

#resort .gallery-shortcode {margin-bottom: 35px;}

#events {
	background: rgb(237,245,217);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(237,245,217,1) 100%);
}
#events .col-txt {padding: 35px 0;}

#prices {
	background: rgb(238,238,238);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
}
#prices .col-txt table {background: rgba(237,245,217,.5);}
#prices .col-txt table table {background: transparent; border-bottom: 0px;}
#prices .col-txt table table tr:first-child td {border-top: 0px;}

#contacts-row .col-light {
	background: rgb(238,238,238);
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
}
#contacts-row .col-dark {
	background: rgba(51,51,51,1);
	background: radial-gradient(circle, rgba(51,51,51,1) 0%, rgba(0,0,0,1) 100%);
}

#quote div.wpb_single_image img, #contact div.wpb_single_image img {height:58px; width: auto;}

#quote .dt-contact-form {max-width: 480px; margin: auto;}

#contact, #contact .aio-icon-header h3.aio-icon-title {color: #fff;}
#contact .aio-icon-header h3.aio-icon-title {font-size: 20px;}
#contact .dt-fancy-separator .dt-fancy-title {color: #fff;}
#contact .dt-fancy-separator::after {
    background: url('images/bg-title-white.png') left center/auto 30px no-repeat scroll;
}
#contact .but-navigation {position: absolute; right: 15px;}

.popmake-content:focus-visible, .popmake-content:focus {border: 0px; outline: none;}

@media (min-width:1200px) {
	.iconbox {
		float: left;
	}
}

@media (max-width:1199px) {
	.main-nav > li > a {
		margin: 18px 8px;
	}
}
@media (max-width:992px) {
	.col-txt .dt-fancy-separator .dt-fancy-title {font-size: 50px;}
}
@media (max-width: 767px) {
	.home-icon-row .vc_col-sm-2 {
		width: 33.33%;
		float: left;
	}
	.home-icon-row .pull-up a.vc_single_image-wrapper, .home-icon-row .pull-down a.vc_single_image-wrapper {margin: 0;}
	.col-img {order:1; height: 40vw;}
	.col-txt {order:2;}
}
@media (max-width: 559px) {
	.home-icon-row .vc_col-sm-2 {
		width: 50%;
	}
}