/* OLLMH tx_finnix replica stylesheet — matches the original Joomla template */

/* Reset */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{background:#e7e7e7;color:#324751;font-family:"Trebuchet MS",Verdana,Arial,sans-serif;font-size:12px;line-height:1.7em}
a{color:#3e779d;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;vertical-align:middle;border:0}
ul{list-style:none}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}

/* Container & Grid — fluid, aligned with the modern --container-width (1200px)
   used by the header/footer/hero so all sections share one responsive canvas. */
.container{max-width:var(--container-width);width:100%;margin:0 auto;padding-left:calc(var(--spacing-unit) * 0.75);padding-right:calc(var(--spacing-unit) * 0.75);box-sizing:border-box;*zoom:1}
.container:before,.container:after{display:table;content:"";line-height:0}
.container:after{clear:both}
.row{display:flex;flex-wrap:wrap;margin-bottom:30px;*zoom:1}
.row:before,.row:after{display:table;content:"";line-height:0}
.row:after{clear:both}
#roof.row,#bottom.row,#footer.row,#copyright.row{margin-bottom:0}
/* Grid columns: percentage-based 12-col system. flex:0 1 auto makes the
   browser honor `width` (layout.css sets .row>*{flex:1 1 0} which would
   otherwise force equal columns and ignore width/fixed stacking); shrink
   is allowed so sub-pixel rounding never forces an unwanted wrap. */
.row > [class*="grid"]{float:none;flex:0 1 auto;min-width:0;margin-left:0}
.grid12{width:100%}
.grid11{width:91.6667%}
.grid10{width:83.3333%}
.grid9{width:75%}
.grid8{width:66.6667%}
.grid7{width:58.3333%}
.grid6{width:50%}
.grid5{width:41.6667%}
.grid4{width:33.3333%}
.grid3{width:25%}
.grid2{width:16.6667%}
.grid1{width:8.3333%}
.first{margin-left:0;clear:left}

/* Block */
.block{background:#fff;position:relative;display:block;border:1px solid #cacaca;padding:15px;margin:0 15px 10px}
.last .block{margin-right:0}
.nopad{padding:0}

/* Title */
.title{display:table;font-size:18px;line-height:20px;font-weight:normal;letter-spacing:1px;margin:-33px 0 0 -31px;padding:10px 25px 29px 35px;background:url(../images/original/template/tab_nav_bg.png) no-repeat 0 0;color:#fff}
.title span{color:#ffec4f}
.page-title{margin:0 0 15px;padding:10px 20px;background:#001a55;color:#fff}

/* Roof */
#roof{background:#001a55}
#roof .container{padding-top:10px;padding-bottom:10px}
.roof-content{text-align:center;color:#fff;font-size:11px;padding:5px 0}
.powered-by{color:#f6f6f6}

/* Top: Logo + Search */
#top .block{background:none;border:0;margin:0}
.logo-wrap{padding:20px 15px}
.logo-img{max-height:96px;width:auto}
.search-wrap{margin-top:40px;padding:0 15px}
.search-wrap form{display:flex;gap:5px}
.search-wrap input[type="search"]{flex:1;padding:4px 8px;border:1px solid #ccc;font-size:12px}
.search-wrap button,.search-wrap input[type="submit"]{padding:4px 12px;background:#001a55;color:#fff;border:none;cursor:pointer;font-size:12px}

/* Header: Mega Menu (MaximenuCK — exact replica from original site) */
#header{position:relative}
#header .block{background:none;border:0;margin:0;padding:0}

.clr{clear:both;visibility:hidden}

/* menu container */
div#maximenuck54{
    font-size:14px;
    line-height:21px;
    text-align:left;
    zoom:1;
}
div#maximenuck54 ul.maximenuck{
    clear:both;
    position:relative;
    z-index:999;
    overflow:visible !important;
    display:block !important;
    float:none !important;
    visibility:visible !important;
    opacity:1 !important;
    list-style:none;
    margin:0 auto;
    height:auto;
    padding:0 20px;
    border-radius:10px;
    background:#014464;
    background:linear-gradient(to bottom,#0272a7 0%,#013953 100%);
    border:1px solid #002232;
    box-shadow:inset 0 0 1px #edf9ff;
    text-align:left;
    zoom:1;
}
div#maximenuck54 ul.maximenuck:after{
    content:" ";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0;
}

/* Root items — level 1 */
div#maximenuck54 ul.maximenuck li.maximenuck.level1{
    display:inline-block;
    float:none !important;
    position:static;
    list-style:none;
    border:1px solid transparent;
    text-align:center;
    padding:4px 9px 2px 9px;
    margin:2px 10px 0 0;
    cursor:pointer;
    vertical-align:middle;
    box-shadow:none;
}
div#maximenuck54 ul.maximenuck li.maximenuck.level1:hover,
div#maximenuck54 ul.maximenuck li.maximenuck.level1.active{
    border:1px solid #777;
    background:#F4F4F4;
    background:linear-gradient(to bottom,#F4F4F4,#EEEEEE);
    border-radius:5px;
}
div#maximenuck54 ul.maximenuck li.maximenuck.level1 > a{
    font-size:14px;
    color:#EEEEEE;
    display:block;
    float:none !important;
    position:relative;
    text-decoration:none;
    text-shadow:1px 1px 1px #000;
    box-shadow:none;
    min-height:34px;
    outline:none;
    background:none;
    border:none;
    padding:0;
    white-space:normal;
}
div#maximenuck54 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck54 ul.maximenuck li.maximenuck.level1.active > a span.titreck{
    color:#161616;
    text-shadow:1px 1px 1px #ffffff;
}

/* parent item — rounded top corners on hover */
div#maximenuck54.maximenuckh ul.maximenuck li.maximenuck.level1.parent:hover{
    border-radius:5px 5px 0 0;
}

/* parent arrow */
div#maximenuck54.maximenuckh ul.maximenuck li.level1.parent > a{
    padding:0 12px 0 0;
}
div#maximenuck54.maximenuckh ul.maximenuck li.level1.parent > a:after{
    content:"";
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid;
    border-width:7px 6px 0 6px;
    border-color:#EEEEEE transparent transparent transparent;
    top:7px;
    right:-4px;
}
div#maximenuck54.maximenuckh ul.maximenuck li.level1.parent:hover > a:after,
div#maximenuck54.maximenuckh ul.maximenuck li.level1.parent.active > a:after{
    border-top-color:#161616;
}

