/*
Theme Name: Divi Child
Template: Divi
*/

@import url("../Divi/style.css");

/*colors---*/
/*-Yellow: #f1ab15 -*/
/*-Green: #546350 -*/



.mobnavbtn, .mobnavbtn .mnblock,
.overlay .closebtn,
#myNav #mobile-menu li a,
.mcf-send input[type=submit],
#menu-main-menu li a::after,
.footer-list-links ul li a,
.white-link a,
.footer-contact .et_pb_blurb_container a,
.cb-more a,
.dark-link a {
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.el-flex-row {
  display: flex;
  flex-wrap: wrap;
}
.el-flex-row .et_pb_column {
  display: flex;
  flex-direction: column;

}
@media (max-width: 980px) {
	.column-reverse {
		display: flex;
		flex-wrap: wrap;
	}
	.column-reverse .col-1{
		order:2;
	}
	.column-reverse .col-2{
		order:1;
	}
}

body .et_pb_button,
.et-db #et-boc .et-l .et_pb_button {
	font-weight:400;
	padding:8px 25px;
}
body .et_pb_button:hover, 
body .et_pb_module .et_pb_button:hover,
.et-db #et-boc .et-l .et_pb_button:hover, 
.et-db #et-boc .et-l .et_pb_module .et_pb_button:hover {
	padding:8px 35px 8px 15px;
}

/*---links---*/
.white-link a,
.et-db #et-boc .et-l .white-link a {
	color:#fff;
}
.white-link a:hover,
.et-db #et-boc .et-l .white-link a:hover {
	color:#000;
}
.dark-link a,
.et-db #et-boc .et-l .dark-link a {
	color:#000;
}
.dark-link a:hover,
.et-db #et-boc .et-l .dark-link a:hover {
	color:#fff;
}

/*---lists---*/
.yellow-list li,
.et-db #et-boc .et-l .yellow-list li {
  list-style: none;
}
.fyellow-list li:before,
.et-db #et-boc .et-l .yellow-list li:before {
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -16px;
  top: -0px;
  color: #f1ab15;
  font-size: 30px;
}
/*----------------------Menu--------------------------------*/
.header-contact {
	display:inline-block;
	float:right;
}
.header-contact:nth-child(1){
	float:left;
}
.header-contact.phone-link {
	padding-right:18px;
}
.header-contact .et_pb_main_blurb_image,
.et-db #et-boc .et-l .header-contact .et_pb_main_blurb_image {
	display:inline-block;
	margin-bottom: 0px;
	width:14px;
	margin-right:6px;
	vertical-align: middle;
}
.header-contact .et_pb_image_wrap,
.et-db #et-boc .et-l .header-contact .et_pb_image_wrap {
	width:14px;
}
.header-contact .et_pb_blurb_container,
.et-db #et-boc .et-l .header-contact .et_pb_blurb_container {
	display:inline-block;
	padding-left:0px;
}
.menu-container.et_pb_menu .et_pb_menu__wrap,
.et-db #et-boc .et-l .menu-container.et_pb_menu .et_pb_menu__wrap {
    justify-content: flex-end;
}

#menu-main-menu li.menu-item a,
.et-db #et-boc .et-l #menu-main-menu li.menu-item a {
	position:relative;
	z-index:2;
	font-weight:500;
}
#menu-main-menu li.menu-item.cottage-menu,
.et-db #et-boc .et-l #menu-main-menu li.cottage-menu {
	cursor:pointer;
}
#menu-main-menu li::after,
.et-db #et-boc .et-l #menu-main-menu li a::after {
	content:"";
	display:block;
	position:absolute;
	background-color:#f1ab15;
	width:100%;
	top:20px;
	height:2px;
	opacity:0;
}
#menu-main-menu li.menu-item a:hover::after,
.et-db #et-boc .et-l #menu-main-menu li.menu-item a:hover::after {
	opacity:1;
}
#menu-main-menu li.menu-item.menu-item-has-children a::after,
#menu-main-menu li.menu-item.menu-item-has-children a:hover::after,
.et-db #et-boc .et-l #menu-main-menu li.menu-item.menu-item-has-children a::after,
.et-db #et-boc .et-l #menu-main-menu li.menu-item.menu-item-has-children a:hover::after {
	display:none;
}
#menu-main-menu li.menu-item.current_page_item a::after,
.et-db #et-boc .et-l #menu-main-menu li.menu-item.current_page_item a::after {
	opacity:1;
}
#menu-main-menu li.menu-item ul.sub-menu,
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu {
	border-top:2px solid #d4a15e;
	width:260px;
}
#menu-main-menu li.menu-item ul.sub-menu li::after,
#menu-main-menu li.menu-item ul.sub-menu li:hover::after,
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu li::after,
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu li:hover::after {
	display:none;
}
#menu-main-menu li.menu-item ul.sub-menu li a,
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu li a {
	font-size:16px;
	line-height:1.4em;
	width:240px;
}
#menu-main-menu li.menu-item ul.sub-menu li,
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu li {
	width:240px;
	padding-left:10px;
	padding-right:10px;
}
#menu-main-menu li.menu-item ul.sub-menu li:hover a, 
#menu-main-menu li.menu-item ul.sub-menu li.current_page_item a,
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu li:hover a, 
.et-db #et-boc .et-l #menu-main-menu li.menu-item ul.sub-menu li.current_page_item a {
	color:#d0a364 !important;
}

