/*
Theme Name: O'Rourke Master Theme
Version: 0.0.2.36
Author: WhatArmy
Text Domain: orourke
*/

/* Custom Css for new design by Cogwheel Marketing */

@font-face {
    font-family: 'Karla';
    src: url('fonts/Karla-Light.woff2') format('woff2'),
         url('fonts/Karla-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roca';
    src: url('fonts/Roca-Black.woff2') format('woff2'),
         url('fonts/Roca-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roca';
    src: url('fonts/Roca-Bold.woff2') format('woff2'),
         url('fonts/Roca-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Roca';
    src: url('fonts/Roca-Light.woff2') format('woff2'),
         url('fonts/Roca-Light.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* Example usage */
body {
    font-family: 'Karla', sans-serif;
    font-weight: 300;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 30px;
	color: #126B8B !important;
}


p{
	font-family: 'Karla', sans-serif !important;
	font-size: 20px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height:30px;
	color: #1B4071 !important;
}

a {transition: all .2s ease-in-out; color: #0b3b60;}
a:hover {color: #0b3b60; text-decoration: none !important; }

p a {border-bottom: 1px solid transparent;}
p a:hover {border-bottom: 1px solid #0b3b60;}

h1{ font-family: 'Roca' !important; font-size: 65px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #F9F7F2 !important; }
h2{ font-family: 'Roca' !important; font-size: 40px !important; font-weight: 700 !important;  color: #1B4071 !important;}
h3{ font-family: 'Roca' !important; font-size: 30px !important; font-weight: 700 !important;  color: #1B4071 !important; }
h4{ font-family: 'Roca' !important; font-size: 25px !important; font-weight: 700 !important;  color: #1B4071 !important; }
h5{ font-family: 'Roca' !important; font-weight: 700 !important; font-size: 30px !important;  color: #1B4071 !important; }

.hide-for-screenreader {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.content-area h3,
.content-area h4,
.content-area h5 {color: #0b3b60;}

.content-area table td {border: 1px solid; vertical-align: top; padding: 15px;}
.content-area table td:first-of-type {width: 25%}
.content-area table td:nth-of-type(2) {width: 30%}
.content-area table td:last-of-type {width: 45%}

.container-fluid {overflow: hidden}
.wrapper {padding: 0;}



header.top {position: fixed; z-index: 99; top: 0; left: 0; text-transform: uppercase; overflow: visible !important;
-webkit-animation: .5s ease-out 1s animate--fadeDown both;
-moz-animation: .5s ease-out 1s animate--fadeDown both;
animation: .5s ease-out 1s animate--fadeDown both;
	padding-right: 0px !important;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: -50px !important;
}

.sticky {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    animation: slideDown 0.3s ease-in-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

header .navbar-dark {box-shadow: 0 0 10px 0 #000}

.button { font-family: 'Roca', sans-serif; font-weight: 700 !important; letter-spacing: 0.1em; background: #39A3AF !important; color: #fff !important; text-transform: uppercase; padding: 15px 42px; line-height: 1; font-size: 18px;}
.button:hover {background: #B6D335!important; color: #0b3b60 !important; text-decoration: none !important;}

.button-2 { font-family: 'Roca', sans-serif; background: #39A3AF !important; color:#0b3b60;}
.button-2:hover {background: #B6D335 !important; color: #0b3b60;}

.button-3 {color: #000000;}
.button-3:hover {font-family: 'Roca', sans-serif; background: #000000; color: #0b3b60;}

.button-4 {font-family: 'Roca', sans-serif; background: transparent; color: #ffffff; border: 0; border-bottom: 4px solid; padding: 16px 0;}
.button-4:hover {background: transparent;  color: #0b3b60; border: 0; border-bottom: 4px solid;}

.button-5 {font-family: 'Roca', sans-serif; background: transparent; color: #fff;}
.button-5:hover {background: #0b3b60; color: #fff;}

.bg-dark {background-color: #F9F7F2!important;}
.navbar-dark * {color: #fff;}
.navbar-dark .navbar-nav .nav-link {color: #fff;}

/* header.top .button {font-weight: 900; font-size: 23px; padding: 15px 12px;} */

.navbar {padding: 0;}

#menu-main-menu .menu-item { padding: 3px 10px; font-weight: 400; font-size: 23px; }
#menu-main-menu .menu-item a { padding: 8px 0 4px; color: #fff; border-bottom: 4px solid transparent; white-space: normal;}
#menu-main-menu .menu-item a:hover { color: #fff !important; border-bottom: 4px solid #B6D335 !important; }
#menu-main-menu .menu-item:focus-within > a { color: #fff !important; border-bottom: 4px solid #B6D335 !important; }
/*
#main-nav .menu-item .nav-link { padding: 3px 0; border-bottom: 2px solid transparent; text-align: center;}
#main-nav .menu-item:first-of-type { padding-left: 0; }
#main-nav .menu-item:last-of-type { padding-right: 0; }
*/
.navbar-nav .dropdown-menu {background:  #126B8B !important; top: 100%; width: 260px; margin-left: -130px;}
#menu-main-menu .dropdown-menu .nav-link {color: #fff !important; padding: 8px 15px 8px !important; }
#menu-main-menu .menu-item {padding: 10px 0;}
#menu-main-menu .dropdown-menu .menu-item {padding: 0;}
#menu-main-menu .dropdown-menu .menu-item a {border: 0 !important; font-size: 16px;}
#menu-main-menu .dropdown-menu .menu-item a:hover {border: 0 !important;}
#menu-main-menu .dropdown-menu .menu-item:focus-within > a {border: 0 !important;}
.navbar-dark .navbar-nav .dropdown-menu .nav-link:focus, .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover {
	background: #B6D335 !important;
}

/* nav when fixed */
/*
#main-nav.fixed-top {background: #fff; color: #53565a; padding-left: 15px; padding-right: 15px;}
#main-nav.fixed-top .navbar-nav .nav-link {color: #53565a;}
#main-nav.fixed-top .navbar-nav .menu-item.active .nav-link,
#main-nav.fixed-top .navbar-nav .menu-item.current-page-ancestor .nav-link,
#main-nav.fixed-top .navbar-nav .menu-item:hover .nav-link {color: #53565a; }
*/
/* end nav when fixed */

/* nav items on hover */
#main-nav .navbar-nav .menu-item.active .nav-link,
#main-nav .navbar-nav .menu-item.current-page-ancestor .nav-link,
#main-nav .navbar-nav .menu-item:hover .nav-link {color: #B6D335; border-bottom: 4px solid #B6D335; }
/* end nav items on hover */

#close-mobile-menu {position: fixed; right: 15px; top: 30px; z-index: 999999999; color: #fff; font-size: 25px; display: none;}


.logo {padding-top: 15px; padding-bottom: 15px;}
.logo a {display: block;}
.logo img {width: 260px; max-width: 100%; transition: all .4s ease 0s;}

header.fixed-top .logo img {max-width: 150px;}

.directions-link {color: #f2e8da; font-weight: 700; font-size: 14px;}
.directions-link:hover {color: #dc5829;}
.directions-link:hover i {color: #dc5829;}

@media screen and (max-width: 600px) {
	.navbar-toggler {
		position: relative;
		right: auto;
		top: auto;
	}
}

/* The Events Calendar CSS */

h1.tribe-events-single-event-title {
    color: #1B4071 !important;
}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    background-color: #39A3AF !important;
    text-align: center;
    color: #fff !important;
    width: 100%;
    border: 1px solid #39A3AF;
	border-radius: 0px;
    transition: var(--tec-transition);
    padding: 11px 20px;
}

.tribe-events-schedule .recurringinfo a, .tribe-related-event-info .recurringinfo a {
    color:#B6D335;
    font-weight: var(--tec-font-weight-regular);
    letter-spacing: normal;
    line-height: 20px;
    text-decoration: none;
}

.tribe-common a:not(.tribe-common-anchor--unstyle), .tribe-common a:not(.tribe-common-anchor--unstyle):active, .tribe-common a:not(.tribe-common-anchor--unstyle):focus, .tribe-common a:not(.tribe-common-anchor--unstyle):hover, .tribe-common a:not(.tribe-common-anchor--unstyle):visited {
	border-bottom: 1px solid #B6D335;
}

.tribe-events-meta-group a {
    color: #B6D335 !important;
}

.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
    background-color: #39A3AF;
    background-image: none;
    box-shadow: none;
    color: #fff;
    font-style: normal;
    outline: none;
    text-decoration: none;
    text-shadow: none;
	border-radius: 0px;
}

.tribe-common .tribe-common-c-btn:focus, .tribe-common .tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover, .tribe-common button.tribe-common-c-btn:focus, .tribe-common button.tribe-common-c-btn:hover {
	background-color: #B6D335;
	border: none;
	border-radius: 0px;
}

/* Main slider text */
#moduleCarousel1 {
	-webkit-animation: .5s ease-out .4s animate--fade both;
	-moz-animation: .5s ease-out .4s animate--fade both;
	animation: .5s ease-out .4s animate--fade both;
}
.carousel-module .carousel-item {height: 85vh; min-height: 550px;}
.carousel-text {position: relative; z-index: 2; width: 80%; }
.carousel-text.hor_left {left: 10%; text-align: left;}
.carousel-text.hor_center {left: 50%; text-align: center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
.carousel-text.hor_right {right: 10%; text-align: right;}

.carousel-text.ver_top {top: 10%;}
.carousel-text.ver_middle {top: 50%; /*-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);*/ }
.carousel-text.ver_bottom {bottom: 10%;}

.carousel-text.hor_center.ver_middle {-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}


.carousel-text h1 {color: #fff !important; position: relative; display: inline-block; clear: both; padding-bottom: 20px; margin-bottom: 30px; text-shadow: 0 0 50px #2d2926; border-bottom: none;}
.carousel-text h2 {color: #3aa3af !important; position: relative; display: inline-block; clear: both; padding-bottom: 20px; margin-bottom: 30px; text-shadow: 0 0 50px #2d2926; border-bottom: none;}
.carousel-text h3 {margin-bottom: 30px; text-shadow: 0 0 50px #2d2926;}
.carousel-text h1:after {content: ''; background: #0b3b60; height: 7px; width: 115%; position: absolute; left: 0; bottom: 0; display: none;}
.carousel-image:after {background: rgba(0,0,0,0.5);}

/* Slide side content */
#slider-side-content img.fill-space {height: auto; max-width: 80vw;}
#slider-side-content img.centered {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.callout-content-interior {min-height: 75vh;}
#side-content { background: #edeeee; }
#side-content .callout-content-interior-inner h4 {color: #2d2926;}
#side-content .callout-content-interior-inner p {background: transparent !important;}
#side-content .side-content-img > div:first-of-type,
#side-content .side-content-img {z-index: 1; position: relative; width: 85% !important; margin: 0 auto; }
#side-content .callout-content-interior-inner {z-index: 2; position: relative;}

.callout-content-interior.py-5.px-3.px-lg-5 {
    background: #126b8b !important;
}

#side-content.side-content-callout {position: relative;}
#side-content.side-content-callout:after {
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgba(0,0,0,0.7);
}
#side-content.side-content-callout .row {position: relative; z-index: 1;}
#side-content.side-content-callout .row > div {min-height: 400px;}

/*.callout-content-interior {margin-bottom: -60px; margin-top: 60px;}*/
#side-content.side-content-callout h2 {
	position: relative;
	display: inline-block;
	clear: both;
	padding-bottom: 20px;
	margin-bottom: 0;
}
#side-content.side-content-callout h2:after {
	content: '';
	background: #0b3b60;
	height: 7px;
	width: 60%;
	position: absolute;
	left: 0;
	bottom: 0;
}

#side-content ul li {
	margin-bottom: 10px;
}


.carousel-indicators li {border-radius: 100%; background: transparent; border: 1px solid #fff; width: 10px; height: 10px; margin-left: 5px; margin-right: 5px;}
.carousel-indicators li.active {background: #ffffff;}


/* column and title */
.logobright {position: absolute; right: 0; top: -40px;}
.logobleft {position: absolute; left: 0; top: -40px;}
.two-col-dots {height: 40%; top: 80%; width: 100px; z-index: 1;}
.two-col-dots.left {left: 0;}
.two-col-dots.right {left: auto; right: 0;}


/* Side Content */
.side-content-img {min-height: 0; height: 0; padding-bottom: 125%;}

/* Centered content */


/* Full Width Image */
#full-width-image {min-height: 85vh;}
#full-width-image .full-width-img {background-repeat:  no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}

/* Full Width Blocks */
#fullwidth-blocks .image-link-individual {padding-left: 8px; padding-right: 8px;}
#fullwidth-blocks .image-link-individual:first-of-type {padding-left: 0;}
#fullwidth-blocks .image-link-individual:last-of-type {padding-right: 0;}
#fullwidth-blocks .image-link-individual p { }
#fullwidth-blocks .image-link-individual h3 { }
#fullwidth-blocks .image-link-individual > a, #fullwidth-blocks .image-link-individual > div {height: 580px;}

/* Large Blocks - image_links_section */
#image-links-section .image-link-wrapper-interior {background: #fff;}
#image-links-section .image-link-individual p { color: #53565a;}

/* Gallery */
.gallery-thumbnail {display: block;}

.grid-item.grid-item.large {width: 50%;}
.grid-item.med {width: 40%; margin-left: 5%; margin-right: 5%;}
.grid-item.small {width: 30%; margin-left: 10%; margin-right: 10%;}
.grid-item:nth-of-type(2) { margin-top: 100px; }

.mpfy-fullwrap {margin-bottom: 0 !important;}


/* section title */
#section-title *:not(.button) { color: #F9F7F2 !important;}
#section-title {position: relative;}
.custom-overlay {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
	background: rgba(0,0,0,0.7);
}


.orange-bars { position: relative; }
.orange-bars:before,
.orange-bars:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 45px;
	background: #dc5829;
}

.orange-bars:before { top: -45px; }
.orange-bars:after { bottom: -45px; }


/* Content Slider */
.content-slider.carousel-module .carousel-item {height: auto; min-height: 60vh;}


/* Instagram Feed */
#sbi_mod_link, #sbi_mod_error {float: none !important;}
#sb_instagram {padding-bottom: 0 !important;}


/* Booking Form */
.book-form-wrapper {background: transparent;}
.book-form-wrapper > form {width: 100%; padding: 0; }
.form-select {background: #126B8B  !important; margin-right: 1%;border-radius: 0px;}
.book-form-wrapper input, .book-form-wrapper select {width: 100%; border: 0; padding: 25px 40px !important; line-height: 1; margin: 0; color: #fff !important; font-size: 22px; font-family: fairplex-wide, serif; font-weight: 300 !important; text-transform: uppercase;}
.book-form-wrapper select option {background: #126B8B  !important;}
.form-actions > input {color: #fff !important; font-size: 22px; font-weight: 500; text-transform: uppercase !important; font-style: normal; background: #B6D335 !important; text-decoration: underline; text-underline-position: under; transition: all .4s ease 0s; }
.form-actions > input:hover {background: #0b3b60; color: #fff !important; transition: all .4s ease 0s;}

#content-booking {overflow: visible;}
#vertical-booking-form {background: #126B8B  !important; padding: 45px 30px; margin-top: -85px !important; position: relative; z-index: 1;}
#vertical-booking-form .form-select {float: none; width: 100%; margin: 0 0 10px; background: #fff;}
#vertical-booking-form.book-form-wrapper input, #vertical-booking-form.book-form-wrapper select {color: #B6D335 !important;}
#vertical-booking-form.book-form-wrapper select option {background: #fff;}
#vertical-booking-form .form-actions > input {color: #fff !important; background: transparent; border: 2px solid #fff; text-decoration: none;}
#vertical-booking-form .form-actions > input:hover {background: #2d2926; color: #0b3b60 !important; border: 2px solid #0b3b60; }

#horizontal-booking-form #check-availability .datepicker, .datepicker-dropdown {background: #B6D335 !important; color: #fff; border: 0; padding: 10px; font-weight: 400; text-transform: uppercase; }
.datepicker th {white-space: nowrap;}
.datepicker-dropdown:before,
.datepicker-dropdown:after {content: none;}
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover,
.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {background: #0b3b60; color: #fff; }
.ginput_container .datepicker {border-radius: 0; width: 100% !important;}

/* Open Table */
.open-table {background: transparent;; color: #fff !important; font-size: 22px; font-weight: 400; text-transform: uppercase; line-height: 1;}
.open-table form {width: 100%;}
.open-table .form-group {background: #2d2926; width: 16%; margin: 0; margin-right: 1%; float: left;}
.open-table .form-group:first-of-type {width: 24%;}
.open-table .form-group:last-of-type {width: 24%; margin-right: 0;}
.open-table .form-group legend {font-size: 22px; display: block; line-height: 1; padding: 25px 10px !important; float: left;}
.open-table .form-group input, .open-table .form-group select {border: 0; background-color: transparent !important; padding: 25px 40px !important;}
.open-table select option {background: #2d2926;}
.open-table .form-group input[type="submit"]:hover {background: #0b3b60 !important; color: #fff !important;}

/* Tabs */
.menu-section .nav-tabs .nav-link {color: #2d2926; border-bottom: 3px solid transparent;}
.menu-section .nav-tabs .nav-link.active {border-bottom: 3px solid #2d2926; }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {color: #2d2926;}
.menu-section .menu-box {background: #2d2926; color: #ffffff;}
.menu-section .menu-box p {font-size: 20px; margin-bottom: 15px;}
.menu-section .menu-box h3 { font-weight: bold; font-size: 28px; margin-bottom: 30px;}
.menu-section .menu-box-image {min-height: 350px;}

/* Text Grid */
#text-grid {position: relative;}
#text-grid * {color: #fff;}

#text-grid .textgridbg {background: #0b3b60; height: 80%; width: 100%; left: 0; position: absolute; top: 10%; z-index: -1;}
.text-grid-each {border: 1px solid transparent; transition: all .4s ease 0s;}
.text-grid-each img {width: 130px; height: 100px; fill: #fff; margin: 0 auto 30px; display: block;}
.text-grid-each svg {width: 130px; height: 100px; fill: #fff; transition: all .4s ease 0s; margin: 0 auto 30px; display: block; }
.text-grid-each h4 { transition: all .4s ease 0s;}
.text-grid-each p { opacity: 0; transition: all .4s ease 0s;}
.text-grid-each:hover {border: 1px solid #0b3b60;}
.text-grid-each:hover svg { fill: #0b3b60; }
.text-grid-each:hover p { opacity: 1;}
#text-grid .text-grid-each:hover * {color: #0b3b60;}

/* Footer */
footer {background:  #126B8B !important; color: #fff; font-size: 15px;}
footer a {color: #fff;}
footer a:hover {text-decoration: none !important; color: #fff;}
footer p {font-size: 20px; font-weight: 400;}
footer ul {list-style: none; margin: 0; padding: 0;}
footer ul li {margin-bottom: 10px;}
footer #menu-footer-menu a { font-weight: 300; font-size: 18px; letter-spacing: 1px; color: #fff; padding: .4rem;}
footer #menu-footer-menu a:hover {color: #0b3b60;}
.social-links li {display: inline-block; vertical-align: middle; line-height: 1; margin: 0 10px;}
.social-links a {font-size: 26px;}

footer .gform_wrapper input[type="checkbox"] {-webkit-appearance: none; appearance: none; padding: 10px !important; background: transparent; outline: 0; cursor: pointer;}
footer .gform_wrapper input[type="checkbox"]:checked {background: #0b3b60;}
.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {font-weight: 400 !important; margin-left: 10px;}

footer .gform_wrapper {width: 100%; max-width: 650px; margin: 16px auto 40px;;}
footer .gform_wrapper .gform_body {width: 75%; float: left; margin: 0; padding: 0;}
footer .gform_wrapper ul.gform_fields li.gfield {margin: 0; padding: 0;}
body footer .gform_wrapper .top_label div.ginput_container {margin: 0; padding: 0;}
footer .gform_wrapper input {margin: 0 !important; padding: 0 !important; width: 100% !important; line-height: 1; background: #2d2926; color: #fff; border: 2px solid #0b3b60; text-transform: uppercase; padding: 12px 20px !important; font-weight: 700; transition: background .4s ease 0s;}
footer .gform_wrapper input:focus {outline: 0;}
footer .gform_wrapper input[type="text"]:focus {background: #000; }
footer .gform_wrapper .gform_footer {width: 25%; float: left; margin: 0; padding: 0; clear: none;}
footer .gform_wrapper input[type="submit"] {padding: 12px 20px !important; cursor: pointer; background: #0b3b60; color: #fff; font-size: 20px !important; border-left: 0; transition: all .4s ease 0s; border-radius: 0;}
footer .gform_wrapper input[type="submit"]:hover {background: #000; color: #0b3b60;}
footer #field_5_3 {width: calc(100% + 100px);}

/* Placeholder text color -- selectors need to be separate to work. */
footer .gform_wrapper input::-webkit-input-placeholder { color: #f2e8da; opacity: 1; }
footer .gform_wrapper input:-moz-placeholder { color: #f2e8da; opacity: 1; }
footer .gform_wrapper input::-moz-placeholder { color: #f2e8da; opacity: 1; opacity: 1; }
footer .gform_wrapper input:-ms-input-placeholder { color: #f2e8da; opacity: 1; }


#cookie-law-info-bar {text-align: left; padding: 8px 15px; font-size: 14px; box-shadow: none;}
#cookie-law-info-bar > span {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
#cookie-law-info-bar > span span:first-of-type {margin-right: 10px;}
#cookie-law-info-bar .cli-plugin-button {margin: 0;}


@media screen and (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 1340px;
	}
}


@media screen and (max-width: 1400px) {
	h2{ font-size: 55px;}
}
@media screen and (min-width: 1200px) and (max-width: 1390px) {
	#menu-main-menu .menu-item a {font-size: 15px!important; }
	.book-form-wrapper input, .book-form-wrapper select{font-size: 14px!important;}
	#horizontal-booking-form #check-availability .datepicker{
		text-align: left;
	}
}
@media screen and (max-width: 1199px) {
	h2 {font-size: 45px;}
	h3 {font-size: 40px;}
	#main-nav .menu-item {font-size: 14px; padding-left: 5px; padding-right: 5px;}
	header.top .button {font-size: 20px; padding: 15px 5px;}
	.text-grid-each p {opacity: 1;}
	.book-form-wrapper input, .book-form-wrapper select {padding: 25px 15px !important; }
	.callout-content-interior {margin: 0;}
	.callout-content-interior {min-height: 50vh;}
	.open-table .form-group {width: 100%; float: none;}
	.open-table .form-group:first-of-type {width: 100%;}
	.open-table .form-group:last-of-type {width: 100%;}
}

@media screen and (max-width: 991px) {

	h3 {font-size: 35px;}
	
/*    .first-row-left { background: #53565a;}*/
	.directions-link {display: block; padding: 10px;}
	.logo {padding-bottom: 15px;}
	.navbar-toggler {
		background: #000 !important;
		color: #fff !important;
		text-transform: uppercase;
		padding: 15px 5px;
		border-radius: 0;
		height: 100%;
		line-height: 1;
		border: 0 !important;
		font-size: 20px;
		width: 50%;
		font-weight: 400;
		float: left;
	}
	.navbar-toggler * {
		color: #fff !important;
	}

	.first-row-right .button {
		width: 50%;
		float: left;
		border: 0 !important;
		display: block;
		line-height: 1;
	}
	#main-nav {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #000; z-index: 99999; text-align: center; padding: 100px 0; overflow: auto;}
	.navbar-light .navbar-nav .nav-link {color: #0b3b60 !important; text-align: center;}
	#slider-side-content img.centered {position: relative; top: 15px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
	#slider-side-content img.fill-space {max-width: 100%;}
	.image-link-individual > a {height: 300px;}
	.navbar-nav .dropdown-menu {margin: 0 auto; left: 0; right: 0; text-align: center; width: 100%;}

	.column-inner .alignright {float: none;}

	.menu-section .menu-box {padding: 50px;}

	#fullwidth-blocks .image-link-individual:first-of-type {padding-left: 8px;}
	#fullwidth-blocks .image-link-individual:last-of-type {padding-right: 8px;}

	#vertical-booking-form {margin-top: 0 !important;}
	#vertical-booking-form.book-form-wrapper {display: block;}

	#main-nav.show #close-mobile-menu {display: block;}

	#side-content .callout-content-interior {width: 85% !important; margin: 0 auto; }
	.side-content-img {padding-bottom: 0; min-height: 90vw; }
	.callout-content-interior {min-height: 50px;}

}

@media screen and (max-width: 767px) {
	h1 {font-size: 2.8em;}
	h2 {font-size: 1.8em;}
	h3 {font-size: 1.8em;}
	h5 {font-size: 30px;}
	#fullwidth-blocks .image-link-individual {padding-left: 15px !important; padding-right: 15px !important;}
	#fullwidth-blocks .image-link-individual > a, #fullwidth-blocks .image-link-individual > div {height: 380px;}
	.full-width-four .image-link-individual h3 { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); transform: translateY(-15px); }
	.full-width-four .image-link-individual .button { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); }
	#full-width-image {min-height: 75vh;}
	#full-width-image .full-width-img {background-attachment: scroll;}
	.large-blocks .title {display: none;}
	#fullwidth-blocks.large-blocks .image-link-individual h3 { opacity: 1 !important; -webkit-transform: translateY(0) scaleY(1) !important; -moz-transform: translateY(0) scaleY(1) !important; transform: translateY(0) scaleY(1) !important; }
	.full-width-four .image-link-individual .hover-content {opacity: 1; -webkit-transform: translateY(0) scaleY(1); -moz-transform: translateY(0) scaleY(1); transform: translateY(0) scaleY(1); }
	.image-link-individual > a:before {opacity: 1 !important;}

	

	.two-col-dots {display: none;}

	footer .gform_wrapper .gform_body {width: 100%;}
	footer #field_5_3 {width: 100%;}
	footer .gform_wrapper input[type="submit"] {border-left: 2px solid #0b3b60;}
	footer .gform_wrapper .gform_footer {width: 100%;}

	.carousel-text h1:after {width: 100%;}

}

@media screen and (max-width: 640px) {
	h1 {font-size: 1.5em;}
	h2 {font-size: 1em;}
	h3 {font-size: 1.2em;}
	p {font-size: 18px;}
	#fullwidth-blocks .image-link-individual h3 {font-size: 1em;}
	#cookie-law-info-bar {font-size: 12px;}
	#cookie-law-info-bar > span {display: block;}
	#cookie-law-info-bar span {display: block; width: 100%;}
	#cookie-law-info-bar > span span:first-of-type {margin-right: 0; margin-bottom: 10px;}

	.side-content-img {min-height: 0; padding-bottom: 125%;}

	.gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label {width: 83% !important;}
}

@media screen and (max-width: 500px) {

	.menu-section .menu-box {padding: 50px 25px;}

	#vertical-booking-form.book-form-wrapper {display: none !important;}

/*	.side-content-img {min-height: 360px;}*/
	

}

@media screen and (max-width: 380px) {
	.button {padding: 12px; font-size: .9em;}
}

a.header-booknow {
    background-color: #39a3af;
	padding: 10px 25px 15px;
    font-family: 'Roca', sans-serif;
    font-weight: 900;
    padding: 10px 25px;
    line-height: 16px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

a.header-booknow:hover {
    background-color: #b6d335 !important;
    color: #1b4071 !important;
}





/* ------- iOS only ------- */

@supports (-webkit-overflow-scrolling: touch) {
	#full-width-image .full-width-img {background-attachment: scroll;}
	.carousel-image {background-attachment: scroll !important;}
}

/* ------- Edge only ------- */
@supports (-ms-ime-align:auto) {
	#full-width-image .full-width-img {background-attachment: scroll;}
	.carousel-image {background-attachment: scroll !important;}
}

.logo img {width: 206px; max-width: 100%; transition: all .4s ease 0s;}
h2 {
    color: #0b3b60;
    font-size: 60px;
    font-weight: 700;
    line-height: 27px;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: inherit;
	}



.button {
    background: #f2b600;
    border: none !important;
    padding: 10px 20px;
	color: #0b3b60;
	font-family: 'Roca', San Serif !important;
	font-size: 18px;
	font-weight: 900;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
	text-align: center;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
}

.pt-30 {
	padding-top: 30px;
}
.pt-50{
	padding-top: 50px;
}

header{
	font-family:'Roca', sans-serif !important;
}
header.top .bg-dark {
    background-color: #126B8B !important;
}

#menu-main-menu .menu-item a{
color: #ffffff;
font-family: 'Karla', sans-serif !important;
font-size: 16px;
font-weight: 300;
font-style: normal;
letter-spacing: normal;
line-height: 27px;
text-transform: uppercase;
}
#main-nav .navbar-nav {
    gap: 20px;    
    justify-content: flex-end !important;
}

main-nav .navbar-nav .menu-item.active .nav-link, #main-nav .navbar-nav .menu-item.current-page-ancestor .nav-link, #main-nav .navbar-nav .menu-item:hover .nav-link {
    color: #f2b600;
    border-bottom: 4px solid #f2b600;
}
.navbar-dark .navbar-nav .dropdown-menu .nav-link:focus, .navbar-dark .navbar-nav .dropdown-menu .nav-link:hover {
    background: #f2b600;
	border-bottom: 4px solid #f2b600;
}
.navbar-nav .dropdown-menu {
    background: #0b3b60;
    top: 90%;
 }

#main-nav .navbar-nav .menu-item.active .nav-link, #main-nav .navbar-nav .menu-item.current-page-ancestor .nav-link, #main-nav .navbar-nav .menu-item:hover .nav-link {
color: #fff !important;
border-bottom: 0px solid #B6D335 !important;
}

#main-nav .navbar-nav > .menu-item:hover > .nav-link {
    border-bottom: 4px solid #B6D335 !important;
}

#main-nav .navbar-nav .menu-item.active .nav-link, .menu-item:hover .nav-link {
color: #fff !important;
border-bottom: 4px solid #B6D335 !important;
}

header a.button {
    background-color: #f2b600;
	color: #0b3b60;
	font-family: 'Roca', San Serif !important;
	font-size: 18px;
	font-weight: 900;
	line-height: 27px;
	text-align: center;
	text-transform: uppercase;
	padding: 5px 20px;
}

header .navbar-dark.bg-dark {
    padding: 0 15px;
}

.carousel-module .carousel-text {
    top: 15vh;
    max-width: 450px;
    left: initial;
}
.carousel-text h1 {
color: #ffffff;
font-family: 'Calluna';
font-size: 72px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 72px;
text-transform: none;
margin-bottom: 10px;
padding-bottom: 0;	
}
.carousel-text h2,
.carousel-text h3{
color: #ffffff;
font-family: 'Corbel';
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-style: normal;
letter-spacing: normal;
text-align: left;
}
.carousel-text h2 {
	display: block;
	font-size: 22px;
	line-height: 1.3em;
    margin: 0 0 7px 2px;
}
.carousel-module .carousel-item {
    max-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding-top: 50px;
}

#horizontal-booking-form #check-availability .datepicker, 
#horizontal-booking-form #check-availability .datepicker-dropdown, 
#horizontal-booking-form #check-availability .form-select,
#horizontal-booking-form #check-availability .form-actions > input{
    background: #126B8B !important;
	color: #ffffff;
	font-family: 'Roca', sans-serif !important;
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: normal;
	line-height: 27px;
	text-align: center;
	text-transform: uppercase;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
    }
    .book-form-wrapper input, 
    .book-form-wrapper select{
    	font-family: 'Roca', sans-serif !important;
    	color: #ffffff !important;
		font-family: 'Roca', sans-serif !important;
		font-size: 18px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		line-height: 27px;
		text-align: center;
		text-transform: uppercase;
		font-style: normal;
		letter-spacing: normal;
		line-height: normal;
		text-decoration: none;
    }

/*
    .carousel-inner > div:first-child .image-left{
   		display: none !important;
	}
*/



		/**Inner Page**/
		#side-content .callout-content-interior .callout-content-interior-inner p{
			background: transparent;
		}
		

		#side-content .carousel-inner .callout-content-interior .callout-content-interior-inner p {
			color: #0b3b60;
			font-family: 'karla', sans-serif !important;
			font-size: 20px;
			font-weight: 300;
			font-style: normal;
			letter-spacing: normal;
			line-height: 30px;
		}
		#side-content .callout-content-interior {
		    min-height: auto;
			/*background: #ffffff !important;*/
		}
		h4{
			color: #0b3b60;
			font-family: 'Roca', sans-serif !important;
			font-size: 18px;
			font-weight: 700;
			line-height: 27px;
			
			font-style: normal;
			letter-spacing: 0.45px;
			line-height: normal;
		}
		 #side-content .side-content-img{
		 	width: 100% !important;
		 }
		 #side-content .image-right {
		    padding-right: 0;
		}
		#side-content .image-left{
			padding-left: 0;
		}
		.carousel-module .carousel-text {
		    max-width: 550px;
		}

		.carousel-module .carousel-text h3{
			max-width: 550px;			
		}

		.page-id-698 #side-content .callout-content-interior-inner h2{
			display: inline-block;
		}
		.page-id-698 #side-content .callout-content-interior-inner h2::after {
		    content: "";
		    width: 100%;
		    height: 3px;
		    background: #B6D335 !important;
		    display: block;
		    margin: 10px 0;
		}
		.page-id-698 .carousel-module .carousel-text{
			max-width: 80%;
			text-align: center;
		}
		.page-id-698 .carousel-module .carousel-text h3{
			max-width: 550px;
			margin: 0 auto;
			text-align: center;
		}
		.page-id-698 #side-content .callout-content-interior-inner h4{
			color: #0b3b60;
			font-family: 'Roca', sans-serif !important;
			font-size: 18px;
			font-weight: 700;
			line-height: 27px;
			text-align: left;
			text-transform: uppercase;
			/* Text style for "SUBHEADER" */
			font-style: normal;
			letter-spacing: 0.45px;
			line-height: normal;
		}
/*
		#side-content .carousel-inner > div:first-child .callout-content-interior h2::after{
			display: none;
		}
*/


		




		/**End of Inner Page**/


	
	
	
	#side-content{
    		background: url(/wp-content/uploads/2025/03/pattern_blue-02-2.webp);
    		background-size: auto;
		}
		#check-availability fieldset.form-select{
			position: relative;
			text-align: right !important;
		}
		#check-availability fieldset.form-select:nth-child(4):after,
		#check-availability fieldset.form-select:nth-child(5):after {
		    content: "";
		    height: 35px;
		    width: 35px;
		    background: red;
		    /*z-index: 99;*/
		    display: inline-block;
		    position: absolute;
		    top: 15px;
		    left: 15px;
		    background: url('images/icon_calender.png');
		    background-size: cover;
		}
		#check-availability fieldset.form-select:nth-child(6){
			padding-left: 20px;
		}
		#check-availability fieldset.form-select:nth-child(6):after {
		    content: "";
		    height: 27px;
			width: 26px;
		    /*z-index: 99;*/
		    display: inline-block;
		    position: absolute;
		    top: 22px;
		    left: 15px;
		    background: url('images/icon_adult.png');
		    background-size: cover;
		    
		}
		#check-availability fieldset.form-select:nth-child(7):after {
		    content: "";
		    height: 33px;
		    width: 25px;
		    background: red;
		    /*z-index: 99;*/
		    display: inline-block;
		    position: absolute;
		    top: 18px;
		    left: 15px;
		    background: url('images/icon_kid.png');
		    background-size: cover;
		}
		#check-availability fieldset.form-select:nth-child(7){
			padding-left: 20px;
		}
		.home #side-content .callout-content-interior-inner p {
		    background: transparent;
		}

		.home #side-content .callout-content-interior-inner {
		    z-index: 2;
		    position: relative;
		    background: #126B8B !important;
		    max-width: 690px;
		    min-height: auto;
		}
		.home #side-content .callout-content-interior {
		    min-height: auto;
		}
		@media (min-width: 992px){
			.home #side-content .col-lg-5.d-none.d-lg-block.position-relative.image-left {
			    flex: 0 0 50%;
			    max-width: 50%;
			    padding: 0;
			    padding-bottom: 30px;
			}

			.home #side-content .col-lg-7.align-self-center.py-3.py-lg-5 {
			    flex: 0 0 50%;
			    max-width: 50%;
			    padding: 0;
			}
			.home #side-content .col-lg-5.d-none.d-lg-block.position-relative.image-right {
			    padding: 0;
			    padding-bottom: 30px;
			    flex: 0 0 50%;
			    max-width: 50%;
			}
		}
		.home #side-content .side-content-img{
			width: 100% !important;
			padding-bottom: 500px;
		}
		
		#side-content .callout-content-interior-inner h2{
		
			font-family: 'Roca', !important;
			font-size: 40px;
			font-weight: 700 !important;
			font-style: normal;
			letter-spacing: normal;
			line-height: 40px;
			text-align: left;
			text-transform: initial;
		}
		
		.home #side-content .callout-content-interior-inner h2{
			color: #ffffff !important;
			font-family: 'Roca', !important;
			font-size: 40px;
			font-weight: 700 !important;
			font-style: normal;
			letter-spacing: normal;
			line-height: 27px;
			text-align: left;
			text-transform: initial;
		}
		.home #side-content .callout-content-interior-inner p{
			color: #ffffff !important;
			font-family: 'Karla', sans-serif !important;
			font-size: 16px;
			font-weight: 300;
			font-style: normal;
			letter-spacing: normal;
			line-height: 24px;
			text-align: left;
		}

/*
		.home #side-content .carousel-inner > div:first-child .callout-content-interior .callout-content-interior-inner{
		background: transparent;
		}
*/
		
/*
		#side-content .carousel-inner > div:first-child .callout-content-interior .callout-content-interior-inner{
		min-height: auto;
	    max-width: 850px;
		margin: 0 auto;
		background: transparent;
		}
*/
/*
		.home #side-content .carousel-inner > div:first-child .callout-content-interior .callout-content-interior-inner h2{
		color: #0b3b60;
		font-family: Calluna;
		font-size: 60px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		line-height: 27px;
		text-align: center;
		font-style: normal;
		letter-spacing: normal;
		line-height: normal;
		text-transform: inherit;
		}
*/

		#side-content .callout-content-interior-inner h2::after {
		    content: "";
		    display: block;
		    width: 200px;
		    height: 3px;
		    background: #B6D335 !important;
		    margin-top: 25px;
		    margin-bottom: 25px;
		}

/*
		.home #side-content .carousel-inner > div:first-child .callout-content-interior .callout-content-interior-inner h2::after{
			display: none;
		}
*/
/*
		.home #side-content .carousel-inner > div:first-child .callout-content-interior .callout-content-interior-inner p{
		color: #0b3b60 !important;
		font-family: Calibri;
		font-size: 20px;
		font-weight: 400;
		font-style: normal;
		letter-spacing: normal;
		line-height: 24px;
		text-align: center;
		font-style: normal;
		letter-spacing: normal;
		line-height: normal;
		background: transparent !important;
		}
*/
		.home #side-content .carousel-inner > div:nth-child(even) .callout-content-interior.px-0.d-flex.align-items-center{
			justify-content: flex-end;
			right: -200px;
    		position: relative;
		}

		.home #side-content .carousel-inner > div:nth-child(odd) .callout-content-interior.px-0.d-flex.align-items-center{
			left: -200px;
    		position: relative;
		}

/*
		.carousel-inner > div:first-child .col-lg-7.align-self-center.py-3.py-lg-5 {
		    max-width: 100% !important;
		    text-align: center;
		    width: 100%;
		    flex: 0 0 100% !important;
			}
*/

/*
			.home #side-content .carousel-inner > div:first-child .callout-content-interior.px-0.d-flex.align-items-center{
			justify-content: center;
			right: 0;
    		position: relative;
		}
*/
	

		#horizontal-booking-form #check-availability .datepicker{
			text-align: right;
		}


		section.subscribe {
		    background: url('/wp-content/uploads/2025/03/pattern_blue-02-2.webp');
		    background-size: auto;
		    padding: 100px 0 50px;
		}

		section.subscribe h2.section_head{
		color: #0b3b60;
		font-family: 'Roca', sans-serif !important;
		font-size: 40px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		line-height: 27px;
		text-align: center;
		text-transform: initial;
		margin-bottom: 30px;
		}
		section.subscribe p.subheading{
			color: #0b3b60;
			font-family: 'Roca', sans-serif !important;
			font-size: 16px;
			font-weight: 300;
			font-style: normal;
			letter-spacing: normal;
			line-height: 24px;
			text-align: center;
			margin-bottom: 0;
		}

		section.subscribe .gform_wrapper li.hidden_label input {
		    margin-top: 0;
		}

		section.subscribe .gform_wrapper ul li.gfield {
		    margin-top: 5px;
		    padding-top: 0;
		}


		section.subscribe .gform_wrapper {
		    width: 100%;
		    max-width: 650px;
		    margin: 16px auto 40px;
		}

		section.subscribe .gform_wrapper .gform_footer {
		    width: 25%;
		    float: left;
		    margin: 0;
		    padding: 0;
		    clear: none;
		}

		section.subscribe .gform_wrapper input[type="submit"] {
		    padding: 10px 15px !important;
		    cursor: pointer;
		    background: #f2b600;
		    color: #0b3b60;
		    font-size: 18px !important;
		    border-left: 0;
		    transition: all .4s ease 0s;
		    border-radius: 0;
		    margin-top: 6px;
		}

		input#choice_5_3_1 {
		    border-radius: 0px !important;
		    height: 20px;
		    width: 20px;
		    margin-top: 0px;
		}

		section.subscribe .gform_wrapper .gform_body {
		    width: 75%;
		    float: left;
		    margin: 0;
		    padding: 0;
		}


		section.subscribe footer .gform_wrapper input {
		    margin: 0 !important;
		    padding: 0 !important;
		    width: 100% !important;
		    line-height: 1;
		    background: #2d2926;
		    color: #fff;
		    border: 2px solid #0b3b60;
		    text-transform: uppercase;
		    padding: 12px 20px !important;
		    font-weight: 700;
		    transition: background .4s ease 0s;
		}
		section.subscribe .ginput_container.ginput_container_email INPUT {
		    width: 100% !important;
		    border: 2px solid #0b3b60;
		    font-size: 16px !important;
    		padding: 5px 15px !important;
    		text-transform: uppercase;
		}

		section.subscribe .gfield_checkbox{
			color: #0b3b60;
			font-family: 'Karla', sans-serif !important;
			font-size: 13px;
			font-weight: 300;
			font-style: normal;
			letter-spacing: normal;
			line-height: 24px;
			text-align: left;
			border-radius: 0;
		}


		/*Carousel*/

		.zoom_carousel article {
		  display: block;
		  color: #97D4DE !important;
		  font-size: 36px;
		  min-height: 570px;
		  line-height: 100px;
		  position: relative;
		  text-align: center;
		  /*border: solid 1px rgb(145, 195, 0);*/
		  
		  transform: translate(0, 0) scale(.4);
		  transition: all .4s ease;
		}

		/*.slick-slide {
		  border: solid 1px #2dc37f;
		}*/

		.slick-slide.lt2 article {
		  transform: translate(10%, 0) scale(.6);
		}
		.slick-slide.lt1 article {
		  transform: translate(5%, 0) scale(.8);
		}
		.slick-slide.gt1 article {
		  transform: translate(-5%, 0) scale(.8);
		}
		.slick-slide.gt2 article {
		  transform: translate(-10%, 0) scale(.6);
		}
		.slick-slide.slick-center article {
		  z-index: 1;
		  transform: scale(1);
		  opacity: 1;
		  color: #e67e22;
		}

		.slick-prev,
		.slick-next{
		  position: absolute;
		  top: 50%;
		  appearance: none;
		  margin-top: -10px;
		  padding: 0;
		  border: 0;
		  background: none;
		  cursor: pointer;
		  color: transparent;
		  outline: none;
		  z-index: 100;
		}

		.slick-prev {
		  left: 0;
		  width: 45px;
		  height: 75px;
		  background:url('images/angle_left.png');
		}
		.slick-next {		
		  right: 0;
		  width: 45px;
		  height: 75px;
		  background:url('images/angle_right.png');
		}
		.slick-arrow:focus {
		    outline: none;
		}


		.zoom_carousel_sec{
			background: url('images/carousel_bg.jpg');
			background-size: cover;
			background-position: center;
			padding: 80px 0;
		}
		.zoom_carousel .item .content-box{
			background-color: #ffffff;
		}
		.zoom_carousel article .image-container{
			max-height: 250px;
			overflow: hidden;
		}
		.zoom_carousel article .content-box {
		    padding: 50px;
		}
		.zoom_carousel article p{
			color: #0b3b60;
			font-family: 'karla', sans-serif !important;
			font-size: 16px;
			font-weight: 300;
			font-style: normal;
			letter-spacing: normal;
			line-height: 24px;
			text-align: center;
			margin-bottom: 4px;
		}

		.zoom_carousel article h3.title{
			color: #B6D335 !important;
			font-family: 'Roca', !important;
			font-size: 24px;
			font-weight: 700;
			font-style: normal;
			letter-spacing: normal;
			line-height: 34px;
			text-align: center;
		}
		.slick-slide.gt1 article .image-container,
		.slick-slide.lt1 article .image-container{
			max-height: 190px
		}



		/*End of Carousel*/


		footer.footer{
			padding: 100px 0 50px;
			background: #0b3b60;
			color: #ffffff;
		}

		footer.footer .footer-logo {
    		max-width: 255px;
		}
		.footer-logo2 {
			max-width: 200px;
			margin: 0 auto;
			padding: 60px 0 40px;
		}
		.row-logos {
			align-items: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding: 60px 0 30px;
		}
		footer .footer-benchmark-logo {
			margin: 0 20px;
			max-width: 200px;
		}
		footer .footer-cert-logo {
			align-items: center;
			display: flex;
			justify-content: center;
			height: 93px;
			margin: 40px 20px 0;
			width: 165px;
		}
		@media (min-width: 768px) {
			footer .footer-cert-logo {
				margin: 0 20px;
			}	
		}
		.img-ncg {
			margin: 40px 15px 0;
		}
		@media (min-width: 768px) {
			.img-ncg {
				margin: 0 15px;
			}	
		}
		footer.footer .address p{
			color: #ffffff !important;
			font-family: 'Karla', sans-serif !important;
			font-size: 16px;
			font-weight: 300;
			font-style: normal;
			letter-spacing: normal;
			line-height: 24px;
			text-align: center;
		}
		footer.footer h3.address-hdr {
			color: #ffffff !important;
			font-size: 30px;
			font-weight: 400;
			font-style: normal;
			letter-spacing: normal;
			line-height: 27px;
			text-align: center;
			text-transform: initial;
			margin: 0 0 5px;
			display:block;
		}
		footer.footer .button{
			padding: 10px 30px;
		}
		footer.footer ul.social-links {
		    text-align: center;
		    padding: 10px 0;
		}
		footer.footer .widget-menu ul li a{
			color: #ffffff;
			font-family: 'Karla', sans-serif !important;
			font-size: 18px;
			font-weight: 300;
			font-style: normal;
			line-height: 30px;
			text-align: left;
			text-transform: uppercase;
			font-style: normal;
			letter-spacing: 0.18px;
			line-height: normal;
		}

		section.footer-bottom {
		    background-color: #126B8B !important;
		}

		section.footer-bottom ul{
			list-style: none;
		}
		section.footer-bottom ul li{
			display: inline-block;
		}
		section.footer-bottom ul li a{
			color: #ffffff;
			font-family: 'Karla', sans-serif !important;
			font-size: 16px;
			font-weight: 400;
			font-style: normal;
			letter-spacing: normal;
			line-height: 27px;
			text-align: center;
			text-transform: uppercase;
			padding: 0;
		}
		section.footer-bottom ul li a::after {
		    content: "";
		    height: 10px;
		    width: 2px;
		    background: #ffffff;
		    display: inline-block;
		    margin-left: 15px;
		    margin-right: 15px;
		}
		section.footer-bottom ul li:last-child a::after{
			display: none;
		}





		.copyright {
    		padding-bottom: 50px;
    		color: #ffffff;
		}
		.copyright, .copyright a{
		color: #ffffff;
		font-family: 'karla', sans-serif !important ;
		font-size: 14px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: normal;
		line-height: 27px;
		text-align: center;
		text-transform: uppercase;
		}

	.menu-section .tab-content .menu-box-image{
		height: 530px;
		padding: 0;
		max-width: calc( 50% - 2.5px);
	}
	.menu-section .tab-content .menu-box-image h3.box_title {
	    background-color: #0b3b60;
	    text-align: center;
	    position: absolute;
	    width: 100%;
	    left: 0;
	    bottom: 0;
	    margin: 0;
		color: #efefef;
		font-family: 'Roca', sans-serif !important;
		font-size: 40px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		text-transform: initial;
	    line-height: 50px;
	    text-transform: initial;
	    padding: 30px;
	}
	.gap-5 {
		gap: 5px;
	}
	
	.menu-section .menu-box-image .box_content{
		display: none;
		color: #0b3b60;
		font-family: 'karla', sans-serif !important;
		font-size: 16px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: normal;
		line-height: 24px;
		text-align: center;
	}
	.menu-section .nav-tabs a.nav-link{	
		color: #0b3b60;
		font-family: 'Roca', sans-serif !important;
		font-size: 22px;
		font-weight: 400;
		font-style: normal;
		letter-spacing: normal;
		line-height: 27px;
		text-align: center;
		text-transform: uppercase;
	}
	.menu-section .menu-box-image .box_content p{
		color: #0b3b60;
		font-family: 'karla', sans-serif !important;
		font-size: 16px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: normal;
		line-height: 24px;
		text-align: center;
	}
	.menu-section .menu-box-image .box_content h3.title{
		color: #0b3b60;
		font-family: 'Roca', sans-serif !important;
		font-size: 40px;
		font-weight: 700;
		font-style: normal;
		letter-spacing: normal;
		line-height: 27px;
		text-align: center;
		text-transform: initial;
		display: inline-block;
		}
		.menu-section h2{
			color: #0b3b60;
			font-family: 'Roca', sans-serif !important;
			font-size: 40px;
			font-weight: 700;
			font-style: normal;
			letter-spacing: normal;
			line-height: 27px;
			text-align: center;
		}
		.menu-section .menu-box-image .box_content h3.title::after {
			content: "";
			width: 100%;
			height: 3px;
			background: #f2b600;
			display: block;
			margin: 10px 0 25px;
		}
	.menu-section .tab-content .menu-box-image:hover h3.box_title{
		display: none;
	}
	.menu-section .menu-box-image:hover .box_content{
		display: flex !important;
	}
	.menu-section .box_content {
	    padding: 30px;
	    width: 100%;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: rgba(255,255,255,.8);
	}

	/***side-content-callout**/
	#side-content.side-content-callout .row > div {
    min-height: 500px;
	}
	#side-content .callout-content-interior {
    min-height: 500px;
	}
	#side-content.side-content-callout h2:after {
	    content: '';
	    background: #B6D335 !important;
	    height: 3px;
	    width: 60%;
	    position: absolute;
	    left: 0;
	    bottom: 10px;
	}

	#side-content.side-content-callout p{
		font-family: 'karla', sans-serif !important;
		color: #F9F7F2 !important;
		font-size: 16px;
		font-weight: 300;
		font-style: normal;
		letter-spacing: normal;
		line-height: 24px;
		text-align: left;
	}

	#side-content.side-content-callout h2 {
	color: #fff !important;
    position: relative;
    display: inline-block;
    clear: both;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 50px;
	}
	/******/

	.menu-section .tab_head {
	    background: #dbe2e8;
	    padding: 40px 0;
	}

	.menu-section .nav-tabs .nav-link.active {
	    border-bottom: 3px solid #2d2926;
	    background: transparent;
	    margin: 20px;
	    font-size: 22px;
	}
	.menu-section .nav-tabs .nav-link{
		margin: 20px;
	}

	ul#menu-footer-menu {
    justify-content: center !important;
	}

	.social-links a {
	    font-size: 25px;
	    padding: 0 10px;
	}


	.callout-content-interior.py-5.px-3.px-lg-5 {
		background: #fff;
	}

	.carousel-item.active {
		padding-top: 25%;
	}


	.carousel-image {
	    background-attachment: initial !important;
	    background-position: center center !important;
	}
	.button:hover, section.subscribe .gform_wrapper input[type="submit"]:hover {
    background: #0b3b60;
    color: #ffffff;
    text-decoration: none !important;
    border-color: #0b3b60;
	}

	body .gform_wrapper div.validation_error {
    color: #f2b600;
    font-weight: 700;
    margin-bottom: 25px;
    border-top: 2px solid #f2b600;
    border-bottom: 2px solid #f2b600;
	}


	#horizontal-booking-form .form-select{
		width: 20%;
	}
	.side_img{
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.side_img .hover_box {
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,.5);
	    display: none;
	}
	#side-content.side-content-callout .hover_box h2{
		display: block;
		color: #ffffff;
		margin-bottom: 40px;
	}
	#side-content.side-content-callout .hover_box h2::after{
		display: none;
	}
	#side-content.side-content-callout .hover_box  .button{
		border:  3px solid #f2b600;
		background-color: transparent;
		color: #ffffff;
		    margin: 0 auto;
    display: block;
    max-width: 200px;
	}
	.side_img:hover .hover_box{
		align-items: center;
	    justify-content: center;
	    display: flex !important;
	}




    @media (min-width: 1241px) {
    .navbar-expand-lg .navbar-collapse {
        display: flex;
    }
    .navbar.navbar-expand-lg .navbar-collapse {
        display: flex;
    }
}

@media (max-width:992px)
{
	#side-content.side-content-callout .hover_box .button {
    	border: 3px solid #f2b600 !important;
    	width:auto !important;
	}
}

	@media only screen and (max-width: 1240px){
		button.navbar-toggler.d-lg-none{
			display: block !important;
		}
		.navbar.navbar-expand-lg .navbar-collapse{
			display: none !important;
		}
		.navbar.navbar-expand-lg .navbar-collapse.show{
			display: block !important;
		}
		.navbar.navbar-expand-lg .navbar-collapse.show .navbar-nav{
				display: block !important;
		}

		.navbar-toggler {
		background: #000 !important;
		color: #fff !important;
		text-transform: uppercase;
		padding: 15px 5px;
		border-radius: 0;
		height: 100%;
		line-height: 1;
		border: 0 !important;
		font-size: 20px;
		width: 50%;
		font-weight: 400;
		float: left;
		}
		.navbar-toggler * {
			color: #fff !important;
		}


	#main-nav {position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background:#0b3b60; z-index: 999999; text-align: center; padding: 100px 0; overflow: auto;}
	.navbar-light .navbar-nav .nav-link {color: #0b3b60 !important; text-align: center;}
	#slider-side-content img.centered {position: relative; top: 15px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%);}
	#slider-side-content img.fill-space {max-width: 100%;}
	.image-link-individual > a {height: 300px;}
	.navbar-nav .dropdown-menu {margin: 0 auto; left: 0; right: 0; text-align: center; width: 100%;}



	.row.align-items-center.navbar-dark.bg-dark.mb-3 {
    		display: flex;
		}

		.first-row-right.col-12.col-lg-3.col-xl-2.text-center.text-lg-right.px-0.px-lg-3 {
		    flex: 0 0 100% !important;
		    max-width: 100% !important;
		}

		.button {
		    float: left;
		    border: 0 !important;
		    display: block;
		    line-height: 1;
		}

		header a.button {
		    background-color: #f2b600;
		    color: #0b3b60;
		    font-family: 'Roca', sans-serif !important;
		    font-size: 18px;
		    font-weight: 900;
		    line-height: 27px;
		    text-align: center;
		    text-transform: uppercase;
		    padding: 11px 20px;
		}

		.first-row-left {
		    text-align: center !important;
		    max-width: 100%;
		    flex: 0 0 100%;
		}

		#check-availability fieldset.form-select:nth-child(4):after, #check-availability fieldset.form-select:nth-child(5):after {
	    height: 25px;
	    width: 25px;   
	    top: 20px;
	    left: 5px;
		}

		#check-availability fieldset.form-select:nth-child(6):after, #check-availability fieldset.form-select:nth-child(7):after {
		    height: 25px;
		    width: 25px;
		    top: 20px;
		    left: 5px;
		}

		.book-form-wrapper input, 
		.book-form-wrapper select, 
		#horizontal-booking-form #check-availability .datepicker, 
		#horizontal-booking-form #check-availability .datepicker-dropdown, 
		#horizontal-booking-form #check-availability .form-select, 
		#horizontal-booking-form #check-availability .form-actions > input {
		    font-size: 14px !important;
		}

	}

	@media screen and (max-width: 991px) {
		header a.button{
			padding: 16px 20px;
		}
		.home #side-content .carousel-inner > div:nth-child(odd) .callout-content-interior.px-0.d-flex.align-items-center{
			left: 0;
			justify-content: center;
			width: 100%!important;
		}
		.home #side-content .carousel-inner > div:nth-child(even) .callout-content-interior.px-0.d-flex.align-items-center{
			right: 0;
			justify-content: center;
			width: 100%!important;
		}

		.home #side-content .callout-content-interior-inner { 
	    padding-top: 40px !important;
	    padding-bottom: 40px !important;
		}
	}


	@media screen and (max-width: 767px) {
		h2{
			font-size: 40px;
		}
		/*footer.footer .address h4{ text-align: left; }*/
		footer.footer .address {
	    	padding-top: 20px;
	    	/*text-align: left !important;*/
		}
		/*footer.footer .address p{
			text-align: left;
		}*/
		/*footer.footer ul.social-links {
		    text-align: left;
		}*/
		footer.footer .widget-menu {
			    text-align: center;
			}
		.footer-logo2 {
		    max-width: 200px;
		    padding: 15px 0 15px;
		}
		/*.footer-bottom .copyright {
		    text-align: left !important;
		}*/
		.home #side-content .callout-content-interior-inner h2{
			font-style: 50px;
			line-height:50px;
		}

		.menu-footer-menu-container {
		    text-align: center;
		}
		.carousel-text.hor_center.ver_middle{
			position: relative;
		   
		    transform: none;
		}
		.carousel-text h2{
			display: block;
			font-size: 22px;
			line-height: 1.3em;
			margin: 0 0 7px 2px;
		}
		footer.footer .footer-logo{
			margin: 0 auto;
		}
		footer.footer .btn-container {
			align-items: center;
    		display: flex;
    		justify-content: center;
			text-align: center;
		}
		.menu-section h2 {
			font-size: 30px;
			line-height: 35px;
		}
		.menu-section .tab-content .menu-box-image{
			max-width: 100%;
		}

		section.subscribe .gform_wrapper .gform_body{
			width: 60%;
		}

		section.subscribe .gform_wrapper .gform_footer{
			width: 40%;
		}
		section.subscribe .gform_wrapper input[type="submit"]{
			font-size: 14px !important;
		}

	}


/* press block */
#press-block .each-people-block > a {width: 100%; height: 0; padding-bottom: 120%; position: relative; display: block;}
#press-block .each-people-block .each-people-block-text {position: absolute; left: 0; bottom: 0; width: 100%; height: auto; background: transparent; color: transparent; transition: all 0.4s ease-in-out; padding-top: 50px;}
#press-block .each-people-block .each-people-block-text p {font-family: brandon-grotesque, sans-serif; font-weight: 400; margin: 0; width: 100%; text-transform: uppercase;}
#press-block .each-people-block .each-people-block-text p:first-of-type {font-weight: 700; }
#press-block .each-people-block a:hover .each-people-block-text{ background: rgba(255,255,255,0.86); color: #23394f; }

#main-nav .navbar-nav .menu-item-has-children:focus-within .dropdown-menu {
    display: block;
}

#main-nav .navbar-nav .menu-item:focus-within .nav-link {
    color: #f2b600;
    border-bottom: 4px solid #f2b600;
}

/* Event Calendar pages */

body.tribe-events-page-template{
	margin-top:50px;
}

@media screen and (max-width: 1239px){
	body.tribe-events-page-template{
	margin-top:100px;
}

}

@media only screen and (max-width: 500px)
{
	.button {
    	width: auto;
		word-break: break-all;
	}
}

@media only screen and (max-width:991px)
{
	.side_img:hover .hover_box {
		height:500px;
		max-height:100%;
	}
	
	.side-content-callout + .side-content-callout .row{
		flex-direction:column-reverse;
	}
	
	.side-content-callout + .side-content-callout + .side-content-callout .row{
		flex-direction:column;
	}
	
	.side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout .row{
		flex-direction:column-reverse;
	}
	
	.side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout .row{
		flex-direction:column;
	}
	
	.side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout .row{
		flex-direction:column-reverse;
	}
	
	.side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout .row{
		flex-direction:column;
	}
	
	.side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout + .side-content-callout .row{
		flex-direction:column-reverse;
	}
}

.ada-features {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.ada-features ul {
	flex: 0 0 50%;
}

.ncg-seal {
	align-items: center;
	display: flex;
	margin-bottom: 1rem;
}

.ncg-seal img {
	margin: 0 30px;
}

.ncg-seal-ada {
	background: url('https://www.nauticalbeachfrontresort.com/wp-content/uploads/2021/08/NCG-Verified-LOGO-transparent1.png') no-repeat left top;
	background-size: 120px 143px;
	height: 143px;
	margin: 20px 0;
	width: 120px;
}
@media only screen and (max-width: 1240px) {
    .header-booknow{
    width: 50%;
}
    .horizontal-button {
        background-color: #39a3af;
        width: 50%;
        float: right;
        height: 60px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center !important;
        text-align: center;
    }
}




































/* Custom Header Styles */
.custom-skip-link {
    position: absolute;
    top: -100px;
    left: 20px;
    background: #000;
    color: #fff;
    padding: 10px 15px;
    z-index: 9999;
    transition: top 0.3s ease;
}

.custom-skip-link:focus {
    top: 20px;
}

/* Top Announcement Bar */
.custom-announcement-bar {
    background-color: #f8f9fa;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
}

.custom-announcement-bar a {
    color: #0056b3;
    text-decoration: none;
}

.custom-announcement-bar a:hover {
    text-decoration: underline;
}

/* Header Structure */
.custom-site-header {
    position: relative;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.custom-header-row-1 {
    padding: 15px 0;
    background-color: #126b8b;
}

.custom-header-row-2 {
    padding: 10px 0;
}

/* Site Branding */
.custom-site-branding {
    display: flex;
    align-items: center;
}

.custom-logo-img {
    max-height: 60px;
    width: auto;
}

.custom-site-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
}

.custom-site-title a {
    color: inherit;
    text-decoration: none;
}

/* Navigation */
.custom-header-nav {
    width: 100%;
}

.custom-header-nav ul.navbar-nav {
    margin-left: auto;
    margin-right: auto;
}

.custom-header-nav .navbar-nav .nav-item {
    margin: 0 5px;
}

.custom-header-col-right .custom-header-nav .navbar-nav {
    margin-left: auto;
    margin-right: 0;
}

.custom-header-col-left .custom-header-nav .navbar-nav {
    margin-left: 0;
    margin-right: auto;
}

/* Dropdown Menus */
.custom-header-nav .dropdown-menu {
    margin-top: 0;
    border-radius: 0;
    border: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

/* Mobile Menu */
.custom-mobile-toggle {
    display: none;
    background: transparent;
    border: none;
    color: #fff;
    padding: 10px;
    margin-left: auto;
}

.custom-toggle-icon {
    display: inline-block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: relative;
    margin-right: 5px;
}

.custom-toggle-icon::before,
.custom-toggle-icon::after {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
}

.custom-toggle-icon::before {
    top: -6px;
}

.custom-toggle-icon::after {
    bottom: -6px;
}

/* Header Content Areas */
.custom-header-content {
    display: flex;
    align-items: center;
    height: 100%;
}

/* Responsive Styles */
@media (max-width: 991px) {
    .custom-header-row-1, 
    .custom-header-row-2 {
        padding: 10px 0;
    }
    
    .custom-site-branding {
        justify-content: center;
        margin-bottom: 10px;
    }
    
    .custom-mobile-toggle {
        display: inline-flex;
        align-items: center;
    }
    
    .custom-header-nav .navbar-collapse {
        margin-top: 10px;
    }
    
    .custom-header-col-left, 
    .custom-header-col-middle, 
    .custom-header-col-right {
        text-align: center;
        margin-bottom: 10px;
    }
    
    .navbar-toggler {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .custom-logo-img {
        max-height: 50px;
    }
}