/* Rain room updates */
/* Setup */
@font-face {
    font-family: 'CentSchbookMonoBT';
    src: url(/assets/themes/_24/dist/fonts/CenturySchoolbookBT-Monospace.woff2) format('woff2'),
        url(/assets/themes/_24/dist/fonts/CenturySchoolbookBT-Monospace.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: "'CentSchbookMonoBT'", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
    background: #000000;
    color: #FFFFFF;
    line-height: 1.6;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body h5 {
    font-size: 21px;
    line-height: 27px;
}
body h1, body h2 {
    font-size: 35px;
    letter-spacing: -0.35px;
}
body h3 {
    font-size: 22px;
    letter-spacing: -0.22px;
}
body h4 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'JKLP';
    color: #FFFFFF;
    font-style: normal;
    font-weight: normal;
    line-height: 140%;
    margin: 0 0 37px;
}

a {
    transition: all ease-in-out 0.4s;
}

a,
a:hover {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

input:focus {
    outline: none !important;
}

button:focus {
    outline: none !important;
}

.section-wrapper {
    padding: 72px 0;
}

/*img {
    width: 100%;
    height: 100%;
}*/
p {
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.02rem;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    font-family: "'CentSchbookMonoBT'", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}
ul {
    padding-inline-start: 0;
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 1300px) {
    .container {
        max-width: 1266px;
    }
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 576px) {
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

}
.container-wrapper {
    padding: 0 4rem;
}
.custom-space {
    padding: 60px 0;
}
a {
    color: #fff;
}
.button-wrapper {
    margin-top: 37px;
}
.primary-btn, .secondary-btn {
    padding: 14px 55px;
    font-size: 16px;
    line-height: 31px;
    font-weight: 700;
    font-family: "JKLP";
    border: 1px solid #FFFFFF;
    text-decoration: none !important;
    transition: all ease-in-out 0.4s;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: auto;
}
.primary-btn:hover {
    color: #000000;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
}
.primary-btn-with-border {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: underline;
    font-family: 'SuisseBPIntl-Regular';
}
.secondary-btn{
    color: #000000;
    background: #FFFFFF;
}
.secondary-btn:hover{
    background: transparent;
    color: #FFFFFF;
}
.rain-room-homepage .hero-banner-block h2 {
    font-size: 35px;
    line-height: 140%;
    letter-spacing: -0.35px;
}
.rain-room-homepage .row,
.rainroom-footer-wrapper .row{
    max-width: none;
}
.page-template-template-rainroom .off-canvas-wrapper {
    overflow: unset;
}
.page-template-template-rainroom.landing.long .animsition:after {
    display: none;
}
.page-template-template-rainroom .off-canvas-wrapper, 
.page-template-template-rainroom .scene_element.wrapper {
    background: #000000 !important;
}

.rain-room-homepage {
    padding-top: 70px;
}
/* End Default Css  */
.page-title-wrapper {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    top: -999px;
}
/* Header Css */
.mobile-menu {
    display: none;
}
.header-wrapper .row {
    padding: 40px 0;
}
.header-logo img {
    max-width: 110px;
    height: auto;
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom {
    list-style-type: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: right;
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li {
    font-family: 'JKLP';
    display: inline-block;
    padding: 0 20px;
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li a {
    font-size: 22px;
    line-height: 1;
    display: block;
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li a:hover,
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li.current-menu-item a{
    text-decoration: underline;
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li.book-btn a {
    padding: 14px 32px;
    font-size: 22px;
    line-height: 31px;
    font-weight: 700;
    font-family: "JKLP";
    border: 1px solid #FFFFFF;
    text-decoration: none !important;
    transition: all ease-in-out 0.4s;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    color: #000000;
    background: #FFFFFF;  
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li.book-btn a:hover {
    background: transparent;
    color: #FFFFFF;
}
.rainroom-header-menu ul.sub-menu.sub-menu--rainroom li.book-btn {
    padding-right: 0;
}
.page-template-template-rainroom.landing div.wrapper {
    min-height: 100%;
}
/* End Header Css */

/*  Footer Css */
.footer-wrapper .row {
    padding: 95px 0 32px;
}
.footer-wrapper ul {
    list-style-type: none;
    margin: 0;
}
.footer-wrapper ul li a, .footer-wrapper p, .footer-wrapper a {
    color: #939598;
    font-size: 13px;
    display: inline-block;
}
.footer-wrapper p {
    letter-spacing: 0.02rem;
    line-height: 1.0625rem;
}
.footer-wrapper ul li {
    line-height: 1.3;
    margin-bottom: 0.05rem;
}
.footer-wrapper a:hover {
    text-decoration: underline;
}
ul.site-footer-social-links li.social-link a {
    color: #fff;
}
li.social-link {
    margin: 0 0 0 1.375rem;
}
ul.site-footer-social-links li.social-link i {
    color: #fff;
}
ul.site-footer-social-links {
    display: flex;
    align-items: center;
    justify-content: right;
    padding-bottom: 30px;
}
ul.footer-logos-wrapper li {
    margin-left: 2.0625rem;
}
ul.footer-logos-wrapper {
    display: flex;
    align-items: center;
    justify-content: right;
}
ul.footer-logos-wrapper li img {
    width: 200px;
    max-width: 100%;
    height: auto;
}
ul.footer-logos-wrapper li:nth-of-type(2) img {
    width: 100px;
}
/* End Footer Css */

/*  Hero Banner Css */
.hero-banner-block {
    height: calc(100vh - 200px);
    min-height: 700px;
    display: flex;
    align-items: center;
    padding-top: 80px;
}
.hero-banner-img {
    padding: 15px 0 50px;
}
.rain-room-homepage .hero-banner-block h2  {
    margin: 0;
}
.col-sm-6.banner-right-side-heading {
    text-align: right;
}
/* End Hero Banner Css */

.full-width-video-block video {
    width: 100%;
    height: 100%;
}
/*  Content With Slider Css */
.content-with-slider-block p {
    text-align: center;
    max-width: 75%;
    margin: auto;
    margin-bottom: 45px;
}

.content-with-slider-block h2 {
    text-align: center;
}

.img-silder-wrapper {
    padding: 100px 0 0;
}
/* End Content With Slider Css */

/*  Two Column - Image Slider Css */
.two-column-image-slider .two-col-img-slider img {
    height: 590px;
    width: 100%;
    object-fit: cover;
}
.two-column-content p, .two-column-content-cta {
    margin-bottom: 30px;
}
.two-column-content {
    padding-left: 60px;
    max-width: 75%;
}
.two-column-content a.two-column-cta {
    text-decoration: underline;
}
.two-column-image-slider .owl-prev, .two-column-image-slider .owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0.5;
}
.two-column-image-slider i {
    font-size: 20px;
}
.two-column-image-slider .owl-prev {
    left: -30px;
}
.two-column-image-slider .owl-next {
    right: -30px;
}

/* End Two Column - Image Slider Css */

/*  Heading With Background Image Css */
.page-id-61 .header-main-div {
    position: absolute;
    z-index: 9;
    width: 100%;
}
.heading-with-background-image-block {
    position: relative;
    background-color: #000;
    height: 100vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 750px;
    background-attachment: fixed;
}
.heading-with-background-image-block h2 {
    font-size: 60px;
    margin: 0;
    line-height: 1.2;
}
.two-column-content a {
    text-decoration: underline;
}

/* End Heading With Background Image Css */

.banner-two-buttons-block.custom-space {
    padding: 50px 0 150px;
}
.banner-two-buttons-block .button-wrapper {
    max-width: 70%;
    margin: auto;
    text-align: center;
}
a.primary-button.custom-btn {
    padding: 20px 32px;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    font-family: "JKLP";
    border: 1px solid #FFFFFF;
    text-decoration: none !important;
    transition: all ease-in-out 0.4s;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #FFFFFF;
    background: transparent;
}
a.primary-button.custom-btn:hover {
    color: #000;
    background: #FFFFFF;
}
.banner-two-buttons-block .col-sm-6:last-child .button-wrapper {
    margin-left: unset;
}
.banner-two-buttons-block .col-sm-6:first-child .button-wrapper {
    margin-right: unset;
}
.humanatix-iframe-block h2 {
    text-align: center;
    margin-bottom: 60px;
}
.general-month-card-header {
    height: 290px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.general-month-card-header img {
    object-fit: cover;
    transform: scale(1);
    transition: all 0.5s;
}
.general-month-card-header h3 {
    font-size: 60px;
    line-height: 60px;
    margin: 0;
}
.general-month-card-bottom {
    background: #000;
    padding: 16px 20px;
    border: 1px solid #fff;
}
.general-month-card-bottom h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
    text-align: center;
}
.general-month-card.modal-button {
    cursor: pointer;
    -webkit-box-shadow: 0 2px 4px rgba(3,27,78,.06);
    box-shadow: 0 2px 4px rgba(3,27,78,.06);
    overflow: hidden;
}
.col-sm-4.popup-wrapper a:hover img {
    transform: scale(1.1);
}
.popup-silder-wrapper button.owl-prev, .popup-silder-wrapper button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.popup-silder-wrapper button i {
    font-size: 50px;
}
.popup-silder-wrapper button.owl-prev {
    left: 245px;
}
.popup-silder-wrapper button.owl-next {
    right: 245px;
}
.popup-modal-body {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-silder h2 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 25px;
}
.kid-friendly-iframe-block .humanatix-widget-wrapper {
    max-width: 1040px;
    margin: auto;
}
.back-btn {
    padding-bottom: 60px;
}
.back-btn h3 a {
    text-decoration: underline;
}
.general-admission-event-block.custom-space {
    padding-top: 20px;
}
.back-btn h3 {
    margin-bottom: 0;
}
.content-area-404 {
    padding: 60px 0 100px;
    height: calc(100vh - 415px);
}
.content-area-404 h2.page-title {
    margin-bottom: 10px;
}
.content-area-404 a {
    text-decoration: underline;
}
.footer-wrapper .col-sm-3 a {
    text-decoration: underline;
}
.mobile-banner-img{
    display: none;
}
.media-enquiries-container {
    text-align: center;
}
.media-enquiries-block .container-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.media-enquiries-container a {
    text-decoration: underline;
}
.media-enquiries-container h2 {
    margin-bottom: 50px;
}
.custom-cms-content {
    max-width: 600px;
    padding: 0 0 1.75em;
    margin: 0.88rem auto;
}
.custom-accordion {
    text-align: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ant-collapse-header.acc_head {
    font-size: 40px;
    cursor: pointer;
    font-family: 'JKLP';
    padding: 0.375rem 0;
    width: 100%;
    position: relative;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    color: #939598;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-transition: color .5s;
    transition: color .5s;
    line-height: 45px;
}
h2.faq-heading {
    text-align: center;
    margin: 0 0 3.2rem;
}
li.acc_section.acc_active .ant-collapse-header.acc_head {
    color: #FFF;
}
.content-with-slider-block a {
    text-decoration: underline;
}
.custom-cms-content a {
    text-decoration: underline;
}
.intro-and-image-with-cta-block.custom-space {
    padding: 30px 0 150px;
}
.banner-two-btn-row {
    padding-top: 60px;
    max-width: 790px;
    margin: auto;
}
.banner-two-btn-row .button-wrapper {
    margin-top: 0;
}
.intro-and-image-with-cta-block p {
    margin-bottom: 10px;
}
.intro-and-image-with-cta-block img {
    object-fit: cover;
}
.intro-and-img-two-btn-row .col-sm-12:first-child {
    margin-bottom: 15px;
}
.page-id-3848 h2.faq-heading {
    font-size: 38px;
}
.page-id-3848 .ant-collapse-header.acc_head {
    font-size: 34px;
}
.page-id-3851 .rain-room-homepage,
.page-id-3852 .rain-room-homepage{
    min-height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
} 