@media (max-width: 1200px) {
	.header-sections .et_pb_row,
	.et-db #et-boc .et-l .header-sections .et_pb_row {
		width:96%;
	}
}
@media (max-width: 980px) {
	.header-logo {
		top: 0px !important;
	}
	.et-db #et-boc .et-l .header-sections .et_pb_row,
	.header-sections .et_pb_row {
		width:100%;
	}
}

/*-------------------------------------------------Mobile Menu------------------*/

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  max-width:320px;
  position: fixed; /* Stay in place */
  z-index: 9999999; /* Sit on top */
  right: 0;
  top: 0;
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
  padding:0px;
  box-shadow: 0px -5px 11px 3px rgba(0, 0, 0, 0.2);
}

/* Position the content inside the overlay */
.overlay-content {
	position: relative;
	width: 100%; /* 100% width */
	text-align: center; /* Centered text/links */
	margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
	max-width: 320px;
	margin: auto;
	top: 25px; 
}
.myNav-inner {
  height: 100%;
  width: 100%;
  position: relative; /* Stay in place */
  left: 0;
  top: 0;
  overflow-x: hidden; 
  background-color: rgb(255,255,255); 
  background-color: rgba(255,255,255, 1);
}

.custom-mobile-menu #mobile-menu {
	padding:0px 0px 30px 0px;
	text-align:center;
	max-width:300px;
	width:100%;
	margin: auto;
}
.custom-mobile-menu {
	width:auto;
	display:inline-block;
	vertical-align:middle;
	margin-left:0px;
	margin:0px 0px 0px 20px;
}

/* The navigation links inside the overlay */
#myNav #mobile-menu li a {
	padding: 4px;
	text-decoration: none;
	font-size: 18px;
	font-weight:500;
	color: #000;
	display: block; /* Display block instead of inline */
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	cursor:pointer;
}
#myNav #mobile-menu li {
	margin-bottom:8px;
	padding-bottom:0px;
	z-index:1;
	width:100%;
	border-bottom:0px;
}
#myNav #mobile-menu li a:hover,
#myNav #mobile-menu li.menu-item-has-children ul li a:hover{ 
	color:#f1ab15;
}
#myNav #mobile-menu li.current-menu-item a,
#myNav #mobile-menu li.menu-item-has-children ul li.current-menu-item a { 
	color:#f1ab15;
}
#myNav #mobile-menu li.menu-item-has-children ul li {
	margin-bottom:4px;
}
#myNav #mobile-menu li.menu-item-has-children ul.sub-menu {
	padding-left:0px;
	padding-top:5px;
	padding-bottom: 10px;
}
#myNav #mobile-menu li.menu-item-has-children ul li a {
	font-size:18px;
	line-height: 1.2em;
}

#myNav #mobile-menu li, #myNav #mobile-menu ul {
	list-style:none;
}


/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 22px;
  font-size: 40px;
  color:#f1ab15;
  z-index: 2;
}
.overlay .closebtn:hover {
  color:#f1ab15;
}

.mobnavbtn {
    z-index: 9999998;
    font-size: 60px;
    color: #fff;
    cursor: pointer;
    display: block;
    width: 36px;
    height: 35px;
    text-align: right;
    background-color: #f1ab15;
    border-radius: 3px;
    padding-top: 7px;
	position:fixed;
	top: 23px;
	right: 15px;
	margin-top:0px;
	opacity:1;
}

