@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; margin-left:10%; }
#navigation_menu .menu_nav > .nav_search { /*display: none;*/ }
#navigation_menu .menu_nav > .nav_search a { color: #222222 !important; }
#navigation_menu .menu_nav > .nav_search a {background-image: url(https://opensocietyuniversitynetwork.org/includes/nav/mainnav-osun/images/nav_search.png) !important;}

#navigation_menu .menu_nav a.linkbox { background-color: #D4052C !important; }
#navigation_menu .menu_nav a.linkbox:hover,
#navigation_menu .menu_nav a.linkbox:focus { color: #FFFFFF !important; background-color: #D4052C !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], 
#navigation_menu .menu_nav > .nav_menu_item.no_subnav a, 
#navigation_menu .menu_nav > .nav_menu_item a.mainlink { position: relative; display: block; font-size: 1.3em; line-height: 2em; height: 2em; padding: 0.5em 10px 0.5em 10px; text-transform: none !important; color: #094848 !important; text-decoration: none; outline: none; z-index: inherit;}

#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: #D4052C !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: #D4052C !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: #D4052C; background-color: #FFFFFF; }
#navigation_menu .navigation_submenu a.navtint { color: #D4052C; 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 .menu_submenu_block_container .menu_submenu_block ul li.no-submenu { margin-bottom: 1.5em; }

#navigation_menu .tag_line {padding: 0 0 0 10px; margin: 0;}
#navigation_menu .tag_line p {padding: 0; margin: 0; font-size: 1.3em; line-height: 2.0em; font-weight: 800; color: #4f6565; text-align:left;}
    #navigation_menu .menu_submenu_block p { 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_img_col img {width: 400px;}
#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: #FFFFFF; max-height: 80vh; overflow: scroll;}
#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 .subnav_head.newsletter { padding-left: 15px;}
#navigation_menu .subnav_head, 
#navigation_menu .subnav_head a { display: block; margin: 1em 0 1em 0; font-size: 1.2em !important; line-height: 1em; white-space: nowrap; text-transform: none !important; color: #D4052C; font-weight: 800;}
#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: #D4052C; }
.menubutton a { color: #FFF; background: #D4052C; text-decoration: none; }
.menubutton a:link, .menubutton a:visited { color: #FFF; background: #D4052C; text-decoration: none; }
.menubutton a:hover, .menubutton a:active { color: #FFF; background: #D4052C; text-decoration: underline;  }


#navigation_menu .menu_nav > .nav_menu_item .nav_submenu_toggle {background-image: url(https://opensocietyuniversitynetwork.org/includes/mainnav_menus/images/icon_menu-arrow-down-black.png) !important;}

/* scroll bar */

#navigation_menu .menu_dropdown_block.cols-3-flex::-webkit-scrollbar {
    background-color: #FFF;
    width: 5px;
}

#navigation_menu .menu_dropdown_block.cols-3-flex::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }

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

    #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: 70px 0px 0px 0px; background: #FFFFFF !important; max-height: 100vh; overflow: scroll;}
    #navigation_menu .menu_nav { margin: 2em 0 0 0px; color: #222222; }
    #navigation_menu .logo-head { display: none;}
    #navigation_menu .logo-head a { background-image: url(https://opensocietyuniversitynetwork.org/images/osun-logo-mobile.png); }
    #navigation_menu .menu_nav > .nav_menu_item a.mainlink { position: relative; display: block; font-size: 1.4em; line-height: 2em; height: 2em; margin-right: 30px; padding: .5em 10px .5em 10px; text-transform: none; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; }
    #navigation_menu .menu_submenu_block { /*padding-left: 0px;*/ }
    #navigation_menu .menu_nav > .nav_search a {background-position-y: center !important; background-position-x: 65px !important;}
    #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; }
    #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 {color: #222222; }
    #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}
    #navigation_menu .nav_menu_toggle > span:not(.sr-only) {background: #222222;}
    #navigation_menu .nav_menu_toggle[aria-expanded=true] > span {background: #222222;}

}


@media only screen and (min-width: 951px) and (max-width: 1250px) {
#navigation_menu .navigation_submenu {
    height: 400px;}
}