/*
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
*/

/********** GENERAL **********/
/*****************************/

:root {
	--gold: #E0C576;
	--gold-dark: #C29330;
	--text: #202532;
	--text-light: #999999;
	--bg-dark: #181818;
	--bg-grey: #EEEEEE;
	--bg-gradient: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
	--space-xs: 1.5rem;
	--space-sm: 2.5rem;
	--space-md: 5rem;
	--space-lg: 7.5rem;
	--space-xl: 10rem;
}

.mt-0 {
	margin-bottom: 0;
}
.mb-0 {
	margin-bottom: 0;
}
.mt-xs {
	margin-top: calc(var(--space-sm)/2) !important;
}
.mb-xs {
	margin-bottom: calc(var(--space-sm)/2) !important;
}
.mt-sm {
	margin-top: var(--space-sm) !important;
}
.mb-sm {
	margin-bottom: var(--space-sm) !important;
}
.mt-md {
	margin-top: var(--space-md) !important;
}
.mb-md {
	margin-bottom: var(--space-md) !important;
}
.mt-lg {
	margin-top: var(--space-lg) !important;
}
.mb-lg {
	margin-bottom: var(--space-lg) !important;
}

.wpbs-form-fields input::-webkit-input-placeholder,
.wpbs-form-fields textarea::-webkit-input-placeholder {
    color: #fff;
}

#main section,
.row-section .wpb_column .vc_column-inner {
	padding-top: var(--space-md) !important;
	padding-bottom: var(--space-md) !important;
}

.bg-light {
	background: #FAFAFA;
}
.bg-dark {
	background: var(--bg-dark);
}
.bg-gradient {
	background: var(--bg-gradient);
}

.btn-inverted {
	background: var(--bg-dark) !important;
	color: var(--gold) !important;
}
.btn-inverted:hover {
	background: var(--gold-dark) !important;
	color: var(--text) !important;
}

.text-normal {
	font: var(--the7-base-font);
}
.text-justify {
	text-align: justify;
}

.txt-subtitle {
	color: var(--text-light);
	text-transform: uppercase;
	text-align: center;
} 
.txt-underline {
	position: relative;
}
.txt-underline::after {
	content: '';
	display: block;
	width: 70px;
	height: 1px;
	background: var(--gold-dark);
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%, 15px);
}

.branding {
	position: absolute;
	top: -30px;
}
.branding a img {
	height: 120px;
}
.mobile-branding a img {
	width: 60px;
}
#phantom .logo-box a img,
.sticky-on .branding a img {
	height: 40px;
}

@media (min-width:768px) {
	.vc_row.inverted .wpb_column:first-child {
		order:2;
	}
	.vc_row.inverted .wpb_column:last-child {
		order:1;
	}
}

.masthead .btn-reservation.anchor-link,
.dt-mobile-header .btn-reservation.anchor-link {
	display: none;
}
body.page-reservation .masthead .btn-reservation,
body.page-reservation .dt-mobile-header .btn-reservation {
	display: none;
}
body.page-reservation .masthead .btn-reservation.anchor-link,
body.page-reservation .dt-mobile-header .btn-reservation.anchor-link {
	display: inherit;
}


/* footer */
.col-01 .wp-block-group__inner-container {
	display: flex;
	align-items: center;
}
.col-01 .wp-block-group__inner-container img {
	min-width: 110px;
	height: 120px;
	margin-right: 15px;
}
.col-01 .wp-block-group__inner-container .icon-with-text-shortcode {
	display: flex;
	flex-flow: row wrap;
}
.col-01 .wp-block-group__inner-container .icon-with-text-shortcode .text-icon {
	margin-right: 8px;
}
.col-01 .wp-block-group__inner-container .icon-with-text-shortcode .dt-text-desc {
	margin-top: -5px;
}
.col-01 .wp-block-group__inner-container .icon-with-text-shortcode a {
	color: var(--gold-dark);
}


/********* OVERRIDES *********/
/*****************************/
a {
	text-decoration: none !important;
}
a:hover {
	color: var(--gold-dark) !important;
}
.right-widgets .text-area a {
	display: inline-block;
	text-decoration: none !important;
	padding: 0 calc(var(--space-sm)/2);
	border-right: 1px solid rgba(255,255,255,.1);
}
.wpcf7-acceptance {
	font: var(--the7-base-font);
}

footer .widget_presscore-custom-menu-two {
	padding: 0 !important;
}
footer .custom-nav > li:not(:last-child) > a {
	padding-bottom: 5px !important;
}

.mobile-mini-widgets-in-menu .text-area a {
	display: block;
	margin-top: 10px;
}

.mobile-mini-widgets-in-menu .mini-wpml {
	display: block !important;
	width: 100%;
	order: 10;
}

iframe {
	display: block;
}


/********** WEBSITE **********/
/*****************************/

/* homepage */
.home-top-hero {
	min-height: calc(100vh - 80px);
}
.home-top-hero.mobile {
	display: none;
}
.home-top-hero h1 {
	text-shadow: 0 0 5px #000;
}
.home-top-hero-bottom {
	height: 80px;
	color: #ffffff;
}
.home-top-hero-bottom .vc_column-inner {
	padding-top: 0 !important;
}

