/*===== Theme Color =====*/
/*===== Background Color =====*/
.theme-bg,
.theme-btn,
.theme-bg-layer:before,
nav > div > ul li > a:before,
.rspn-scil > li a:hover,
.rspn-mnu-cls:hover,
.preloader,
.scl1 > a:before,
.srch-cls-btn:hover,
.abt-desc > ul li:before,
.camp-bx .prg-wrp > a.theme-btn:before,
.vdo-car .owl-nav > div:hover,
.vdo-car .owl-nav > div:focus,
.vdo-car .owl-nav > button.owl-next:hover,
.vdo-car .owl-nav > button.owl-prev:hover,
.vdo-car .owl-nav > button.owl-next:focus,
.vdo-car .owl-nav > button.owl-prev:focus,
.fcts-lst > li span:before,
.tm-bx:hover .tm-inf,
.scl3 > a:before,
.pagination > li.page-item a.page-link:hover, 
.pagination > li.page-item a.page-link:focus, 
.pagination > li.page-item span,
.evnt-bx2 .evnt-inf > a.theme-btn:before,
.evnt-bx2:hover .countdown > li,
.evnt-bx2:hover .pst-mta-wrp .evnt-dat > a,
.scl4 > a:hover,
.scl4 > a:focus,
.abt-img.style2:before,
.member-expr-lst > li:before,
.tag-clouds > a:before,
a.comment-reply-link:before,
.event-detail-img ul.countdown > li,
.ltst-evnt ul.countdown > li,
.ltst-evnt-car .owl-nav > div:hover,
.ltst-evnt-car .owl-nav > div:focus,
.ltst-evnt-car .owl-nav > button.owl-next:hover,
.ltst-evnt-car .owl-nav > button.owl-prev:hover,
.ltst-evnt-car .owl-nav > button.owl-next:focus,
.ltst-evnt-car .owl-nav > button.owl-prev:focus,
.preloader,
.tm-bx2 .tm-thmb > h4,
.rspn-mnu-btn,
nav > div > form button,
.btns-grp > a:not(.theme-btn):hover,
.btns-grp > a:not(.theme-btn):focus,
.srv-bx3 > i:before,
.srv-bx3 > i:after,
.camp-info > a:hover,
.camp-info > a:focus,
.blg-date > a,
.camp-box3.style2 .camp-info > a:hover,
.camp-box3.style2 .camp-info > a:focus,
.testi-car .owl-dots .owl-dot:hover,
.testi-car .owl-dots .owl-dot:focus,
.testi-car .owl-dots .owl-dot.active,
.scl6 > a:hover,
.scl6 > a:focus,
.quick-acc-lst
{
	background-color: #145DA0;
}


/*===== Text Color =====*/
.theme-clr,
.rsnp-mnu ul > li > a:focus,
.rsnp-mnu ul > li:hover > a,
.rsnp-mnu ul > li.active > a,
.rspn-srch > button:hover,
.rsnp-mnu ul li.menu-item-has-children.active:before,
.tp-lst > li a:hover,
.tp-lst > li a:focus,
.header-search > form button:hover,
.header-search > form button:focus,
.srv-inf > h5 a:hover,
.srv-inf > h5 a:focus,
.srv-inf > a:hover,
.srv-inf > a:focus,
.camp-inf > h5 a:hover,
.camp-inf > h5 a:focus,
.vdo-bx > a:hover,
.vdo-bx > a:focus,
.blg-inf > h6 a:hover,
.blg-inf > h6 a:focus,
.blg-inf > a:hover,
.blg-inf > a:focus,
.pst-mta > li a:hover,
.pst-mta > li a:focus,
.evnt-inf > h5 a:hover,
.evnt-inf > h5 a:focus,
.evnt-inf > a:hover,
.evnt-inf > a:focus,
.ltst-nws-inf > h6 a:hover,
.ltst-nws-inf > h6 a:focus,
.ltst-nws-inf > span a:hover,
.ltst-nws-inf > span a:focus,
.wdgt-bx > ul li:hover > a,
.wdgt-bx > ul li a:focus,
.cpyrgt p a:hover,
.cpyrgt p a:focus,
.scribe-frm > button:hover,
.scribe-frm > button:focus,
.breadcrumb > li > a:hover,
.breadcrumb > li > a:focus,
.cnt-inf-lst > li a:hover,
.cnt-inf-lst > li a:focus,
.toggle-item > h6 i,
.toggle-item > h6.active,
.rspn-cnt > span a:hover,
.rspn-cnt > span a:focus,
.tm-inf2 > h5 a:hover,
.tm-inf2 > h5 a:focus,
.rspn-mnu-btn:hover,
header.style3 nav > div > ul > li:hover > a,
header.style3 nav > div > ul > li > a:focus,
.btns-grp > a:not(.theme-btn),
.srv-bx3 > i,
.abt-tl3 > h2 span,
.sec-tl3 > h2 span,
.camp-img3 > h4 a:hover,
.camp-img3 > h4 a:focus,
.camp-info > a,
.camp-prg > span i,
.srv-info4 > h4 a:hover,
.srv-info4 > h4 a:focus,
.srv-info4 > a:hover,
.srv-info4 > a:focus,
.video-box > a:hover,
.video-box > a:focus,
.video-info > h4 a:hover,
.video-info > h4 a:focus,
.emrgncy-inr > a.theme-btn:hover,
.emrgncy-inr > a.theme-btn:focus,
.pst-meta > li a:hover,
.pst-meta > li a:focus,
.blg-info3 > h4 a:hover,
.blg-info3 > h4 a:focus,
.blg-info3 > a:hover,
.blg-info3 > a:focus,
.abt-gal-itm > a i:hover,
.tem-info > h4 a:hover,
.tem-info > h4 a:focus,
.tem-box3:hover .tem-info > span,
header.style3 nav > div > ul > li > a:before,
nav > div > ul li.active > a
{
	color: #6BA9DE;
}

