/*
 * Custom Styles for Mayakoba 2019 Redesign
 *
 */

@font-face {
  font-family: 'avenreg';
  src: url('../fonts/Avenir-Book.eot');
  src: url('../fonts/Avenir-Book.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/Avenir-Book.woff2') format('woff2'), 
  url('../fonts/Avenir-Book.woff') format('woff'), 
  url('../fonts/Avenir-Book.ttf') format('truetype'), 
  url('../fonts/Avenir-Book.svg#Avenir-Book') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'avenmed';
  src: url('../fonts/AvenirNext-Medium.eot');
  src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'), 
  url('../fonts/AvenirNext-Medium.woff2') format('woff2'), 
  url('../fonts/AvenirNext-Medium.woff') format('woff'), 
  url('../fonts/AvenirNext-Medium.ttf') format('truetype'), 
  url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'beausite';
  src: url("../fonts/BeausiteSlick-Light-Web.eot");
  src: url("../fonts/BeausiteSlick-Light-Web.eot?#iefix") format('embedded-opentype'), 
  url("../fonts/BeausiteSlick-Light-Web.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
font-family: 'optima-ital';
src: url('../fonts/Optima-Italic.eot');
src: url('../fonts/Optima-Italic.eot?#iefix') format('embedded-opentype'),
  /*url('../fonts/Optima-Italic.woff2') format('woff2'),
  url('../fonts/Optima-Italic.woff') format('woff'),
  url('../fonts/Optima-Italic.ttf') format('truetype'),*/
  url('../fonts/Optima-Italic.svg#Optima-Italic') format('svg');
font-weight: normal;
font-style: italic;
}

@font-face {
font-family: 'optima-reg';
src: url('../fonts/Optima-Regular.eot');
src: url('../fonts/Optima-Regular.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Optima-Regular.woff2') format('woff2'),
  url('../fonts/Optima-Regular.woff') format('woff'),
  url('../fonts/Optima-Regular.ttf') format('truetype'),
  url('../fonts/Optima-Regular.svg#Optima-Regular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'optima-bold';
src: url('../fonts/Optima-Bold.eot');
src: url('../fonts/Optima-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Optima-Bold.woff2') format('woff2'),
  url('../fonts/Optima-Bold.woff') format('woff'),
  url('../fonts/Optima-Bold.ttf') format('truetype'),
  url('../fonts/Optima-Bold.svg#Optima-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
  font-family: 'fiascons';
  src: url("../fonts/fiascons.eot");
  src: url("../fonts/fiascons.eot?#iefix") format('embedded-opentype'), 
  url("../fonts/fiascons.woff2") format('woff2'), 
  url("../fonts/fiascons.woff") format('woff'), 
  url("../fonts/fiascons.ttf") format('truetype'), 
  url("../fonts/fiascons.svg#fiascons") format('svg');
  font-weight: normal;
  font-style: normal;
}

#gfield_description_9_1{
	padding-top: 0;
    font-family: 'avenmed', sans-serif;
    font-weight: 500;
    font-size: .7rem;
    padding-bottom: 0;			
}
/* LPGA */
.reserve-hotel .lgpa{
	display: none;
}
.page-id-6122 .reserve-hotel .col-md-6.col-xl-3.pb-4 a,
.page-id-6390 .reserve-hotel .col-md-6.col-xl-3.pb-4 a{
	display: none;
}
.page-id-6122 .reserve-hotel .col-md-6.col-xl-3.pb-4 .offer-details,
.page-id-6390 .reserve-hotel .col-md-6.col-xl-3.pb-4 .offer-details{
	margin-bottom: 1rem !important;
}
.page-id-6122 .reserve-hotel .lgpa,
.page-id-6390 .reserve-hotel .lgpa{
	display: block;
}

.side-by-side{
	display: flex;
    column-gap: 12px;
}
.side-by-side .btn.btn-primary{
	padding: .5rem 1.5rem;
}
.poi-image .slider img{
	wodth: auto!important;
}
.poi-image .slider .slick-arrow {
	width: 2.438rem!important;
	height: 4rem!important;
}

#field_1_14,#field_2_14,#field_3_14,#field_4_15,#field_4_17,#field_5_14,#field_6_14,#field_8_14,
.form-row.alt{
	position: absolute;
	opacity: 0;
}

.hotel-logos .row .col-md-12{
	display: flex;
    column-gap: 48px;
}
.pin-listings ul{
	/*display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    height: 300px;*/
	column-count: 3;
	list-style: none;
	padding-left: 0;
	margin-bottom: 40px;
}
.pin-listings li{
  /*flex: 1 0 25%;
  max-width: 33%;*/
  break-inside: avoid-column;
}
.pin-listings li.break{
	flex-basis: 100%;
	height: 0;
}
.pin-listings li div{
		max-width: 88%;
		padding-bottom: 21px;
}
.pin-listings li h6{
	text-transform: uppercase;
	margin-bottom: .2rem;
    font-family: 'avenreg';
}
.pin-listings li a{
	font-family: 'avenmed';
    font-weight: 500;
	color: #378A92;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

/* CALENDAR */
.gform-theme-datepicker.ui-datepicker .ui-datepicker-header{
	width: auto!important;
}
.ui-datepicker.ui-datepicker .ui-datepicker-title select{
	border: 0!important;
    width: auto!important;
}
.ui-datepicker.ui-datepicker .ui-datepicker-next, 
.ui-datepicker.ui-datepicker .ui-datepicker-prev{
	font-size: 14px!important;
}
.ui-datepicker-calendar{
	font-family: 'avenmed', sans-serif;
	width: 210px!important;
	background: #fff;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar .ui-state-default{
	height: auto!important;
	width: auto!important;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span{
	height: auto!important;
	width: auto!important;
}
.gform-theme-datepicker.ui-datepicker .ui-datepicker-calendar th span{
	height: auto!important;
	width: auto!important;
}
.gform-theme-datepicker.ui-datepicker .ui-datepicker-calendar td{
	height: auto!important;
	width: auto!important;
}
.gform-theme-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-calendar th span{
	color: #fff!important;
}
.ui-datepicker.ui-datepicker a.ui-state-active, 
.ui-datepicker.ui-datepicker a.ui-state-active:hover{
	background-color: transparent!important;
    color: #fff!important;
}

.ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-header {
    border-bottom: 0px solid rgba(0,0,0,.1)!important;
    margin: 0 -8px 0px!important;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-hover{
	background: transparent!important;
	color: #378A92!important;
}
.ui-datepicker-calendar td {
    line-height: 14px!important;
    font-size: 14px!important;
}
.ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-default{
	line-height: 24px!important;
}
.ui-datepicker td.ui-datepicker-current-day, .ui-datepicker td .ui-state-hover, .ui-datepicker thead {
    background: #378A92!important;
    color: #ffffff !important;
}
.ui-datepicker-title{
	font-family: 'avenmed', sans-serif;
	font-weight: 300;
    font-size: 14px;
}
.ui-datepicker-calendar th{
	font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}
.ui-datepicker:not(.gform-legacy-datepicker) a.ui-state-default{
	font-size: 13px;
}
.ui-datepicker .ui-widget-header, 
.ui-datepicker .ui-datepicker-header{
	background: transparent!important;
}
.ui-datepicker-prev,
.ui-datepicker-next{
	color: #3a3a3a!important;
}
.ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-next:before, 
.ui-datepicker:not(.gform-legacy-datepicker) .ui-datepicker-prev:before{
	top: 0.7em!important;
	border-width: 0.12em 0.12em 0 0!important;
}

/*-------------------------------
  Global Styles
---------------------------------*/

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*html {
  width: 100%;
  height: auto;
  min-height: 100%;
}*/

body {
  font-family: 'optima-reg', sans-serif;
  font-size: 0.875rem;
  color: #3A3A3A;
  position: relative;
}

body.page-template-location-template,
body.page-template-sustainability-template,
body.page-template-elpueblito-template,
body.page-template-events-template,
body.page-template-calendar-template,
body.page-template-contact-template,
body.blog, body.single-post,
body.single-cuisine,
body.tax-food_times,
body.page-template-page-news-template,
body.page-template-page-map-template,
body.page-template-page-map-template-test,
body.archive {
  padding-top: 4.5rem;    
}

body.nav-visible {
  /* when primary navigation is visible, the content in the background won't scroll */
  overflow: hidden;
}

::-moz-selection { /* Code for Firefox */
  background: rgba(131, 173, 181, 0.5);
  color: inherit;
  text-shadow: none;
}

::selection {
  background: rgba(131, 173, 181, 0.5);
  color: inherit;
  text-shadow: none;
}

:focus {
 outline: none!important;
}

a {
  color: #3a3a3a;
  text-decoration: underline;
  transition: all 0.3s ease-in-out; 
}

a:not(.btn):hover,
a:not(.btn):focus,
a:not(.btn):active {
  color: #7a7a7a;
}

.experiences .head:after{
	clear: both;
    content: '';
    width: 100%;
    display: block;
}
.experiences h2{
	float: left;
}
.experiences .btn{
	background-color: #378A92;
    border-color: #378A92;
	float: right;
	color:#fff!important;
	font-size: 1.15rem;
    margin-top: 0.5rem;
	font-size: 14px;
	padding: .5rem 1.5rem;
	font-family: 'avenmed';
	font-weight: 500;
}
.experiences .btn:hover{
	background-color: #1E7179;
    border-color: #1E7179;
	color:#fff;
}

.custom_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.custom_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: -2px;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #F2F6F7;
}
.custom_container:hover input ~ .checkmark {
  background-color: #F2F6F7;
}
.custom_container input:checked ~ .checkmark {
  background-color: #F2F6F7;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.custom_container input:checked ~ .checkmark:after {
  display: block;
}
.custom_container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid #3A3A3A;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.btn-primary {
  color: #fff;
  background-color: #378A92;
  border-color: #378A92;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  background-color: #1E7179;
  color: #fff;
  border-color: #1E7179;
}

.btn, .wpcf7 input[type=submit] {
  font-family: 'avenmed';
  font-weight: 500;
  font-size: 14px; /*0.9375rem; 1.063rem;*/
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1.5px;
  border-radius: 0;
  padding: 0.375rem 1.5rem;
}

.btn.focus, .btn:focus, .wpcf7 input.focus[type=submit], .wpcf7 input:focus[type=submit] {
  color: #fff;
  outline: 0;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}

.h1, .h2, .h3, .h4, .h6, 
h1, h2, h3, h4, h6 {
  color: #3A3A3A;
}

.h1, h1, h4, .h4 {
  font-family: 'beausite';
  font-weight: 300;
}

.h3, h3, .h5, h5 {
  font-family: 'avenmed', sans-serif;
  font-weight: 500;
}

.h2, h2, .h3, h3, .h5, h5 {
  text-transform: uppercase;
}

.h1, h1 {
  font-size: 1.75rem;
}

.h2, h2 {
  font-family: 'avenreg';
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.5px;
}

.h3, h3 {
  font-size: 0.875rem;
  letter-spacing: 2px;
}

.h4, h4 {
  font-size: 1.25rem;
  text-transform: none;
}

.h5, h5 {
  font-size: 0.75rem;
  color: #378A92;
  letter-spacing: 2px;
}

.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}

h2.h4 {
  letter-spacing: 0;
}

ul li:last-child {
  padding-bottom: 0!important;
  margin-bottom: 0!important;
}

.tile {
  position: relative;
  margin-top: 1.125rem;
  margin-bottom: 1rem;
}

.tile:before {
  display: block;
  content: "";
  width: 1.875rem;
  height: 0.3125rem;
  background-color: #378A92;
  position: absolute;
  top: -1.125rem;
  left: 0;
}
.tile.no-dash:before {
	display: none;
}

.flex-fill, .flex-sm-fill, .flex-md-fill, 
.flex-lg-fill, .flex-xl-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 0 !important;
  flex: 1 1 0 !important;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -1.2rem, 0);
    -ms-transform: translate3d(-50%, -1.2rem, 0);
    transform: translate3d(-50%, -1.2rem, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -1.2rem, 0);
    -ms-transform: translate3d(-50%, -1.2rem, 0);
    transform: translate3d(-50%, -1.2rem, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.pb-3.mb-5.last-item{
	margin-bottom: 6rem!important;
}
.pb-3.mb-5.last-item .container{
	position: relative;
}

/* SALES GALLERY REG */
.page-id-5501 #form-footer.inquire-or-book,
.page-id-6015 #form-footer.inquire-or-book,
.page-id-6709 #form-footer.inquire-or-book{
	background-color:transparent;
}
.page-id-8649 .site-footer #form-footer,
.page-id-8724 .site-footer #form-footer,
.page-id-9346 .site-footer #form-footer,
.page-id-9361 .site-footer #form-footer{
	position: absolute;
    left: -999999px;
}

.page-id-6709 .gform_required_legend{
	display: none;
}
#gform_7{
	padding-top: 32px;
}
#gform_fields_7 .gfield input,
#gform_fields_7 .gfield textarea{
	border-radius: 0!important;
	border: 0!important;
	border-bottom: 1px solid #282828!important;
	padding: 6px 8px!important;
	font-size: 16px!important;
	background-color: #F2F6F7!important;
    color: #282828!important;
}
#gform_7 .gform_footer{
	justify-content: flex-end;
}
#gform_7 .gform_footer input#gform_submit_button_7{
	cursor: pointer;
	font-size: 1.25rem;
    padding: 0.5rem 1.5rem;
	font-family: 'avenreg';
    font-weight: 500;
    color: #fff;
    text-transform: lowercase;
    letter-spacing: 1.5px;
    border-radius: 0;
	background-color: #378A92;
    border-color: #378A92;
	border: 0;
}
#gform_7 .gform_footer input#gform_submit_button_7:hover{
	background-color: #1E7179;
    color: #fff;
    border-color: #1E7179;
}
#gform_wrapper_7.gform_wrapper.gravity-theme .gfield_error label{
	color: #282828!important;
}
#gform_wrapper_7.gform_wrapper.gravity-theme .gform_validation_errors{
	background: transparent!important;
    border: 0!important;
    box-shadow: none!important;
}
#gform_7 .gfield_validation_message{
	background: transparent;
    border: 0;
    padding: 0;
    text-align: right;
    margin-top: 2px;
    font-style: italic;
    font-size: 12px;
}
#gform_confirmation_message_7{
	text-align: center;
	margin-top: 40px;
}
.gravity-theme .ginput_complex{
	flex-wrap: nowrap!important;
    flex-flow: nowrap!important;
}

.page-id-5501 .navbar-brand{
	padding-top: 1rem!important;
}

.resort-logos picture{
	text-align:center;
}

.virtual_tour.container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 36.95%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  max-width: 1110px;
}
.virtual_tour.container iframe,
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.jquery-modal.blocker{
	z-index: 9999;
}
.modal .modal-content{
	background: #f2f1ed;
	position:absolute;
	/*bottom:0;
	left: 60px;
	max-width: 380px;*/
	min-height: 195px;
	/*padding: 32px 32px 30px;*/
	border-radius: 0;
}
.page-template-page-map-template .modal .modal-content,
.page-template-page-map-template-test .modal .modal-content{
	background: #f2f1ed;
	position:absolute;
	bottom:0;
	left: 60px;
	max-width: 380px;
	min-height: 190px;
	padding: 32px 32px 30px;
	border-radius: 0;
	border: 0;
}
.modal .modal-content h3{
	font-family: 'avenmed';
	font-size: 15px;
}
.modal .modal-content a{
	background: #378a92;
    color: #fff;
    text-decoration: none;
    padding: 7px 31px;
	display: inline-block;
    margin-bottom: 0;
	font-size: 14px;
    font-family: 'avenreg';
	font-weight: 500;
	letter-spacing: 1.5px;
}
.page-template-page-map-template .modal .modal-content a,
.page-template-page-map-template-test .modal .modal-content a{
	padding: 9px 29px;
	line-height: 1;
}
.modal .modal-content p:last-child{
	margin-bottom: 0;
}