.mobnavbtn .mnblock {
	width: 22px;
    height: 2px;
    background-color: #fff;
    margin: 4px 0 0 7px;
}
.mobnavbtn:hover {
	background-color: #f1ab15;
}
.mobnavbtn:hover .mnblock {
	background-color: #000;
}

.mobile-logo {
	display:block;
	margin:auto;
	max-width:200px;
	margin-bottom:20px;
}

/*--------------------------------------Tree Titles-----------------------------------------*/
.tree-title img {
	position:absolute;
	bottom:0;
	width:86px;
	z-index:2;
}
.tree-title.tree-right img {
	right:0;
}
.tree-title.tree-left img {
	left:0;
}
.tree-title.tree-left h1,
.tree-title.tree-left h2,
.tree-title.tree-left h3 {
	position:relative;
	padding-left:120px;
	z-index:3;
}
.tree-title.tree-right h1,
.tree-title.tree-right h2,
.tree-title.tree-right h3 {
	position:relative;
	z-index:3;
}
@media (max-width: 767px) {
	.tree-title img {
		width:50px;
	}
	.tree-title.tree-left img {
		left:auto;
		right:0;
	}
	.tree-title.tree-left h1,
	.tree-title.tree-left h2,
	.tree-title.tree-left h3 {
		padding-left:0px;
	}
}


/*-------------------------- Gallery ---------------------------------*/
.gallery-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-bottom: 0px;
}

.gallery-tab {
    padding: 12px 24px;
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.gallery-tab:hover,
.gallery-tab.active {
    background: #f1ab15;
    color: #000;
	border-color:#f1ab15;
}


/* ---GALLERY SECTIONS--- */
.gallery-section {
    display: none;
}

.gallery-section.gallery-active {
    display: block;
    animation: galleryFadeIn 0.4s ease;
}

@keyframes galleryFadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 767px) {
	.gallery-tab {
		padding: 8px 20px;
		border-width: 1px;
		color: #fff;
		font-size: 12px;
	}
}

/*--------------------------------------Rates-----------------------------------------*/
.entry-content .rates-table table th {
	background-color:#546350;
	color:#fff;
	padding:9px 10px;
	line-height:1.2em;
}
.entry-content .rates-table table td {
	padding:9px 10px;
	line-height:1.2em;
}
@media (max-width: 767px) {
	.entry-content .rates-table table th,
	.entry-content .rates-table table td{
		font-size:12px;
	}
}
/*--------------------------------------Contact Form-----------------------------------------*/
.mcf-left, .mcf-right {
	float:left;
	display:block;
	width:49%;
	position:relative;
}
.mcf-left {
	margin-right:2%;
}
.mcf-message {
	clear:both;
	display:block;
}
.mcf-module .wpcf7-form, .main-contact-form {
	display:block;
	position:relative;
	margin:auto;
	max-width:1000px;
}
.main-contact-form .mcf-block {
	display:block;
	position:relative;
	padding:0px;
	margin-bottom:20px;
}

.mcf-block input[type=text], .mcf-block input[type=email], .mcf-block textarea {
	display:block;
	position:relative;
	padding:12px 15px;
	border-radius:0px;
	border:0px;
	background-color:#f5f5f5;
	width:100%;
	color:#6d6d6d;
	font-weight:normal;
	font-size:16px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

.mcf-block textarea {
	height:201px;
	border-radius:0px;
}

.mcf-send {
	display:block;
	position:relative;
	clear:both;
	padding:0px;
	padding-top:10px;
	text-align:center;
}
.mcf-send input[type=submit] {
	display:inline-block;
	padding:12px 25px 12px 25px !important;
	background-color:#f1ab15;
	color:#fff;
	border:0px;
	outline:none;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	font-weight:600;
	font-size:16px;
	border-radius:0px;
	cursor:pointer;
}
/*-Blue: #f1ab15 -*/
/*-Green: #546350 -*/
.mcf-send input[type=submit]:hover,
.main-contact-form .mcf-send .wpcf7-form-control:focus {
	background-color:#546350 !important;
	color:#fff !important;
}
.mcf-send .ajax-loader,
.mcf-send .wpcf7-spinner {
	display:block;
	float:none;
	text-align:center;
}
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
	margin:auto;
	max-width:1000px;
	border:2px solid #f1ab15;
	border-radius:0px;
	text-align: center;
	padding: 12px 15px;
	color:#546350 !important;
	font-weight:400;
}
.wpcf7-not-valid-tip {
    color: #546350;
	text-align: center;
	font-weight:500;
	font-size:14px;
}
.wpcf7 .main-contact-form input::placeholder,
.wpcf7 .main-contact-form textarea::placeholder {
    color: #6d6d6d;
}
.main-contact-form .wpcf7-form-control:focus {
    background-color: #fafafa !important;
	color:#6d6d6d;
}

