@charset "UTF-8";
/* CSS Document */




/* ---------------------------- GLOBAL STYLES ------------------------ */


nav#navigation_menus { background-color: #FFFFFF; /*color: #222222;*/ }

#nav_backdrop { background-color: #FFFFFF; }

#navigation_menu { width: 1200px; max-width: 1200px; /*color: #222222;*/ }

#navigation_menu .menu_nav { max-width: 1500px; /*color: #222222; background: #FFFFFF;*/ }

/*#navigation_menu .menu_nav > .logo {
	position: absolute; top: 0; display: block; box-sizing: border-box; list-style: none; margin: 0; padding: 0; width: 100px; float: left; color: #FFFFFF !important; z-index: 1002; }

#navigation_menu .menu_nav > .logo a { position: relative; display: block; font-size: 0px; width: 100px;  height: 40px !important; margin: 0 10px 0 0; padding: 0 0 0 0 !important; text-indent: -9999px; color: #FFFFFF !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(/images/logos/bard-red-nav.png) !important; background-size: 100px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }*/


#navigation_menu .menu_nav > .nav_search { display: none; }

#navigation_menu .menu_nav > .nav_search a { color: #222222 !important; }

#navigation_menu .menu_nav a.linkbox { background-color: #d99501 !important; }
#navigation_menu .menu_nav a.linkbox:hover,
#navigation_menu .menu_nav a.linkbox:focus { color: #FFFFFF !important; background-color: #d99501 !important; text-decoration: underline; }

#navigation_menu .menu_nav > .nav_menu_item { color: #222222 !important; }


#navigation_menu .menu_dropdown_block,
#navigation_menu .menu_dropdown_block.full_width { /*position: relative; left: 0px; margin: 0px auto; width: 1200px; max-width: 1200px;*/ }

#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded],
#navigation_menu .menu_nav > .nav_menu_item.no_subnav a,
#navigation_menu .menu_nav > .nav_menu_item a.mainlink { color: #222222 !important; letter-spacing: 0px; font-size: 15px;}


#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:hover,
#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:focus,
#navigation_menu .menu_nav > .nav_menu_item.no_subnav a:hover,
#navigation_menu .menu_nav > .nav_menu_item.no_subnav a:focus,
#navigation_menu .menu_nav > .nav_menu_item a.mainlink:hover,
#navigation_menu .menu_nav > .nav_menu_item a.mainlink:focus { color: #d99501 !important; }

#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:hover,
#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:focus,
#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded].open,
#navigation_menu .menu_nav > .nav_menu_item.no_subnav a:hover,
#navigation_menu .menu_nav > .nav_menu_item.no_subnav a:focus,
#navigation_menu .menu_nav > .nav_menu_item a.mainlink:hover,
#navigation_menu .menu_nav > .nav_menu_item a.mainlink:focus { background: #FFFFFF none; }

#navigation_menu .menu_nav > .nav_menu_item a[aria-expanded].open { background: #FFFFFF none; }

#navigation_menu .menu_nav li.no_subnav a.linkbox { color: #FFF !important; }
#navigation_menu .menu_nav li.no_subnav a.linkbox:hover,
#navigation_menu .menu_nav li.no_subnav a.linkbox:focus { color: #FFFFFF !important; background-color: #d99501 !important; text-decoration: underline; }


#navigation_menu .menu_submenu_container {/*background: #FFFFFF; width: 100%;*/ }


#navigation_menu .navigation_submenu { color: #222222; margin: 0px auto; /*background-color: transparent;*/ background-color: #FFFFFF; width: 1200px; max-width: 1200px;}


#navigation_menu .navigation_submenu a { color: #222222; }
#navigation_menu .navigation_submenu a:hover,
#navigation_menu .navigation_submenu a:focus { color: #d99501; background-color: #FFFFFF; }

#navigation_menu .navigation_submenu a.navtint { color: #d99501; background-color: #FFFFFF; }

#navigation_menu .navigation_submenu > p { color: #222222; font-size: 1.3em; line-height: 1.5em; margin: 0; padding: 0; }


#navigation_menu .menu_submenu_block_container {background-color: #FFFFFF; width: 100% !important; margin: 0 auto !important; padding: 20px; }

#navigation_menu .menu_submenu_block { height: auto; overflow: visible; }

#navigation_menu .tag_line {none; padding: 0 0 0 10px; margin: 0;}
#navigation_menu .tag_line p {padding: 0; margin: 0;}


#navigation_menu .menu_submenu_block p { font-size: 1.1em; line-height: 1.3em; color: #222; max-width: 300px; }

