/*
Theme Name: Resorts AC
Description: 
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: rac
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready


*/

:root {
    --atlantic: #12214F;
    --shoreline: #2E579E;
    --sky: #5982C2;
    --tangerine: #F99A28;
    --jewel: #A6338C;
    --coral: #D15226;
    --lime: #91BF33;
    --breeze: #00A89E;
    --lavender: #704282;
    --coastal: #ffffff;
	--bs-accordion-active-color: #12214F !imporant;
    --bs-accordion-active-bg: #ffffff;
}
.container-fixed {max-width:1400px;margin:0 auto; padding: 10px;}

.topbar {background:var(--sky);color:var(--coastal);text-align:right;}
.topbar img {max-width:40px}
.topbar a {color:var(--coastal)!important; text-decoration:none;text-transform:uppercase;padding:0 6px 0px 0px}

.topbar .playonline {background:var(--jewel)}

.booking-bar{background:var(--sky);color:var(--coastal);padding:20px;    font-size-adjust: .5}

.slider {position:relative;    z-index: -100;max-height:600px;overflow:hidden}
.slider img.attachment-full {width:100%}
.maxmenu {width:100%}

#mega-menu-wrap-primary {
    clear: none;
    position: absolute;
    width: 100%;
}
#mega-menu-wrap-primary li.mega-menu-item img.mega-menu-logo {
    margin-bottom: 10px;
        padding-left: 20px;
}
.metaslider .flexslider {border: 0 !important}
.topfooter {background:url("images/marble-bg.jpg");    background-size: cover;
    background-position: center;color:var(--coastal);}
.topfooter h4 {color:#ffffff}
.addressbar {border-top:1px solid var(--sky);border-bottom:1px solid var(--sky); padding:20px 10px;text-align:center;color:var(--atlantic);}
.starcard {padding:30px 25px !important}
.app {background:var(--sky);padding: 30px !important}
.site-footer > div {display:block;clear:both;text-align:center;font-size:12px;color:var(--atlantic);}
.disclaimer {font-size:1rem;text-transform:uppercase;}

.site-footer a {color:var(--atlantic);}
#mega-menu-wrap-primary.mega-stuck {background:var(--atlantic)}
.atlantic {background:var(--atlantic) !important}
.shoreline {background:var(--shoreline) !important}
.sky {background:var(--sky) !important}
.tangerine {background:var(--tangerine) !important}
.jewel {background:var(--jewel) !important}
.coral {background:var(--coral)!important}
.lime {background:var(--lime) !important}
.breeze {background:var(--breeze ) !important}
.lavender {background:var(--lavender ) !important}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color:var(--atlantic);font-weight:700;   letter-spacing: .3px; }
h6, .h6 { color:var(--sky);font-weight:700; letter-spacing: .3px; text-transform: uppercase;}

img {     border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;}

/*HOME PAGE */
.home-intro {text-align:center;padding:60px 20px 60px 20px; color:var(--atlantic)}
.home-intro h1 {text-transform:uppercase; color:var(--atlantic);margin-top:20px}
.hotel-tabs, .dining-tabs {padding:40px 0px 60px 0px !important}
.dining-tabs h2 {text-align:center;color:var(--atlantic); margin-bottom:30px}
#HotelTab {max-width: 1400px; margin: 0 auto;}
#HotelContent {background:var(--atlantic);color:var(--coastal);}
#tabs-hotel .nav-tabs .nav-link.active {background:var(--atlantic); border:1px solid var(--atlantic);color:var(--tangerine);}
#tabs-hotel .nav-tabs .nav-link {text-transform: uppercase; letter-spacing: 1px; font-weight: 700;font-size: 1.3rem; border:0; color:var(--lavender)}
#tabs-hotel li.nav-item {margin:0 5px}
#HotelContent .tab-pane {max-width:1320px;margin:0 auto;padding:25px 10px;}
#DiningTab {max-width: 1400px; margin: 0 auto;}
#DiningContent {background:var(--shoreline);color:var(--coastal);}
#tabs-dining .nav-tabs .nav-link.active {background:var(--shoreline); border:1px solid var(--shoreline);color:var(--coastal);}
#tabs-dining .nav-tabs .nav-link {text-transform: uppercase; letter-spacing: 1px; font-weight: 700;font-size: 1.3rem; border:0; color:var(--tangerine)}
#tabs-dining li.nav-item {margin:0 5px}
#DiningContent .tab-pane {max-width:1320px;margin:0 auto;padding:35px 10px;}
.home-galleries {text-align:center; margin:20px 20px 100px 20px; max-width:1600px}
.swiper-container {
    position: relative;
    width: 100%;
    padding: 0 40px;
    margin-top:20px
}
.swiper-button-prev {
    left: 0 !important;
    color:var(--atlantic) !important;
}
.swiper-button-next {
    right: 0 !important;
    color:var(--atlantic) !important;
}