.row-home-gallery .col-txt .vc_column-inner {
	padding-top: var(--space-lg) !important;
	padding-bottom: var(--space-lg) !important;
}
.row-home-gallery .col-txt .vc_column-inner > .wpb_wrapper {
	padding: 0 var(--space-sm);
}
.row-home-gallery .txt-float {
	background: rgba(0,0,0,.5);
	font: var(--the7-base-font);
	color: var(--text-light);
	padding: 0 calc(var(--space-sm)/2);
	position: absolute;
	top: var(--space-sm);
}

.row-home-equipment {
	padding: 15px 0;
}
.row-home-equipment .wpb_single_image {
	margin-bottom: 0;
}
.row-home-equipment .wpb_text_column {
	padding: calc(var(--space-sm)/2);
	background: rgba(0,0,0,.8);
	text-align: center;
	color: #ffffff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 20px;
	pointer-events: none;
}

.row-home-testimonials {
	text-align: center;
	color: #ffffff;
}
.testimonial-content {
}
.testimonial-author {
	font-weight: bold;
}
.row-home-testimonials .owl-dot:not(.active) span {
	background: rgba(255,255,255,.3) !important;
}

#main section.block-home-features {
	padding-bottom: 0 !important;
}
.row-home-features .wpb_single_image {
	margin-bottom: calc(var(--space-sm)/2);
}
.row-home-features .vc_custom_heading {
	margin-bottom: var(--space-md);
}

.row-villa-details .col-details .vc_column-inner {
	padding: 0;
	background: var(--bg-dark);
}
.row-villa-details .col-details .vc_column-inner > .wpb_wrapper {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.row-villa-details .col-details .vc_column-inner h3 {
	color: var(--bg-dark);
	background: var(--gold);
	padding: calc(var(--space-sm)/2);
	margin-bottom: 0;
}
.row-villa-details .col-details .wpb_text_column {
	padding: 0 calc(var(--space-sm)/2);
}
.row-villa-details .col-details .table-features-list {
	font: var(--the7-base-font);
	color: #ffffff;
}
.row-villa-details .col-details .table-features-list td {
	border-color: rgba(255,255,255,.1);
	padding: 15px 10px 15px 5px;
}
.row-villa-details .col-details tbody tr:first-child td {
	border-color: transparent;
}
.row-villa-details .col-details .table-features-list img {
	width: 24px;
	height: 24px;
	max-width: 24px;
}
.row-villa-details .col-details .txt-features {
	margin-top: auto;
}
.row-villa-details .col-details .txt-prices {
	background: var(--gold-dark);
	padding: calc(var(--space-sm)/2);
	color: #fff;
}
.row-villa-details .col-details .txt-prices h4 {
	color: #fff;
}
.row-villa-details .col-details .btn-align-center {
	padding: calc(var(--space-sm)/2);
	background: var(--gold);
}

.col-booking-form {
	padding-top: calc(var(--space-sm)/2);
	background: rgba(0,0,0,.7);
}
.wpbs-container .wpbs-calendars .wpbs-calendar .wpbs-calendar-header {
	background-color: transparent;
}
.wpbs-container .wpbs-calendars .wpbs-calendar table thead tr th {
	color: #ffffff;
}
.wpbs-container .wpbs-calendars .wpbs-calendar {
	background-color: transparent;
	border: 0px;
	float: none !important;
	margin: auto !important;
}
.wpbs-main-wrapper .wpbs-form-container {
	margin: auto !important;
}
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field select,
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type="text"],
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field input[type="email"],
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field textarea {
	background-color: transparent !important;
	border-width: 0 0 1px 0 !important;
	border-color: #666666 !important;
	color: #fff;
}
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field select option {
	color: var(--text);
}
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type="submit"] {
	background: var(--the7-btn-bg,transparent linear-gradient(180deg, #e0c576 0%, #c29330 100%)) !important;
	font: var(--the7-btn-m-font) !important;
	text-transform: var(--the7-btn-m-text-transform) !important;
	letter-spacing: var(--the7-btn-m-letter-spacing) !important;
}
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field.wpbs-form-submit-button {
	padding-bottom: 0 !important;
	text-align: center;
}
.wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type="submit"]:hover {
	background: #000 !important;
}
.wpbs-form-confirmation-message {
	padding: calc(var(--space-sm)/2) 0;
	color: #fff;
}
.villa-booking-form-info {
	color: #fff;
}
.villa-booking-form {
	display: none;
}
.villa-booking-form h3 {
	color: var(--gold);
	font-weight: 500;
}

.row-contact-infos table td {
	padding-top: calc(var(--space-sm)/2);
	padding-bottom: calc(var(--space-sm)/2);
	font: var(--the7-base-font);
}
.row-contact-infos table td:first-child {
	font-weight: bold;
}
.row-contact-infos table td:last-child {
	color: var(--text-light);
	text-align: right;
}
.row-contact-infos table td a {
	text-decoration: none !important;
	font-weight: bold;
}


/********* RESPONSIVE ********/
/*****************************/
@media (max-width:767px) {
	.home-top-hero.desktop {
		display: none;
	}
	.home-top-hero.mobile {
		display: flex;
	}
	.row-adventure .wpb_single_image {
		margin-bottom: 0 !important;
	}
	.row-adventure .vc_custom_heading {
		margin-bottom: var(--space-xs) !important;
	}
}