@media (max-width: 1100px) {
	.mcf-left, .mcf-right {
		width:100%;
		margin-right:0;
		padding-bottom:20px;
	}
}
@media (max-width: 600px) {
	.mcf-left, .mcf-right {
		float:none;
		width:100%;
		margin-right:0;
	}
	.mcf-block.mcf-name, .mcf-block.mcf-email, .mcf-block.mcf-surname, .mcf-block.mcf-tel {
		float:none;
		width:100%;
		margin-right:0;
	}
	.main-contact-form .mcf-block {
		margin-bottom:10px;
	}
}




/*--------------Footer--------------------*/
body .grecaptcha-badge {
	visibility:hidden;
}
.footer-list-links ul li a,
.et-db #et-boc .et-l .footer-list-links ul li a {
	color:#000;
}
.footer-list-links ul li a:hover,
.et-db #et-boc .et-l .footer-list-links ul li a:hover {
	color:#546350;
}
.footer-contact .et_pb_main_blurb_image,
.et-db #et-boc .et-l .footer-contact .et_pb_main_blurb_image {
	display:inline-block;
	margin-bottom: 0px;
	width:14px;
	margin-right:10px;
	vertical-align: middle;
}
.footer-contact .et_pb_image_wrap,
.et-db #et-boc .et-l .footer-contact .et_pb_image_wrap {
	width:14px;
}
.footer-contact .et_pb_blurb_container,
.et-db #et-boc .et-l .footer-contact .et_pb_blurb_container {
	display:inline-block;
	padding-left:0px;
}
.footer-contact .et_pb_blurb_container a,
.et-db #et-boc .et-l .footer-contact .et_pb_blurb_container a {
	color:#000;
}
.footer-contact .et_pb_blurb_container a:hover,
.et-db #et-boc .et-l .footer-contact .et_pb_blurb_container a:hover {
	color:#f1ab15;
}

.footer-list-links li,
.et-db #et-boc .et-l .footer-list-links li {
  list-style: none;
}
.footer-list-links li:before,
.et-db #et-boc .et-l .footer-list-links li:before {
  content: '\2022';
  display: block;
  position: relative;
  max-width: 0px;
  max-height: 0px;
  left: -16px;
  top: -0px;
  color: #f1ab15;
  font-size: 30px;
}

@media (min-width: 981px) {
	.footer-row.et_pb_gutters2 .et_pb_column_1_4:nth-child(1), .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4:nth-child(1),
	.et-db #et-boc .et-l .footer-row.et_pb_gutters2 .et_pb_column_1_4:nth-child(1), .et-db #et-boc .et-l .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4:nth-child(1) {
        width: 27.75%;
    }
	.footer-row.et_pb_gutters2 .et_pb_column_1_4:nth-child(4), .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4:nth-child(4),
	.et-db #et-boc .et-l .footer-row.et_pb_gutters2 .et_pb_column_1_4:nth-child(4), .et-db #et-boc .et-l .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4:nth-child(4) {
        width: 16.75%;
    }
    .footer-row.et_pb_gutters2 .et_pb_column_1_4:nth-child(2), .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4:nth-child(2),
	.et-db #et-boc .et-l .footer-row.et_pb_gutters2 .et_pb_column_1_4:nth-child(2), .et-db #et-boc .et-l .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4:nth-child(2) {
        width: 17.75%;
    }
	.footer-row.et_pb_gutters2 .et_pb_column_1_4, .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4,
	.et-db #et-boc .et-l .footer-row.et_pb_gutters2 .et_pb_column_1_4, .et-db #et-boc .et-l .footer-row.et_pb_gutters2.et_pb_row .et_pb_column_1_4 {
        width: 28.75%;
    }
}