/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*
#kids-club #babysitting {
visibility: hidden;
height: 0px;
}
*/

#highlights .highlights-modal .content .center .p1, #highlights .highlights-modal .content .center p, #highlights .highlights-modal .content .center p span {
font-size: 15px;
line-height: 26px;}

#long-cay #separator-banner {
visibility: hidden !important;
height: 0px !important;
}

body#shopping #shops .block .image .logo {
height: auto;
}
#sub-navigation {
    position: absolute;
    top: 94px;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 40px;
    background:#04a9c7
}

#sub-navigation .logo {
    position: absolute;
    top: 50%;
    left: 2%;
    display: block;
    width: 161px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    transform: translateY(-50%);
    opacity: 0;
    transition:all .25s ease-in-out
}

#sub-navigation .logo svg path {
    fill:#fff
}

#sub-navigation.fixed {
    position: fixed;
    top:0 !important
}

#sub-navigation.fixed .logo {
    opacity:1
}

#sub-navigation .container {
    position: relative;
    height:100%
}

#sub-navigation ul {
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align:center
}

#sub-navigation ul li {
    position: static;
    display: inline-block;
    height:100%
}

#sub-navigation ul li.current-menu-item a {
    background-color:#016e8e
}

#sub-navigation ul li.show {
    display:inline-block !important
}

#sub-navigation ul li a, #sub-navigation ul li.clubblu-enroll {
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 100%;
    padding: 0 16px;
    font-size: 13px;
    line-height: 40px;
    font-family: FuturaLT-Book;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    transition:all .5s ease-in-out
}

#sub-navigation ul li a:hover, #sub-navigation ul li.clubblu-enroll:hover {
    background-color:#016e8e
}

#sub-navigation ul li:hover a {
    background-color:#016e8e
}

#sub-navigation ul li:hover .nav-drop {
    display:block
}

#sub-navigation ul li .nav-drop {
    position: absolute;
    left: 50%;
    display: none;
    width: 500%;
    background-color: #016e8e;
    transform:translateX(-50%)
}

@media (max-width: 1170px) {
    #sub-navigation ul {
        text-align:right
    }
}

@media (max-width: 1024px) {
    #sub-navigation {
        display:none
    }
}

/* meetings */
#celebrations.landing #meetings .container .content .divider {
    background:#0877D8
}

#celebrations.landing #meetings .container .content h3 {
    color: #0877D8;
}

#celebrations.landing #meetings .container .content a {
    color: #0877D8;
    border: 1px solid #0877D8;
}

#celebrations.landing #meetings .container .content a:hover {
    background: #0877D8;
}

#celebrations.landing #meetings .container .content ul li:before {
    color:#0877D8
}

@media (max-width: 991px) {
	#celebrations.landing #meetings .container .content {
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
	}
}

.reopening-faq {
margin-top: 30px;
}

.reopening-faq ul li {
font-family: FuturaLT-Book;
font-size: 16px;
}

.reopening-faq hr {
margin-top: 20px;
margin-bottom: 40px;
}

.reopening-faq p {
margin-top: 35px;
}

.reopening-heading {
text-align: center !important;
font-size: 20px;
line-height: 28px;
font-weight: 600;
margin-top: 60px;
}

body#privacy .updates span:first-child {
font-size: 0;
}

body#privacy .updates span:first-child:before {
content: "Last Updated: June 29, 2020";
font-size: initial;
}

#privacy section h1 {
margin-top: 180px !important;
}

section#welcome p {
margin-top: 20px; !important;
}