/* ======================================================
   DUNMORE AEROSPACE HEADER SYSTEM
   GLOBAL NAVIGATION
====================================================== */


:root {

    --dunmore-navy:#061d38;
    --dunmore-dark:#020b18;
    --dunmore-blue:#0077d8;
    --dunmore-cyan:#25b7ff;

    --dunmore-text:#14283f;
    --dunmore-muted:#526579;

    --border:#e5ebf1;

}





/* ======================================================
   UTILITY BAR
====================================================== */


.qr-utility {

    height:42px;

    background:
            linear-gradient(
                    90deg,
                    #020814,
                    #092744
            );


    color:#dbe8f5;

    display:flex;

    align-items:center;

    justify-content:space-between;


    padding:0 70px;


    font-size:12px;

    letter-spacing:.4px;

}


.qr-utility-links {

    display:flex;

    gap:25px;

}


.qr-utility-links a {

    color:#dbe8f5;

    text-decoration:none;

    transition:.2s;

}


.qr-utility-links a:hover {

    color:white;

}





/* ======================================================
   MAIN HEADER
====================================================== */


.qr-header {

    height:96px;

    width:100%;


    background:
            rgba(255,255,255,.96);


    backdrop-filter:
            blur(18px);


    display:flex;

    align-items:center;


    padding:0 70px;


    border-bottom:
            1px solid var(--border);


    position:sticky;

    top:0;


    z-index:9999;


    transition:.3s;

}



.qr-header.scrolled {


    box-shadow:

            0 15px 50px rgba(0,0,0,.12);


}





/* ======================================================
   LOGO
====================================================== */


.qr-logo {


    flex-shrink:0;

}



.qr-logo img {


    width:180px;

    height:auto;

    display:block;

}





/* ======================================================
   NAVIGATION
====================================================== */


.qr-nav {


    display:flex;

    align-items:center;


    gap:38px;


    margin-left:65px;


    flex:1;

}



.qr-nav > a,
.qr-dropdown > a {


    color:var(--dunmore-text);


    font-size:15px;


    font-weight:600;


    text-decoration:none;


    white-space:nowrap;


    cursor:pointer;


}



.qr-nav a:hover {


    color:var(--dunmore-blue);


}



.qr-dropdown {


    position:relative;

}



.qr-dropdown > a {


    display:flex;

    align-items:center;

    gap:5px;

}



.qr-dropdown > a span {


    font-size:11px;

}





/* ======================================================
   MEGA MENUS
====================================================== */


.qr-mega {


    display:none;


    position:absolute;


    top:55px;


    left:-150px;


    width:950px;


    background:white;


    border-radius:10px;


    padding:40px;


    grid-template-columns:

    repeat(4,1fr);


    box-shadow:


            0 35px 90px rgba(0,0,0,.18);


    border:

            1px solid #e6edf4;


    opacity:0;


    transform:

            translateY(10px);


    transition:

            opacity .2s ease,

            transform .2s ease;


}



.qr-dropdown.open .qr-mega {


    display:grid;


    opacity:1;


    transform:

            translateY(0);


}




.qr-mega h4 {


    margin:0 0 18px;


    color:#08335c;


    font-size:14px;


    text-transform:uppercase;


    letter-spacing:1px;


}



.qr-mega a {


    display:block;


    padding:8px 0;


    color:var(--dunmore-muted);


    font-size:14px;


    text-decoration:none;


}



.qr-mega a:hover {


    color:var(--dunmore-blue);


}




.qr-featured {


    border-left:

            1px solid #e4ebf2;


    padding-left:30px;


}






/* ======================================================
   SMALL COMPANY MENU
====================================================== */


.qr-small-menu {


    display:none;


    position:absolute;


    top:55px;


    right:0;


    width:260px;


    background:white;


    padding:25px;


    border-radius:8px;


    box-shadow:


            0 30px 70px rgba(0,0,0,.18);


    border:

            1px solid #e6edf4;


}



.qr-dropdown.open .qr-small-menu {


    display:block;


}




.qr-small-menu a {


    display:block;


    padding:10px 0;


    color:var(--dunmore-muted);


    text-decoration:none;


}


.qr-small-menu a:hover {


    color:var(--dunmore-blue);


}






/* ======================================================
   SEARCH
====================================================== */


.qr-search {


    margin-right:25px;

}



.qr-search form {


    height:42px;


    display:flex;


    border:

            1px solid #ccd7e2;


    border-radius:5px;


    overflow:hidden;


    background:white;


}



.qr-search input {


    width:260px;


    border:0;


    padding:0 15px;


    font-size:14px;


    outline:none;


}



.qr-search button {


    width:45px;


    border:0;


    background:#f1f5f9;


    cursor:pointer;


    color:#08335c;


}





/* ======================================================
   REQUEST QUOTE
====================================================== */


.qr-quote {


    background:

            linear-gradient(
                    135deg,
                    #008cff,
                    #0054a8
            );


    color:white !important;


    padding:

            15px 28px;


    border-radius:4px;


    font-weight:700;


    text-decoration:none;


    white-space:nowrap;


    box-shadow:


            0 10px 30px rgba(0,120,220,.25);


}


.qr-quote:hover {


    transform:

            translateY(-2px);


}





/* ======================================================
   MOBILE
====================================================== */


.qr-mobile {


    display:none;


    background:none;


    border:0;


    font-size:30px;


    cursor:pointer;


}




@media(max-width:1200px){


    .qr-header {

        padding:0 30px;

    }



    .qr-nav {

        gap:22px;

    }



    .qr-search input {

        width:170px;

    }


}





@media(max-width:900px){



    .qr-header {


        height:80px;


    }



    .qr-nav {


        display:none;


    }



    .qr-search,
    .qr-quote {


        display:none;


    }



    .qr-mobile {


        display:block;


        margin-left:auto;


    }

    .qr-logo {
        position: relative;
    }


    .qr-logo-img {
        transition: opacity 2s ease !important;
    }


    .qr-logo-img.hide {
        opacity: 0 !important;
    }


    .aero-next-logo {

        position:absolute !important;

        top:0;
        left:0;

        opacity:0 !important;

        transition:
                opacity 2s ease !important;

    }


    .aero-next-logo.show {

        opacity:1 !important;

    }

    .qr-mega {


        position:fixed;


        top:80px;


        left:15px;


        right:15px;


        width:auto;


        grid-template-columns:1fr;


    }




}