.module--countdown {
    text-align: center;
}
    .module--countdown h2 {
        font-size:24px;
        text-transform:capitalize;
        letter-spacing:-.01rem;
    }
    .module--countdown .timer {
        margin:15px auto 50px;
        position:relative;
    }
    .module--countdown .timer > div {
        display:inline-block;
        border:1px solid #DEDEDE;
        min-width:115px;
        padding:20px 20px 8px;
        line-height:30px;
        color:#757575;
        font-family:'Roboto Slab',serif;
    }
    .module--countdown span {
        display:block;
        font-family:'Poppins', sans-serif;
        font-weight: 700;
        font-size:32px;
        color: #000;
    } 
    .module--countdown .timer > div:first-child {
        border-radius:20px 0 0 20px;
    } 
    .module--countdown .timer > div:last-child {
        border-radius:0 20px 20px 0;
    }
    
    /* desktop only */
    @media screen and (min-width:1199px){
        .one-column .module--countdown .timer:before,
        .one-column .module--countdown .timer:after,
        .full-width .module--countdown .timer:before,
        .full-width .module--countdown .timer:after{
            position:absolute;
            content:"";
            border:1px solid #DEDEDE;
            width:27%;
            top:50%;
            z-index:-1;
        }
        .module--countdown .timer:before {
            left:0;
        }
        .module--countdown .timer:after {
            right:0;
        }
    }
    
    /* mobile */
    @media screen and (max-width:490px){
        .module--countdown .timer {
            max-width:235px;
        }    
        .module--countdown .timer > div:first-child {
            border-radius:20px 0 0 0;
        } 
        .module--countdown .timer > div:nth-child(2) {
            border-radius:0 20px 0 0;
        } 
        .module--countdown .timer > div:nth-child(3) {
            border-radius:0 0 0 20px;
        }
        .module--countdown .timer > div:last-child {
            border-radius:0 0 20px 0;
        }
    }
    .col-lg-4 .module--countdown .timer,
    .col-lg-3 .module--countdown .timer {
        max-width:235px;
    }    
    .col-lg-4 .module--countdown .timer > div:first-child,
    .col-lg-3 .module--countdown .timer > div:first-child {
        border-radius:20px 0 0 0;
    } 
    .col-lg-4 .module--countdown .timer > div:nth-child(2),
    .col-lg-3 .module--countdown .timer > div:nth-child(2) {
        border-radius:0 20px 0 0;
    } 
    .col-lg-4 .module--countdown .timer > div:nth-child(3),
    .col-lg-3 .module--countdown .timer > div:nth-child(3) {
        border-radius:0 0 0 20px;
    }
    .col-lg-4 .module--countdown .timer > div:last-child,
    .col-lg-3 .module--countdown .timer > div:last-child {
        border-radius:0 0 20px 0;
    }
    
       
    
    /* HOMEPAGE VIDEO */
    .embed-responsive .embed-responsive-item,
    .embed-responsive embed,
    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive video {
        object-fit: cover;
    }
    
    