#inquirePopup .modal-body{
	padding: 3rem 6rem;
    text-align: center;
	background: #f2f1ed;
}
#inquirePopup .modal-body button.close{
	top: 1%;
    position: absolute;
    right: 1%;
}
#inquirePopup .modal-body h1{
	margin-bottom: 1.25rem;
}
#inquirePopup .modal-body span.h5{
	margin-bottom: .6rem;
    font-family: 'beausite';
    color: #3A3A3A;
    font-weight: 700;
}
#inquirePopup .modal-lg, .modal-xl {
    max-width: 680px;
	transform: translateY(-50%);
	top: 50%;
	margin: 0 auto;
}

#experienceBooking .modal-content {
    background-color: #F2F6F7;
}
#experienceBooking .gform_wrapper.gravity-theme .gfield select{
	padding: 10px 8px 10px;
}
#experienceBooking .gform_wrapper.gravity-theme .gfield select,
#experienceBooking .gform_wrapper.gravity-theme .gfield select.large,
#experienceBooking .gform_wrapper.gravity-theme .gfield input.large,
#experienceBooking .gform_wrapper.gravity-theme .gfield input[type=number],
#experienceBooking .gform_wrapper.gravity-theme .ginput_container_date input,
#experienceBooking .gform_wrapper.gravity-theme .gfield textarea.small{
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
	width: 100%;
	border-radius: 0;
	
}
.ios #experienceBooking .gform_wrapper.gravity-theme .gfield select.large,
.iphone #experienceBooking .gform_wrapper.gravity-theme .gfield select.large,
.safari #experienceBooking .gform_wrapper.gravity-theme .gfield select.large{
	background: url(/wp-content/uploads/2023/09/select-arrow.png) no-repeat;
    background-position: 100%;
    background-size: 19px;
}
#experienceBooking .gform_wrapper.gravity-theme .gfield_label{
	font-family: 'avenmed', sans-serif;
    font-weight: 500;
    font-size: .75rem;
    padding: 0.5rem 1.5rem 0 0;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-bottom: 0rem;
}
#experienceBooking .gform_wrapper.gravity-theme .gform_footer input{
	font-family: 'avenreg';
    font-weight: 500;
    font-size: 1.063rem;
    color: #fff;
    text-transform: lowercase;
    text-decoration: none;
    letter-spacing: 1.5px;
    border-radius: 0;
    padding: 0.75rem 1.5rem;
	background-color: #378A92;
    color: #fff;
    border-color: #378A92;
	border: 0;
}
#experienceBooking .gform_wrapper.gravity-theme .gform_footer input:hover{
	background-color: #1E7179;
    color: #fff;
    border-color: #1E7179;
}
#experienceBooking p.gform_required_legend{
	display:none;
}
#experienceBooking h1.h4{
	padding: 30px 0 20px;
}

#concert-form{
	background-color: #F2F6F7;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
	/*margin-top: 4.5rem;*/
}
.page-template-page-concert-template #concert-form{
	margin-top: 4.5rem;
}

/* START DESIGN CHANGES */
#hero{
	overflow-x: hidden;
}
#hero > .container-fluid {
    padding: 0;
}
/* START COOKIE BANNER */
.cookie-pullout{
	position: fixed;
    right: -355px;
    bottom: 84px;
    display: flex;
    align-items: flex-end;
	z-index: 999;
}
.cookie-pullout .tab{
	background: #008c94;
    color: #fff;
	position: relative;
	padding: 20px 20px 20px 40px;
	cursor: pointer;
}
.cookie-pullout .tab:before{
	content: '';
    background: url(/wp-content/themes/mayakoba-tac/img/menu_dropdown-white.svg) no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
    transform: rotate(90deg);
    left: 14px;
    background-size: 70%;
    top: 40%;
}
.cookie-pullout .box{
	width: 240px;
	background: #008c94;
    color: #fff;
	padding: 20px;
}
.cookie-pullout .cookie-btn{
	background: #f2f1ed;
    color: #008c94;
    padding: 4px 64px;
	cursor: pointer;
	border: 1px solid;
	display: inline-block;
	margin-top: 16px;
}
.cookie-pullout .cookie-btn:hover{
	background: #378A92;
	color: #fff;
	border: 1px solid #fff;
}
.cookie-pullout .close-pullout{
	position: absolute;
    top: 3px;
    right: 7px;
    font-family: 'avenreg';
    font-size: 11px;
    font-weight: 700;
	cursor: pointer;
}

.cookie-banner{
	display: none;
    background: #008c94;
    color: #fff;
    display: flex;
    justify-content: space-between;
	font-size: 14px;
    padding: 20px;
	align-items: center;
	position: fixed;
    bottom: 84px;
    width: 104px;
	z-index: 99;
	right: -240px;
	transition: all 0.3s;
    flex-direction: column;
    align-items: start;
}
.cookie-banner span{
	display: none;
}
.cookie-banner:hover .settings,.cookie-banner:focus .settings{
	display: none;
}
.cookie-banner .settings{
    text-align: center;
    display: inline-block;
    margin: 0;
	padding-left: 16px;
    position: relative;
}
.cookie-banner .settings:before{
	content: '';
    background: url(/wp-content/themes/mayakoba-tac/img/menu_dropdown-white.svg) no-repeat;
    position: absolute;
    width: 17px;
    height: 17px;
    transform: rotate(90deg);
    left: -8px;
    background-size: 70%;
    top: 3px;
}
.cookie-banner:hover,.cookie-banner:focus{
	width: 240px;
	-webkit-transition: all 1.4s;
}
.cookie-banner:hover span,.cookie-banner:focus span,
.cookie-banner:hover .cookie-btn,.cookie-banner:focus .cookie-btn{
	display: block;
}

.roi-search-engine{
	/*background-color: #fff;*/
	position: fixed;
    bottom: 0;
	z-index: 999;
	font-family: 'avenreg', sans-serif!important;
}
.roi-search-engine__field--companies, 
.roi-search-engine__field--destination, 
.roi-search-engine__hotel-text,
.roi-search-engine__label,
.roi-search-engine__field--promo,
.roi-search-engine__field--action{
	font-family: 'avenreg', sans-serif!important;
}
.roi-search-engine__item--destination{
	height: 75px!important;
}
.roi-search-engine__field--promo{
	font-family: 'Lato';
	font-size: 12px!important;
}
.roi-search-engine__field--month-year,
.roi-search-engine__field--day{
	font-family: 'avenreg', sans-serif!important;
	font-size: 13px!important;
}
.roi-search-engine--clean:not(.roi-search-engine--individual) .roi-search-engine__item--dates{
	padding-right: 1rem;
}
#roi-trigger{
	/*display: none;*/
	position: fixed;
    bottom: 90px;
    left: 50%;
    z-index: 9999;
    width: 1170px;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
	transition: bottom 1s ease 0s;
}
#roi-trigger span{
	background: #008c94;
    height: 24px;
    display: inline-block;
    margin: auto;
    padding: 4px 34px 0 20px;
    font-size: 14px;
    line-height: normal;
	cursor: pointer;
}
@media (min-width: 981px){
	#roi-trigger span:after{
		content: '';
		background-image: url(https://mayakoba.com/wp-content/themes/mayakoba-tac/img/menu_dropdown-white.svg);
		width: 8px;
		height: 8px;
		position: absolute;
		display: inline-block;
		background-size: cover;
		top: 7px;
		margin-left: 6px;
		transform: none;
	}
	#roi-trigger.active span:after{
		content: '';
		background-image: url(https://mayakoba.com/wp-content/themes/mayakoba-tac/img/menu_dropdown-white.svg);
		width: 8px;
		height: 8px;
		position: absolute;
		display: inline-block;
		background-size: cover;
		top: 7px;
		margin-left: 6px;
		transform: rotate(180deg);
	}
}
#roi-trigger.active{
	bottom: 0;
	transition: bottom 1s ease 0s;
}
.roi-search-engine{
	bottom: -90px;
	transition: bottom 1s ease 0s;
}
.roi-search-engine.active{
	bottom: 0;
}
.close-rates{
	display: none;
}

.promo-banner{
	background-color: #1E7179;
    color: #fff;
	text-align: center;
	padding: 6px;
	font-size: 14px;
    font-family: 'avenmed', sans-serif;
}
.promo-banner a{
	color: #fff;
}
.promo-banner a:hover{
	color: #fff;
	text-decoration: none;
}

@media (max-width: 990px){
	.promo-banner{
		padding: 6px 0;
		font-size: 13px;
	}
	
	.roi-search-engine{
		bottom: -300px;
		transition: bottom 1s ease 0s;
	}
	.roi-search-engine.active{
		bottom: 0;
	}
	.close-rates{
		display: block;
		position: fixed;
		bottom: -20px;
		transition: bottom 1s ease 0s;
		right: calc(50% - 100px);
		z-index: 99999;
	}
	.close-rates.active{
		bottom: 272px;
	}
	.close-rates.active:after{
		content: '\d7';
		color: #000;
		font-size: 24px;
	}
	#roi-trigger{
		font-family: 'avenreg', sans-serif!important;
		display: flex;
        position: fixed;
        bottom: 0;
        height: 54px;
        color: #fff;
        background: #048c94;
        padding: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 212px;
        text-align: center;
        align-items: center;
        justify-content: center;
		z-index: 998;
	}
}

.cookie-banner .cookie-btn{
	background: #f2f1ed;
    color: #008c94;
    padding: 4px 64px;
	cursor: pointer;
	border: 1px solid;
	display: none;
	margin-top: 16px;
}

.cookie-banner .cookie-btn:hover{
	background: #378A92;
	color: #fff;
	border: 1px solid #fff;
}
@media (max-width: 990px){
	.cookie-banner{
		flex-direction: column;
		row-gap: 10px;
		padding: 10px 10px 20px;
	}
}
/* END COOKIE BANNER */

/* START NEWS PAGE */
.nav-cat{
	padding-bottom: 48px;
}
.nav-cat a{
	font-family: 'avenmed', sans-serif;
    font-weight: 500;
    color: #378A92;
    text-transform: uppercase;
    margin: 0 10px;
    text-decoration: none;
    font-size: 13px;
	letter-spacing: 2px;
}
.nav-cat a:hover{
	text-decoration: underline;
}
.page-template-page-news-template h2,
.page-template-calendar-template h2{
	font-family: 'beausite';
    font-weight: 300;
    text-transform: none;
    font-size: 1.35rem;
}
.featured h3{
	margin-bottom: 48px;
}
.featured h3:before {
    content: '';
    width: 1.875rem;
    height: 0.3125rem;
    background-color: #378A92;
    position: absolute;
    top: -1.125rem;
}
.featured h3 a,
.article-meta a.p-category{
	color: #378A92;
	text-transform: uppercase;
	font-size: 13px;
}
.article-meta a.p-category{
	padding-bottom: 0;
    display: block;
}
.page-template-page-news-template #news .article img{
	margin-bottom: 1.5rem;
}
.featured img{
	max-width: 98%;
}
.featured p{
	margin-bottom: 0;
	margin-top: 1.5rem;
}
.page-template-page-news-template a.btn,
.page-template-calendar-template a.btn,
.archive.category a.btn{
	background-color: #378A92;
    border-color: #378A92;
	font-size: 14px;
	padding: .5rem 1rem;
}
.page-template-page-news-template a.btn:hover,
.page-template-calendar-template a.btn:hover,
.archive.category a.btn:hover{
	background-color: transparent;
	color: #378A92;
}
#news .article h2.p-title a:after {
    content: '»';
    padding-left: 6px;
}
.in-the-news{
	background: #f2f1ed;
}
.in-the-news a:not(.btn){
	display: block;
    position: relative;
}
.press a.tile:before{
	display: none;
}
.in-the-news a .overlay,
.press a .overlay{
	display: none;
}
.press a.tile,.press a.tile:hover{
	display: block;
	margin: 0;
}
.category-news a.tile{
	max-height: 300px;
    overflow: hidden;
	display: block;
}
.in-the-news a:hover .overlay,
.press a:hover .overlay{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,.8);
	color: #3A3A3A;
}
.in-the-news a:hover .overlay span,
.press a:hover .overlay span{
	border-top: 2px solid #3a3a3a;
    border-bottom: 2px solid #3a3a3a;
    padding: 8px 0;
    width: 70%;
    text-align: center;
}
.in-the-news h2:before,
.social-wrapper h2:before {
    content: '';
    width: 1.875rem;
    height: 0.3125rem;
    background-color: #378A92;
    position: absolute;
    top: -1.125rem;
}
.press img{
	width: 100%;
}
.social-wrapper h2:before{
	top: -.15rem;
}
.social-wrapper .container{
	position: relative;
}
.social-wrapper .row:first-child{
	position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
}
.social-wrapper .row:first-child .col{
	background: #f2f1ed;
	position: relative;
}
.social-wrapper h2{
	position: relative;
}
/* END NEWS PAGE */

#colophon .address.d-block a{
	text-decoration: none;
}
#colophon .address.d-block a:hover{
	text-decoration: underline;
}

@media (min-width: 992px) and (max-width: 1200px){
	.page-id-5501 .header-logo{
		flex: none;
		max-width: none;
	}
}


@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}


@media (min-width: 48rem){ /* 768px */
  .h2, h2 {
    font-size: 1.125rem;
  }
  .h4, h4 {
    font-size: 1.375rem;
  }
}

@media (min-width: 62rem){ /* 992px */
  body {
    font-size: 0.9375rem;
  }
  .btn, .wpcf7 input[type=submit] {
    font-size: 14px; /*0.9375rem; 1.25rem;*/
    padding: .5rem 2.5rem; /*.5rem 1.5rem;*/
  }
  .h1, h1 {
    font-size: 2rem;
  }
  .h2, h2 {
    font-size: 1.25rem;
  }
  .h3, h3,
  .h5, h5 {
    font-size: 0.9375rem;
  }  
  .h4, h4 {
    font-size: 1.5rem;
  }
  .h4.enlarged, h4.enlarged {
	font-size: 2.25rem;
	line-height: 1.4em;
  }
}

@media (min-width: 75rem){ /* 1200px */
  body {
    font-size: 1rem;
  }
  body.page-template-location-template,
  body.page-template-sustainability-template,
  body.page-template-elpueblito-template,
  body.page-template-events-template,
  body.page-template-calendar-template,
  body.page-template-contact-template,
  body.blog, body.single-post,
  body.single-cuisine,
  body.tax-food_times {
    padding-top: 5.9375rem;
  }  
  .h1, h1 {
    font-size: 2.5rem;
  } 
}

/* End Global Styles */



/*-------------------------------
  Header Styles
---------------------------------*/
#banner {
  background-color: rgb(0,0,0);
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;  
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .2) 75%, rgba(0, 212, 255, 0) 100%);
}
#banner .header-nav a{
	color: #fff;
	white-space: nowrap;
}
#banner .header-nav .dropdown-menu a{
	color: #3a3a3a;
}
#banner nav ul li a.dropdown-toggle::after{
	background-image: url(../img/menu_dropdown-white.svg);
}
#banner.fixed,
.archive #banner,
.single-cuisine #banner,
.page-template-location-template #banner,
.page-template-sustainability-template #banner,
.page-template-elpueblito-template #banner,
.page-template-events-template #banner,
.page-template-calendar-template #banner,
.page-template-page-news-template #banner,
.page-template-contact-template #banner,
.page-template-page-map-template #banner,
.page-template-page-map-template-test #banner{
	background: #fff;
}
#banner.fixed .header-nav a,
.archive #banner .header-nav a,
.single-cuisine #banner .header-nav a,
.page-template-location-template #banner .header-nav a,
.page-template-sustainability-template #banner .header-nav a,
.page-template-elpueblito-template #banner .header-nav a,
.page-template-events-template #banner .header-nav a,
.page-template-calendar-template #banner .header-nav a,
.page-template-page-news-template #banner .header-nav a,
.page-template-contact-template #banner .header-nav a,
.page-template-page-map-template #banner .header-nav a,
.page-template-page-map-template-test #banner .header-nav a{
	color: #3a3a3a;
}
#banner.fixed nav ul li a.dropdown-toggle::after,
.archive #banner nav ul li a.dropdown-toggle::after,
.single-cuisine #banner nav ul li a.dropdown-toggle::after,
.page-template-location-template #banner nav ul li a.dropdown-toggle::after,
.page-template-sustainability-template #banner nav ul li a.dropdown-toggle::after,
.page-template-elpueblito-template #banner nav ul li a.dropdown-toggle::after,
.page-template-events-template #banner nav ul li a.dropdown-toggle::after,
.page-template-calendar-template #banner nav ul li a.dropdown-toggle::after,
.page-template-page-news-template #banner nav ul li a.dropdown-toggle::after,
.page-template-contact-template #banner nav ul li a.dropdown-toggle::after,
.page-template-page-map-template #banner nav ul li a.dropdown-toggle::after,
.page-template-page-map-template-test #banner nav ul li a.dropdown-toggle::after{
	background-image: url(/wp-content/uploads/2019/08/menu_dropdown.svg);
}
#banner .header-nav a.wpml-ls-item-toggle,
#banner .header-nav a.wpml-ls-link{
	color: #3a3a3a;
}

