@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body{font-family: "Figtree", Helvetica, Arial, sans-serif; font-weight: 400;}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Figtree", Helvetica, Arial, sans-serif;}

a, a:hover{color: #001787}

.form-control:focus,
.custom-select:focus {
    border-color: #001787;
}

.hamburger-box {width: 25px; height: 25px;}
.hamburger{color: #fff!important}
.hamburger:hover {opacity: 1;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
    width: 100%;
    height: 3px;
    border-radius: 0;
}


.pagetitlebar {height:250px; background-image: url(../img/jac2025-pagetitle-bg.jpg); background-position: left center;
    background-repeat: no-repeat; background-size: cover}

.pagetitlebar h1{font-size:54px; margin-top:50px}

.bg {background-image: url(../img/jac2025bg01.jpg); background-position: center center;
    background-repeat: repeat-y; background-size: auto}


.navbar .u-main-nav-v4 .nav-link {padding: 0!important; height:104px; align-items:center; display:flex; color:#fff; border-top: 3px solid transparent; font-size:16px; font-weight: 500}

.navbar .u-main-nav-v4 a.nav-link:hover{color: #b7cbea!important;} 

.navbar {align-items: start!important;}
.navbar .u-sub-menu-v1 .hs-sub-menu{border-top: none; background-color: #001787!important; color:#fff; padding:0}

.navbar .u-sub-menu-v1 .hs-sub-menu{font-size:14px;}
.navbar .u-sub-menu-v1 .hs-sub-menu a, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover{color:#fff!important; padding-top:10px; padding-bottom:10px}
.navbar .u-sub-menu-v1 .hs-sub-menu a:hover{background-color: #000E52!important}

.navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
    border-color: #b7cbea; color: #b7cbea!important;
}


.js-header-change-moment .navbar .u-main-nav-v4 .nav-link {height:65px;}
.js-header-change-moment .navbar-brand img{width:171px}

.g-bg-primary{background-color: #001787!important}
.g-color-primary{color: #001787!important}

.u-btn-primary {
    color: #fff;
    background-color: #001787; }

.u-btn-primary:hover, .u-btn-primary.active {
    border-color: #000E52;
    background-color: #000E52; }

.u-btn-primary:hover, .u-btn-primary:focus, .u-btn-primary.active {
    color: #fff; }


.footerbtm .u-icon-v2{font-size: 16px!important; width:34px; height:34px; border-color: rgba(255, 255, 255, 0.25)}

@media only screen and (max-width: 1366px){
    .navbar .u-main-nav-v4 .nav-link {font-size:13px;}
    .lnav{max-width:100px; text-align:center; line-height: 1em}
}


@media only screen and (max-width: 1200px){
    .pagetitlebar {height:150px}
    .pagetitlebar h1{font-size:40px; margin-top:0}

    .lnav{max-width:none; text-align:left;}    

/* mobile state */    
    .navbar{-ms-flex-wrap: wrap;
        flex-wrap: wrap;}

    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -ms-flex-order: 10;
        order: 10;
        display: block!important;
    }
    .collapse:not(.show) {
        display: none!important;
    }

    .navbar-collapse {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%!important;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center!important;
    }

    .navbar-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column!important;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

/*
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
        -ms-flex-pack: start;
        justify-content: flex-start; }
    .navbar-expand-lg .navbar-collapse {
        width: 100%;
        -ms-flex-order: 10;
        order: 10; } 
*/
/* mobile state */  

    .u-header--sticky-top{position: static;}
    .u-header__section{background-color: #001787!important}
    .u-header__section.g-py-10, .navbar-brand{padding-top:0!important; padding-bottom:0!important}
    .navbar-brand img{width:230px; margin-left:30px; padding-bottom:15px}
    .navbar-toggler{margin-right:30px; margin-top:10px}

    .navbar .u-main-nav-v4 .nav-item.active > .nav-link, .navbar .u-main-nav-v4 .nav-item:hover > .nav-link, .navbar .u-main-nav-v4 .nav-item:focus > .nav-link, .navbar .u-main-nav-v4 .nav-item.show > .nav-link, .navbar .u-main-nav-v4 .nav-item.hs-sub-menu-opened > .nav-link, .navbar .u-main-nav-v4 .nav-item .nav-link:focus {
        color: #fff!important;
    }    


    .navbar .u-main-nav-v4 .nav-link {
        height:42px;
        padding: 0 30px!important;
        border-top: none;
    }    
    .navbar .u-sub-menu-v1 .hs-sub-menu{box-shadow:none}

    .js-mega-menu.g-px-30{padding-right:0!important; padding-left:0!important}

    .nav-item.g-mr-30{margin-right:0!important}
    .nav-item, .hs-sub-menu li{border-top:1px solid #fff}

    .navbar .u-sub-menu-v1 .hs-sub-menu a{padding-left:30px!important; padding-right:30px!important; font-size:16px}

    .navbar .u-sub-menu-v1 .hs-sub-menu a:before{content:"-"; padding-right:5px}


}