/* item title */
div#maximenuck54 span.titreck{
    text-decoration:none;
    min-height:17px;
    float:none !important;
    margin:0;
}

/* Submenus container (floatck) */
div#maximenuck54 div.floatck{
    position:absolute;
    display:none;
    padding:0;
    margin:2px 0 0 -10px;
    text-align:left;
    padding:5px 5px 0 5px;
    border:1px solid #777;
    border-top:none;
    background:#F4F4F4;
    background:linear-gradient(to bottom,#EEEEEE,#BBBBBB);
    border-radius:0 5px 5px 5px;
    width:inherit;
    z-index:9999;
    cursor:auto;
}
div#maximenuck54 div.maxidrop-main{
    width:180px;
}

/* show submenu on hover */
div#maximenuck54 ul.maximenuck li.maximenuck:hover > div.floatck{
    display:block;
}

/* submenu columns */
div#maximenuck54 ul.maximenuck li div.floatck div.maximenuck2{
    margin:0;
    padding:0;
}

/* submenu items — level 2 */
div#maximenuck54 ul.maximenuck li ul.maximenuck2 li.maximenuck,
div#maximenuck54 ul.maximenuck2 li.maximenuck{
    text-align:left;
    z-index:11001;
    font-size:12px;
    position:static;
    text-shadow:1px 1px 1px #ffffff;
    padding:5px 0;
    margin:0 0 4px 0;
    float:none !important;
    background:none;
    list-style:none;
    display:block;
}
div#maximenuck54 ul.maximenuck li ul.maximenuck2 li.maximenuck:hover,
div#maximenuck54 ul.maximenuck2 li.maximenuck:hover{
    background:transparent;
}

/* submenu links */
div#maximenuck54 ul.maximenuck li.maximenuck ul.maximenuck2 li a,
div#maximenuck54 ul.maximenuck2 li a{
    color:#015b86;
    text-shadow:1px 1px 1px #ffffff;
    margin:0;
    font-size:12px;
    font-weight:normal;
    display:block;
    text-decoration:none;
    outline:none;
    background:none;
    border:none;
    padding:0 5px;
    white-space:normal;
    box-shadow:none;
    position:relative;
}
div#maximenuck54 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a,
div#maximenuck54 ul.maximenuck2 li:hover > a{
    color:#029feb;
    background:transparent;
}

/* rounded corners decorations */
div#maximenuck54 .maxiroundedleft,
div#maximenuck54 .maxiroundedright{
    float:left;
    width:8px;
    height:auto;
    background:none;
}
div#maximenuck54 .maxiroundedcenter{
    float:left;
}

/* Mobile toggle (checkbox hack from original) */
div#maximenuck54 .maximenumobiletogglericonck{
    display:none;
}
div#maximenuck54 .maximenumobiletogglerck{
    display:none;
}