/*===== Border Color =====*/
.theme-brd-clr,
.tl-shp > i.theme-brd-clr,
.pagination > li.page-item a.page-link:hover, 
.pagination > li.page-item a.page-link:focus, 
.pagination > li.page-item span,
.srv-bx3 > i,
.camp-info > a,
.blg-img,
.tem-box3:hover .tem-img > a,
.tem-img > a:focus,
.camp-box3.style2 .camp-info > a:hover,
.camp-box3.style2 .camp-info > a:focus,
.scl6 > a:hover,
.scl6 > a:focus,
.tem-box3:hover .scl6 > a:hover,
.tem-box3:hover .scl6 > a:focus
{
	border-color: #145DA0;
}

/*===== Border Top Color =====*/ 
.tl-shp:before
{
	border-top-color: #145DA0;
}


/*===== Border Bottom Color =====*/
.srv-bx4:before
{
	border-bottom-color: #145DA0;
}
/* ==========================================================================
   MADAR AL BONYAN — brand overrides
   Palette from the logo: blue #145DA0, navy #051D40, white
   ========================================================================== */
:root{
  --mb-blue:#145DA0;
  --mb-navy:#051D40;
  --mb-light:#6BA9DE;
  --mb-line:#E4E7EB;
  --mb-tint:#F4F7FA;
}

/* Logo: size by height so the taller Madar lockup doesn't inflate the header */
.lg-mnu-sec2 .logo img{ width:auto; height:56px; max-width:100%; }
.lg-mnu-sec2 .logo{ padding:16px 0; }
.lg-mn .logo img{ width:auto; height:38px; }
footer .wdgt-bx img{ width:auto !important; height:60px; max-width:100%; }

/* Top bar / dark blocks pick up the navy rather than the old flat grey */
.topbar.theme-bg{ background-color:var(--mb-navy); }
.btm-br.drk-bg{ background-color:#03142C; }

/* Product + advantage cards */
.evnt-bx2 .evnt-thmb img{ width:100%; height:auto; display:block; }
.evnt-bx2 .evnt-inf{ padding:18px 16px; }
.evnt-bx2 .evnt-inf h5 a{ color:var(--mb-navy); }
.evnt-bx2:hover .evnt-inf h5 a{ color:var(--mb-blue); }

/* Feature icons render as brand-blue SVG */
.srv-bx4 i img, .srv-bx3 i img, .srv-bx i img{ width:auto; height:52px; }

@media (max-width:991px){
  .lg-mnu-sec2 .logo img{ height:44px; }
}
@media (max-width:767px){
  .lg-mn .logo img{ height:32px; }
  footer .wdgt-bx img{ height:48px; }
}

/* Header: keep the wider Madar lockup clear of the nav */
.lg-mnu-sec2 .logo{ float:left; }
.lg-mnu-sec2 nav{ float:right; }
.lg-mnu-sec2 nav > div > ul > li{ margin-left:26px; }

/* Secondary hero button was white-on-white in the inherited template */
.featured-cap .btns-grp > a:not(.theme-btn){ color:var(--mb-navy); }
.featured-cap .btns-grp > a:not(.theme-btn):hover,
.featured-cap .btns-grp > a:not(.theme-btn):focus{ background-color:var(--mb-navy); color:#fff; }

/* Mobile header bar in the brand navy rather than the template grey */
.lg-mn{ background-color:var(--mb-navy) !important; }
.rspn-mdbr{ background-color:#03142C; }