/* IF CUSTOM CSS CODE IS NEEDED, IT COMES HERE. */

:root {
    --grayForMainYellow: #d3b7ab;
    --mainYellow: #e6ac00;
    --subYellowForYellow: #ffbf00;
}

a {
    color: var(--mainYellow);
}

.burger_menu_main > div {
    background-color: var(--mainYellow);
}

.burger_menu_main:hover {
    background-color: var(--subYellowForYellow);
}

.close_mobile_nav_x_main:hover {
    background-color: var(--subYellowForYellow);
}

.footer_main {
    background-color: var(--mainYellow);
    background-image: none;
}

h1 {
    color: var(--mainYellow);
}

h2 {
    color: var(--mainYellow);
}

h3 {
    color: var(--mainYellow);
}

.header_company_name {
    color: var(--mainYellow);
}

.header_main > a > div {
    color: var(--mainYellow);
}

.nav_main {
    background-color: var(--mainYellow);
    border: 5px solid var(--subYellowForYellow);
}

.nav_bar_main > div > a {
    border-bottom: 5px solid var(--subYellowForYellow);
    text-shadow: 0 2px #806000;
}

.nav_bar_main > div > a:hover {
    background-color: var(--subYellowForYellow);
}

.nav_dropdown_parent {
    background-color: var(--mainYellow);
    color: #ffffff;
    border-right: 3px solid #d3b7ab;
    display: inline-block;
    position: relative;
    text-align: center;
    width: 20%;
}

@media screen and (min-width: 47.5em) {
    
    .nav_main {
        background-color: transparent;
        border: none;
    }

    .nav_bar_main > div > a {
        background-color: var(--mainYellow);
        border-bottom: none;
        border-right: 3px solid var(--grayForMainYellow);
    }

    .nav_bar_main > div > a:hover {
        background-color: #b38600;
    }
    
}