.home-events {margin: 30px auto; }
.home-events .col-md-6 {padding: 0 25px; }
.home-events .headline {display:flex;    align-items: center;     justify-content: space-between;margin-bottom:15px}
.home-events h3 {   }
.home-events  a.viewall {    text-transform: uppercase;    color: var(--lavender);    font-size: .8rem; text-underline-offset: 4px; padding-right: 20px;  }
.home-events  .homeent-single a {    text-transform: uppercase;    color: var(--lavender);    font-size: .8rem; text-underline-offset: 4px;   }

.homepromo {text-align: center; color: #ffffff; background: var(--lavender); background: linear-gradient(180deg, rgba(22, 19, 63, 1) 0%, rgba(98, 59, 119, 1) 100%); padding: 20px ;margin: 0 5px;}
.homepromo h5 {color:#ffffff}
.homepromo img {margin:15px auto;padding:0 20px; border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;}

.homeent-single {background:#e7e7e7; color:var(--atlantic);    margin: 0 5px 10px 5px !important;    line-height: 1.2;}
.homeent-single .col-3 {padding:0 !important}
.homeent-single .col-2, .homeent-single .date {text-align:center}
.homeent-single span {clear:both;display: block; line-height: 1.2;}
span.dayname {font-size:.7rem;padding-bottom: 5px;}
span.month {font-size:1rem;font-weight:700;text-transform:uppercase}
span.day {font-size:1.5rem;font-weight:700;color:var(--lavender)}
.homeent-single .copy {    font-size: .9rem;
    line-height: 1.2;}
.homeent-single {
  display: flex;
align-items: center;
}

.homeent-single > div {
  flex: 1; /* Makes all children equal width */
  text-align: center;
}

.homeent-single .date {
  flex: 0 0 20%; /* 20% width */
}

.homeent-single img {
  width: 100%;
  height: auto;
  display: block; border-radius: 0px;
}

.homeent-single .text {
  flex: 0 0 48%; /* adjust as needed */
  padding: 1rem;
    text-align:center;
}
/* --- MOBILE STACKING --- */
@media (max-width: 800px) {
  .homeent-single {
    flex-direction: column;
    align-items: flex-start;
  }

  .homeent-single > div {
    flex: unset;
    width: 100%;
    text-align: left;
  }

  .homeent-single .date {
    order: 1;
    margin-bottom: 0.5rem;
  }

  .homeent-single img {
    order: 2;
    margin-bottom: 0.1rem;padding:0px;
  }

  .homeent-single .text {
    order: 3;  text-align:center;
  }
}
#hotel .intro-text {margin-bottom: 25px;margin-top:20px;font-size: .9rem;}
.intro-text i {color:var(--tangerine); float:left;margin-right:15px}
.intro-text a {color:#ffffff;text-underline-offset: 4px;}
.intro-text .fa-border {    border-radius: 100% !important;
    border-color: var(--tangerine);}
.inner-offer .col-md-4 {text-align:center;padding: 15px 10px;}
.inner-offer  h4 {    color: var(--tangerine);
    text-transform: uppercase;
    margin: 15px auto;}
.inner-offer  h5 {color:#ffffff}
.inner-offer a.basic {display:block;color:#ffffff !important;font-size:.9rem;margin:15px auto;text-transform:uppercase;text-underline-offset: 4px;}
.inner-offer .copy {margin-bottom:15px;min-height: 60px;}


#carouselFineDining .carousel-inner {width: 90%;
    overflow: visible;margin: 0 auto;text-align:center;padding:0 10px}
#carouselFineDining .carousel-control-prev {
    justify-content: flex-start;
    margin-left: -25px;}
#carouselFineDining  .carousel-control-next {
    right: 0;
    margin-right: -25px;
    justify-content: flex-end;
}
#carouselFineDining img {display:block;    margin: 0 auto;}
.extras {margin-top:10px}
.extras a {padding:0 5px;color:#ffffff!important;text-underline-offset: 4px;}

.homeent-single:last-child {margin:0 5px !important}

.home-gaming {padding:55px 0;background:#f5f5f5}

@media only screen and (max-width: 768px) {
    #mega-menu-wrap-primary { position: relative;}
    .home-events .flex-column {margin-top:25px}
    .homeent-single .col-12 {text-align:center;}
    .homeent-single {padding:0px 0px 15px 0px}
    .homeent-single .col-12 {padding:5px 0}
    .homeent-single span {    display: inline;font-size:1.5rem}
    span.dayname {   display:none;}
   .topbar  {text-align:left}
    .inner-offer .col-md-4 {display:none}
    .inner-offer .col-md-4:first-child {display:block !important}
	
	#tabs-dining .nav-tabs .nav-link {font-size: .9rem; padding: 8px}
	#tabs-dining li.nav-item { margin: 0 !important;}
	#tabs-hotel .nav-tabs .nav-link {font-size: .9rem; padding: 8px}
	#tabs-hotel li.nav-item { margin: 0 !important;}
}

#booking .btn {text-align:center;text-transform:uppercase;    line-height: 2;}
#booking input[type="text"], #booking select{    border-bottom: 1px solid #ffffff;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: transparent;
    color: #ffffff;}
#booking label {font-size:.8rem;text-transform:uppercase}
U
#booking option {  color: var(--atlantic); }
#booking .outer-book {flex-direction: row; }

@media only screen and (max-width: 768px) { #booking .outer-book {flex-direction: column; }#booking .outer-book div {padding:10px 0} }



.wrapper {margin:0px auto 15px auto;}

#content .accordion-button:not(.collapsed) {    color: #12214F;    background-color: var(--lavender);}
#content .accordion-button h2 {color:  var(--lavender);}
.bg-block-accordion {background:#f5f5f5;/**background:url("images/marble-bg.jpg");**/    background-size: cover;padding:80px 30px !important; margin: 60px 0; }
.accordion-button {font-size: 1.2rem !important; font-weight: 700px !important;}

.marble {background:url("images/marble-bg.jpg");    background-size: cover;
    background-position: center;height:125px}

.intro {padding:30px 10px 30px 10px ; background-color: var(--atlantic);
    color: var(--coastal); text-align:center; border-bottom: 5px solid #99999 !important; margin-left:0px !important; }

.intro h1 {color: var(--tangerine) !important; font-size: 1.5em; text-transform: uppercase;}
@media only screen and (max-width: 768px) {
    .marble {display:none}
}

#blocks > div {/*border-bottom:1px solid #878787;*/padding:30px 20px 30px 20px}

p {    text-rendering: optimizeLegibility;
    font-size-adjust: .5;    letter-spacing: .2px;}

.bg-block-shoreline {background:var(--atlantic);color:#ffffff !important;padding:80px 0 !important; margin: 80px 0; }
.bg-block-shoreline h3, .bg-block-shoreline h2 {color:#ffffff}
.bg-block-shoreline h4 {color:var(--tangerine) !important; text-transform: uppercase;}
.bg-block-shoreline a {color: var(--coastal); text-decoration: underline;}
.bg-block-shoreline a btn {color: var(--coastal); text-decoration: none !important;}

.card-title {padding: 20px 0px;}
.card-footer {background-color: #ffffff !important; border-top: #ffffff !important;}

.rank-math-breadcrumb a { color: var(--lavender)}

#blocks hr {color:#878787;margin-bottom:40px}

#promotions .tribe-events-pro .tribe-events-pro-photo__event-date-tag, #promotions .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {display:none}

/* ROOM PACKAGES LIST */
.packages .col-md-4 {    margin-bottom: 10px;}
.packages img {margin-bottom:0px;}
.img-wrapper {position: relative; display: inline-block;}
.packages .img-wrapper {width: 90% !important;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.img-wrapper img {display: block; width: 100%; height: auto;}

.img-wrapper::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 160px;
  background: linear-gradient(to top, #12214f, transparent); pointer-events: none;
}
.packages h3 {color:var(--tangerine);  text-transform: uppercase; margin: 20px auto; width: 95%; font-size: 1.25rem !important;}
.packages h2 {color:var(--coastal) !important; font-size: 3.7rem !important;  text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); margin-bottom: 0px;}

.packages i {color:var(--tangerine); float:left;margin-right:15px}
.packages a {color: var(--atlantic);text-underline-offset: 4px;}

.packages .fa-border {    border-radius: 100% !important;
    border-color: var(--tangerine);}
.packages .col-md-4 {text-align:center;padding: 15px 10px;}
.packages  h5 {color: var(--atlantic)}
.packages a.basic {display:block;color: var(--atlantic);font-size:.9rem;margin:15px auto;text-transform:uppercase;text-underline-offset: 4px;}
.packages .copy {margin:5px 0px 10px 0px; padding: 0px 40px 0px 40px; text-align: center;}
.packages .package_text { text-align:left;padding:0px 6px 0px 10px; color:var(--coastal); margin:-110px 0px 0px 0px; z-index: 10;position: relative; text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); font-size: .7rem; min-height: 110px;}
.packages .package_number {color:var(--coastal); font-size: 3rem;  text-shadow: 2px 2px 10px rgba(0, 0, 0, 1); margin-bottom: -8px; }

.btn {color: var(--coastal) !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
	padding-bottom: 10px !important; font-size: 14px !important;font-weight: bold !important; text-transform: uppercase; text-decoration:none!important;}

.accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color);  background-color: var(--bs-accordion-active-bg);}