.single-post #banner{
	background-color: #fff!important;
	background: #fff!important;
}
.single-post .wpml-ls-legacy-dropdown a .wpml-ls-native,
.single-post #banner .header-nav a,
body.single-post #lang-switch-dt .wpml-ls-legacy-dropdown a:hover{
	color: #3a3a3a!important;
	background: #fff!important;
}
.single-post .wpml-ls-legacy-dropdown a.wpml-ls-link .wpml-ls-native{
	/*color: #fff!important;*/
}
.single-post #banner nav ul li a.dropdown-toggle::after {
    background-image: url(/wp-content/uploads/2019/08/menu_dropdown.svg);
}

#resort-slider{
	background-color: #152922;
}
#resort-slider .slide-wrapper,
#resort-slider .slide-wrapper a,
#resort-slider .slide-wrapper a h2,
#resort-slider .slide-wrapper p{
	color: #fff;
	text-align: center;
}
#resort-slider .slide-wrapper a{
	font-family: 'avenmed';
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.6em;
	letter-spacing: 2px;
	text-decoration: none!important;
	padding-top: 6px;
	text-decoration: none!important;
	position: relative;
}
#resort-slider .slide-wrapper p a:before{
	content: '';
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #fff;
	/*text-decoration: none!important;*/
}
#resort-slider .slide-wrapper p a:hover:before{
	background: transparent;
}
#resort-slider .slide-wrapper a h2{
	margin-bottom: 1.2rem;
}
#hotels .row h2.tile.h4{
	font-family: 'avenmed';
    font-size: 15px;
	letter-spacing: 2px;
}
#hotels .row h2.tile.h4:before{
	display: none;
}

.wpml-ls-legacy-dropdown a,
.wpml-ls-legacy-dropdown a .wpml-ls-native,
body #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
	background-color: transparent;
	color: #fff;
}
.wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body #lang-switch-dt .wpml-ls-legacy-dropdown a:hover{
	background: #000;
}
#banner.fixed .wpml-ls-legacy-dropdown a,
#lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.archive #banner .wpml-ls-legacy-dropdown a,
.single-cuisine #banner .wpml-ls-legacy-dropdown a,
.page-template-location-template #banner .wpml-ls-legacy-dropdown a,
.page-template-sustainability-template #banner .wpml-ls-legacy-dropdown a,
.page-template-elpueblito-template #banner .wpml-ls-legacy-dropdown a,
.page-template-events-template #banner .wpml-ls-legacy-dropdown a,
.page-template-calendar-template #banner .wpml-ls-legacy-dropdown a,
.page-template-page-news-template #banner .wpml-ls-legacy-dropdown a,
.page-template-contact-template #banner .wpml-ls-legacy-dropdown a,
.page-template-page-map-template #banner .wpml-ls-legacy-dropdown a,
.page-template-page-map-template-test #banner .wpml-ls-legacy-dropdown a{
	background-color: #fff;
}
#banner.fixed .wpml-ls-legacy-dropdown a,
#banner.fixed .wpml-ls-legacy-dropdown a .wpml-ls-native,
body #banner.fixed #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.archive #banner .wpml-ls-legacy-dropdown a,
.archive #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.archive #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.single-cuisine #banner .wpml-ls-legacy-dropdown a,
.single-cuisine #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.single-cuisine #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-location-template #banner .wpml-ls-legacy-dropdown a,
.page-template-location-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-location-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-sustainability-template #banner .wpml-ls-legacy-dropdown a,
.page-template-sustainability-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-sustainability-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-elpueblito-template #banner .wpml-ls-legacy-dropdown a,
.page-template-elpueblito-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-elpueblito-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-events-template #banner .wpml-ls-legacy-dropdown a,
.page-template-events-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-events-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-calendar-template #banner .wpml-ls-legacy-dropdown a,
.page-template-calendar-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-calendar-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-page-news-template #banner .wpml-ls-legacy-dropdown a,
.page-template-page-news-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-page-news-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-contact-template #banner .wpml-ls-legacy-dropdown a,
.page-template-contact-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-contact-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-page-map-template #banner .wpml-ls-legacy-dropdown a,
.page-template-page-map-template #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-page-map-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.page-template-page-map-template-test #banner .wpml-ls-legacy-dropdown a,
.page-template-page-map-template-test #banner .wpml-ls-legacy-dropdown a .wpml-ls-native,
body.page-template-page-map-template-test #banner #lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a{
	background-color: #fff;
	color: #3a3a3a;
}
#banner.fixed .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
#banner.fixed .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body #banner.fixed #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.archive #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.archive #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.archive #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.single-cuisine #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.single-cuisine #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.single-cuisine #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-location-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-location-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-location-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-sustainability-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-sustainability-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-sustainability-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-elpueblito-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-elpueblito-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-elpueblito-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-events-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-events-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-events-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-calendar-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-calendar-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-calendar-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-page-news-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-page-news-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-page-news-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-contact-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-contact-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-contact-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-page-map-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-page-map-template #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-page-map-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover,
.page-template-page-map-template-test #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link,
.page-template-page-map-template-test #banner .wpml-ls-sub-menu .wpml-ls-slot-header_lang a.wpml-ls-link:hover,
body.page-template-page-map-template-test #banner #lang-switch-dt .wpml-ls-legacy-dropdown a:hover{
	background: #fff;
}

.mayakoba-nav.desktop {
  display: none;
}

.navbar-brand img {
  width: 100%;
  max-width: 12.5rem;
}

.utilities ul {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.utilities ul li.list-inline-item{
	height: 30px;
    line-height: normal;
}
.utilities ul li.list-inline-item:last-child{
	display: flex;
    align-items: center;
}

.utilities ul li a {
  font-family: 'avenmed';
  font-size: 0.8125rem;
  color: #7a7a7a;
  text-decoration:none;
  letter-spacing: 1.5px;
  padding: 0 .5rem;
}

.hamburger {
  display: inline-block;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  padding: 1rem 0 1rem 1rem;
  margin: 0;
  position: relative;
  z-index: 1050;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  overflow: visible;
}

button.hamburger:focus {
  outline: none !important;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #fff; /*#378A92;*/
}

.hamburger-box {
  width: 1.875rem;
  height: 1.25rem;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 1.875rem;
  height: 3px;
  background-color: #ffffff;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
#banner.fixed .hamburger-inner,
#banner.fixed .hamburger-inner::before,
#banner.fixed .hamburger-inner::after,
.page-template-location-template #banner .hamburger-inner,
.page-template-location-template #banner .hamburger-inner::before,
.page-template-location-template #banner .hamburger-inner::after,
.page-template-sustainability-template #banner .hamburger-inner,
.page-template-sustainability-template #banner .hamburger-inner::before,
.page-template-sustainability-template #banner .hamburger-inner::after,
.page-template-elpueblito-template #banner .hamburger-inner,
.page-template-elpueblito-template #banner .hamburger-inner::before,
.page-template-elpueblito-template #banner .hamburger-inner::after,
.page-template-events-template #banner .hamburger-inner,
.page-template-events-template #banner .hamburger-inner::before,
.page-template-events-template #banner .hamburger-inner::after,
.page-template-calendar-template #banner .hamburger-inner,
.page-template-calendar-template #banner .hamburger-inner::before,
.page-template-calendar-template #banner .hamburger-inner::after,
.page-template-page-news-template #banner .hamburger-inner,
.page-template-page-news-template #banner .hamburger-inner::before,
.page-template-page-news-template #banner .hamburger-inner::after,
.page-template-contact-template #banner .hamburger-inner,
.page-template-contact-template #banner .hamburger-inner::before,
.page-template-contact-template #banner .hamburger-inner::after,
.page-template-page-map-template #banner .hamburger-inner,
.page-template-page-map-template #banner .hamburger-inner::before,
.page-template-page-map-template #banner .hamburger-inner::after,
.page-template-page-map-template-test #banner .hamburger-inner,
.page-template-page-map-template-test #banner .hamburger-inner::before,
.page-template-page-map-template-test #banner .hamburger-inner::after{
  background-color: #378A92;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -0.5625rem;
}

.hamburger-inner::after {
  bottom: -0.625rem;
}
.hamburger--collapse .hamburger-inner {
  top: 1.4375rem;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--collapse .hamburger-inner::after {
  top: -1.125rem;
  transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
}
.hamburger--collapse .hamburger-inner::before {
  width: 1.25rem;
  transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), width .13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -0.625rem, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; 
}
.hamburger--collapse.is-active .hamburger-inner::before {
  width: 1.875rem;
  top: 0;
  transform: rotate(-90deg);
  transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), width .13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}

nav ul li a {
  font-family: 'avenmed', sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  text-decoration: none; 
  letter-spacing: 1px; 
}

.es nav ul li a {
  font-size: 0.8rem;
}

nav.mayakoba-nav ul li.dropdown.show a.dropdown-toggle {
  color: #378A92;
}

nav.mayakoba-nav ul li.dropdown.show a.dropdown-toggle:after {
  background-image: url(https://mayakoba.com/wp-content/uploads/2019/08/menu_dropdown_blue.svg);
  transition: all 0.3s ease-in-out;
}

nav ul li a.dropdown-toggle::after {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  content: "";
  background-image: url('https://mayakoba.com/wp-content/uploads/2019/08/menu_dropdown.svg');
  background-repeat: no-repeat;
  background-size: cover;
  border-top: none!important;
  border-right: none!important;
  border-bottom: none!important;
  border-left: none!important;
  vertical-align: 0.1em;
  margin-left: .5rem;
  transition: all 0.3s ease-in-out;
} 

nav ul li .dropdown-menu li .dropdown-item {
  font-family: 'avenreg';
  font-size: 0.8125rem;
  text-transform: capitalize;
  color: #7a7a7a;
  padding: 0.35rem 1.5rem;
  transition: all 0.3s ease-in-out;  
}

nav ul li .dropdown-menu li .dropdown-item:focus, 
nav ul li .dropdown-menu li .dropdown-item:hover {
  color: #378A92;
  outline: none;
}

nav ul li .nav-link:focus, 
nav ul li .nav-link:hover,
nav ul li.active a {
  color: #378A92; 
}

nav ul li .nav-link:focus:after, 
nav ul li .nav-link:hover:after,
nav ul li.active a:after {
  background-image: url(https://mayakoba.com/wp-content/uploads/2019/08/menu_dropdown_blue.svg); 
  transition: all 0.3s ease-in-out;  
}

nav ul li .dropdown-menu li.current-menu-item a {
  color: #378A92;
}

#mbdrawer {
  width: 100vw;
  height: auto;
  background-color: #F2F6F7;
  padding: 5.938rem 5% 5%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1020;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

#mbdrawer.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.mayakoba-nav ul {
  width: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.mayakoba-nav ul li a {
  transition: all 0.3s ease-in-out;
}

.mayakoba-nav ul li a:hover,
.mayakoba-nav ul li a:focus {
  transition: all 0.3s ease-in-out;
}

.mayakoba-nav.mobile > ul > li {
  max-width: 90%;  
  padding-left: 1rem;
  padding-right: 1rem;  
}

.mayakoba-nav.mobile > ul > li.dropdown { 
  border-bottom: 1px solid #ddd;  
}

nav.mayakoba-nav.mobile ul li .dropdown-menu li.current-menu-item a, 
nav.mayakoba-nav.mobile ul li .dropdown-menu li .dropdown-item.active, 
nav.mayakoba-nav.mobile ul li .dropdown-menu li .dropdown-item:active,
nav.mayakoba-nav.mobile ul li .dropdown-menu li .dropdown-item:focus, 
nav.mayakoba-nav.mobile ul li .dropdown-menu li .dropdown-item:hover {
  color: #378A92;
  background-color: transparent;
}

.mayakoba-nav.mobile ul li.menu-item-1929 {
  border-top: 1px solid #ddd;  
}

.mayakoba-nav.mobile > ul > li > a {
  padding: 0.5rem 0;
}

.mayakoba-nav.mobile > ul > li.dropdown > a {
  padding: 0.75rem 0;
}

.mayakoba-nav.mobile > ul > li.menu-item-1966 > a {
  padding-top: 0.75rem;
}

/*.mayakoba-nav.mobile ul li .dropdown-toggle {

}*/

.mayakoba-nav.mobile .dropdown-menu {
  background: transparent;
  padding: 0 0 1rem;
  margin: 0;
  border: none;
  border-radius: 0;
}

.header-cta .btn {
  font-size: 14px; /*1rem;*/
}

.es .header-cta .btn {
  font-size: 14px;
  padding: .5rem 1rem;
}

#inqdrawer {
  width: 100vw;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2000;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  transition-duration: 0.6s;  
}

#inqdrawer.is-visible {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.close-inqwin {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  padding: 0;
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  z-index: 2300;
  cursor: pointer;
}

.close-inqwin-arrow {
  width: 1.875rem;
  height: 1.875rem;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.clickable-close {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2100;
}

.mobile-only{
	display: none;
}

@media (max-width: 980px) {
	.hero-media.video-header > .pt-5{
		padding-top: 0!important;
	}
	.mobile-only{
		display: block;
	}
	.desktop-only{
		display: none;
	}
	.row.align-items-end.reversed{
		flex-direction: column-reverse;
	}
	.social-wrapper .container{
		display: flex;
		flex-direction: column-reverse;
		margin-bottom: 0rem!important;
	}
	.social-wrapper .row:first-child{
		position: relative;
		padding-left: 15px;
		padding-right: 15px;
		width: auto;
	}
	.social-wrapper .row:first-child .col{
		padding-left: 0!important;
	}
	.social-wrapper .row:first-child .col p{
		padding-right: 0!important;
	}
	.social-wrapper .row:first-child .col p a.btn{
		margin-right: 0!important;
	}
	.social-wrapper .row:last-child{
		margin-bottom: 0!important;
		padding-bottom: 0!important;
	}
	.in-the-news .row{
		row-gap: 30px;
	}
	.in-the-news .row a{
		text-decoration: none;
	}
	.in-the-news .row a .overlay{
		display: block;
		font-family: 'beausite';
		font-weight: 300;
		text-transform: none;
		font-size: 1.35rem;
		padding-top: 8px;
	}
	/*.in-the-news a .overlay span{
		border-top: 2px solid #3a3a3a;
		border-bottom: 2px solid #3a3a3a;
		padding: 8px 0;
		width: 70%;
		text-align: center;
	}
	.in-the-news a .overlay{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		background: rgba(255,255,255,.8);
		color: #3A3A3A;
	}*/
	.nav-cat{
		padding-top: 14px;
	}
	.nav-cat .container,
	.nav-cat .container .col{
		padding: 0;
	}
	.nav-cat a{
		margin: 0 8px;
		white-space: nowrap;
	}
	.featured .row div:last-child{
		padding-top: 36px;
	}
	.featured .row div:last-child h3{
		margin-bottom: 20px;
	}
	/*.featured h3 a:not(:last-child):after {
		content: '|';
		padding-left: 4px;
	}*/
	
	.experiences .btn,
	.experiences h2{
		float: none;
		margin-bottom: 1rem;
		margin-top: 0;
	}
}

@media (max-width: 1100px) {
	
	#lang-switch li{
		width: 50%;
		display: inline-block;
		float: left;
	}
	#lang-switch li a{
		display: flex;
		align-items: center;
	}
	#lang-switch li img {
		max-width: 30px;
	}
}


