/* Shreeji brand overrides - loaded after custom.css. Edit colours here only. */
:root{
    --brand-accent:#009900;
    --brand-dark:#0D361A;
    --brand-light:#F3F8F5;
    --brand-text:#565656;
}
body,h1,h2,h3,h4,h5,h6,.btn,.navbar-nav>li>a,input,select,textarea{font-family:"Saira",Arial,sans-serif !important;}
body{color:var(--brand-text);background:#fff;}

h1,h2,h3,h4,h5,h6{color:var(--brand-dark);}
a{color:var(--brand-accent);}
a:hover{color:var(--brand-dark);}

/* Header */
.navbar-default{background:#fff;border-color:#e3ece6;box-shadow:0 2px 10px rgba(0,0,0,.05);}
.navbar-default .navbar-nav>li>a{color:#000;font-weight:500;text-transform:uppercase;font-size:14px;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a{color:var(--brand-accent);background:transparent;}
.navbar > .container .navbar-brand{margin-left:0;margin-top:0;padding:10px 15px;height:auto;}
.navbar-brand img{height:44px;width:auto;}
.navbar-right{margin-right:0;}


/* Banner */
.masthead,.submasthead{background:var(--brand-dark) none !important;}
.masthead h1,.submasthead h1,.seobannerh1,.sub_seobannerh1,.seobannerp{color:#fff !important;}
.masthead .btn-default{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff;}

/* Buttons */
.btn-primary,.btn-success{background:var(--brand-accent);border-color:var(--brand-accent);}
.btn-primary:hover,.btn-success:hover{background:var(--brand-dark);border-color:var(--brand-dark);}

/* Footer */
.footer{background:var(--brand-dark) !important;border-top:4px solid var(--brand-accent) !important;}
.b-widgets{background:var(--brand-dark) !important;}
.footer-title{color:#fff;}
.footer-title::after{background:var(--brand-accent) !important;}
.b-widgets a,.footer a{color:rgba(255,255,255,.8);}
.b-widgets a:hover,.footer a:hover{color:#fff;}
.footerCopyright{color:rgba(255,255,255,.8);}

/* Force brand colour over Bootstrap defaults */
.btn-primary,.btn-info,.btn-success,.btn-primary:focus,.btn-primary:active{background-color:var(--brand-accent) !important;border-color:var(--brand-accent) !important;color:#fff !important;background-image:none !important;}
.btn-primary:hover,.btn-info:hover,.btn-success:hover{background-color:var(--brand-dark) !important;border-color:var(--brand-dark) !important;}
.progress-bar,.label-primary,.badge{background-color:var(--brand-accent) !important;}
.nav-tabs>li.active>a,.pagination>.active>a{border-top-color:var(--brand-accent);color:var(--brand-dark);}

/* Popular SEO Tools sidebar widget */
.widget_tool_box ul .popular-seo-t h3{font-family:"Saira",sans-serif;background:var(--brand-dark);}
.widget_tool_box ul li a{color:var(--brand-text);}
.widget_tool_box .icon_image{color:var(--brand-accent);}
.widget_tool_box ul li:hover{background:var(--brand-accent);}
.widget_tool_box ul li:hover a,.widget_tool_box ul li:hover div{color:#fff;}
.box_shadow_border{border-radius:4px;}
/* Blue hero artwork clashes with brand: hide it */
.masthead img,.submasthead img{display:none !important;}

/* WordPress header/footer shell (pulled live from the main site) */
.wp-shell{font-family:"Saira",sans-serif;line-height:1.5;text-align:left;}
.wp-shell *,.wp-shell *::before,.wp-shell *::after{box-sizing:border-box;}
.wp-shell a{text-decoration:none;}
.wp-shell ul{margin:0;padding:0;}
.wp-shell img{max-width:100%;}
/* sub-menus: hidden until hover (WordPress does this with JS we don't load) */
.wp-shell .elementor-nav-menu--main .sub-menu{display:none;}
.wp-shell .elementor-nav-menu--main li.menu-item-has-children:hover>.sub-menu,
.wp-shell .elementor-nav-menu--main li.menu-item-has-children:focus-within>.sub-menu{display:block;}
/* room for the icons that hang above the footer's green band */
.wp-shell-footer{margin-top:140px;}

/* Center AtoZ SEO tool content */
/* Center AtoZ SEO tool content */
.main-container .row > .main-index {
    float: none !important;
    width: 70% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.wp-shell .she-header-yes a,
.wp-shell .she-header-yes span,
.wp-shell .she-header-yes i {
    color: #ffffff !important;
}

/* ===== WordPress shell: sticky menu, in normal page flow ===== */

/* theme.css puts overflow-x:hidden on both html and body, which breaks position:sticky. Keep it on html only. */
body { overflow: visible !important; }

/* Whole header sticks; the negative top lets the black contact bar scroll away. */
html body .wp-shell:not(.wp-shell-footer) {
    position: sticky !important;
    top: -64px !important;      /* = height of the black contact bar */
    z-index: 99999 !important;
}

/* Header background inside the shell */
.wp-shell .she-header-yes {
    background: #0D361A !important;
}

/* Header is in flow now, so the banner needs no compensating margin */
.masthead,
.submasthead {
    margin-top: 0 !important;
}