@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

nav .container {
    width: 90%;
    max-width: 1300px;
}

.white .title--heading h1 {color:#fff;text-shadow: 2px 2px #000;}
.white .heading--subtitle {color:#fff}

img.headspa-main {width:100%}

.cookie-container {
	display: flex;
	align-content: center;
	align-items: center;
	padding: 1rem 2rem;
	background: #f4f1ed;
	position: fixed;
	bottom:0;
	font-size: 1rem;
	gap: 2rem;
	opacity: 1;
	visibility: visible;
	flex-wrap: wrap;
	z-index: 1;
	border-top: 1px solid #b7b3b3;
}

.cookie-container.hide {
	opacity: 0;
	visibility: hidden;
}

.cookie-container a {
	color: #a57358;
}

.cookie-container a:hover {
	color: var(--hover-text);
}

.cookie-container .cookie-text {
	flex: 8 768px;
}

.cookie-container .agree {
	flex: 1 150px;
	text-align: center;
}

.agree button {
	color: #fff;
	border: none;
	padding: 0.4rem 1.2rem;
	cursor: pointer;
	font-size: 1rem;
	background-color: #a57358;
	background-image: linear-gradient(#d1b397, #a57358);
}

.agree button:hover {
	background-color: #696969;
	background-image: none;
}

@media only screen and (min-width: 501px) {
    #desktopONLY, img#desktopONLY {display:block;}    
    #mobileONLY, img#mobileONLY {display:none;}  
}

@media only screen and (max-width: 501px) {
	.page-title .title {padding:300px 0 50px;}
	.bg-parallax {/* background-attachment: inherit; */}
	.header-transparent + .page-title {/* background-position-y: bottom !important; */background-size: inherit;height: 400px;}
	.header-transparent + .page-title.nopic {height:320px}
	.page-title .title {padding: 230px 0 20px !important;height: 395px;}
	.header .navbar .logo img.logo-light{height: 70px;padding: 0;}
	a.bookBTN {width:70% !important;margin: 5px 25px !important;}
	.menu.menu-classic a.bookBTN {width: auto !important;margin: 10px 0px 25px!important;}
	.page-title .title.nopic {padding: 170px 0 20px !important;}
	.mb-0 {font-size: 21px;}
	h2 {font-size: 21px;margin-bottom: 10px;}
	.contact.bg-section {background-position: top center}	
	.bg-section {background-position: center center !important;}
	.portfolio .links .col-md-3 {width: 100% !important;margin-bottom: 15px;}

}

@media only screen and (max-width: 500px) and (min-width: 320px) {
    
    #desktopONLY, img#desktopONLY {display:none;}    
    #mobileONLY, img#mobileONLY {display:block;}    
    
#mobileONLY .member {
	margin-bottom: 30px;
	width: 100%;
	margin: 0!important;
}

#mobileONLY .member .member-img {
	max-width: 270px;
	margin-right: auto;
	margin-left: auto;
}
    
    #mobileONLY .col-xs-12  {width:50%; float:left;}
    #mobileONLY .heading .heading--subtitle {font-size:21px;line-height: 21px;margin-bottom: 0 !important;}
    #mobileONLY .member .member-info { padding:10px 0;}
    #mobileONLY .member .member-info a {
    font-size: 21px;
    padding-right: 10px;
}
section {padding-bottom:20px}
    
	.contact.bg-section  {background-position: top center}	
	
.footer--widget-content {
    /* margin-bottom: 0px; */
}
    footer .footer--widget-content a {/* width:50%; *//* float:left; */}
    footer .footer--widget-content a:nth-child(2) {clear:left;}
    .footer--widget-content {margin-top:0px}
    .footer-1 .footer--widget {padding-bottom: 20px;}

}