@media (min-width: 768px) { 
  #mbdrawer {
    padding: 6.875rem 2% 5%;
  }
  .close-inqwin {
    top: 1.875rem;
    right: 1.875rem;
  }
  .mayakoba-nav.mobile > ul > li {
    max-width: 50%; 
  }  

	
}

.pb-3.mb-5.last-item .container:before{
	content:'';
	position: absolute;
	width: 60%;
	height: 100%;
	background-color: #F2F1ED;
	top: 15%;
	left: 40%
}

@media (max-width: 768px) { 
	.pb-3.mb-5.last-item .container:before{
		content: '';
		position: absolute;
		width: auto;
		height: 90%;
		background-color: #F2F1ED;
		top: 15%;
		left: 15px;
		right: 15px;
	}
	.pb-3.mb-5.last-item .container .poi-details.col-lg-5{
		padding: 0 9%
	}
	
	.virtual_tour.container {
	  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}
	.form-row.justify-content-end.mt-4{
		flex-direction: column;
		margin-top: .5rem!important;
	}
	.form-row.justify-content-end.mt-4 .col-6.text-right{
		max-width: none;
		text-align: center!important;
	}
	.form-row.justify-content-end.mt-4 .col-6.text-right button.btn{
		width: 100%;
		margin-top: 8px;
	}
}


@media (min-width: 992px) and (max-width: 1200px) { 
  .header-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;    
  }
  .header-nav-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;    
  }
}


@media (min-width: 1100px) {
  body.page-template-location-template,
  body.page-template-sustainability-template,
  body.page-template-elpueblito-template,
  body.page-template-events-template,
  body.page-template-calendar-template,
  body.page-template-contact-template,
  body.blog, body.single-post,
  body.single-cuisine,
  body.tax-food_times {
    padding-top: 5.625rem;
  }
  #banner {
    padding: 0;
  }
  .navbar-brand {
    padding-top: 1rem;
    padding-bottom: 1.1rem;    
  }
  .navbar-brand img {
    max-width: 13.75rem;
  }  
  .hamburger, #mbdrawer {
    display: none;
  }
  .utilities {
    display: block!important;
  }
  .header-nav {
    padding-top: 1.1rem;
  }
  .header-nav .navbar {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
  }
  .mayakoba-nav.desktop {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .mayakoba-nav.desktop .navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: end!important;
    -webkit-box-pack: end!important;
    justify-content: flex-end!important;    
  }
  .mayakoba-nav.desktop ul {
    width: auto;
    margin-bottom: 0;
  }
  .mayakoba-nav.desktop ul li.dt-hide {
    display: none;
  }
  .mayakoba-nav.desktop ul li .dropdown-menu li.current-menu-item,
  .dropdown-item.active, .dropdown-item:active {
    background-color: #f8f8f8;
  }  
  .mayakoba-nav.desktop > ul > li {
    margin: 0.4rem 0 1.2rem;
  }
  .mayakoba-nav.desktop > ul > li > a {
    font-size: 0.85rem;    
    padding: 0 0.57rem;
  }
  body.es .mayakoba-nav.desktop > ul > li > a {
    font-size: 0.75rem;    
  }  
  .mayakoba-nav.desktop > ul > li.dropdown > a {
    cursor: default;
  }    
  nav ul li a.dropdown-toggle::after {
    margin-left: .255rem;
  }
  .mayakoba-nav.desktop ul li .dropdown-menu {
    text-align: center;
    border: none;
    border-radius: 0;
    box-shadow: 0px 11px 14px rgba(0,0,0, .05);
    padding: 1.2rem 0 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 50%;
  }
  nav ul li .dropdown-menu li .dropdown-item {
    padding: 0.5rem 1.5rem;
  }
  .header-cta {
    border-left: 2px solid #d8d8d8;
    padding-left: 0.7rem;
    margin-left: 0.2rem; 
	padding-top: 6px;
	padding-bottom: 6px;	
  }
  .header-cta .btn {
    font-size: 14px;
	white-space: nowrap;
  }
}


@media (min-width: 1200px) { 
  .close-inqwin {
    right: 3.125rem;    
  }
  .mayakoba-nav.desktop > ul > li {
    margin: 0.4rem 0 0.7rem;
  }
  .mayakoba-nav.desktop > ul > li > a {
    font-size: 0.875rem;
    padding: 0 0.6rem 0.5rem;
  }
  body.es .mayakoba-nav.desktop > ul > li > a {
    font-size: 0.8rem;    
  }   
  .mayakoba-nav.desktop ul li .dropdown-menu {
    padding: 0.7rem 0 0;
  }  
  .header-cta .btn {
    font-size: 14px;
  }
}

@media (min-width: 1280px) {
  .es nav ul li a {
    font-size: 0.875rem;
  }  
  .es .header-cta .btn {
    font-size: 14px;
    padding: .5rem 1.5rem;
  }  
}

/* End Header Styles */



/*-------------------------------
  Language Switcher Styles
---------------------------------*/

.wpml-ls-legacy-dropdown .wpml-ls-item,
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
  font-family: 'avenmed';
  font-weight: 500;
  font-size: 0.8125rem;
  text-decoration: none;
  letter-spacing: 1.5px;
  line-height: 1;
  border: none;
  transition: all 0.3s ease-in-out;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item {
  background-color: rgba(131, 173, 181, 0.7);
  color: #fff;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item a {
  color: #fff;
  line-height: 1.2;
  padding: 0.5rem 1.25rem;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:hover,
.wpml-ls-legacy-list-horizontal .wpml-ls-item:focus {
  background-color: #328A93;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:hover a,
.wpml-ls-legacy-list-horizontal .wpml-ls-item:focus a {
  text-decoration: none;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-first-item {
  border-radius: 1rem 0 0 1rem;
}

.en .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-first-item {
  background-color: #328A93;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-last-item {
  border-radius: 0 1rem 1rem 0;
}

.es .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-last-item {
  background-color: #328A93;
}

.wpml-ls-legacy-dropdown .wpml-ls-flag,
.wpml-ls-legacy-list-horizontal .wpml-ls-flag {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.3125rem;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag{
	width: 18px;
    height: 12px;
}

#lang-switch-dt .wpml-ls-legacy-dropdown {
  min-width: 120px;
  width: auto;
}

#lang-switch-dt .wpml-ls-legacy-dropdown a {
  border: none;
  padding: 0.5rem 0.9375rem;
}

#lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
  display: inline-block;
  width: 0.3125rem;
  height: 0.3125rem;
  content: "";
  background-image: url('/wp-content/themes/mayakoba-tac/img/arrow_language-white-alt.png');
  background-repeat: no-repeat;
  background-size: 0.3125rem;
  border-top: none!important;
  border-right: none!important;
  border-bottom: none!important;
  border-left: none!important;
  vertical-align: 0.1em;
  transition: all 0.3s ease-in-out;  
  right: 0.1875rem;  
}
#banner.fixed #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-location-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-sustainability-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-elpueblito-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-events-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-calendar-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-page-news-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-contact-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-page-map-template #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after,
.page-template-page-map-template-test #banner #lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
	background-image: url('https://mayakoba.com/wp-content/uploads/2019/11/arrow_language.png');
}

#lang-switch-dt .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
  padding-right: 0.9375rem;
}

#lang-switch-dt .wpml-ls-legacy-dropdown a:hover, 
#lang-switch-dt .wpml-ls-legacy-dropdown a:focus, 
#lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
  color: #535353;
  background: #fff;
}

#lang-switch-dt .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
  border-top: none;
}


/* End Language Switcher Styles */



/*-------------------------------
  Inquire Form Styles
---------------------------------*/

#inquire-book.inquire-or-book {
  position: relative;
  z-index: 2200;
}

#form-footer.inquire-or-book {
  background-color: #152922; /*#F2F6F7*/;
  padding-top: 3.75rem;
  padding-bottom: 3.75rem;
  color: #fff;
}
#inquire-book.inquire-or-book {
  background-color: #F2F6F7;
}

#inquire-book.inquire-or-book p,
#form-footer.inquire-or-book p {
  margin-bottom: 0.5rem;
}

#inquire-book.inquire-or-book h1,
#inquire-book.inquire-or-book .nav-tabs,
#form-footer.inquire-or-book h1,
#form-footer.inquire-or-book .nav-tabs {
  margin-bottom: 1.875rem;
  color: #fff;
}

#inquire-book.inquire-or-book .nav-tabs,
#inquire-book.inquire-or-book .nav-tabs .nav-item.show .nav-link, 
#inquire-book.inquire-or-book .nav-tabs .nav-link.active,
#form-footer.inquire-or-book .nav-tabs,
#form-footer.inquire-or-book .nav-tabs .nav-item.show .nav-link, 
#form-footer.inquire-or-book .nav-tabs .nav-link.active {
  border: none;
}

#inquire-book.inquire-or-book .nav-tabs .nav-link,
#form-footer.inquire-or-book .nav-tabs .nav-link {
  background-color: #f2f1ed; /*rgba(131, 173, 181, 0.7);*/
  font-family: 'avenmed';
  font-weight: 500;
  font-size: 0.75rem;
  color: #328A93;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 1.5px;
  line-height: normal;
  border: none;
}
#form-footer.inquire-or-book .nav-tabs .nav-link.active{
	color: #fff;
}

#inquire-book.inquire-or-book .nav-tabs .nav-link:focus,
#form-footer.inquire-or-book .nav-tabs .nav-link:focus {
  outline: none;
}

#inquire-book.inquire-or-book .nav-tabs .nav-item.real-estate,
#form-footer.inquire-or-book .nav-tabs .nav-item.real-estate {
  margin-right: 3px; 
}

#inquire-book.inquire-or-book .nav-tabs .nav-item.real-estate .nav-link,
#form-footer.inquire-or-book .nav-tabs .nav-item.real-estate .nav-link {
  border-radius: 0 1rem 1rem 0; /*1rem 0 0 1rem;*/
}

#inquire-book.inquire-or-book .nav-tabs .nav-item.hotel-bookings,
#form-footer.inquire-or-book .nav-tabs .nav-item.hotel-bookings {
  margin-left: 3px;
}

#inquire-book.inquire-or-book .nav-tabs .nav-item.hotel-bookings .nav-link,
#form-footer.inquire-or-book .nav-tabs .nav-item.hotel-bookings .nav-link {
  border-radius: 1rem 0  0 1rem; /*0 1rem 1rem 0;*/
}

#inquire-book.inquire-or-book .nav-tabs .nav-item.show .nav-link, 
#inquire-book.inquire-or-book .nav-tabs .nav-link.active,
#form-footer.inquire-or-book .nav-tabs .nav-item.show .nav-link, 
#form-footer.inquire-or-book .nav-tabs .nav-link.active {
  background-color: #328A93;
}

#inquire-book.inquire-or-book .form-group, 
#inquire-book.inquire-or-book .wpcf7 .wpcf7-form p,
#form-footer.inquire-or-book .form-group, 
#form-footer.inquire-or-book .wpcf7 .wpcf7-form p {
  margin-bottom: 0.5rem;
}

#inquire-book.inquire-or-book form label,
#form-footer.inquire-or-book form label {
  font-family: 'avenmed', sans-serif;
  font-weight: 500;  
  font-size: 0.6875rem;
  text-transform: uppercase;  
  letter-spacing: 1.5px;
  margin-bottom: 0rem;  
}
.residential_offerings label{
	display: inline-block;
    vertical-align: middle;
    width: 32.9%;
}
.residential_offerings label input{
	display: inline-block;
    float: left;
}
.residential_offerings label span{
	display: inline-block;
    float: left;
    line-height: 14px;
	border: 1px solid;
}

.recaptchaerror span{
  font-family: 'optima-ital';
  font-style: italic;
  font-size: 0.7875rem;
}

#inquire-book.inquire-or-book .form-control,
#inquire-book.inquire-or-book .wpcf7 .wpcf7-validation-errors,
#inquire-book.inquire-or-book .wpcf7 input[type=color],
#inquire-book.inquire-or-book .wpcf7 input[type=date],
#inquire-book.inquire-or-book .wpcf7 input[type=datetime-local],
#inquire-book.inquire-or-book .wpcf7 input[type=datetime],
#inquire-book.inquire-or-book .wpcf7 input[type=email],
#inquire-book.inquire-or-book .wpcf7 input[type=file],
#inquire-book.inquire-or-book .wpcf7 input[type=month],
#inquire-book.inquire-or-book .wpcf7 input[type=number],
#inquire-book.inquire-or-book .wpcf7 input[type=range],
#inquire-book.inquire-or-book .wpcf7 input[type=search],
#inquire-book.inquire-or-book .wpcf7 input[type=submit],
#inquire-book.inquire-or-book .wpcf7 input[type=tel],
#inquire-book.inquire-or-book .wpcf7 input[type=text],
#inquire-book.inquire-or-book .wpcf7 input[type=time],
#inquire-book.inquire-or-book .wpcf7 input[type=url],
#inquire-book.inquire-or-book .wpcf7 input[type=week],
#inquire-book.inquire-or-book .wpcf7 select,
#inquire-book.inquire-or-book .wpcf7 textarea,
#form-footer.inquire-or-book .form-control,
#form-footer.inquire-or-book .wpcf7 .wpcf7-validation-errors,
#form-footer.inquire-or-book .wpcf7 input[type=color],
#form-footer.inquire-or-book .wpcf7 input[type=date],
#form-footer.inquire-or-book .wpcf7 input[type=datetime-local],
#form-footer.inquire-or-book .wpcf7 input[type=datetime],
#form-footer.inquire-or-book .wpcf7 input[type=email],
#form-footer.inquire-or-book .wpcf7 input[type=file],
#form-footer.inquire-or-book .wpcf7 input[type=month],
#form-footer.inquire-or-book .wpcf7 input[type=number],
#form-footer.inquire-or-book .wpcf7 input[type=range],
#form-footer.inquire-or-book .wpcf7 input[type=search],
#form-footer.inquire-or-book .wpcf7 input[type=submit],
#form-footer.inquire-or-book .wpcf7 input[type=tel],
#form-footer.inquire-or-book .wpcf7 input[type=text],
#form-footer.inquire-or-book .wpcf7 input[type=time],
#form-footer.inquire-or-book .wpcf7 input[type=url],
#form-footer.inquire-or-book .wpcf7 input[type=week],
#form-footer.inquire-or-book .wpcf7 select,
#form-footer.inquire-or-book .wpcf7 textarea {
  background-color: #152922; /*#F2F6F7;*/
  color: #ffffff;
  border: none;
  border-bottom: 1px solid #ffffff;
  border-radius: 0;
  padding: .375rem 0;
}

#inquire-book.inquire-or-book .form-control:focus,
#inquire-book.inquire-or-book .wpcf7 .wpcf7-validation-errors:focus,
#inquire-book.inquire-or-book .wpcf7 input:focus[type=color],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=date],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=datetime-local],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=datetime],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=email],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=file],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=month],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=number],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=range],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=search],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=submit],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=tel],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=text],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=time],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=url],
#inquire-book.inquire-or-book .wpcf7 input:focus[type=week],
#inquire-book.inquire-or-book .wpcf7 select:focus,
#inquire-book.inquire-or-book .wpcf7 textarea:focus,
#form-footer.inquire-or-book .form-control:focus,
#form-footer.inquire-or-book .wpcf7 .wpcf7-validation-errors:focus,
#form-footer.inquire-or-book .wpcf7 input:focus[type=color],
#form-footer.inquire-or-book .wpcf7 input:focus[type=date],
#form-footer.inquire-or-book .wpcf7 input:focus[type=datetime-local],
#form-footer.inquire-or-book .wpcf7 input:focus[type=datetime],
#form-footer.inquire-or-book .wpcf7 input:focus[type=email],
#form-footer.inquire-or-book .wpcf7 input:focus[type=file],
#form-footer.inquire-or-book .wpcf7 input:focus[type=month],
#form-footer.inquire-or-book .wpcf7 input:focus[type=number],
#form-footer.inquire-or-book .wpcf7 input:focus[type=range],
#form-footer.inquire-or-book .wpcf7 input:focus[type=search],
#form-footer.inquire-or-book .wpcf7 input:focus[type=submit],
#form-footer.inquire-or-book .wpcf7 input:focus[type=tel],
#form-footer.inquire-or-book .wpcf7 input:focus[type=text],
#form-footer.inquire-or-book .wpcf7 input:focus[type=time],
#form-footer.inquire-or-book .wpcf7 input:focus[type=url],
#form-footer.inquire-or-book .wpcf7 input:focus[type=week],
#form-footer.inquire-or-book .wpcf7 select:focus,
#form-footer.inquire-or-book .wpcf7 textarea:focus {
  background-color: #F2F6F7;
  color: #282828;
  border-color: #282828;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#inquire-book.inquire-or-book label.label-dis,