/* Slideshow */
#slideshow .block{background:none;border:0;margin:0;padding:0}
.xslider-container{position:relative;width:100%;height:440px;overflow:hidden}
.xslider-wrap{position:relative;width:100%;height:440px}
.xslider-wrap .slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;opacity:0;transition:opacity 1s ease-in-out}
.xslider-wrap .slide.active{opacity:1;position:relative}
.xslider-nav{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;padding:0 10px;transform:translateY(-50%);z-index:10}
.xslider-nav a,.xslider-nav button{color:#fff;font-size:30px;background:rgba(0,0,0,0.3);padding:5px 15px;cursor:pointer;text-decoration:none;border-radius:3px;border:0;font-family:inherit;line-height:1}
.xslider-nav a:hover,.xslider-nav button:hover{background:rgba(0,0,0,0.6)}

/* Utility: In Focus */
#utility .container,#feature .container,#main-top .container{padding-top:10px;margin-bottom:20px}
.in-focus{text-align:center}
.in-focus img{margin:5px;display:inline-block}
.apply-text{margin-top:10px}
.apply-text a{text-decoration:none}

/* Feature: Tabs */
.txtabs-wrap{padding:0}
.txtabs-nav{display:flex;list-style:none;border-bottom:2px solid #001a55;margin:0;padding:0}
.txtabs-nav li{flex:1;text-align:center}
.txtabs-nav li a{display:block;padding:10px 5px;background:#f4f4f4;color:#333;font-size:11px;text-decoration:none;border:1px solid #ddd;border-bottom:none;cursor:pointer}
.txtabs-nav li a span{display:block}
.txtabs-nav li.active a{background:#001a55;color:#fff}
.txtabs-nav li.active a span{color:#ffdd47}
.txtabs-content{padding:15px;border:1px solid #ddd;border-top:none;background:#fff}
.txtabs-pane{display:none}
.txtabs-pane.active{display:block}
.txtabs-pane-in{padding:5px}
.txtabs-pane-in p{margin-bottom:10px;line-height:1.5em}
.tab-img{float:left;margin:0 15px 10px 0;max-width:250px}
.txtabs-readon{clear:both;text-align:right}
.txtabs-readon .btn{display:inline-block;padding:5px 20px;background:linear-gradient(#049cdb,#0064cd);color:#fff;text-decoration:none;border-radius:4px;font-size:12px}
.txtabs-readon .btn:hover{opacity:0.9}

/* News Scroller */
.news-scroller{position:relative;height:370px;overflow:hidden}
.scroller-items{position:relative;transition:transform 0.5s ease}
.news-item{width:100%;height:74px;overflow:hidden;margin-bottom:5px}
.news-item-inner{padding:5px;display:flex;align-items:center;gap:10px}
.news-thumb{width:60px;height:50px;object-fit:cover;flex-shrink:0;border:1px solid #ddd}
.news-item h4{font-size:12px;margin:0;flex:1}
.news-item h4 a{color:#3e779d;text-decoration:none}
.news-item h4 a:hover{text-decoration:underline}
.news-intro{font-size:11px;color:#676767;flex:1}
.news-scroller .prev,.news-scroller .next{display:block;text-align:center;padding:5px;background:#001a55;color:#fff;cursor:pointer;font-size:10px;margin-bottom:3px}
.news-scroller .prev:hover,.news-scroller .next:hover{background:#0272a7}

/* Main-Top: 3-column sections */
#main-top .block{min-height:300px}
#main-top h3,#main-top h4{color:#001a55;margin:10px 0 5px}
#main-top h3{font-size:16px}
#main-top h4{font-size:14px}
#main-top p{margin-bottom:10px;line-height:1.5em}

/* Bottom: Footer columns (legacy — kept for backwards compat) */
#bottom{background:#122348}
#bottom .block{background:none;border:none;margin:0;padding:0}
#bottom .title{display:block;background:#102041;margin:0 0 10px;padding:10px 15px;color:#fff;float:none}
#bottom .title span{color:#ffdd47}
#bottom .content{padding:0 10px}
#bottom a{color:#fff;text-decoration:none}
#bottom a:hover{text-decoration:underline}
#bottom ul.arrow2 li{padding:3px 0 3px 15px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><polygon points="0,0 8,4 0,8" fill="%23ffdd47"/></svg>') no-repeat 0 50%}
#bottom ul.arrow2 li a{color:#f6f6f6;font-size:11px}

/* Copyright (legacy) */
#copyright{background:#07112e}
#copyright .block{background:none;border:0;margin:0;padding:10px 15px}
.copyright-content{text-align:center;color:#fff;font-size:10px;font-family:Verdana,sans-serif}
.copyright-content .copyright{display:block}
.copyright-content .designed-by{display:block;margin-top:5px;color:#f6f6f6}

/* ========================================
   PROFESSIONAL FOOTER (WardWatch-style)
   ======================================== */
.ollmh-site-footer{
    background:#1a1a2e;
    color:#b8c2d1;
    padding:64px 0 24px;
    font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
    clear:both;
    width:100%;
}
.ollmh-footer-inner{
    max-width:var(--container-width);
    margin:0 auto;
    padding:0 16px;
}
.ollmh-footer-main{
    display:grid;
    grid-template-columns:2fr 1.5fr 1fr 1.5fr;
    gap:40px;
    margin-bottom:40px;
}

/* Brand Column */
.ollmh-footer-brand-col{display:flex;flex-direction:column}
.ollmh-footer-brand{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;transition:transform 0.3s ease}
.ollmh-footer-brand>a{display:flex;align-items:center;gap:12px;text-decoration:none}
.ollmh-footer-brand:hover{transform:scale(1.03)}
.ollmh-footer-logo{
    flex-shrink:0;
    overflow:hidden;
    border-radius:12px;
    background:#fff;
    padding:6px;
    box-shadow:0 2px 8px rgba(0,0,0,0.3);
}
.ollmh-footer-logo img{
    width:48px;
    height:48px;
    display:block;
    object-fit:contain;
    transition:transform 0.5s ease;
}
.ollmh-footer-brand:hover .ollmh-footer-logo img{transform:scale(1.1)}
.ollmh-footer-brand-content{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}
.ollmh-footer-brand-name{
    color:#fff;
    font-size:1.25rem;
    font-weight:700;
    letter-spacing:-0.5px;
    line-height:1.1;
    transition:color 0.2s ease;
}
.ollmh-footer-brand:hover .ollmh-footer-brand-name{color:#4a9eff}
.ollmh-footer-tagline{
    font-size:0.875rem;
    color:#8892a6;
    font-style:italic;
    margin:2px 0 0;
}
/* "Why Choose Us?" feature list — mirrors the Mutomo Hospital footer format:
   a small heading followed by an icon-list of key features with angle-right
   bullets. Replaces the former brand description paragraph. */
.ollmh-footer-why-choose-us{
    margin:0 0 24px;
    max-width:420px;
}
.ollmh-footer-features{
    list-style:none;
    margin:0;
    padding:0;
}
.ollmh-footer-features li{
    display:flex;
    align-items:flex-start;
    gap:8px;
    color:#8892a6;
    font-size:0.875rem;
    line-height:1.8;
    margin-bottom:8px;
}
.ollmh-footer-features li:last-child{margin-bottom:0}
.ollmh-footer-features li i{
    color:#4a9eff;
    margin-top:2px;
    flex-shrink:0;
}

/* Newsletter — lifted card with a blue accent border so it stands out
   from the dark footer instead of sinking into it. */
.ollmh-footer-newsletter{
    margin-bottom:24px;
    padding:20px 20px 20px 22px;
    background:linear-gradient(180deg,#24244a 0%,#1f1f3e 100%);
    border:1px solid #2f2f58;
    border-left:3px solid #4a9eff;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(0,0,0,0.22);
}
.ollmh-footer-newsletter h4{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:1rem;
    font-weight:600;
    color:#fff;
    margin:0 0 4px;
}
.ollmh-footer-newsletter h4 svg{
    width:18px;
    height:18px;
    color:#4a9eff;
    flex-shrink:0;
}
/* Font Awesome icon in Stay Updated heading — matches contact page info
   card header icon size (1.5rem) and color */
.ollmh-footer-newsletter h4 i.fas{
    font-size:1.5rem;
    color:#4a9eff;
    flex-shrink:0;
    line-height:1.125rem;
}
.ollmh-footer-newsletter p{
    font-size:0.8125rem;
    color:#9aa4b8;
    margin:0 0 12px;
}
.ollmh-newsletter-form{display:flex;flex-direction:column;gap:8px}
.ollmh-newsletter-input-row{display:flex;gap:8px;width:100%;box-sizing:border-box}
.ollmh-newsletter-form input{
    flex:1 1 auto;
    min-width:0;
    padding:10px 14px;
    background:#fff;
    border:1px solid #d0d5dd;
    border-radius:8px;
    color:#1a1a2e;
    font-size:0.875rem;
    box-sizing:border-box;
}
.ollmh-newsletter-form input::placeholder{color:#9aa0a6}
.ollmh-newsletter-form input:focus{
    outline:none;
    border-color:#4a9eff;
    box-shadow:0 0 0 3px rgba(74,158,255,0.25);
}
.ollmh-newsletter-form button{
    padding:10px 16px;
    background:linear-gradient(#049CDB,#0064CD);
    border:none;
    border-radius:8px;
    color:#fff;
    font-size:1rem;
    cursor:pointer;
    transition:background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;
    flex-shrink:0;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.ollmh-newsletter-form button:hover{
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(0,100,205,0.3)
}

/* Turnstile widget in footer newsletter — constrained width, sits
   below the email input row. The iframe needs a min-height to avoid
   layout collapse before the widget renders. */
.ollmh-turnstile-field-footer{
    margin-top:8px;
    overflow:hidden;
    border-radius:6px;
}
.ollmh-turnstile-field-footer .cf-turnstile{
    min-height:65px;
}

/* Turnstile widget in comment form — matches the spacing of other
   comment form fields. */
.ollmh-turnstile-field-comments{
    margin:1rem 0;
}
.ollmh-turnstile-field-comments .cf-turnstile{
    min-height:65px;
}

/* Social Links — gray default, brand-color hover (matches event share buttons) */
.ollmh-social-links{display:flex;gap:10px;flex-wrap:wrap}
.ollmh-social-links a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    border:none;
    border-radius:12px;
    background:#f1f5f9;
    color:#64748b;
    transition:all 0.2s ease;
    text-decoration:none;
    font-size:1.25rem;
}
.ollmh-social-links a:visited{
    color:#64748b;
}
.ollmh-social-links a:hover{
    color:#fff;
    background:var(--ollmh-share-color, #005a9c);
    transform:translateY(-2px);
    box-shadow:0 4px 12px rgba(0,0,0,0.15);
    text-decoration:none;
}
.ollmh-social-links a:active{
    transform:translateY(0);
}
.ollmh-social-links a:focus{
    text-decoration:none;
}
.ollmh-social-links a:focus-visible{
    outline:2px solid var(--ollmh-share-color, #005a9c);
    outline-offset:2px;
}
.ollmh-social-links a i{
    color:#64748b;
    font-size:1.25rem;
    line-height:1;
}
.ollmh-social-links a:hover i{
    color:#fff;
}
/* Snapchat brand color is yellow — switch icon to black on hover */
.ollmh-social-snapchat:hover,
.ollmh-social-snapchat:hover i{color:#000 !important}

/* Footer Headings */
.ollmh-footer-services h3,
.ollmh-footer-support h3,
.ollmh-footer-contact h3,
.ollmh-footer-why-choose-us h3{
    font-size:0.8125rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin:0 0 16px;
    color:#fff;
    padding-bottom:10px;
    border-bottom:2px solid #2a2a45;
}
.ollmh-footer-subheading{margin-top:24px !important}

/* Footer Lists */
.ollmh-footer-services ul,
.ollmh-footer-support ul,
.ollmh-contact-list{list-style:none;margin:0;padding:0}
.ollmh-footer-services li,
.ollmh-footer-support li{margin-bottom:10px}
.ollmh-footer-services a,
.ollmh-footer-support a{
    color:#8892a6;
    text-decoration:none;
    transition:color 0.2s ease,padding-left 0.2s ease;
    font-size:0.875rem;
    display:inline-block;
}
.ollmh-footer-services a:hover,
.ollmh-footer-support a:hover{
    color:#fff;
    padding-left:6px;
}

/* Active footer link — current page */
.ollmh-footer-services a.current-footer-link,
.ollmh-footer-support a.current-footer-link{
    color:#4a9eff;
    font-weight:600;
    padding-left:6px;
    border-left:2px solid #4a9eff;
    padding-left:8px;
}
.ollmh-footer-services a.current-footer-link:hover,
.ollmh-footer-support a.current-footer-link:hover{
    color:#7ab8ff;
}

/* Contact List */
.ollmh-contact-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
    font-size:0.875rem;
    line-height:1.6;
}
.ollmh-contact-icon{
    flex-shrink:0;
    font-size:1.1rem;
    color:#4a9eff;
    margin-top:2px;
    width:auto;
    height:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.ollmh-contact-list a{
    color:#8892a6;
    text-decoration:none;
    transition:color 0.2s ease;
}
.ollmh-contact-list a:hover{color:#fff}

/* Emergency row — a normal icon+text row (consistent rhythm with the rest),
   but with a warm accent so the emergency line stands out. */
.ollmh-contact-emergency{
    align-items:center !important;
}
.ollmh-contact-icon-emergency{
    color:#fca5a5 !important;
}
/* WhatsApp icon in the contact list — brand green, mirroring the
   edu-fin-wordpress edufin-contact-icon-whatsapp treatment. */
.ollmh-contact-icon-whatsapp{
    color:#25D366 !important;
}
.ollmh-contact-emergency a{
    color:#d9e2f0;
}
.ollmh-contact-emergency a strong{
    color:#fca5a5;
    font-weight:700;
}
.ollmh-contact-emergency a:hover{
    color:#fff;
}
.ollmh-contact-emergency a:hover strong{
    color:#fecaca;
}

/* Follow Us section in footer contact column */
.ollmh-footer-follow{margin-top:8px}
.ollmh-footer-follow-text{
    font-size:0.8125rem;
    color:#9aa4b8;
    margin:0 0 14px;
    line-height:1.5;
}
.ollmh-footer-social-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:flex-start;
    margin-bottom:16px;
}
.ollmh-footer-social-links .ollmh-social-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:10px;
    background:#2a2a45;
    color:#b8c2d1;
    transition:all 0.2s ease;
    text-decoration:none;
    font-size:1.05rem;
}
.ollmh-footer-social-links .ollmh-social-link:visited{
    color:#b8c2d1;
}
.ollmh-footer-social-links .ollmh-social-link:hover{
    color:#fff;
    transform:translateY(-2px);
}
.ollmh-footer-social-links .ollmh-social-link i{
    color:#b8c2d1;
    font-size:1.05rem;
}
.ollmh-footer-social-links .ollmh-social-link:hover i{
    color:#fff;
}
/* Brand colors on hover — footer Follow Us (mirrors edu-fin-wordpress) */
.ollmh-footer-social-links .ollmh-social-facebook:hover  { background:#1877F2; box-shadow:0 4px 12px rgba(24,119,242,0.4); }
.ollmh-footer-social-links .ollmh-social-twitter:hover   { background:#000000; box-shadow:0 4px 12px rgba(0,0,0,0.4); }
.ollmh-footer-social-links .ollmh-social-instagram:hover { background:#E4405F; box-shadow:0 4px 12px rgba(228,64,95,0.4); }
.ollmh-footer-social-links .ollmh-social-youtube:hover   { background:#FF0000; box-shadow:0 4px 12px rgba(255,0,0,0.4); }
.ollmh-footer-social-links .ollmh-social-tiktok:hover    { background:#000000; box-shadow:0 4px 12px rgba(0,0,0,0.4); }
.ollmh-footer-social-links .ollmh-social-whatsapp:hover  { background:#25D366; box-shadow:0 4px 12px rgba(37,211,102,0.4); }
.ollmh-footer-social-links .ollmh-social-telegram:hover  { background:#0088CC; box-shadow:0 4px 12px rgba(0,136,204,0.4); }
.ollmh-footer-social-links .ollmh-social-linkedin:hover  { background:#0A66C2; box-shadow:0 4px 12px rgba(10,102,194,0.4); }
.ollmh-footer-social-links .ollmh-social-threads:hover   { background:#000000; box-shadow:0 4px 12px rgba(0,0,0,0.4); }
.ollmh-footer-social-links .ollmh-social-snapchat:hover  { background:#FFFC00; color:#000; box-shadow:0 4px 12px rgba(255,252,0,0.4); }
.ollmh-footer-social-links .ollmh-social-snapchat:hover i{ color:#000; }
/* WhatsApp direct-message pill link in footer — polished dark-theme
   version matching the contact page pill style but adapted for the
   dark footer background. */
.ollmh-footer-whatsapp-link{
    display:flex;
    align-items:center;
    gap:0.625rem;
    font-size:0.8125rem;
    font-weight:400;
    color:#b8c2d1;
    text-decoration:none;
    transition:all 0.25s ease;
    padding:0.625rem 1rem;
    border:1px solid #2a2a45;
    border-radius:0.625rem;
    background:linear-gradient(135deg,#1a1a35 0%,#15152a 100%);
    line-height:1.4;
    width:100%;
    box-sizing:border-box;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
    overflow-wrap:break-word;
    word-break:break-word;
}
.ollmh-footer-whatsapp-link:hover{
    color:#fff;
    border-color:#25D366;
    background:linear-gradient(135deg,rgba(37,211,102,0.12) 0%,rgba(37,211,102,0.04) 100%);
    text-decoration:none;
    transform:translateY(-2px);
    box-shadow:0 4px 16px rgba(37,211,102,0.2);
}
.ollmh-footer-whatsapp-link > span{
    flex:1;
    min-width:0;
}
.ollmh-footer-whatsapp-link > i.fa-whatsapp{
    font-size:1.125rem;
    color:#25D366;
    flex-shrink:0;
    transition:transform 0.25s ease;
}
.ollmh-footer-whatsapp-link:hover > i.fa-whatsapp{
    transform:scale(1.1);
}
.ollmh-footer-whatsapp-link > i.fa-arrow-right{
    font-size:0.6875rem;
    color:#6a7a8e;
    flex-shrink:0;
    transition:transform 0.25s ease,color 0.25s ease;
}
.ollmh-footer-whatsapp-link:hover > i.fa-arrow-right{
    color:#25D366;
    transform:translateX(4px);
}
/* Responsive: allow text to wrap and reduce padding on small screens */
@media (max-width:768px){
    .ollmh-footer-whatsapp-link{
        font-size:0.75rem;
        padding:0.5rem 0.75rem;
        gap:0.5rem;
    }
    .ollmh-footer-whatsapp-link > i.fa-whatsapp{
        font-size:1rem;
    }
}
@media (max-width:480px){
    .ollmh-footer-whatsapp-link{
        flex-wrap:wrap;
        font-size:0.75rem;
    }
    .ollmh-footer-whatsapp-link > span{
        flex-basis:100%;
        order:-1;
        margin-bottom:0.25rem;
    }
    .ollmh-footer-whatsapp-link > i.fa-whatsapp{
        font-size:0.875rem;
    }
}

/* Footer Bottom Bar */
.ollmh-footer-bottom{
    border-top:1px solid #2a2a45;
    padding-top:24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    flex-wrap:wrap;
}
.ollmh-copyright{
    margin:0;
    font-size:0.8125rem;
    color:#6a7a8e;
    flex:1;
    display:inline-flex;
    align-items:center;
    gap:0.3rem;
    flex-wrap:wrap;
}
.ollmh-copyright-icon{
    font-size:0.8125rem;
    opacity:0.8;
}
.ollmh-copyright-link{
    color:inherit;
    text-decoration:none;
    transition:color 0.2s ease;
}
.ollmh-copyright-link:hover{
    color:#4a9eff;
    text-decoration:underline;
    text-underline-offset:4px;
}
.ollmh-author{
    margin:0;
    font-size:0.8125rem;
    color:#6a7a8e;
    text-align:right;
    flex:1;
}
.ollmh-author a{
    color:#8892a6;
    text-decoration:none;
    transition:color 0.2s ease;
}
.ollmh-author a:hover{color:#fff}
.ollmh-author .ollmh-wp-icon{
    margin:0 3px;
    font-size:1.25rem;
    color:#21759B;
    opacity:1;
    vertical-align:middle;
}
.ollmh-author-link .ollmh-author-full{display:none}
.ollmh-author-link:hover .ollmh-author-short{display:none}
.ollmh-author-link:hover .ollmh-author-full{display:inline}

/* Back to Top Button */
#ollmh-back-to-top{
    position:fixed;
    bottom:0;
    right:24px;
    width:48px;
    height:48px;
    padding:0;
    margin:0;
    border:none;
    border-radius:50% 50% 0 0;
    background:linear-gradient(#049CDB,#0064CD);
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s ease,box-shadow 0.2s ease;
    z-index:9998;
    box-shadow:0 2px 8px rgba(0,100,205,0.3);
}
#ollmh-back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
#ollmh-back-to-top:hover{box-shadow:0 4px 16px rgba(0,100,205,0.4);transform:translateY(-2px)}
#ollmh-back-to-top:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:768px){
    #ollmh-back-to-top{right:16px;width:42px;height:42px}
}

/* Search form */
.search-form{display:flex;gap:5px}
.search-form .search-field{flex:1;padding:4px 8px;border:1px solid #ccc;font-size:12px}
.search-form .search-submit{padding:4px 12px;background:#001a55;color:#fff;border:none;cursor:pointer;font-size:12px}

/* Page content */
.page-content{padding:15px;line-height:1.7em}
.page-content h1,.page-content h2,.page-content h3{color:#001a55;margin:15px 0 10px}
.page-content p{margin-bottom:10px}
.page-content img{max-width:100%;height:auto}

/* Archive list */
.archive-list{display:flex;flex-wrap:wrap;gap:20px}
.archive-item{flex:1 1 300px;border:1px solid #ddd;padding:15px;background:#fafafa}
.archive-item .archive-thumb{display:block;margin-bottom:10px}
.archive-item h3{color:#001a55;margin:0 0 8px}
.archive-item h3 a{color:#001a55;text-decoration:none}
.archive-item h3 a:hover{color:#3e779d}
.archive-excerpt{color:#676767;font-size:12px;line-height:1.5em}
.single-thumb{margin-bottom:15px;text-align:center}
.single-meta{margin-bottom:15px;color:#676767;font-size:11px;border-bottom:1px solid #eee;padding-bottom:5px}
.pagination{margin-top:20px;text-align:center}
.pagination a,.pagination span{display:inline-block;padding:5px 10px;margin:0 2px;border:1px solid #ddd;color:#3e779d;text-decoration:none}
.pagination .current{background:#001a55;color:#fff;border-color:#001a55}

/* Responsive — breakpoints aligned with the modern header (992px) / footer (768px). */
@media screen and (max-width:992px){
    /* Stack every grid column to its own row. flex:0 0 100% makes the
       browser honor full width (layout.css .row>*{flex:1 1 0} would otherwise
       keep columns flexing side-by-side and ignore width:100%). */
    .row > [class*="grid"]{flex:0 0 100%;width:100%;max-width:100%;margin-left:0;margin-bottom:18px}
    .row{margin-bottom:18px}
    .xslider-container,.xslider-wrap{height:250px}
    .tab-img{float:none;max-width:100%;margin:0 0 10px}
    .txtabs-nav{flex-wrap:wrap}
    .txtabs-nav li{flex:1 0 33%}
    /* Footer responsive */
    .ollmh-footer-main{grid-template-columns:1fr 1fr;gap:32px}
    .ollmh-footer-brand-col{grid-column:1 / -1}
    .ollmh-footer-why-choose-us{max-width:100%}
}
@media screen and (max-width:768px){
    .ollmh-site-footer{padding:48px 0 20px}
    .ollmh-footer-main{gap:24px}
    .ollmh-footer-bottom{flex-direction:column;text-align:center;gap:10px}
    /* Override the desktop right-alignment so the author credit centers
       correctly inside the stacked column layout. */
    .ollmh-author{text-align:center}
    .ollmh-copyright{justify-content:center}
    /* Full width so text-align:center spans the row. */
    .ollmh-copyright,.ollmh-author{width:100%;flex:0 0 auto}
    /* Tab nav wraps to 2-per-row on phones. */
    .txtabs-nav li{flex:1 0 50%}
}
@media screen and (max-width:524px){
    .logo-wrap{text-align:center}
    .ollmh-footer-inner{padding:0 12px}
    .search-wrap{margin-top:10px}
    .news-item-inner{flex-direction:column;align-items:flex-start}
    .news-thumb{width:100%;height:80px}
    /* Mobile menu — checkbox toggle from original MaximenuCK */
    #maximenuck54 .maximenumobiletogglericonck{
        display:block !important;
        font-size:33px !important;
        text-align:right !important;
        padding-top:10px !important;
        color:#fff;
        cursor:pointer;
    }
    #maximenuck54 ul.maximenuck .maximenumobiletogglerck ~ li.maximenuck.level1{
        display:none !important;
    }
    #maximenuck54 ul.maximenuck .maximenumobiletogglerck:checked ~ li.maximenuck.level1{
        display:block !important;
    }
    /* submenu shows as static block on mobile */
    div#maximenuck54 div.floatck{
        position:static !important;
        display:none;
        width:100% !important;
        border:1px solid #777;
        border-top:none;
        border-radius:0 0 5px 5px;
        margin:0;
    }
    div#maximenuck54 ul.maximenuck li.maximenuck.parent:hover > div.floatck,
    div#maximenuck54 ul.maximenuck li.maximenuck.parent.open > div.floatck{
        display:block;
    }
    div#maximenuck54 ul.maximenuck li.maximenuck.level1{
        display:block;
        text-align:left;
        padding:4px 0 2px 8px;
        margin:0;
    }
    /* Footer — small screens */
    .ollmh-footer-main{grid-template-columns:1fr;gap:20px}
    .ollmh-footer-newsletter{padding:16px}
    .ollmh-newsletter-input-row{flex-direction:row;gap:8px}
    .ollmh-newsletter-form input{padding:10px 12px;font-size:0.8rem}
    .ollmh-newsletter-form button{padding:10px 14px;font-size:0.9rem}
    .ollmh-footer-services ul,
    .ollmh-footer-support ul{flex-direction:column;gap:8px}
    .ollmh-footer-bottom{gap:6px}
    .ollmh-copyright,.ollmh-author{font-size:0.75rem}
    /* Compact brand block on phones — smaller logo + name. */
    .ollmh-footer-logo img{width:40px;height:40px}
    .ollmh-footer-brand-name{font-size:1.5rem}
    .ollmh-footer-tagline{font-size:0.8125rem}
    .ollmh-footer-features li{font-size:0.8125rem;line-height:1.7}
    .ollmh-footer-social-links .ollmh-social-link{width:34px;height:34px}
}

/* ========================================
   Accessibility Widget (embed.im) — positioned bottom-left,
   stacked below the floating Cookie Settings button.
   ======================================== */
.editorim-sidebox-open {
    right: auto !important;
    left: 24px !important;
    bottom: 0 !important;
    top: auto !important;
    width: 48px !important;
    height: 48px !important;
    font-size: 20px !important;
    border-radius: 0 !important;
    border: none !important;
    background: linear-gradient(#049CDB, #0064CD) !important;
    color: #fff !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    z-index: 99988 !important;
    box-shadow: none !important;
    transition: transform 0.25s ease !important;
}
.editorim-sidebox-open:hover {
    transform: scale(1.08) !important;
}
.editorim-sidebox-open svg {
    width: 28px !important;
    height: 28px !important;
    vertical-align: middle !important;
}
.editorim-sidebox {
    right: auto !important;
    left: 24px !important;
    bottom: 0 !important;
    top: auto !important;
}
@media (max-width: 768px) {
    .editorim-sidebox-open {
        left: 16px !important;
        bottom: 0 !important;
        width: 42px !important;
        height: 42px !important;
        font-size: 18px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .editorim-sidebox-open svg {
        width: 24px !important;
        height: 24px !important;
    }
    .editorim-sidebox {
        left: 16px !important;
    }
}