@import url('/webfiles/css/web-tools.css');
@import url('/webfiles/css/web-frames.css');
@import url('/webfiles/css/web-colors.css');
@import url('/webfiles/css/web-buttons.css');
@import url('/webfiles/css/web-spacing.css');
@import url('/webfiles/css/web-tables.css');
@import url('/webfiles/css/ndmc-web-tools.css');
@import url('/webfiles/css/web-content-area.css');
@import url('/webfiles/css/jqueryui/usdm/jquery-ui.css');

:root {
    --main-bg-color: #f2690d;
    --light-bg-color: #f5873d;
    --dark-bg-color: #c2540a;
    --main-text-color: #67625f;
    --menu-bg-color: #e6ddd5;
    --navbar-txt-color: #ffffff;
    --titlebar-color: #ffffff;
    --footer-bot-color: #ffffff;
}

body {color:var(--main-text-color);}

a {color: var(--main-bg-color);}

#title-bar{color:white;background-color:var(--main-text-color);}
#navigationbar{background-color:var(--main-bg-color);}
#navmenu {color:var(--navbar-txt-color);}

/* Root Menu */ 
#navmenu li span {color: var(--navbar-txt-color);}
#navmenu > li > a {color: var(--navbar-txt-color);}
.menu-current{background-color: var(--dark-bg-color);}
.menu-active{background-color: var(--light-bg-color);}


/* 2nd Menu */
#navmenu li:hover li a {background:var(--menu-bg-color); color: var(--main-text-color);border-bottom:1px solid var(--main-text-color);}
.menu2-active{ background: var(--main-text-color)!important; color: var(--navbar-txt-color)!important; }

/* mobile navigation*/
#mobilenav {
    background-image: url('/images/nav-burger-white.png');
    border: 1px solid white;
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

#navigationbar #mobilenav:hover {
    background-color: var(--dark-bg-color);
    background-image: url('/images/nav-burger-white.png');
    color: var(--navbar-txt-color);
}


h1,h2,h3,h4,h5,h6{color:var(--main-text-color);}

#page-title-inner h1{color:#4C4947}

#footer-top{background-color:var(--menu-bg-color);}
#footer-bottom{background-color:var(--main-text-color);color:var(--navbar-txt-color);}

@media only screen and (max-width: 960px) {

    #navmenu li{background:var(--menu-bg-color);border-bottom:1px solid var(--main-text-color);}
    #navmenu > li > a{color:var(--main-text-color);}
    #navmenu > li.menu-active{color: var(--navbar-txt-color); background-color: var(--main-text-color);}
    #navmenu > li.menu-active a{color:var(--navbar-txt-color);}
    .menu-current {color: var(--navbar-txt-color) !important;background-color: var(--dark-bg-color);}

}
.footerimg{height:100px;}

.footerimg.USDA {width: 100px;}

.footerimg.FSA {width: 100px;}

.footerimg.ECCC {height: 25px;width: 385px;}