#form-footer.inquire-or-book label.label-dis {
  color: rgba(40, 40, 40, 0.5);
}

#inquire-book.inquire-or-book input:disabled,
#form-footer.inquire-or-book input:disabled {
  border-bottom-color: rgba(40, 40, 40, 0.5);
}

#inquire-book.inquire-or-book .custom-select,
#form-footer.inquire-or-book .custom-select {
  background: url('/wp-content/themes/mayakoba-tac/img/menu_dropdown-white.svg') no-repeat right 10px center/0.625rem 0.75rem;
  background-color: #152922; /*#F2F6F7;*/
  padding: .375rem .75rem;
  border-bottom: 1px solid #ffffff;
  color: #fff;
}
#form-footer.inquire-or-book a{
	color: #fff;
}

form.re-inquiry {
  min-height: 200px;
  position: relative;
}

.form-main {
  transition: all 0.6s ease;  
}

.help-block.form-error {
  display: block;
  font-family: 'optima-ital';
  font-style: italic;
  font-size: 0.6875rem;
  text-align: right;
  line-height: 1;
  padding-top: 5px;
}

.thank-you {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  transition: all 0.6s ease;
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: all 0.6s ease;  
}


/* End Inquire Form Styles */



/*-------------------------------
  Book Now Styles
---------------------------------*/

#hotelbookings .container-fluid,
#footer-hotelbookings .container-fluid {
  max-width: 71.25rem;
}

.hotel-booking-links .row {
  margin-right: -0.4375rem;
  margin-left: -0.4375rem;  
}

.hotel-booking-links .row>[class*=col-] {
  padding-right: 0.4375rem;
  padding-left: 0.4375rem;
}

.hotel-booking-links h2 {
  position: relative;
  padding-bottom: 1.3rem;
  margin-bottom: 1.5rem;  
}

.hotel-booking-links h2:after {
  display: block;
  content: "";
  width: 1.875rem;
  height: 0.3125rem;
  background-color: #378A92;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.9375rem;
}

.hotel-booking-links .book-resort {
  margin-bottom: 1.25rem;
  position: relative;
  overflow: hidden;
}

.hotel-booking-links .book-resort:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-color: rgba(0,0,0,0.1);
  background: #000;
  background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 100%);
  -moz-transition: height 1.2s ease;
  -webkit-transition: height 1.2s ease;
  -o-transition: height 1.2s ease;
  transition: height 1.2s ease;
}

.hotel-booking-links .book-resort img {
  margin-bottom: 0;
}

.hotel-booking-links .book-resort a {
  display: block;
  text-align: left;
}

.hotel-booking-links .book-resort-title-wrapper {
  width: 100%;
  color: #fff;
  margin-bottom: 0;  
  padding: 0 0.5rem 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.hotel-booking-links .book-resort-title {
  font-size: 0.875rem;
}

.hotel-booking-links .book-resort-subtitle {
  display: block;
  max-width: 85%;
  max-height: 0;
  font-size: 0.6875rem;
  line-height: 1.2;
  letter-spacing: .25px;
  padding-top: 0;
  margin: 0;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -moz-transition: opacity 0.5s ease, max-height 0.8s ease;
  -webkit-transition: opacity 0.5s ease, max-height 0.8s ease;
  -o-transition: opacity 0.5s ease, max-height 0.8s ease;
  transition: opacity 0.5s ease, max-height 0.8s ease;
  overflow: hidden;  
}

.hotel-booking-links .book-resort a:hover .book-resort-subtitle {
  max-height: 9.375rem;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -moz-transition: opacity 1s 0.25s ease, max-height 2.5s ease;
  -webkit-transition: opacity 1s 0.25s ease, max-height 2.5s ease;
  -o-transition: opacity 1s 0.25s ease, max-height 2.5s ease;
  transition: opacity 1s 0.25s ease, max-height 2.5s ease;
}


@media (min-width: 62rem) { /* 992px */
  .hotel-booking-links .book-resort-subtitle {
    max-width: 100%;
  }
}

@media (min-width: 62rem) { /* 992px */
  .hotel-booking-links .book-resort-title-wrapper {
    padding: 0 0.8rem 0.8rem;
  }
  .hotel-booking-links .book-resort-title {
    font-size: 1.1rem;
  }
  .hotel-booking-links .book-resort-subtitle {
    font-size: 0.8rem;
  }  
}

@media (min-width: 75rem) { /* 1200px */
  .hotel-booking-links .book-resort-title {
    font-size: 1.3rem;
  }  
  .hotel-booking-links .book-resort-subtitle {
    font-size: 0.85rem;
  }
}


/* End Book Now Styles */



/*-------------------------------
  Video / Image Hero Styles
---------------------------------*/

#hero .hero-media img {
  width: 100%;
  height: auto;
}

#hero .hero-media.hero-image {
  padding-top: 0; /*4.5rem;*/
}

#hero .hero-media #herovideo {
  display: flex;
  width: 100%;
  height: auto;
  object-fit: cover!important;
}

#hero .intro-wrapper {
  background-color: #152922; /*#F2F1ED;*/
  color: #fff;
  padding: 11% 8% 10%;
  position: relative;
  z-index: 1;
}
#hero .intro-wrapper .d-block.h4,
#hero .intro-wrapper a{
	color: #fff;
}
#hero .intro-title.h5 {
  margin-bottom: 0.625rem;
}

#hero .intro-wrapper h1 {
  font-size: 1.45rem;
  color: #fff;
}

#hero .intro-wrapper p {
  margin-bottom: 0;
}

#hero-minimal {
  padding-top: 2rem;
  padding-bottom: 4rem;
  margin-top: 40px;
}

#hero-minimal h1 {
  margin-bottom: 0;
  position: relative;
}

#hero-minimal h1:after {
  display: block;
  content: "";
  width: 1px;
  height: 3.75rem;
  background-color: #979797;
  position: absolute;
  bottom: -4.375rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}


@media (min-width: 48rem) { /* 768px */
  #hero-minimal {
    padding-top: 3.125rem;
    padding-bottom: 5rem;
  }  
  #hero .intro-wrapper {
    padding: 11% 10% 9%;    
    margin: -2.5rem 1.25rem 0 0;
  }
  #hero .intro-title.h5 {
    font-size: 0.8125rem;
    margin-bottom: 0.8125rem;    
  }
  #hero .intro-wrapper h1 {
    font-size: 1.65rem;
    margin-bottom: 1rem;
  }  
	
}
@media (max-width: 980px) {
	.residential_offerings label{
		width:100%;
	}
	.pb-3.mb-5.last-item .container:before{
		content: '';
		position: absolute;
		width: auto;
		height: 90%;
		background-color: #F2F1ED;
		top: 15%;
		left: 15px;
		right: 15px;
	}
	.pb-3.mb-5.last-item .container .poi-details.col-lg-5{
		padding: 0 9%;
		width:100%
	}
}



@media (min-width: 62rem) { /* 992px */
  #hero .intro-wrapper {
    margin-top: -20%;
  }
  #hero .intro-wrapper h1 {
    font-size: 1.85rem;
  }
}

@media (min-width: 65rem) {/* 1040px */
  #hero .hero-media.hero-image {
    padding-top: 0; /*5.2rem;*/
  }
}

@media (min-width: 75rem) { /* 1200px */
  #hero .intro-wrapper {
    padding: 4.5rem 4.25rem 3.75rem;
    margin: -20% 3.125rem 0 0;
  }
  #hero .intro-title.h5 {
    font-size: 0.9375rem;
    margin-bottom: 1rem;
  }
  #hero .intro-wrapper h1 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
	color: #fff; /*#3A3A3A;*/
  }
}



/* End Video / Image Hero Styles */



/*-------------------------------
  Shared Page Styles
---------------------------------*/

.section-pad {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.page-template-hotels-template #page-intro {
  padding-bottom: 2.5rem;
}

.page-template-realestate-template #page-intro {
  padding-bottom: 1.875rem;
}

.page-id-13 #page-intro {
  padding-bottom: 1.25rem;
}

#page-intro h2 {
  margin-bottom: 1.5rem;
}

.highlight {
  margin-bottom: 1.875rem;
}

.highlight h3 {
  margin-bottom: 1.25rem;
}

.highlight p {
  margin-bottom: 0;
}

.section-highlights .highlight:last-child p {
  margin-bottom: 0;
}

p.caption {
  width: 85%;
  max-width: 18rem;
  font-size: 0.75rem;
  padding-left: 1.125rem;
  margin-bottom: 3.75rem;
  position: relative;
}

p.caption:before,
.adv-caption:before,
.env-caption:before,
ul.amenities-list li:before  {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  content: "";
  background-image: url(https://mayakoba.com/wp-content/uploads/2019/08/menu_dropdown.svg);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

p.caption:before,
.adv-caption:before,
.env-caption:before {
  top: 0.3125rem;
  left: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);  
  transform: rotate(180deg);
}

ul.amenities-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

ul.amenities-list li {
  line-height: 1.2;
  padding-left: 1.25rem;
  margin-bottom: 1.75rem;
  position: relative;
}

.page-template-golf-template ul.amenities-list li {
  margin-bottom: 1.25rem;
}

ul.amenities-list li:before {
  top: 0.3125rem;
  left: 1px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);  
  transform: rotate(-90deg);
}

.restaurant-details ul.amenities-list li {
  margin-bottom: .5rem;
}

ul.amenities-list.one-col li {
  margin-bottom: 1.25rem;
}

span.lighter,
span.lighter a {
  color: #7a7a7a;
}


@media (min-width: 48rem) { /* 768px */
  .section-pad {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }  
  p.caption {
    width: 100%;
  }
  .offset-top {
    padding-top: 4.375rem;
  }
  ul.amenities-list {
    max-width: 37.5rem;
    column-count: 2;
  }
  ul.amenities-list.one-col {
    column-count: 1!important;
  }   
}

@media (min-width: 992px) {
  .section-pad {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
  .page-template-hotels-template #hero .intro-wrapper,
  .page-template-realestate-template #hero .intro-wrapper,
  .page-template-golf-template #hero .intro-wrapper,
  .page-id-13 #hero .intro-wrapper, 
  .page-id-1361 #hero .intro-wrapper {
    /*position: absolute;*/
  }
  .page-template-hotels-template #page-intro,
  .page-template-realestate-template #page-intro,
  .page-template-golf-template #page-intro,
  .page-id-13 #page-intro,
  .page-id-1361 #page-intro {
    padding-top: 6.25rem;
  } 
  #page-intro h2 {
    margin-bottom: 1.875rem;
  }
  p.caption {
    max-width: 21.875rem;
    font-size: 0.8125rem;
  }
  .offset-top {
    padding-top: 5.625rem;
  }
  ul.amenities-list {
    max-width: 45rem;
  }
}


@media (min-width: 1200px) { 
  .page-template-default #page-intro,
  .page-template-hotels-template #page-intro,
  .page-template-realestate-template #page-intro,
  .page-template-golf-template #page-intro {
    /*padding-top: 8.75rem;*/
	padding-top: 0;
	margin-top: -16.75rem;
  }
  /*.page-id-83 #page-intro {
    margin-top: -24.5rem;
  }
  .page-id-85 #page-intro {
    margin-top: -26rem;
  }
  .page-id-87 #page-intro {
    margin-top: -30rem;
  }
  .page-id-89 #page-intro {
    margin-top: -28rem;
  }  
  .page-template-golf-template #page-intro {
    margin-top: -20.5rem;
  }
  .page-id-1943 #page-intro {
    margin-top: -23rem;
  }*/  
  #page-intro .container-fluid {
    max-width: 1140px;
  }
  #page-intro h2 {
    margin-bottom: 2.5rem;
  }
  p.caption {
    font-size: 0.875rem;
  }  
  .offset-top {
    padding-top: 6.5625rem;
  }
}

/*@media (min-width: 1440px) {
  .page-template-golf-template #page-intro {
    margin-top: -15.5rem;
  }  
}*/


/* End Shared Page Styles */



/*-------------------------------
  Slider Styles
---------------------------------*/

/* Slick */
.summer-slider .slider ul.slick-dots{display:none!important;}

.slider .slick-arrow {
  width: 1.938rem;
  height: 2.813rem;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;  
}

.slider .slick-arrow.slick-prev {
  left: 0;
}

.slider .slick-arrow.slick-next {
  right: 0;
}

.slider img.slider-arrow {
  width: 1rem;
  height: 0.625rem;
  vertical-align: baseline;
}

.slider .slick-dots {
  display: flex;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0 0.3125rem;
  position: absolute;
  top: 0.625rem;
  right: 0;
  z-index: 1;
}
.slick-dots li {
  margin: 0 0.25rem;
}
.slick-dots button {
  display: block;
  width: 1.125rem;
  height: 2px;
  background-color: #8F8D8B;
  text-indent: -9999px;
  border: none;
  border-radius: 0;
  padding: 0;
}
.slick-dots .slick-active button {
  background-color: #fff;
}


/* Flickity */