#navigation_menu .menu_dropdown_block {width: 700px !important; padding: 20px; margin: 0 auto; background: #FFFFFF; margin-right: 30px; }

#navigation_menu .menu_dropdown_block .menu_submenu_block_container { width: 800px !important; padding: 20px; background-color: #FFFFFF; }

#navigation_menu .menu_dropdown_block .menu_submenu_block_container > div { margin-left: 10px; }

#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_img_col { flex-basis: 250px; flex-shrink: 8; padding: 0px 20px 20px 0px; background: #FFFFFF;}

#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_img_col a { padding: 0px; background-color: #FFFFFF; }
#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col { background-color: #FFFFFF;}
#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav2_col { padding: 20px; background-color: #FFFFFF;}
#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col.cols-flex > div { padding: 20px; background-color: #FFFFFF;}
#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col.cols-flex > div:first-child { padding: 20px; background-color: #FFFFFF;}
#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col.cols-2 { column-gap: 10px; }
#navigation_menu .menu_dropdown_block.cols-3-flex {width: 100% !important; padding: 20px; margin: 0 auto; background: transparent; }
#navigation_menu .menu_dropdown_block.cols-4-flex .menu_submenu_block_container { background-color: #FFFFFF; }

/* ----------------------------------------------------------------------------*/

#navigation_menu .menu_dropdown_block.cols-2-flex .menu_submenu_block_container .cols-1-wide,
#navigation_menu .menu_dropdown_block.cols-3-flex .menu_submenu_block_container .cols-1-wide { background-color: #FFFFFF;}



#navigation_menu .subnav_head,
#navigation_menu .subnav_head a { margin: 1.1em 0; color: #222; }


#navigation_menu #topsearch { background-color: #FFFFFF; }



#navigation_menu .logo-head { /*display: none;*/ width: 120px; height: 135px; }

#navigation_menu .logo-head a { width: 120px; height: 135px; background-image: url(https://www.bard.edu/institutes/iwt/images/iwt-logo.png); }


/* nav menu button styles */
.menubutton { background-color: #d99501; }
.menubutton a { color: #FFF; background: #d99501; text-decoration: none; }
.menubutton a:link, .menubutton a:visited { color: #FFF; background: #d99501; text-decoration: none; }
.menubutton a:hover, .menubutton a:active { color: #FFF; background: #d99501; text-decoration: underline;  }







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

nav#navigation_menus { text-align: left; }

#navigation_menu { padding-left: calc(10% + 200px + 20px); /* offset by logo */ text-align: left; }


}





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


#navigation_menu { padding-left: calc(5% + 200px + 20px); /* offset by logo */ }

#navigation_menu .menu_submenu_block_container { width: 100% !important; }
header > nav .logo {left:5%;}

}





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


#navigation_menu { min-height: 90px; width: 100%; padding: 20px 0px 0px 0px; }

#navigation_menu .menu_nav { margin: 2em 0 0 95px; /*background: transparent;*/ }

#navigation_menu .logo-head { display: none;}

#navigation_menu .logo-head a { background-image: url(https://www.bard.edu/institutes/iwt/images/iwt-logo.png); }


#navigation_menu .menu_nav > .nav_menu_item a.mainlink { position: relative; display: block; font-size: 1.1em; line-height: 2em; height: 2em; margin-right: 30px; padding: .5em 10px .5em 10px; text-transform: uppercase; color: #FFFFFF !important; text-decoration: none; outline: none; z-index: inherit; }



#navigation_menu .menu_submenu_block { /*padding-left: 0px;*/ }

#navigation_menu .menu_dropdown_block { padding: 0px !important; }


#navigation_menu .menu_dropdown_block .menu_submenu_block_container > div { margin: 0; }


#navigation_menu .menu_dropdown_block .menu_submenu_block_container { width: auto !important; padding: 20px; /*background-color: #FFFFFF;*/ }


#navigation_menu .menu_dropdown_block .menu_submenu_block_container > div {margin: 0; padding: 0;}


#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col { /*background-color: #222222;*/ color: #FFFFFF; }



/*#navigation_menu .navigation_submenu a { color: #FFFFFF; }


#navigation_menu .subnav_head,
#navigation_menu .subnav_head a { color: #FFFFFF; }
*/


#navigation_menu .menu_dropdown_block .menu_submenu_block_container .submenu_nav_col { flex-shrink: 7; margin: 0px !important; padding: 0px; width: 100%; background: #FFFFFF;}

nav#navigation_menus ul {width: auto !important}


}