/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2026 | 02:01:31 */
/*
 * AR Craftix categorized CSS
 * Source: Appearance > Customize > Additional CSS
 * Original lines: 441-726
 * Category: Homepage desktop navigation, main menu and Services dropdown
 * START A PROJECT button styling removed.
 */

/* ==========================================================
   04. DESKTOP NAVIGATION STRUCTURE
   ========================================================== */

@media (min-width:768px){

    body.home .at-beside-navbar-header{
        width:auto !important;
        float:none !important;

        flex:1 1 auto;

        display:flex;
        align-items:center;

        min-width:0;
    }


    body.home .main-navigation{
        order:1;

        float:none !important;

        margin-left:auto;
        margin-right:auto;

        background:transparent !important;

        box-shadow:none !important;
    }


    /*
     * Keeps START A PROJECT wrapper
     * positioned on the right.
     * No button styling here.
     */
    body.home .search-woo{
        order:2;

        margin-left:25px;

        flex:0 0 auto;
    }

}


/* ==========================================================
   05. MAIN MENU
   ========================================================== */

body.home .main-navigation ul{
    margin:0 !important;
}


/* Main menu LI */
body.home .main-navigation > ul > li,
body.home .main-navigation .navbar-nav > li{
    border:0 !important;
}


/* Main menu links */
body.home .main-navigation > ul > li > a,
body.home .main-navigation .navbar-nav > li > a{
    position:relative;

    color:#aaaab2 !important;

    background:transparent !important;

    font-family:'Montserrat', Arial, sans-serif;

    font-size:13px;
    line-height:1;

    font-weight:600;

    letter-spacing:.15px;

    text-transform:none !important;

    padding:31px 15px !important;

    box-shadow:none !important;
}


/* Main menu hover / focus / current */
body.home .main-navigation .navbar-nav > li:hover > a,
body.home .main-navigation .navbar-nav > li > a:hover,
body.home .main-navigation .navbar-nav > li > a:focus,
body.home .main-navigation .navbar-nav > li.current-menu-item > a,
body.home .main-navigation .navbar-nav > li.current_page_item > a,
body.home .main-navigation .navbar-nav > li.current-menu-ancestor > a{
    color:#ffffff !important;

    background:transparent !important;
    background-color:transparent !important;

    box-shadow:none !important;
}


/* Prevent theme white hover box */
body.home .main-navigation .navbar-nav > li:hover,
body.home .main-navigation .navbar-nav > li:focus,
body.home .main-navigation .navbar-nav > li.current-menu-item,
body.home .main-navigation .navbar-nav > li.current_page_item,
body.home .main-navigation .navbar-nav > li.current-menu-ancestor{
    background:transparent !important;

    box-shadow:none !important;
}


/* Blue underline */
body.home .main-navigation .navbar-nav > li > a:after{
    content:"";

    position:absolute;

    left:15px;
    right:15px;
    bottom:19px;

    height:2px;

    background:#003da3;

    transform:scaleX(0);

    transform-origin:center;

    transition:transform .25s ease;
}


body.home .main-navigation .navbar-nav > li:hover > a:after,
body.home .main-navigation .navbar-nav > li.current-menu-item > a:after,
body.home .main-navigation .navbar-nav > li.current_page_item > a:after,
body.home .main-navigation .navbar-nav > li.current-menu-ancestor > a:after{
    transform:scaleX(1);
}


/* ==========================================================
   06. SERVICES DROPDOWN
   ========================================================== */

body.home .main-navigation ul li ul.sub-menu{
    min-width:245px;

    padding:8px 0 !important;

    background:#101118 !important;

    border:1px solid rgba(121,121,121,.25) !important;
    border-radius:6px !important;

    box-shadow:
        0 20px 45px rgba(0,0,0,.50) !important;
}


body.home .main-navigation ul li ul.sub-menu li,
body.home .main-navigation ul li ul.sub-menu li:hover{
    background:transparent !important;

    border:0 !important;
}


body.home .main-navigation ul li ul.sub-menu li a{
    display:block !important;

    width:100% !important;

    padding:11px 18px !important;

    background:transparent !important;

    color:#b7b7bf !important;

    font-size:12px !important;
    line-height:1.45 !important;

    font-weight:500;

    text-transform:none;

    white-space:normal;

    border:0 !important;

    box-shadow:none !important;

    transition:
        color .25s ease,
        background-color .25s ease,
        padding-left .25s ease;
}


body.home .main-navigation ul li ul.sub-menu li:hover > a,
body.home .main-navigation ul li ul.sub-menu li a:hover,
body.home .main-navigation ul li ul.sub-menu li a:focus,
body.home .main-navigation ul li ul.sub-menu li.current-menu-item > a{
    color:#ffffff !important;

    background:rgba(0,61,163,.18) !important;

    padding-left:22px !important;
}