.slider-module {
  position: relative;
  overflow: hidden;
}
.slider-module:focus {
  outline: none;
}
.slider-module .flickity-prev-next-button {
  width: 10%;
  height: 60.5%;
  background: none;
  color: transparent;
  border: none;  
  padding: 0;
  position: absolute;
  top: 0;
}
.slider-module .flickity-prev-next-button svg {
  display: none;
}
.slider-module .flickity-prev-next-button:before {
  display: block;
  content: "";
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 1.3125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
}
.slider-module .flickity-prev-next-button.previous {
  left: 0;
}
.slider-module .flickity-prev-next-button.previous:before {
  background-image: url(/wp-content/themes/mayakoba-tac/img/icon_arrow-prev-white.svg);
}
.slider-module .flickity-prev-next-button.next {
  right: 0;
}
.slider-module .flickity-prev-next-button.next:before {
  background-image: url(/wp-content/themes/mayakoba-tac/img/icon_arrow-next-white.svg);
}
.slider-module .slider-module-slide {
  width: 100%;
  height: auto;
  min-height: 15.625rem;
  display: -webkit-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0 2.5rem;
}
.slider-module .slider-module-slide:focus {
  outline: none;
}
.slider-module .slider-module-slide.is-selected .fl-slider-module-slide-image,
.slider-module .slider-module-slide.is-selected .fl-slider-caption {
  transition: transform 0.5s;
}
.slider-module .slider-module-slide.is-selected .slide-wrapper h2,
.slider-module .slider-module-slide.is-selected .slide-wrapper p {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.slider-module .slider-module-slide .fl-slider-module-slide-image {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.slider-module .slider-module-slide .fl-slider-module-slide-image,
.slider-module .slider-module-slide .fl-slider-caption {
  transition: transform 0.5s;
}
.slider-module .slider-module-slide .slide-wrapper {
  position: relative;
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.slider-module .slider-module-slide .slide-wrapper h2,
.slider-module .slider-module-slide .slide-wrapper p {
  opacity: 0.15;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15);
  transition: opacity 0.5s;
}
.slider-module .slider-module-slide .slide-wrapper a {
  display: block;
  width: 100%;
  height: auto;
  text-decoration: none;
}
.slider-module .slider-module-slide .slide-wrapper h2 {
  font-size: 1.1rem;
  text-align: left;
  margin-top: 1.875rem;
  margin-bottom: 0;
}
.slider-module .slider-module-slide .slide-wrapper p {
  text-align: left;
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0.625rem;
}
.slider-module-fullwidth img {
  max-width: 100%;
  height: auto;
  width: 100%;
}


@media (min-width: 30rem) { /* 480px */
  .slider-module .slider-module-slide {
    width: 78%;
  }
  .slider-module .flickity-prev-next-button {
    width: 14.5%;
    height: 56.5%;
  }
  .slider-module .flickity-prev-next-button.next {
    right: 3.8%;
  }
  .slider-module .flickity-prev-next-button.previous {
    left: 3.8%;
  } 
}

@media (min-width: 37.5rem) { /* 600px */
  .slider-module .slider-module-slide .slide-wrapper h2 {
    font-size: 1.2rem;
  }  
  .slider-module .flickity-prev-next-button:before {
    width: 1.5rem;
    height: 1.625rem;
  }  
  .slider-module .flickity-prev-next-button {
    height: 65%;
  }
}

@media (min-width: 48rem) { /* 768px */
  .slider .slick-dots {
    top: 1rem;
    right: 0.625rem;
  }
  .slider img.slider-arrow {
    width: 1.25rem;
    height: 0.8125rem;
    vertical-align: -0.05rem;    
  }  
  .slider .slick-arrow {
    width: 2.5rem;
    height: 3.625rem;
  }
  .slider-module .slider-module-slide {
    width: 72%;
    padding: 0 3.125rem;
  }
  .slider-module .slider-module-slide .slide-wrapper h2 {
    font-size: 1.375rem;
  }  
  .slider-module .flickity-prev-next-button {
    width: 13%;
    height: 68%;
  }
  .slider-module .flickity-prev-next-button.next {
    right: 7.5%;
  }
  .slider-module .flickity-prev-next-button.previous {
    left: 7.5%;
  }   
}

@media (min-width: 50rem) { /* 800px */
  .slider-module .flickity-prev-next-button {
    width: 11.2%;
    height: 68%;
  }
  .slider-module .flickity-prev-next-button.next {
    right: 8.4%;
  }
  .slider-module .flickity-prev-next-button.previous {
    left: 8.4%;
  }  
}

@media (min-width: 62rem) { /* 992px */
  .slider .slick-dots {
    top: 1.7rem;
    right: 1rem;
  }
  .slider img.slider-arrow {
    width: 1.5rem;
    height: 0.9375rem;
  }  
  .slider .slick-arrow {
    width: 3rem;
    height: 4.375rem;
  }
  .slider-module .flickity-prev-next-button {
    height: 77%;
  }
}

@media (min-width: 64rem) { /* 1024px */
  .slider-module .slider-module-slide {
    padding: 0 5rem;
  }
  .slider-module .flickity-prev-next-button {
    height: 75.5%;
  }
  .slider-module .flickity-prev-next-button:before {
    width: 1.875rem;
    height: 2rem;
  }  
}

.slider-module .flickity-prev-next-button {
	cursor: pointer;
}

@media (min-width: 75rem) { /* 1200px */
  .slider .slick-dots {
    top: 1.438rem;
    right: 1.438rem;
  }
  .slider img.slider-arrow {
    width: 1.875rem;
    height: 1.188rem;
    vertical-align: -0.2rem;
  }  
  .slider .slick-arrow {
    width: 3.438rem;
    height: 5rem;
  }
  .slider-module .slider-module-slide {
    width: 70%;
  }
  .slider-module .flickity-prev-next-button {
    width: 13%;
  }
  .slider-module .flickity-prev-next-button.next {
    right: 8.5%;
  }
  .slider-module .flickity-prev-next-button.previous {
    left: 8.5%;
  }
  .slider-module .fl-slider-caption {
    max-width: 85%;
  }
  .slider-module .fl-slider-caption a {
    display: block;
  }
}

@media (min-width: 100rem) { /* 1600px */
  .slider-module .slider-module-slide {
    width: 44%;
  }
  .slider-module .flickity-prev-next-button {
    width: 10%;
  }
  .slider-module .flickity-prev-next-button.next {
    right: 23%;
  }
  .slider-module .flickity-prev-next-button.previous {
    left: 23%;
  }
}


/* End Slider Styles */



/*-------------------------------
  Homepage Styles
---------------------------------*/

#resorts-intro .resort-logos img {
  width: auto;
  max-height: 2.5rem;
}

#resorts-intro .resort-logos div {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 48rem) { /* 768px */
  #resorts-intro .resort-logos img {
    max-height: 3.25rem;
  }  
}

@media (min-width: 62rem) { /* 992px */
  #resorts-intro .resort-logos img {
    max-height: 4.5rem;
  }  
}

#reofferings {
  background-color: #F2F1ED;
  padding-top: 4.5rem;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}

#reofferings h2 {
  margin-bottom: 1.75rem;
}

#reofferings h3 {
  margin-bottom: 1.25rem;
}

#reofferings img,
#intro-location img {
  margin-bottom: 1.75rem;
}

#reofferings p,
#intro-location p {
  margin-bottom: 1.875rem;
}

#reofferings .btn {
  margin-bottom: 2.5rem;
}

#intro-location {
  padding-bottom: 4.5rem;
}


@media (min-width: 62rem) { /* 992px */
  #intro-location img {
    margin-bottom: 0;
  }
  #intro-location p {
    font-size: 0.875rem;
  }  
}

@media (min-width: 75rem) { /* 1200px */
  #intro-location p {
    font-size: 0.9375rem;
  }
}


/* End Homepage Styles */



/*-------------------------------
  Hotel Styles
---------------------------------*/

body.page-template-accommodation {
  padding-top: 4.5rem;  
}

.page-template-accommodation .column .hero-image {
  height: calc(25vh - 1.125rem);
  background-position: center;  
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;  
}

.page-template-accommodation .column .hero-image:after {
  display: block;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  mix-blend-mode: multiply;
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  
  transition: opacity 0.8s;
}

.page-template-accommodation .column .hero-image h1 {
  color: #fff;
  white-space: nowrap;
  padding-bottom: 0.625rem;
  margin-bottom: 0.9375rem;
  position: absolute;
  bottom: 0;
  left: 1.25rem;
  z-index: 1;
}

.page-template-accommodation .column .hero-image span.hyatt-text {
  font-size: 0.8125rem;
}

.page-template-accommodation .column .hero-image h1 .maya {
  display: inline-block;
}

.page-template-accommodation .column .hero-image h1:after {
  display: block;
  content: "";
  width: 2.8125rem;
  height: 1px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.page-template-accommodation .column:hover .hero-image:after {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  transition: opacity 0.8s;
}

.page-template-accommodation .column:hover .hero-image h1:after {
  width: 15.625rem;
  transition: width 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.page-template-accommodation h2 {
  position: relative;
  padding-bottom: 1.3rem;
  margin-bottom: 1.5rem;
}

.page-template-accommodation h2:after {
  display: block;
  content: "";
  width: 1.875rem;
  height: 0.3125rem;
  background-color: #378A92;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -0.9375rem;
}

#resort-features img {
  margin-bottom: 1.25rem;
}

#resort-amenities,
#hotel-reservations,
#experiences {
  padding-bottom: 4.5rem;
}

#resort-amenities h2 {
  margin-bottom: 1.25rem;
}

.reservation-wrapper {
  background-color: #F2F1ED;
  padding: 12% 10% 10%;
}

.reservation-wrapper:not(.golf) a{
	display: inline-block;
	padding: .5rem 1rem;
	margin-bottom: .25em;
}

.reservation-wrapper:not(.golf) p {
  margin-bottom: 2.5rem;
}


@media (min-width: 48rem) { /* 768px */
  .reservation-wrapper {
    padding: 11rem 3rem 3.5rem;
    margin-top: -8rem;
  }
}

@media (min-width: 62rem) { /* 992px */
  .page-template-accommodation .column {
    max-width: 100%;
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  }  
  .page-template-accommodation .column .hero-image {
    height: calc(100vh - 4.5rem);  
  }  
  .page-template-accommodation .column .hero-image h1 {
    padding-bottom: 2.5rem;
    margin-bottom: 5rem;
    bottom: 0;
    left: 2.5rem;
  }
  span.hyatt-text {
    font-size: 0.875rem;
    position: absolute;
    bottom: 0.75rem;
    left: 0;
  }  
  #hotel-reservations img,
  #experiences img  {
    margin-bottom: 9rem;    
  }
  .reservation-wrapper {
    padding: 3.75rem 3rem 3rem 10rem;
    margin-top: 0;
    margin-left: -9rem;
  }  
}

@media (min-width: 65rem) { /* 1040px */
  body.page-template-accommodation {
    padding-top: 5.4rem;
  }  
  .page-template-accommodation .hero-image {
    height: calc(100vh - 5.5rem);  
  }   
}

@media (min-width: 75rem) { /* 1200px */
  #hotel-reservations img,
  #experiences img  {
    margin-bottom: 5.5rem;    
  }  
  .reservation-wrapper {
    padding: 4rem 3.75rem 4rem 13rem;
    margin-left: -12rem;
  }
  .reservation-wrapper.golf {
    padding: 3rem 3.75rem 4rem 13rem;
    margin-left: -12rem;
  }  
}


/* End Hotel Styles */



/*-------------------------------
  Residence Styles
---------------------------------*/

#residence-details .detail {
  margin-bottom: 2.5rem;
}

#residence-details h2 {
  margin-bottom: 1.5rem;
}

#residence-details h3 {
  margin-bottom: 1.25rem;
}

#residence-details p {
  margin-bottom: 0;
}

#residence-features {
  padding-top: 0.625rem;
}
.page-id-5598 #residence-features,.page-id-5606 #residence-features {padding-top: 3.125rem;}

#residence-features img {
  margin-bottom: 1.25rem;
}

#residence-amenities {
  padding-bottom: 4.5rem;
}

#residence-amenities h2 {
  margin-bottom: 1.25rem;
}

#residence-amenities img {
  margin-bottom: 2.5rem;
}

#residence-amenities .highlight {
  margin-bottom: 1.8rem;
}

#residence-amenities .highlight h3 {
  margin-bottom: 0.75rem;
}


@media (min-width: 48rem) { /* 768px */
  #residence-details .add-ht {
    height: 4.25rem;
  }
}

@media (min-width: 62rem) { /* 992px */
  #residence-details .add-ht {
    height: 4.375rem;
  }  
  #residence-amenities .highlight {
    margin-bottom: 2rem;
  }  
}


/* Floor Plans */
#floor-plans {
  background-color: #F2F1ED;
}

#floor-plans .nav-tabs {
  margin-bottom: 2rem;
}

#floor-plans .nav-tabs .nav-item .nav-link {
  border-radius: 0;
}

#floor-plans .nav-tabs,
#floor-plans .nav-tabs .nav-item.show .nav-link, 
#floor-plans .nav-tabs .nav-link.active {
  border: none;
}

#floor-plans .nav-tabs .nav-link {
  background-color: rgba(131, 173, 181, 0.7);
  font-family: 'avenreg';
  font-weight: 500;
  font-size: 0.875rem;
  color: #fff;
  text-transform: lowercase;
  text-decoration: none;
  letter-spacing: 1.5px;
  line-height: 1;
  border: none;
}

#floor-plans .nav-tabs .nav-link:focus {
  outline: none;
}

#floor-plans .nav-tabs .nav-item.li-res,
#floor-plans .nav-tabs .nav-item.li-four,
#floor-plans .nav-tabs .nav-item.li-five {
  margin-right: 3px; 
}

#floor-plans .nav-tabs .nav-item.li-res .nav-link,
#floor-plans .nav-tabs .nav-item.li-four .nav-link {
  border-radius: 1rem 0 0 1rem;  
}

#floor-plans .nav-tabs .nav-item.li-pent,
#floor-plans .nav-tabs .nav-item.li-five,
#floor-plans .nav-tabs .nav-item.li-six, {
  margin-left: 3px;
}

#floor-plans .nav-tabs .nav-item.li-pent .nav-link,
#floor-plans .nav-tabs .nav-item.li-five .nav-link {
  border-radius: 0 1rem 1rem 0;
}

#floor-plans .nav-tabs .nav-item.show .nav-link, 
#floor-plans .nav-tabs .nav-link.active {
  background-color: #328A93;
}

#floor-plans .tab-content {
  background-color: #fff;
  padding: 2rem 0;
}

#floor-plans .single-pad {
  padding-right: 2rem;
  padding-left: 2rem;
}

#floor-plans .carousel {
  padding: 0 2.5rem 2.1875rem;
}

#floor-plans .carousel-indicators {
  margin: 0;
}

#floor-plans .carousel-indicators li {
  background-color: #83ADB5;
  opacity: 1;
}

#floor-plans .carousel-indicators .active {
  background-color: #378A92;
}

#floor-plans .carousel-control-next,
#floor-plans .carousel-control-prev {
  width: 2.5rem;
  height: 100%;
  opacity: 1;
  bottom: 60%;
}

#floor-plans .carousel-control-next-icon,
#floor-plans .carousel-control-prev-icon {
  background-image: none;
}

#floor-plans .fpdl-link {
  font-family: 'avenmed', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;  
  color: #378A92;
  text-transform: lowercase;
  text-decoration: none;
  letter-spacing: 0.75;
}

#floor-plans .fpdl-arrow {
  width: 0.5rem;
  height: 0.75rem;
}

@media (min-width: 48rem) { /* 768px */
  #floor-plans .tab-content {
    padding: 2rem;
  }
  #floor-plans .single-pad {
    padding: 0;
  }  
  #floor-plans .fpdl-link {
    font-size: 0.875rem;
  }
  #floor-plans .carousel {
    padding: 0 0 2.1875rem;
  }
  #floor-plans .carousel-control-next,
  #floor-plans .carousel-control-prev {
    bottom: 2.1875rem;
  }
  #floor-plans .carousel-control-next-icon,
  #floor-plans .carousel-control-prev-icon {
    width: 1.5625rem;
    height: 1.5625rem;    
  }  
  #floor-plans .carousel-control-next {
    right: -4.3rem;
  }
  #floor-plans .carousel-control-prev {
    left: -4.3rem;
  }
}

@media (min-width: 62rem) { /* 992px */
  #floor-plans .fpdl-link {
    font-size: 1rem;
  }
  #floor-plans .carousel-control-next-icon,
  #floor-plans .carousel-control-prev-icon {
    width: 1.875rem;
    height: 1.875rem;    
  }
}

@media (min-width: 62rem) { /* 992px */
  #floor-plans .carousel-control-next {
    right: -5.5rem;
  }
  #floor-plans .carousel-control-prev {
    left: -5.5rem;
  }
}

/* --- */


/* End Residence Styles */



/*-------------------------------
  Dining Styles
---------------------------------*/

#dining-location h2,
#dining-mealtime h2  {
  margin-bottom: 2.5rem;
}

#dining-location a,
#dining-mealtime a {
  text-decoration: none;
}

#dining-location a *,
#dining-mealtime a *,
#dining-location a:hover *,
#dining-mealtime a:hover * {
  transition: all 0.6s ease;
}

#dining-location .image-window,
#dining-mealtime .image-window {
  overflow: hidden;
  margin-bottom: 1.25rem;
}

#dining-location img,
#dining-mealtime img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#dining-location a:hover .image-window img,
#dining-mealtime a:hover .image-window img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

#dining-location h3,
#dining-mealtime h3 {
  margin-bottom: 2.5rem;
}

#dining-location a:hover h3,
#dining-mealtime a:hover h3 {
  color: #378A92;
}

#dining-mealtime {
  padding-top: 2.5rem;
}

.customer-quote {
  max-width: 20rem;
  text-align: center;
  padding-top: 8rem;
  padding-bottom: 10rem;
  margin: auto;
}

.quote {
  font-family: 'optima-ital';
  font-style: italic;
  font-size: 1.4rem;
  letter-spacing: 0.3px;
  margin-bottom: 0.5rem;
}

