/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    /*     width: 80%; */
        width: 100%; /* BFI */
        margin: 0 auto;
        margin-bottom: 40px;
    /*     background: #e9e9e9; */
        background: #073980; /* BFI */
    }
    
    .menu-mobile {
        display: none;
        padding: 20px;
        color: white;
    }
    
    .menu-mobile:after {
    /*     content: "\f394"; */
    /*     font-family: "Ionicons"; */
        content: "\f197";
        font-family: "Material-Design-Iconic-Font";
        font-size: 2.5rem;
        padding: 0;
        float: right;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    
    .menu-dropdown-icon:before {
    /*     content: "\f489"; */
    /*     font-family: "Ionicons"; */
        content: "\f197";
        font-family: "Material-Design-Iconic-Font";
        display: none;
        cursor: pointer;
        float: right;
        padding: 1.5em 2em;
        background: #fff;
        color: #333;
    }
    
    .menu > ul {
        margin: 0 auto;
    /*     width: 100%; */
        width: 90%; /* BFI */
        list-style: none;
        padding: 0;
        position: relative;
        /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
        box-sizing: border-box;
    }
    
    .menu > ul:before,
    .menu > ul:after {
        content: "";
        display: table;
    }
    
    .menu > ul:after {
        clear: both;
    }
    
    .menu > ul > li {
        float: left;
    /*     background: #e9e9e9; */
        background: #073980; /* BFI */
        padding: 0;
        margin: 0;
    }
    
    .menu > ul > li a {
        text-decoration: none;
    /*     padding: 1.5em 3em; */
        padding: 0.5em 1.5em; /* BFI */
        display: block;
        color: white; /* BFI */
    /*     font-weight: bold !important; BFI */
    }
    
    .menu > ul > li:hover {
    /*     background: #f0f0f0; */
        background: #11294c; /* BFI */
    }
    
    .menu > ul > li > ul {
        display: none;
        width: 100%;
    /*     background: #f0f0f0; */
        background: #11294c; /* BFI */
        padding: 20px;
        position: absolute;
        z-index: 99;
        left: 0;
        margin: 0;
        list-style: none;
        box-sizing: border-box;
    }
    
    .menu > ul > li > ul:before,
    .menu > ul > li > ul:after {
        content: "";
        display: table;
    }
    
    .menu > ul > li > ul:after {
        clear: both;
    }
    
    .menu > ul > li > ul > li {
        margin: 0;
        padding-bottom: 0;
        list-style: none;
        width: 25%;
        background: none;
        float: left;
    }
    
    .menu > ul > li > ul > li a {
    /*     color: #777; */
        color: white; /* BFI */
        padding: .2em 0;
        width: 95%;
        display: block;
    /*     border-bottom: 1px solid #ccc; */
    /* 	font-weight: bold !important; BFI */
    }
    
    .menu > ul > li > ul > li > ul {
        display: block;
        padding: 0;
        margin: 10px 0 0;
        list-style: none;
        box-sizing: border-box;
    }
    
    .menu > ul > li > ul > li > ul:before,
    .menu > ul > li > ul > li > ul:after {
        content: "";
        display: table;
    }
    
    .menu > ul > li > ul > li > ul:after {
        clear: both;
    }
    
    .menu > ul > li > ul > li > ul > li {
        float: left;
        width: 100%;
        padding: 10px 0;
        margin: 0;
        font-size: .8em;
    }
    
    .menu > ul > li > ul > li > ul > li a {
        border: 0;
    }
    
    .menu > ul > li > ul.normal-sub {
        width: 300px;
        left: auto;
        padding: 10px 20px;
    }
    
    .menu > ul > li > ul.normal-sub > li {
        width: 100%;
    }
    
    .menu > ul > li > ul.normal-sub > li a {
        border: 0;
        padding: 1em 0;
    }
    
    
    /* ––––––––––––––––––––––––––––––––––––––––––––––––––
    Mobile style's
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    
    @media only screen and (max-width: 959px) {
        .menu-container {
            width: 100%;
        }
        .menu-mobile {
            display: block;
    /* 		font-weight: bold !important; BFI */
        }
        .menu-dropdown-icon:before {
            display: block;
        }
        .menu > ul {
            width: 100%; /* BFI */
            display: none;
        }
        .menu > ul > li {
            width: 100%;
            float: none;
            display: block;
        }
        .menu > ul > li a {
            padding: 1.5em;
            width: 100%;
            display: block;
        }
        .menu > ul > li > ul {
            position: relative;
        }
        .menu > ul > li > ul.normal-sub {
            width: 100%;
        }
        .menu > ul > li > ul > li {
            float: none;
            width: 100%;
            margin-top: 20px;
        }
        .menu > ul > li > ul > li:first-child {
            margin: 0;
        }
        .menu > ul > li > ul > li > ul {
            position: relative;
        }
        .menu > ul > li > ul > li > ul > li {
            float: none;
        }
        .menu .show-on-mobile {
            display: block;
        }
        /* Custom */
        a:focus, a:hover {
            color: #e98938;
            text-decoration: none;
        } 
    }
    
    /* Custom */
    .menu > ul > li a:hover {
        color: #db0135 !important;
    /*     text-decoration: none; */
    /*     padding: 1.5em 3em; */
    /*     display: block; */
    }
    
    .subitem {
        color: #db0135 !important;
        font-size: 20px !important;
    }
    
    .selected-menu-item {
        background: #11294c !important; /* BFI */
    }
    
    .top-mega-menu .menu a:hover {
        color: #11294c;
        /* text-decoration: none; */
        /* padding: 1.5em 3em; */
        /* display: block; */
    }