/* =========================================================
DFS MASTER BRAND OVERRIDE
Load AFTER style.css
Brand Colors:
Primary   : #013EA8
Secondary : #153D6C
Dark      : #000000
========================================================= */

:root{
    --dfs-primary:#013EA8;
    --dfs-secondary:#153D6C;
    --dfs-dark:#000000;
    --dfs-white:#ffffff;
}

/* GLOBAL */
a{
    color:var(--dfs-primary);
}
a:hover{
    color:var(--dfs-secondary);
}

h1,h2,h3,h4,h5,h6{
    color:var(--dfs-secondary);
}

/* ===================================
HEADER
=================================== */
.header-section .top-bar{
    background:var(--dfs-secondary)!important;
}

.header-section .navbar{
    background:var(--dfs-primary)!important;
}

.header-section .navbar .navbar-collapse .navbar-nav li a{
    color:#fff!important;
}

.header-section .navbar .navbar-collapse .navbar-nav li a:hover,
.header-section .navbar .navbar-collapse .navbar-nav li.active a{
    color:#fff!important;
    opacity:.85;
}

.header-section .top-bar .header-left-bar .contact-wrapper li i,
.header-section .top-bar .header-right-bar .social-icon li i:hover{
    color:var(--dfs-primary)!important;
}

/* ===================================
BUTTONS
=================================== */
.btn-primary{
    background:var(--dfs-primary)!important;
    color:#fff!important;
}

.btn-primary::before{
    background:var(--dfs-secondary)!important;
}

.btn-primary:hover{
    color:#fff!important;
}

.btn-default{
    border-color:var(--dfs-primary)!important;
    color:var(--dfs-primary)!important;
}

.btn-default::before{
    background:var(--dfs-primary)!important;
}

/* ===================================
SECTION TITLES
=================================== */
.section-title h2,
.section-title .border,
.section-title .border-2{
    color:var(--dfs-secondary)!important;
    background-color:var(--dfs-primary)!important;
}

/* ===================================
FOOTER
=================================== */
.footer-section{
    background:var(--dfs-secondary)!important;
}

.footer-section a{
    color:#fff!important;
}

.footer-section a:hover{
    color:var(--dfs-primary)!important;
}

/* ===================================
CUSTOM DFS PAGES
=================================== */

/* HERO BACKGROUNDS */
.dfs-bpo-hero,
.dfs-consultancy-hero,
.dfs-security-hero,
.dfs-media-hero,
.dfs-construction-hero,
.dfs-media-cta{
    background:
    linear-gradient(
    135deg,
    #153D6C,
    #1d4f89,
    #013EA8
    ) !important;
}

/* TITLES */
.dfs-bpo-title h2,
.dfs-consultancy-title h2,
.dfs-security-title h2,
.dfs-media-title h2,
.dfs-construction-title h2,
.dfs-premium-title h2{
    color:var(--dfs-secondary)!important;
}

/* BADGES */
.dfs-badge,
.dfs-consultancy-badge,
.dfs-security-badge,
.dfs-media-cta-badge,
.dfs-construction-badge,
.dfs-premium-title span{
    background:rgba(5,229,175,.12)!important;
    color:var(--dfs-primary)!important;
}

/* ICON CIRCLES */
.dfs-bpo-icon,
.dfs-consultancy-icon,
.dfs-security-icon,
.dfs-home-icon,
.dfs-construction-icon,
.dfs-step-number,
.dfs-media-service-icon,
.dfs-construction-why-card i{
    background:
    linear-gradient(
    135deg,
    #013EA8,
    #04c99a
    ) !important;
    color:#fff!important;
    box-shadow:0 16px 35px rgba(5,229,175,.25)!important;
}

/* CARDS */
.dfs-bpo-card,
.dfs-consultancy-card,
.dfs-security-card,
.dfs-home-service-card,
.dfs-construction-card,
.dfs-premium-card,
.dfs-stat-card,
.dfs-media-detail-box{
    border-color:rgba(5,229,175,.15)!important;
}

/* LEFT BORDERS */
.dfs-media-detail-box,
.dfs-construction-detail-box{
    border-left:6px solid var(--dfs-primary)!important;
}

/* CTA BUTTONS */
.dfs-media-cta-primary,
.dfs-construction-btn-primary{
    background:var(--dfs-primary)!important;
    color:#fff!important;
}

.dfs-media-cta-secondary,
.dfs-construction-btn-secondary{
    background:var(--dfs-secondary)!important;
    color:#fff!important;
    border-color:var(--dfs-secondary)!important;
}

/* STAT NUMBERS */
.dfs-stat-card h3{
    color:var(--dfs-primary)!important;
}

/* INDUSTRIES HOVER */
.dfs-industry-box:hover{
    background:var(--dfs-secondary)!important;
    color:#fff!important;
}

/* DROPDOWN */
.dfs-dropdown-menu li a:hover{
    background:var(--dfs-primary)!important;
    color:#fff!important;
}

/* PAGINATION / ACTIVE */
.pagination-wrapper .pagination li.active > a{
    background:var(--dfs-primary)!important;
    border-color:var(--dfs-primary)!important;
}

/* MOBILE */
@media(max-width:768px){

    h1{
        font-size:32px!important;
        line-height:1.35!important;
    }

    h2{
        font-size:26px!important;
        line-height:1.4!important;
    }

    h3{
        font-size:20px!important;
        line-height:1.4!important;
    }
}

/* =====================================================
   DFS NAVBAR FINAL FIX
   (Place at the END of custom.css)
===================================================== */

/* White Navbar */
.header-section .navbar,
.header-section .navbar .navbar-inner,
.header-section .navbar.sticky,
.header-section .navbar.sticky .navbar-inner{
    background:#ffffff !important;
    border:none !important;
}

/* Logo */
.header-section .navbar .navbar-brand{
    background:transparent !important;
}

/* All Menu Links */
.header-section .navbar .navbar-nav > li > a,
.header-section .navbar.sticky .navbar-nav > li > a,
.header-section .navbar .navbar-collapse .navbar-nav > li > a,
.header-section .navbar.sticky .navbar-collapse .navbar-nav > li > a{

    color:#000000 !important;

    font-weight:600;

    transition:.3s;

}

/* Hover */
.header-section .navbar .navbar-nav > li:hover > a,
.header-section .navbar .navbar-nav > li.active > a,
.header-section .navbar.sticky .navbar-nav > li:hover > a,
.header-section .navbar.sticky .navbar-nav > li.active > a{

    color:#013EA8 !important;

    background:transparent !important;

}

/* Dropdown */
.header-section .navbar .dropdown-menu{

    background:#ffffff !important;

    border:none;

    box-shadow:0 8px 30px rgba(0,0,0,.10);

}

.header-section .navbar .dropdown-menu li a{

    color:#000 !important;

    background:#fff !important;

}

.header-section .navbar .dropdown-menu li a:hover{

    background:#013EA8 !important;

    color:#fff !important;

}

/* Sticky Navbar */
.header-section .navbar.sticky{

    background:#ffffff !important;

    box-shadow:0 4px 18px rgba(0,0,0,.08);

}