.quote-attr {
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
  
.quote, .quote-attr {
  position: relative;
}

.quote:before, .quote-attr:after {
  display: block;
  content: "";
  width: 1px;
  height: 5.625rem;
  background-color: #979797;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.quote:before {
  top: -6.825rem;
}

.quote-attr:after {
  top: 3.125rem;
}

/* Dining Categories */

.rest-image {
  margin-bottom: 0.625rem;
}

.restaurant-details {
  margin-bottom: 3rem;
}

.restaurant-details .rest-location {
  font-size: 0.875rem;
  color: #7a7a7a;
  margin-bottom: 0.625rem;
}

.restaurant-details h2 {
  margin-bottom: 1.3rem;
}

#dining-location .current-category img,
#dining-location .current-category h3,
#dining-mealtime .current-category img,
#dining-mealtime .current-category h3 {
  opacity: 0.5;
}


@media (min-width: 48rem) { /* 768px */
  .restaurant-details h2 {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 62rem) { /* 992px */
  .restaurant-details h2 {
    margin-bottom: 1.875rem;
  }  
  .customer-quote {
    padding-top: 10.25rem;
    padding-bottom: 10.25rem;
  } 
  .quote {
    font-size: 1.5rem;
  }  
}


/* End Dining Styles */



/*-------------------------------
  Golf Styles
---------------------------------*/

.at-a-glance {
  background-color: #F2F1ED;
  padding-right: 1.875rem;
  padding-left: 1.875rem;  
}

.at-a-glance h2,
.at-a-glance ul {
  margin-bottom: 2rem;
}

.page-template-golf-template .highlight h3 {
  margin-bottom: 1.25rem;
}

.page-template-golf-template .highlight-text {
  margin-bottom: 1.875rem;
}


@media (min-width: 62rem) { /* 992px */
  .at-a-glance ul {
    margin-bottom: 0;
  }  
}

@media (min-width: 75rem) { /* 1200px */
  .at-a-glance {
    padding-right: 3.875rem;
    padding-left: 3.875rem;  
  }
}


/* End Golf Styles */



/*-------------------------------
  Wellness Styles
---------------------------------*/

.spa-features .highlight {
  margin-bottom: 2.5rem;
}

.spa-features img {
  margin-bottom: 1.25rem;
}

.spa-features img.w-full {
  margin-bottom: 2.5rem;
}

.spa-features h2 {
  margin-bottom: 1.5rem;
}

.spa-features p.caption {
  margin-bottom: 2rem;
}


@media (min-width: 48rem) { /* 768px */
  div.left {
    padding-right: 2rem;
  }
  div.right {
    padding-top: 7rem;
    padding-left: 2rem;
  }
  .spa-features img.w-full {
    margin-bottom: 3.25rem;
  }
  .spa-features p.caption {
    margin-bottom: 0.5rem;
  } 
}

@media (min-width: 62rem) { /* 992px */
  .spa-features img.w-full {
    margin-bottom: 3.6rem;
  }
  .spa-features h2 {
    margin-bottom: 2.5rem;
  }
}

@media (min-width: 75rem) { /* 1200px */
  .spa-features img.w-full {
    margin-bottom: 4rem;
  }
}


/* End Wellness Styles */



/*-------------------------------
  Adventure Styles
---------------------------------*/

.page-template-adventure-template .slider {
  margin-bottom: 1.75rem;
}

.page-template-adventure-template .left img,
.page-template-adventure-template .right img {
  margin-bottom: 1.25rem;
}

.adv-caption,
.env-caption {
  width: 85%;
  max-width: 18rem;
  font-size: 0.75rem;
  padding-left: 1.125rem;
  margin-bottom: 2rem;/*3.75rem*/
  position: relative;
}

.caption.adv-wide,
.adv-caption.adv-wide,
.env-caption.adv-wide {
  width: 85%;
  max-width: 33.125rem;
}

.adv-caption h3 {
  font-size: 1.15rem;
  letter-spacing: 0;
}

.page-template-adventure-template .highlight h3 {
  margin-bottom: 0.5rem;
}


@media (min-width: 48rem) { /* 768px */
  .adv-caption,
  .env-caption {
    width: 100%;
    max-width: 21.875rem;
  }
  .caption.adv-wide,
  .adv-caption.adv-wide,
  .env-caption.adv-wide {
    width: 60%;
  }
}

@media (min-width: 62rem) { /* 992px */
  .adv-caption,
  .env-caption {
    width: 85%;
    font-size: 0.8125rem;
    margin-bottom: 3.75rem;
  }
  .caption.adv-wide,
  .adv-caption.adv-wide,
  .env-caption.adv-wide {
    width: 55%;
  }
  .adv-caption h3 {
    font-size: 1.25rem;
  }
  .page-template-adventure-template .highlight h3 {
    margin-bottom: 1rem;
  }   
}

@media (min-width: 75rem) { /* 1200px */
  .page-template-adventure-template .slider {
    margin-bottom: 2.25rem;
  }  
  .adv-caption,
  .env-caption {
    width: 70%;
    font-size: 0.875rem;
  }
  .caption.adv-wide,
  .adv-caption.adv-wide,
  .env-caption.adv-wide {
    width: 48%;
  }  
  .adv-caption h3 {
    font-size: 1.5rem;
  } 
  .page-template-adventure-template .highlight h3 {
    margin-bottom: 1.25rem;
  }   
}


/* End Adventure Styles */



/*-------------------------------
  Location Styles
---------------------------------*/

#location-slider {
  padding-bottom: 2rem;
}

.page-template-location-template .highlight h2.h3 {
  margin-bottom: 1.15rem;
}


@media (min-width: 48rem) { /* 768px */
  .poi-details,
  .eco-details,
  .church-details,
  .page-template-events-template .resort .details {
    width: 60%;
  }
}

@media (min-width: 62rem) { /* 992px */
  .poi-details,
  .eco-details,
  .church-details,
  .page-template-events-template .resort .details {
    width: 100%;
  } 
}

@media (min-width: 75rem) { /* 1200px */
  .page-template-location-template .highlight h2.h3 {
    margin-bottom: 1.25rem;
  } 
}


/* End Location Styles */



/*-------------------------------
  Sustainability Styles
---------------------------------*/

.page-template-sustainability-template #intro img,
.page-template-sustainability-template #environmental-programs img {
  margin-bottom: 1.25rem;
}

.env-caption {
  margin-bottom: 2rem;
}

.prize {
  max-width: 24rem;
  position: relative;
  margin: auto;
}

.prize-text {
  font-family: 'optima-ital';
  font-style: italic;  
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .6px;
  padding-top: 9rem;
  padding-bottom: 11rem;  
}

.prize-text:before,
.prize-text:after {
  display: block;
  content: "";
  width: 1px;
  height: 5.625rem;
  background-color: #979797;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);  
}

.prize-text:before {
  top: 1.8rem;
}

.prize-text:after {
  top: 17.4rem;
}

.sust-text {
  font-family: 'optima-ital';
  font-style: italic;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: .6px;  
}


@media (min-width: 62rem) { /* 992px */
  .prize {
    font-size: 1.5rem;
  } 
}


/* End Sustainability Styles */



/*-------------------------------
  Special Events Styles
---------------------------------*/

.page-template-events-template #events-intro img,
.page-template-events-template #resort-details img,
.single-your_villa #floor-plans img {
  margin-bottom: 2.5rem;
}
.single-your_villa h2.h4.tile{
	margin-bottom: 1.5rem;
}

.page-template-events-template .resort {
  margin-bottom: 3rem;
}

.page-template-events-template .resort img {
  margin-bottom: 1.25rem;
}

.page-template-events-template .resort h3 {
  margin-bottom: 0.8rem;
}


@media (min-width: 62rem) { /* 992px */
  .page-template-events-template .resort {
    margin-bottom: 3.5rem;
  }
  .page-template-events-template .resort img {
    margin-bottom: 1.8rem;
  }
}

@media (min-width: 75rem) { /* 1200px */
  .page-template-events-template .resort {
    margin-bottom: 4rem;
  }
  .page-template-events-template .resort img {
    margin-bottom: 2rem;
  }

}


/* End Special Events Styles */



/*-------------------------------
  Event Calendar Styles
---------------------------------*/

.page-template-calendar-template .event {
  margin-bottom: 2.5rem;
}

.page-template-calendar-template #event-calendar img {
  margin-bottom: 1.25rem;
}

.page-template-calendar-template .event-location {
  font-size: 0.875rem;
  color: #7a7a7a;
  margin-bottom: 0.625rem;
}

.page-template-calendar-template .event-title {
  color: #3a3a3a;
  margin-bottom: 0.3125rem;
}

.page-template-calendar-template .event-date {
  font-size: 1rem;
  margin-bottom: 1.25rem;
}

.page-template-calendar-template .event-details {
  font-size: 0.9375rem;
}


/* End Event Calendar Styles */



/*-------------------------------
  News Styles
---------------------------------*/

#news .article {
  margin-bottom: 3rem;
}

#news .article a,
#news .article a:hover,
#news .article a:focus {
	font-family: 'avenmed', sans-serif;
    font-weight: 500;
	font-size: 13px;
	letter-spacing: 2px;
	text-decoration: none!important;
	position: relative;
}
#news .article h2 a,#news .article h2 a:hover{
	font-family: 'beausite', sans-serif;
    font-weight: 500;
    font-size: 1.35rem;
    letter-spacing: 0;
}

#news .article a:hover .news-excerpt,
#news .article a:focus .news-excerpt {
  color: #3a3a3a;
}

#news .article img,
.single-post #post-content img {
  margin-bottom: 1.25rem;
}

#news .article .news-date,
.single-post .post-date,
.archive .news-date{
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}
#news .article .news-date,
.archive .news-date{
	display: flex!important;
	flex-wrap: wrap;
}
.news-date a,
.featured a{
	position: relative;
}
#news .article .news-date a:not(:last-child),
.news-date a:not(:last-child),
.featured a:not(:last-child){
    padding-right: 10px;
    margin-right: 6px;
}
#news .article .news-date a:not(:last-child):after,
.news-date a:not(:last-child):after,
.featured a:not(:last-child):after{
	content: '|';
    position: absolute;
    right: 0;
	top: -1px;
}

#news .article h2 {
  color: #3a3a3a;
  margin-bottom: 0.8rem;
}

.single-post h1 {
  line-height: 1.1;
  margin-bottom: 2.5rem;
}


@media (min-width: 48rem) { /* 768px */
  #news .article .news-date,
  .single-post .post-date {
    font-size: 0.8125rem;
  }
}


/* End News Styles */



/*-------------------------------
  Contact Styles
---------------------------------*/

.page-template-contact-template h3 {
  margin-bottom: 0.75rem;
}

.page-template-contact-template .contact {
  margin-bottom: 2.5rem;
}


/* End Contact Styles */



/*-------------------------------
  404 Error Styles
---------------------------------*/

.error404 .four-o-four {
  height: calc(100vh - 0.9375rem);
  background-image: url('../img/four-o-four-image.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 0.9375rem 0.9375rem;
  position: relative;
  overflow: hidden;
}

.error404 #overlay {
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -0.625rem;
  bottom: -0.625rem;
  left: -0.625rem;
  right: -0.625rem;
}

.error404 .four-o-four-text {
  font-size: 1rem;
  color: #fff;
  position: relative;
  z-index: 100;
}

.error404 .four-o-four-text .sub-title {
  font-size: 0.9rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 1rem;  
}

.error404 .four-o-four-text h1 {
  font-size: 2.5rem;
  color: #fff;
  line-height: 1.1;
  padding-bottom: 40px;
  margin-bottom: 40px;
  position: relative;  
}

