/*
Theme Name: Online Casino Singapore Child V2
Theme URI: https://online-casinosingapore.com/
Description: Clean Hello Elementor child theme with custom responsive header/footer for Online Casino Singapore.
Author: Online Casino Singapore
Template: hello-elementor
Version: 2.0.0
Text Domain: ocs-child-v2
*/

:root{
    --ocs-red:#d71920;
    --ocs-red-dark:#a90f15;
    --ocs-ink:#111827;
    --ocs-muted:#667085;
    --ocs-line:#e3e7ed;
}

html{scroll-behavior:smooth;}
body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    color:#263247;
    background:#fff;
}

body.ocs-mobile-open{overflow:hidden!important;}

/* Footer */
.ocs-site-footer{
    background:#101827;
    color:#c8d0dc;
}
.ocs-footer-shell{
    width:min(1220px,calc(100% - 40px));
    margin:0 auto;
    padding:56px 0 22px;
}
.ocs-footer-top{
    display:grid;
    grid-template-columns:1.5fr repeat(3,1fr);
    gap:40px;
}
.ocs-footer-brand img{
    width:230px;
    max-height:75px;
    object-fit:contain;
}
.ocs-footer-brand p{
    max-width:390px;
    margin:18px 0;
    color:#aab5c4;
    font-size:14px;
    line-height:1.7;
}
.ocs-18{
    width:46px;height:46px;border:2px solid #e04a50;border-radius:50%;
    display:grid;place-items:center;color:#fff;font-weight:900;
}
.ocs-footer-col h3{margin:0 0 15px;color:#fff;font-size:15px;}
.ocs-footer-col a{
    display:block;margin:8px 0;color:#acb7c7;font-size:13px;text-decoration:none;
}
.ocs-footer-col a:hover{color:#fff;}
.ocs-footer-disclaimer{
    margin-top:40px;padding:18px 20px;border:1px solid #364155;border-radius:14px;
    color:#9eaaba;font-size:12px;line-height:1.75;
}
.ocs-footer-disclaimer strong{color:#fff;}
.ocs-footer-bottom{
    margin-top:20px;padding-top:20px;border-top:1px solid #2a3447;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    color:#8e9bac;font-size:12px;
}
.ocs-footer-legal{display:flex;flex-wrap:wrap;gap:16px;}
.ocs-footer-legal a{color:#aab5c4;text-decoration:none;}

/* Make homepage content full-width */
body.home .site-main,
body.home main.site-main,
body.home .site-main > article,
body.home .page-content,
body.home .entry-content,
body.home .wp-block-post-content{
    max-width:none!important;
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:0!important;
    margin-right:0!important;
}
body.home .page-header,
body.home header.page-header,
body.home .entry-header,
body.home .entry-title{
    display:none!important;
}

@media(max-width:760px){
    .ocs-footer-top{grid-template-columns:1fr 1fr;}
    .ocs-footer-brand{grid-column:1/-1;}
    .ocs-footer-bottom{align-items:flex-start;flex-direction:column;}
}
@media(max-width:520px){
    .ocs-footer-shell{width:min(100% - 26px,1220px);}
    .ocs-footer-top{grid-template-columns:1fr;}
    .ocs-footer-brand{grid-column:auto;}
}