.btn-primary a {color:#fff;text-decoration:none;}
.btn-primary a:hover {color:#fff;color:rgba(255,255,255,.9);}

/* Forms */
.umbraco-forms-tooltip.help-block {
    font-family: Roboto Slab, serif;
    font-size: 12px;
    color: #a1a1a1;
}
.module--form {
    margin-right: 0;
    margin-left: 0;
}
html {scroll-behavior: smooth;}
[id] {scroll-margin-top: 24px;}

[data-current-site=site-niagara] #site-logo {background-image: url(../assets/images/opaline-logo.svg);}
[data-current-site=site-niagara] .navbar-dark #site-logo {background-image: url(../assets/images/opaline-logo-dark.svg);}
[data-current-site=site-niagara] h1.icon-header-brand:before,
[data-current-site=site-niagara] h2.icon-header-brand:before,
[data-current-site=site-niagara] h3.icon-header-brand:before,
[data-current-site=site-niagara] h4.icon-header-brand:before,
[data-current-site=site-niagara] h5.icon-header-brand:before,
[data-current-site=site-niagara] h6.icon-header-brand:before {background-image: url(../assets/images/opaline-mark.svg);}
[data-current-site=site-niagara] h1.icon-header-brand-white:before,
[data-current-site=site-niagara] h2.icon-header-brand-white:before,
[data-current-site=site-niagara] h3.icon-header-brand-white:before,
[data-current-site=site-niagara] h4.icon-header-brand-white:before,
[data-current-site=site-niagara] h5.icon-header-brand-white:before,
[data-current-site=site-niagara] h6.icon-header-brand-white:before {background-image: url(../assets/images/opaline-mark-white.svg);}

.module--navbar-utility .navbar-nav-secondary .nav-link i {margin-left: .4em;}

.module--footer-content {background-image: linear-gradient(135deg, #1f3d6b 0%, #3a3f8f 55%, #2b7f86 100%);}
.module--footer-content.no-content {height: 120px;}

.module--properties li[class^=logo-footer-] {width: auto; height: auto; margin-bottom: .75rem;}
[data-current-site=site-niagara] .module--properties li[class^=logo-footer-] a,
[data-current-site=site-niagara] .module--properties li[class^=logo-footer-].current-item a {
    background-image: none;
    text-indent: 0;
    overflow: visible;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem .5rem;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    transition: border-color .2s ease, color .2s ease;
}
.module--properties li[class^=logo-footer-] a i {font-size: 22px; color: #bfe9f2; margin-bottom: .5rem;}
[data-current-site=site-niagara] .module--properties li[class^=logo-footer-] a:hover {border-color: #bfe9f2; color: #bfe9f2;}

.module--footer .copyright p.oh-legal-note {padding-top: 0; font-size: 12px; color: #9a9fb0;}
.module--footer .copyright p.oh-legal-note a {color: #bfe9f2; margin-left: .5em;}

.oh-social-card {max-width: 540px; margin: 1.5rem auto 0;}
.oh-social-card a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1.5rem;
    border-radius: 14px;
    background: linear-gradient(135deg, #eef6fb 0%, #e6e1f8 55%, #fbe6dc 100%);
    color: #1f3d6b;
    text-decoration: none;
    box-shadow: 0 6px 24px rgba(31,61,107,.12);
}
.oh-social-card a:hover {color: #1f3d6b; text-decoration: none; box-shadow: 0 10px 30px rgba(31,61,107,.2);}
.oh-social-card i {font-size: 42px; margin-bottom: .75rem;}
.oh-social-card span {font-size: 15px; line-height: 1.5; margin-bottom: .75rem;}
.oh-social-card strong {text-transform: uppercase; letter-spacing: .08em; font-size: 13px;}

.module--casino-teaser .col-container {background-color: #11131c;}
.module--casino-teaser .col-image img {width: 100%; height: 100%; object-fit: cover;}
.module--one-column-promo.module--casino-teaser .col-content {background-color: #11131c; border-color: rgba(191,233,242,.35);}
.module--casino-teaser .col-content h3,
.module--casino-teaser .col-content p {color: #fff;}

.oh-cookie-banner {position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 1040;}
.oh-cookie-inner {
    max-width: 1100px;
    margin: 0 auto;
    background: #11131c;
    color: #fff;
    border-radius: 14px;
    padding: 1.25rem 1.5rem;
    box-shadow: 0 12px 40px rgba(0,0,0,.35);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 3px solid #b9b3ef;
}
.oh-cookie-text {flex: 1 1 420px; margin: 0 1.5rem .75rem 0;}
.oh-cookie-text strong {font-family: 'Poppins', sans-serif; font-size: 16px;}
.oh-cookie-text p {margin: .35rem 0 0; font-size: 13px; line-height: 1.55; color: #d5d8e2;}
.oh-cookie-text a {color: #bfe9f2; text-decoration: underline;}
.oh-cookie-actions {display: flex; flex-wrap: wrap; align-items: center;}
.oh-cookie-actions .btn {white-space: nowrap; font-size: 12px; margin: .25rem .5rem .25rem 0;}
.oh-btn-outline {border: 1px solid currentColor; background: transparent; color: #1f3d6b;}
.oh-btn-outline:hover {background: rgba(31,61,107,.08);}
.oh-cookie-banner .oh-btn-outline {color: #fff;}
.oh-cookie-banner .oh-btn-outline:hover {background: rgba(255,255,255,.1); color: #fff;}
.oh-btn-link {background: transparent; color: #f5c3ae; text-decoration: underline; border: 0;}
.oh-btn-link:hover {color: #fff;}
@media (max-width: 575px) {
    .oh-cookie-banner {left: 8px; right: 8px; bottom: 8px;}
    .oh-cookie-text {margin-right: 0;}
    .oh-cookie-actions .btn {flex: 1 1 100%; margin-right: 0;}
}

.oh-policy-modal .modal-content {border: 0; border-radius: 14px; overflow: hidden;}
.oh-policy-modal .modal-header {background: linear-gradient(135deg, #1f3d6b 0%, #3a3f8f 100%); color: #fff; border-bottom: 0;}
.oh-policy-modal .modal-title {font-size: 1.35rem; margin: 0; color: #fff;}
.oh-policy-modal .close {color: #fff; opacity: .85; text-shadow: none;}
.oh-policy-modal .modal-body {font-size: 14px; line-height: 1.65; color: #333;}
.oh-policy-modal .modal-body h3 {font-size: 1.05rem; margin: 1.5rem 0 .5rem; text-transform: none; letter-spacing: 0;}
.oh-policy-modal .modal-body ul {padding-left: 1.2rem;}
.oh-policy-modal .modal-body li {margin-bottom: .4rem;}
.oh-policy-date {color: #6c757d; font-size: 13px;}
.oh-table-wrap {overflow-x: auto;}
.oh-table-wrap table {font-size: 13px; min-width: 520px;}

.oh-casino {overflow: hidden;}
.oh-casino img {max-width: 100%; height: auto;}
.oh-casino h2 {font-size: 2rem; line-height: 1.2; margin-bottom: 1rem; text-transform: none;}
.oh-casino h3 {text-transform: none;}
.oh-casino p {line-height: 1.7;}

.oh-casino-hero {position: relative; background: #0b0f1c; color: #fff; padding: 6rem 0 7rem; min-height: 560px; display: flex; align-items: center;}
.oh-casino-hero-media {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.oh-casino-hero-media img {width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .55;}
.oh-casino-hero:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, rgba(11,15,28,.96) 0%, rgba(11,15,28,.75) 45%, rgba(11,15,28,.2) 100%);}
.oh-casino-hero .container {position: relative; z-index: 2;}
.oh-casino-hero-content {max-width: 640px;}
.oh-casino-hero h1 {color: #fff; font-size: 3.2rem; line-height: 1.1; margin: 1.25rem 0 1rem; text-transform: none;}
.oh-casino-hero p {font-size: 1.1rem; color: #d5d8e2;}
.oh-opal-text {background: linear-gradient(90deg, #bfe9f2 0%, #b9b3ef 45%, #f5c3ae 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.oh-eyebrow {display: inline-block; padding: .35rem .9rem; border: 1px solid rgba(191,233,242,.5); border-radius: 999px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #bfe9f2;}
.oh-actions {margin-top: 1.75rem;}
.oh-actions .btn {margin: .5rem .75rem 0 0;}
.oh-btn-ghost {border: 1px solid #fff; color: #fff; background: transparent;}
.oh-btn-ghost:hover {background: #fff; color: #11131c;}

.oh-casino-stats {position: relative; z-index: 3; margin-top: -3.5rem;}
.oh-casino-stats ul {list-style: none; margin: 0; padding: .75rem; background: #fff; border-radius: 16px; box-shadow: 0 12px 40px rgba(17,19,28,.14);}
.oh-casino-stats li {text-align: center; padding: 1.25rem .5rem;}
.oh-casino-stats strong {display: block; font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 2rem; color: #1f3d6b; line-height: 1.1;}
.oh-casino-stats span {display: block; margin-top: .35rem; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #6c757d;}

.oh-casino-section {padding: 5rem 0;}
.oh-casino-section.oh-alt {background: #f6f5f1;}
.oh-casino-section.oh-dark {background: radial-gradient(circle at 80% 20%, #2b4f86 0%, #16213d 45%, #0b0f1c 100%); color: #fff;}
.oh-casino-section.oh-dark h2 {color: #fff;}
.oh-casino-section.oh-dark p {color: #d5d8e2;}
.oh-section-head {max-width: 760px; margin: 0 auto 3rem; text-align: center;}
.oh-kicker {display: block; margin-bottom: .5rem; font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #2b7f86;}
.oh-dark .oh-kicker {color: #bfe9f2;}
.oh-small {font-size: 13px;}
.oh-rounded {width: 100%; border-radius: 16px; box-shadow: 0 12px 40px rgba(17,19,28,.18);}

.oh-checklist {list-style: none; padding: 0; margin: 1.25rem 0 0;}
.oh-checklist li {position: relative; padding-left: 1.9rem; margin-bottom: .65rem; line-height: 1.6;}
.oh-checklist li:before {content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0; top: 0; color: #e8743f;}

.oh-card {height: 100%; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 24px rgba(17,19,28,.08);}
.oh-card img {display: block; width: 100%;}
.oh-card-body {padding: 1.25rem 1.5rem 1.5rem;}
.oh-card-body h3 {font-size: 1.1rem; margin-bottom: .5rem;}
.oh-card-body p {font-size: 14px; margin: 0; color: #555;}

.oh-game {height: 100%; background: #fff; border: 1px solid #e7e4dc; border-radius: 14px; padding: 1.75rem 1.5rem; transition: transform .2s ease, box-shadow .2s ease;}
.oh-game:hover {transform: translateY(-4px); box-shadow: 0 12px 30px rgba(17,19,28,.1);}
.oh-game h3 {font-size: 1.1rem; margin: 1rem 0 .5rem;}
.oh-game p {font-size: 14px; color: #555; margin-bottom: 0;}
.oh-game-icon {display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: linear-gradient(135deg, #bfe9f2 0%, #b9b3ef 55%, #f5c3ae 100%); color: #1f3d6b; font-size: 18px;}
.oh-game-dark {background: #11131c; border-color: #11131c;}
.oh-game-dark h3 {color: #fff;}
.oh-game-dark p {color: #c9ccd8; margin-bottom: 1.25rem;}

.oh-sport-card {height: 100%; padding: 2rem 1.75rem; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);}
.oh-sport-card i {font-size: 28px; color: #f7c75a;}
.oh-sport-card h3 {color: #fff; font-size: 1.15rem; margin: 1rem 0 .5rem;}
.oh-sport-card p {font-size: 14px; margin: 0;}

.oh-promo {position: relative; height: 100%; padding: 2rem 1.75rem; background: #fff; border-radius: 14px; box-shadow: 0 6px 24px rgba(17,19,28,.08); border-top: 4px solid #e8743f;}
.oh-promo h3 {font-size: 1.2rem; margin: 1rem 0 .5rem;}
.oh-promo p {font-size: 14px; color: #555; margin: 0;}
.oh-badge {display: inline-block; padding: .25rem .75rem; border-radius: 999px; background: #fbe6dc; color: #9b2c2a; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}

.oh-tiers {margin-top: 3rem;}
.oh-tier {height: 100%; padding: 1.75rem 1.5rem; border-radius: 14px; color: #fff;}
.oh-tier h3 {font-size: 1.15rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: .75rem; color: inherit;}
.oh-tier p {font-size: 14px; margin: 0; color: inherit;}
.oh-tier-quartz {background: linear-gradient(135deg, #eef6fb 0%, #d9d3f5 55%, #f7dccf 100%); color: #1f3d6b;}
.oh-tier-moonstone {background: linear-gradient(135deg, #8fd6c8 0%, #2b7f86 100%);}
.oh-tier-fire {background: linear-gradient(135deg, #f7c75a 0%, #e8743f 50%, #9b2c2a 100%);}
.oh-tier-black {background: linear-gradient(135deg, #2a2f45 0%, #11131c 60%, #3b2f5c 100%);}

.oh-panel {height: 100%; padding: 2.25rem 2rem; border-radius: 16px; border: 1px solid #e7e4dc; background: #fff;}
.oh-panel h2 {font-size: 1.6rem;}

.oh-rg {padding: 2rem 1.75rem; border-radius: 16px; background: #fff; border-left: 5px solid #2b7f86; box-shadow: 0 6px 24px rgba(17,19,28,.08);}
.oh-rg i {font-size: 30px; color: #2b7f86;}
.oh-rg h3 {font-size: 1.25rem; margin: .75rem 0;}
.oh-rg p {font-size: 14px;}
.oh-rg-line {margin-bottom: 0; padding-top: .75rem; border-top: 1px solid #e7e4dc;}

.oh-cta {padding: 4.5rem 0; text-align: center; color: #fff; background: linear-gradient(135deg, #1f3d6b 0%, #3a3f8f 55%, #2b7f86 100%);}
.oh-cta h2 {color: #fff; font-size: 2.2rem; text-transform: none;}
.oh-cta p {max-width: 640px; margin: 0 auto 1.75rem; color: #e3e7f3; font-size: 1.05rem;}
.oh-btn-light {background: #fff; color: #1f3d6b; font-weight: 700; padding: .8rem 1.75rem; border-radius: 999px; letter-spacing: .05em;}
.oh-btn-light:hover {background: #bfe9f2; color: #11131c;}
.oh-btn-light i {margin-right: .4rem;}

@media (max-width: 767px) {
    .oh-casino-hero {padding: 4rem 0 6rem; min-height: 0;}
    .oh-casino-hero h1 {font-size: 2.2rem;}
    .oh-casino-section {padding: 3.5rem 0;}
    .oh-casino h2 {font-size: 1.6rem;}
    .oh-casino-stats strong {font-size: 1.6rem;}
}