.error404 .four-o-four-text h1:after {
  display: block;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.error404 .four-o-four-text a {
  color: #fff;
}

@media (min-width: 48rem) { /* 768px */
  .error404 .four-o-four-text {
    font-size: 1.1rem;
  }  
  .error404 .four-o-four-text .sub-title {
    font-size: 1rem; 
  }

  .error404 .four-o-four-text h1 {
    font-size: 2.8rem; 
  }
}

@media (min-width: 62rem) { /* 992px */ 
  .error404 .four-o-four-text .sub-title {
    font-size: 1.1rem; 
  }
}

@media (min-width: 75rem) { /* 1200px */
  .error404 .four-o-four-text .sub-title {
    font-size: 1.125rem; 
  }

  .error404 .four-o-four-text h1 {
    font-size: 3.125rem; 
  }
}


/* End 404 Error Styles */



/*-------------------------------
  Seasonal Savings Landing Page Styles
---------------------------------*/

.page-template-page-concert-template,
.page-template-page-residence-template,
.page-id-1741,
.page-id-7858,
.page-id-2900 {
  font-size: 1rem;
}

.page-template-page-concert-template .header-cta .btn,
.page-template-page-residence-template .header-cta .btn,
.page-id-1741 .header-cta .btn,
.page-id-7858 .header-cta .btn,
.page-id-2900 .header-cta .btn {
  font-size: 14px;
}
.page-template-page-concert-template .hero-media h1,
.page-id-1741 .hero-media h1,
.page-id-7858 .hero-media h1,
.page-id-2900 .hero-media h1 {
  font-size: 2rem;
  text-align: center;
  padding-top: 12%;  
}
.page-template-page-concert-template .hero-media a.btn,
.page-template-page-residence-template .hero-media a.btn,
.page-id-1741 .hero-media a.btn,
.page-id-7858 .hero-media a.btn,
.page-id-2900 .hero-media a.btn {
  font-size: 14px;
  padding: 0.7rem 2.2rem;
}
.page-template-page-concert-template #intro,
.page-template-page-residence-template #intro,
.page-id-1741 #intro,
.page-id-7858 #intro,
.page-id-2900 #intro {
  padding-top: 5rem;
  padding-bottom: 2.2rem;
}
.page-template-page-concert-template #intro h2,
.page-template-page-residence-template #intro h2,
.page-id-1741 #intro h2,
.page-id-7858 #intro h2,
.page-id-2900 #intro h2 {
  font-family: 'beausite', sans-serif;
  font-size: 1.625rem;
  text-transform: capitalize;  
  position: relative;
  padding-bottom: 1.7rem;
  margin-bottom: 1.7rem; 
}
.page-template-page-concert-template #intro h2:after,
.page-template-page-residence-template #intro h2:after,
.page-id-1741 #intro h2:after,
.page-id-7858 #intro h2:after,
.page-id-2900 #intro h2:after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -25px;
}
.page-template-page-concert-template #offers h3.sub-title,
.page-template-page-residence-template #offers h3.sub-title,
.page-template-page-golftournament-template #offers h3.sub-title,
.page-id-1741 #offers h3.sub-title,
.page-id-7858 #offers h3.sub-title,
.page-id-2900 #offers h3.sub-title {
  font-size: 1rem;  
  line-height: 24px;
}
.page-template-page-concert-template #offers,
.page-template-page-residence-template #offers,
.page-template-page-golftournament-template #offers,
.page-id-1741 #offers,
.page-id-7858 #offers,
.page-id-2900 #offers {
  padding-top: 6rem;
  margin-top: -6rem;  
}
.page-template-page-concert-template #offers .container-fluid,
.page-template-page-residence-template #offers .container-fluid,
.page-template-page-golftournament-template #offers .container-fluid,
.page-id-1741 #offers .container-fluid,
.page-id-7858 #offers .container-fluid,
.page-id-2900 #offers .container-fluid {
  padding-right: 5%;
  padding-left: 5%;
  max-width: 87.5rem;
}
.page-template-page-concert-template #offers .container-fluid col,
.page-template-page-residence-template #offers .container-fluid col,
.page-template-page-golftournament-template #offers .container-fluid col,
.page-id-1741 #offers .container-fluid col,
.page-id-7858 #offers .container-fluid col,
.page-id-2900 #offers .container-fluid col {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.page-template-page-concert-template #offers img,
.page-template-page-residence-template #offers img,
.page-template-page-golftournament-template #offers img,
.page-id-1741 #offers img,
.page-id-7858 #offers img,
.page-id-2900 #offers img {
  margin-bottom: 1.6rem;  
}
.page-template-page-concert-template #offers .andaz,
.page-template-page-residence-template #offers .andaz,
.page-template-page-golftournament-template
.page-id-1741 #offers .andaz,
.page-id-7858 #offers .andaz,
.page-id-2900 #offers .andaz {
  width: 300px;
  height: auto;
}
.page-template-page-concert-template #offers .banyan,
.page-template-page-residence-template #offers .banyan,
.page-template-page-golftournament-template #offers .banyan,
.page-id-1741 #offers .banyan,
.page-id-7858 #offers .banyan,
.page-id-2900 #offers .banyan {
  width: 230px;
  height: auto;
}
.page-template-page-concert-template #offers .fairmont,
.page-template-page-residence-template #offers .fairmont,
.page-template-page-golftournament-template #offers .fairmont,
.page-id-1741 #offers .fairmont,
.page-id-7858 #offers .fairmont,
.page-id-2900 #offers .fairmont {
  width: 200px;
  height: auto;
}
.page-template-page-concert-template #offers .rosewood,
.page-template-page-residence-template #offers .rosewood,
.page-template-page-golftournament-template #offers .rosewood,
.page-id-1741 #offers .rosewood,
.page-id-7858 #offers .rosewood,
.page-id-2900 #offers .rosewood {
  width: 207px;
  height: auto;
}
.page-template-page-concert-template #offers .offer-details,
.page-template-page-residence-template #offers .offer-details,
.page-template-page-golftournament-template #offers .offer-details,
.page-id-1741 #offers .offer-details,
.page-id-7858 #offers .offer-details,
.page-id-2900 #offers .offer-details {
  font-size: 1rem;
  line-height: 1.4;  
}
.page-template-page-golftournament-template span.list-arrow {
    padding-left: 1.25rem;
    position: relative;
}
.page-template-page-golftournament-template span.list-arrow:before {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background-image: url(https://www.mayakoba.com/wp-content/uploads/2019/08/menu_dropdown.svg);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0.3125rem;
    left: 1px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.page-template-page-concert-template #features .experience,
.page-template-page-residence-template #features .experience,
.page-id-1741 #features .experience,
.page-id-7858 #features .experience,
.page-id-2900 #features .experience {
  padding-left: calc(5% + 0.9375rem);
  padding-right: calc(5% + 0.9375rem);
}
.page-template-page-concert-template #features .experience h2,
.page-template-page-residence-template #features .experience h2,
.page-id-1741 #features .experience h2,
.page-id-7858 #features .experience h2,
.page-id-2900 #features .experience h2 {
  font-size: 2rem;
}
.page-template-page-concert-template #features .amenities,
.page-template-page-residence-template #features .amenities,
.page-id-1741 #features .amenities,
.page-id-7858 #features .amenities,
.page-id-2900 #features .amenities {
  background-color: #F2F1ED;
  padding-bottom: 2rem;
}
.page-template-page-concert-template #features .amenities-intro,
.page-template-page-residence-template #features .amenities-intro,
.page-id-1741 #features .amenities-intro,
.page-id-7858 #features .amenities-intro,
.page-id-2900 #features .amenities-intro {
  background-color: #F2F1ED;
}
.page-template-page-concert-template #features .amenities .row,
.page-template-page-residence-template #features .amenities .row,
.page-id-1741 #features .amenities .row,
.page-id-7858 #features .amenities .row,
.page-id-2900 #features .amenities .row {
  padding-top: 1rem;
  padding-right: 5%;
  padding-left: 5%;
}
.page-template-page-concert-template #features .amenities .media span.ficon,
.page-template-page-residence-template #features .amenities .media span.ficon,
.page-id-1741 #features .amenities .media span.ficon,
.page-id-7858 #features .amenities .media span.ficon,
.page-id-2900 #features .amenities .media span.ficon {
  width: 45px;
  height: 45px;
  background-color: #378a92;
  font-family: 'fiascons' !important;
  font-size: 20px;
  color: #fff!important;
  text-align: center;
  line-height: 44px;
  border-radius: 50%;
  margin-right: 1rem;
}
.page-template-page-concert-template .amenities .media.health span.ficon,
.page-template-page-residence-template .amenities .media.health span.ficon,
.page-id-1741 #features .amenities .media.health span.ficon,
.page-id-7858 #features .amenities .media.health span.ficon,
.page-id-2900 #features .amenities .media.health span.ficon {
  font-size: 16px;
  line-height: 44px;
}
.page-template-page-concert-template .amenities .media.golf span.ficon,
.page-template-page-residence-template .amenities .media.golf span.ficon,
.page-id-1741 #features .amenities .media.golf span.ficon,
.page-id-7858 #features .amenities .media.golf span.ficon,
.page-id-2900 #features .amenities .media.golf span.ficon {
  font-size: 17px;
  line-height: 45px;
}
.page-template-page-concert-template .amenities .media.kids span.ficon,
.page-template-page-residence-template .amenities .media.kids span.ficon,
.page-id-1741 #features .amenities .media.kids span.ficon,
.page-id-7858 #features .amenities .media.kids span.ficon,
.page-id-2900 #features .amenities .media.kids span.ficon {
  font-size: 19px;
}
.page-template-page-concert-template #features .amenities .media img,
.page-template-page-residence-template #features .amenities .media img,
.page-id-1741 #features .amenities .media img,
.page-id-7858 #features .amenities .media img,
.page-id-2900 #features .amenities .media img {
  width: 55px;
  height: auto;
}
.page-template-page-concert-template #features .amenities h3,
.page-template-page-residence-template #features .amenities h3,
.page-id-1741 #features .amenities h3,
.page-id-7858 #features .amenities h3,
.page-id-2900 #features .amenities h3 {
  font-size: 1.1rem;
  letter-spacing: 1px;  
  margin-bottom: 1rem;
}
.page-template-page-concert-template #features .amenities .media-body,
.page-template-page-residence-template #features .amenities .media-body,
.page-id-1741 #features .amenities .media-body,
.page-id-7858 #features .amenities .media-body,
.page-id-2900 #features .amenities .media-body {
  padding-top: 1rem;  
}
.page-template-page-concert-template #features .amenities ul li,
.page-template-page-residence-template #features .amenities ul li,
.page-id-1741 #features .amenities ul li,
.page-id-7858 #features .amenities ul li,
.page-id-2900 #features .amenities ul li {
  font-family: 'Optima', sans-serif; 
  font-size: .9rem; 
  line-height: 1.25;
  margin-bottom: 0.6rem;
}
.page-template-page-concert-template #features .disclaimer-text,
.page-template-page-residence-template #features .disclaimer-text,
.page-id-1741 #features .disclaimer-text,
.page-id-7858 #features .disclaimer-text,
.page-id-2900 #features .disclaimer-text {
  font-size: 0.6875rem;
}

.promo_banner a{
	color: #fff;
}
.promo_banner a:hover{
	color: #fff;
	text-decoration: none;
}
footer.site-footer{
	padding-bottom: 80px;
}

@media (min-width: 768px) {
  /*.page-id-1741 .utilities {
    display: block!important;
  }*/
  .page-template-page-concert-template .header-nav,
  .page-template-page-residence-template .header-nav,
  .page-id-1741 .header-nav,.page-id-7858 .header-nav,
  .page-id-2900 .header-nav {
    padding-top: 0;
  }
  .page-template-page-concert-template .header-cta,
  .page-template-page-residence-template .header-cta,
  .page-id-1741 .header-cta,.page-id-7858 .header-cta,
  .page-id-2900 .header-cta {
    border: none!important;
  }  
  .page-template-page-concert-template .header-cta .btn,
  .page-template-page-residence-template .header-cta .btn,
  .page-id-1741 .header-cta .btn,.page-id-7858 .header-cta .btn,
  .page-id-2900 .header-cta .btn {
    font-size: 14px;
  }
  .page-template-page-concert-template .btn-arrow,
  .page-template-page-residence-template .btn-arrow,
  .page-id-1741 .btn-arrow,.page-id-7858 .btn-arrow,
  .page-id-2900 .btn-arrow {
    font-size: 14px;
  }    
  .page-template-page-concert-template .hero-media,
  .page-template-page-residence-template .hero-media,
  .page-id-1741 .hero-media,.page-id-7858 .hero-media,
  .page-id-2900 .hero-media {
    padding-top: 4.3rem;
    position: relative;
	overflow-x: hidden;
  }
  .page-id-1741 .hero-media,.page-id-7858 .hero-media{
	  padding-top: 3.2rem!important;
  }
  
  .page-template-page-concert-template .hero-media,
  .page-template-page-residence-template .hero-media{
	  padding-top: 3rem;
	  overflow-x: hidden;
  }
  .page-template-page-concert-template .hero-media:after,
  .page-template-page-residence-template .hero-media:after,
  .page-id-1741 .hero-media:after,.page-id-7858 .hero-media:after,
  .page-id-2900 .hero-media:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 0;
  }
  .page-template-page-concert-template .hero-media:after,
  .page-template-page-residence-template .hero-media:after{
	  background-color: transparent;
  }
  .page-template-page-concert-template .hero-media .hero-headline,
  .page-template-page-residence-template .hero-headline,
  .page-id-1741 .hero-media .hero-headline,.page-id-7858 .hero-media .hero-headline,
  .page-id-2900 .hero-media .hero-headline {
    position: absolute;
    right: 0;
    bottom: 4.375rem;
    left: 0;
    z-index: 100;
  }  
  .page-template-page-concert-template .hero-media h1,
  .page-template-page-residence-template .hero-media h1,
  .page-id-1741 .hero-media h1,.page-id-7858 .hero-media h1,
  .page-id-2900 .hero-media h1 {
    color: #fff;
    /*text-shadow: 0px 0px 20px rgba(0,0,0,0.5);    */
  }
  .page-template-page-residence-template .hero-media h1{
	color: #3A3A3A;
  }
  .page-template-page-concert-template #intro,
  .page-template-page-residence-template #intro,
  .page-id-1741 #intro,.page-id-7858 #intro,
  .page-id-2900 #intro {
    padding-top: 4.5rem;
  }  
  .page-template-page-concert-template #offers,
  .page-template-page-residence-template #offers,
  .page-id-1741 #offers,.page-id-7858 #offers,
  .page-id-2900 #offers {
    padding-top: 7rem;
    margin-top: -7rem;  
  }
  .page-template-page-concert-template #features .amenities .row,
  .page-template-page-residence-template #features .amenities .row,
  .page-id-1741 #features .amenities .row,.page-id-7858 #features .amenities .row,
  .page-id-2900 #features .amenities .row {
    padding-right: 0; 
    padding-left: 0; 
  }  
}

@media (min-width: 992px) {
  .page-template-page-concert-template .hero-media,
  .page-template-page-residence-template .hero-media,
  .page-id-1741 .hero-media,.page-id-7858 .hero-media,
  .page-id-2900 .hero-media {
    padding-top: 4rem;
	overflow-x: hidden;
  }  
  .page-id-1741 .hero-media,.page-id-7858 .hero-media{
	  padding-top: 3.2rem;
  }
  .page-template-page-concert-template .hero-media .hero-headline,
  .page-template-page-residence-template .hero-media .hero-headline,
  .page-id-1741 .hero-media .hero-headline,.page-id-7858 .hero-media .hero-headline,
  .page-id-2900 .hero-media .hero-headline {
    bottom: 9.375rem;
  }
  .page-template-page-concert-template .hero-media h1,
  .page-template-page-residence-template .hero-media h1,
  .page-id-1741 .hero-media h1,.page-id-7858 .hero-media h1,
  .page-id-2900 .hero-media h1 {
    font-size: 2.5rem;
  }
  .page-template-page-concert-template #intro h2,
  .page-template-page-residence-template #intro h2,
  .page-id-1741 #intro h2,.page-id-7858 #intro h2,
  .page-id-2900 #intro h2 {
    font-size: 1.9rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;    
  }
  .page-template-page-concert-template #features,
  .page-template-page-residence-template #features,
  .page-id-1741 #features,.page-id-7858 #features,
  .page-id-2900 #features {
    padding-top: 3%;
  }  
  .page-template-page-concert-template #features .amenities-intro,
  .page-template-page-residence-template #features .amenities-intro,
  .page-id-1741 #features .amenities-intro,.page-id-7858 #features .amenities-intro,
  .page-id-2900 #features .amenities-intro {
    background-color: transparent;
  }  
  .page-template-page-concert-template #features .amenities,
  .page-template-page-residence-template #features .amenities,
  .page-id-1741 #features .amenities,.page-id-7858 #features .amenities,
  .page-id-2900 #features .amenities {
    width: 90%;
    padding-top: 28%;
    margin-top: -26%;
  }
  .page-template-page-concert-template #features .amenities .row,
  .page-template-page-residence-template #features .amenities .row,
  .page-id-1741 #features .amenities .row,.page-id-7858 #features .amenities .row,
  .page-id-2900 #features .amenities .row {
    padding-top: 1.875rem;
    padding-right: 5%;
    padding-left: 5%;
  }
  .page-template-page-concert-template .book-now,
  .page-template-page-residence-template .book-now,
  .page-id-1741 .book-now,.page-id-7858 .book-now,
  .page-id-2900 .book-now {
    padding-right: 3%;
  }
  .page-template-page-concert-template footer .container-fluid,
  .page-template-page-residence-template footer .container-fluid,
  .page-id-1741 footer .container-fluid,.page-id-7858 footer .container-fluid,
  .page-id-2900 footer .container-fluid {
    max-width: 90%;
  }
}

@media (min-width: 1200px) {
  .page-template-page-concert-template .hero-media,
  .page-template-page-residence-template .hero-media,
  .page-id-1741 .hero-media,.page-id-7858 .hero-media,
  .page-id-2900 .hero-media {
    padding-top: 5.2rem;
	overflow-x: hidden;
  }  
  .page-id-1741 .hero-media,.page-id-7858 .hero-media{
	  padding-top: 3.2rem;
  }
  .page-template-page-concert-template .hero-media,
  .page-template-page-residence-template .hero-media{
	  padding-top: 3rem;
	  overflow-x: hidden;
  }
  .page-template-page-concert-template .hero-media .hero-headline,
  .page-template-page-residence-template .hero-headline,
  .page-id-1741 .hero-media .hero-headline,.page-id-7858 .hero-media .hero-headline,
  .page-id-2900 .hero-media .hero-headline {
    bottom: 16.375rem;
  }
  .page-template-page-concert-template .hero-media h1,
  .page-template-page-residence-template .hero-media h1,
  .page-id-1741 .hero-media h1,.page-id-7858 .hero-media h1,
  .page-id-2900 .hero-media h1 {
    font-size: 3.125rem;
  }
  .page-template-page-concert-template #intro h2,
  .page-template-page-residence-template #intro h2,
  .page-id-1741 #intro h2,.page-id-7858 #intro h2,
  .page-id-2900 #intro h2 {
    font-size: 2.5rem;
    padding-bottom: 2.1rem;
    margin-bottom: 2.1rem;    
  }
}

@media (min-width: 991px) {
.page-template-page-concert-template .hero-media img,
.page-template-page-residence-template .hero-media img{
	max-width: none;
	width: 100%;
  }
  .page-template-page-concert-template .hero-media .desktop-image:after,
  .page-template-page-residence-template .hero-media .desktop-image:after{
	  content: '';
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.4);
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
  }
}


/* End Seasonal Savings Landing Page Styles */



/*-------------------------------
  Footer Styles
---------------------------------*/

#colophon {
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}

#colophon .address {
  margin-bottom: 3rem;
}

#colophon img.logomark {
  width: 2.5rem;
  height: auto;
}

#colophon .legal {
  font-size: 0.8125rem;
  margin-bottom: .25rem;  
}

#colophon .copyright,
#colophon .copyright a {
  font-size: 0.875rem;
  color: #7a7a7a;
}

#colophon .legal a,
#colophon .copyright a {
  text-decoration: none;
}

#colophon .social img.icon {
  width: auto; 
  height: auto;
  max-height: 18px;
}

#colophon .social .list-inline-item:not(:last-child) {
  margin-right: 0.8rem;
}

/* End Footer Styles */

/* Start RSVP */
.page-id-4975 #form-footer.inquire-or-book,.page-id-5699 #form-footer.inquire-or-book{padding-top: 85px;}

a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
@media (max-width: 980px) {
	a.anchor {
		top: -150px;
	}
	.page-template-page-residence-template .video-header > .d-md-none.pt-5{
		padding-top: 140px!important;
	}
	.page-template-page-residence-template #hero{
		margin-top: 0!important;
	}
}