/* Add here all your CSS customizations */
body {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif !important;
    color: #484747 !important;
}

p {
    color: #484747 !important;
}

.dropdown-item {
    font-size: 17px !important;
}

#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a {
    padding: 0 .6rem !important;
}

#header .header-nav-main nav > ul > li > a {
    text-transform: none !important;
}

h4 {
    margin-bottom: 0px !important;
}

#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
    color: #1239A6 !important;
}

#header .header-nav.header-nav-line nav > ul li:hover > a {
    color: #1239A6 !important;
}

a {
    /* color: #0088CC; */
    color: #1239A6 !important;
}

.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #1239A6;
}

a.scroll-to-top {
    color: #fff !important;
}

/* smartphones */
@media (max-width: 480px) {
    .logo-image {
        width: 290px !important;
        height: auto !important;
    }
    
    .homepage-cover {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        padding: 3.3rem 0 !important;
    }
    
    #header .header-nav-main nav > ul li {
        padding: 5px !important;
    }
    
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        padding: 5px !important;
    }
    
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color: #004293 !important;
    }
    
    #header .header-nav.header-nav-line nav > ul li:hover > a {
        color: #004293 !important;
    }
    
    a {
        color: #004293 !important;
    }
}

/* tablets */
@media (max-width: 991px) {
    .logo-image {
        width: 290px !important;
        height: auto !important;
    }
    
    .homepage-cover {
        background-size: contain !important;
        background-repeat: no-repeat !important;
        padding: 3.3rem 0 !important;
    }
    
    #header .header-nav-main nav > ul li {
        padding: 5px !important;
    }
    
    #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        padding: 5px !important;
    }
    
    #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active {
        color: #004293 !important;
    }
    
    #header .header-nav.header-nav-line nav > ul li:hover > a {
        color: #004293 !important;
    }
    
    a {
        color: #004293 !important;
    }
}