.bg-section {background-position: top center}
.bg-section.contact {background-position: top center}
.menu .dish--title {
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    color: #333333;
    margin-bottom: 0;
    text-align: left;
}

    .footer--widget-content {
    text-align: center;
}
.heading .heading--subtitle .center {text-align:center}
.bg-overlay-gradient:before {
	 background-color: none!important; 
    background-image: none; 
    /* background-color: rgba(27, 26, 26, 0.75); */
    /* background-image: -webkit-linear-gradient(180deg, rgba(27, 26, 26, 0.75) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); */
     /* background-image: -moz-linear-gradient(180deg, rgba(27, 26, 26, 0.75) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); */
    /*  background-image: -ms-linear-gradient(180deg, rgba(27, 26, 26, 0.75) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); */
    /*  background-image: -o-linear-gradient(180deg, rgba(27, 26, 26, 0.75) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); */
    /* background-image: linear-gradient(180deg, rgba(27, 26, 26, 0.75) 0%, rgba(27, 26, 26, 0) 34%, rgba(27, 26, 26, 0) 82%, rgba(27, 26, 26, 0) 100%); */
}
footer .footer--copyright {
    background-color:#fff!important;
    padding: 5px 0;
    position: relative;
}
.footer--copyright {color:#747474;}
.navbar-nav > li.pink a.menu-item  {color: #a57358 !important;}


a.bookBTN {text-align: center;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;line-height: 30px;background-color: #a57358;background-image: linear-gradient(#d1b397, #a57358);color: #ffffff;font-size: 18px;line-height: 22px;font-weight: 400;margin-right: 4px;display: inline-block;border: none;padding: 10px 30px;margin: 10px 25px;width: auto;clear: both;}
a.bookBTN:hover, a.bookBTN.new:hover { background-color: #696969; background-image: none;}

a.bookBTN.new {
    background-color: #903c2d;
    background-image: linear-gradient(#a57358, #842e1f);
}

.fa-instagram:before, .fa-calendar:before {font-size:18px;}

.portfolio .links .col-md-3 {width:33%;margin-bottom: 15px;}

.navbar-nav > li > a {color: #696969;}

.page-title .title {
    padding: 520px 0 20px;
    position: relative;
} 
.page-title .title.nopic {padding: 300px 0 20px;}
/* CONGITO FORMS */
.cognito .c-forms-form .c-label {
    padding: 0 8px 2px 8px;
    font-size: 15px;
    font-weight: 400 !important;
    line-height: 29px;
    color: #a57358;
}

.NewGuest .title .title--heading h1 {color:#000;text-shadow: none;}

.cognito label {font-weight:normal}
.cognito .c-editor .c-choice-option label, .cognito .c-editor label.c-yesno-radio, .cognito .c-editor.c-yesno-checkbox label {}
input[type=checkbox], input[type=radio] {margin-top: 0;margin-right: 5px;}
.btn-primary {}
.VkQt9l2mzE6Aj4Ua4dh77g {float:left; text-align: left;}
.cognito INPUT[type=text], .cognito INPUT[type=password], .cognito INPUT[type=email], .cognito INPUT[type=tel], .cognito INPUT[type=url], .cognito textarea, .cognito select {height: 40px;}

.cognito legend {border-bottom:none;}


.cognito:not(.c-forms-actionBar) {}


.cognito .c-button {text-align: center;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;line-height: 30px;background-color: #a57358;background-image: linear-gradient(#d1b397, #a57358);color: #ffffff;font-size: 18px;font-weight: 400;margin-right: 4px;display: inline-block;border: none;}

.cognito .c-button:hover {    background-color: #696969; background-image: none;}



/* POP UP */
#overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
z-index: 100;
display: none;
}
.cnt223 a{
text-decoration: none;
}

.cnt223 h1 {
	color: #a57358;
	font-size: 45px;
	line-height: 50px;
	margin-bottom: 0;
	font-family: Playfair Display, serif;
	font-weight: 200;
	margin-bottom: 10px;
}

.popup{width: 100%;margin: 0 auto;display: none;position: fixed;z-index: 99999;box-shadow: 0px 0px 5px 1px #ccc;}
.cnt223{width: 600px;min-height: 150px;margin: 210px auto;background: #ebe2d1;position: relative;z-index: 103;padding: 15px 35px 55px;border-radius: 5px;box-shadow: 0 2px 5px #000;text-align: center;}
.cnt223 p{clear: both;font-weight: 400;font-size: 16px;margin-bottom: 10px;color: #222;}
.cnt223 p a{background: #a57358;font-weight: bold;opacity: 1;margin-bottom: 10px;color: #fff;padding: 10px;text-shadow: none;border-radius: 10px;z-index: 999999;text-align: center;clear: both;}
.cnt223 p a:hover {background:#222;opacity: 1;color: #fff;}

.cnt223 .x{
float: right;
height: 35px;
left: 22px;
position: relative;
top: -25px;
width: 34px;
}
.cnt223 .x:hover{
cursor: pointer;
}

.popup{
    background-color: #ffffff;
    width: 450px;
    padding: 30px 40px;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    border-radius: 8px;
    font-family: "Poppins",sans-serif;
    display: none;
    text-align: center;
    border: #ccc;
}
.popup button{
    display: block;
    margin: 5px auto 0;
    background-color: transparent;
    font-size: 15px;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
    background: #a67358;
    text-align: center;
    padding: 0 10px;
}
.popup p{
    font-size: 16px;
    margin: 0 0 20px 0;
    line-height: 25px;
    text-align: center;
}
.popup img {width:100%}


.popup {
  -webkit-box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
  box-shadow:  0px 0px 0px 9999px rgba(0, 0, 0, 0.5);
}

@media only screen and (min-width: 500px) {
a.menu-item.mobile {display:none}
	.header .navbar .logo img {max-width: 105px;}
}


@media only screen and (max-width: 500px) {
.cnt223 {width: 330px;margin: 140px auto;}
	a.menu-item.mobile {display:none}
}

@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {padding:0}
}