@charset "UTF-8";
/* CSS Document */
@font-face {
	font-family: "Source Sans Pro";
	src: url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.eot"); /* IE9 */
	src:
		local("Source Sans Pro"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.ttf") format("truetype"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.otf") format("opentype"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.woff") format("woff"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.woff2") format("woff2");
    }

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

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

#nav_backdrop { background-color: #c11c1c; }

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

#navigation_menu .menu_nav { max-width: 1500px; /*color: #222222; background: #FFFFFF;*/ }
#navigation_menu .menu_nav {margin-left: 300px;}
#navigation_menu .menu_nav > .nav_search a { color: #FFFFFF !important; }

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

#navigation_menu .menu_nav > .nav_menu_item { color: #FFFFFF !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: #FFFFFF !important; letter-spacing: 0px; font-size: 15px; font-weight: 600; padding: 0.5em 6px 0.5em 6px;}

#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: #FFFFFF !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: #c11c1c; color: #FFFFFF; }

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

#navigation_menu .menu_nav li.no_subnav a.linkbox { color: #FFF !important; margin: 0.5em 5px 0em 5px !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: #c11c1c !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: #c11c1c; background-color: #FFFFFF; }

#navigation_menu .navigation_submenu a.navtint { color: #c11c1c; 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 {padding: 0 0 0 20px; margin: 0; font-size: 1.2em; line-height: 1.3em;}
#navigation_menu .tag_line p {padding: 0; margin: 0 0 15px 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: 1000px !important; padding: 20px; margin: 0 auto; background: #FFFFFF; margin-right: 30px; }

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

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

#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: #c11c1c !important; }
#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; height: 400px; 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 { font-size: 15px; 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: 170px; height: 135px; background-image: url(https://berlin.bard.edu/images/logos/logo-bcb-header.png); }

/* nav menu button styles */
.navigation_submenu .menubutton { background-color: #c11c1c; }
.navigation_submenu .menubutton a { color: #FFF !important; background: #c11c1c; text-decoration: none; padding: 0; margin: 0 !important; }
.navigation_submenu .menubutton a:link, .navigation_submenu .menubutton a:visited { color: #FFF !important; background: #c11c1c; text-decoration: none;  padding: 0; margin: 0;}
.navigation_submenu .menubutton a:hover, .navigation_submenu .menubutton a:active { color: #FFF; background: #c11c1c !important; text-decoration: underline; padding: 0; margin: 0; }

.menubutton { display: inline-block; width: auto; height: auto; margin: 0px; padding: 8px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: nowrap; font-size: 1.0em; line-height: 1.0em;text-transform: none;letter-spacing: 0px;font-weight: 400;}

@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 (min-width: 1001px) and (max-width: 1250px) {
    
    header > nav .logo {left:1%;}
	#navigation_menu .menu_nav {margin-left: 220px;}
    #navigation_menu .menu_nav li.no_subnav a.linkbox { color: #FFF !important; margin: 1.0em 5px 0em 0px !important;}
	#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 {font-size: 14px;font-weight: 600;padding: 0.5em 5px 0.5em 5px;line-height: 2em !important;}
	#navigation_menu .menu_nav li.no_subnav a.linkbox {color: #FFF !important;margin: 0em 0px 0em 0px !important;}
	
	#subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded], #subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a, #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink, #subnavigation_menu .menu_nav > .linkbox a, #subnavigation_menu .menu_nav > .nav_search a {font-size: 15px;}
}

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

    header > nav .logo {display: none;}

    #navigation_menu { min-height: 90px; width: 100%; padding: 20px 0px 0px 0px; background: #cc1c1c !important;}
    #navigation_menu .menu_nav { margin: 5em 0 0 0px; /*background: transparent;*/ }
    #navigation_menu .logo-head {right: 350px !important;}
    #navigation_menu .logo-head a { /*background-image: url(https://berlin.bard.edu/images/logos/logo-bcb-header.png);*/ background-image: url(https://berlin.bard.edu/images/logos/logo-bcb-25th.png); background-size: 300px; width: 300px; }

	#navigation_menu .menu_nav > .nav_menu_item { border-color: #FFF; }
    #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 .navigation_submenu a { line-height: 1.2em; }

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

	#navigation_menu .menu_dropdown_block.cols-3-flex { height: auto; margin: 0 auto 1.2em auto; }

    #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 .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 .menu_nav li.no_subnav a.linkbox { margin: 0 !important; padding-left: 10px !important; color: #FFF !important; font-size: 1.0em; background-color: transparent !important; }

	#navigation_menu .menu_nav li.no_subnav a.linkbox:hover,
	#navigation_menu .menu_nav li.no_subnav a.linkbox:focus {
		text-decoration: none;
	}

	#navigation_menu .menu_nav > .nav_search a { padding-left: 10px !important; font-size: 1em !important; }
	#navigation_menu .subnav_head,
	#navigation_menu .subnav_head a { font-size: 15px !important; margin: 1.1em 0; color: #222; }
	nav#navigation_menus li {border-bottom: 1px solid #ededed;}
	#navigation_menu {font-size: 13px;}
}




/* -------- NAV HACKS (8-2022) -----------------------------------------------------*/


#nav_backdrop {
	margin-top: -10px !important;
	-webkit-box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 28%);
	box-shadow: 0px 10px 10px 0px rgb(0 0 0 / 28%);
}

nav#navigation_menus {
	height: 70px !important;
}