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

body { 
	font-size: 15px;
}
header.fixed { 
	display: block;
	position: fixed;
	width: 250px;
	background: #FFF;
	height: 100%;
	border-right: 1px solid #ededed;
	margin: 0;
	padding: 0;
}
nav.sidenav { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: 100%;
	margin: 0;
	padding: 0;
}
nav.sidenav .sidebar { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 0;
}
nav.sidenav .sidebar .sidelogos { 
	display: block;
	position: relative;
	width: 87%;
	background: #FFF;
	height: 340px;
	margin: 0;
	padding: 0;
}
nav.sidenav .sidebar .sidelogos .logo-desktop { 
	display: block;
	position: relative;
	width: 84%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 8%;
}
nav.sidenav .sidebar .sidelogos .logo-desktop img { 
	display: block;
	position: relative;
	width: 85%;
	background: #FFF;
	height: auto;
	margin: 20px 0 0 17px;
	padding: 0;
}
nav.sidenav .sidebar .sidelogos .logo-mobile { display: none; }
nav.sidenav .sidebar .sidemenus { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 0;
}
nav.sidenav .sidebar .sidemenus .sidemenu-toggle { display: none;}
nav.sidenav .sidebar .sidemenus .sidemenu-links { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 0;}
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 0;}
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 0;}
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li a:link,
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li a:visited { 
	display: block;
	position: relative;
	width: auto;
	background: #FFF;
	height: auto;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 35px;
	font-family: "Roboto", Roboto, Arial, sans-serif;
	color: #000 !important;
	font-weight: 500;
	text-decoration: none;
    line-height: 1.0em; }
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li a:active,
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li a:hover { 
	display: block;
	position: relative;
	width: auto;
	background: #318424;
	height: auto;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 35px;
	font-family: "Roboto", Roboto, Arial, sans-serif;
	color: #FFF !important;
	font-weight: 500;
	text-decoration: none;}
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav ul.side-subnav { 
	display: block;
	position: relative;
	width: 100%;
	background: #FFF;
	height: auto;
	margin: 0;
	padding: 0;
}
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li ul.side-subnav li a:link,
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li ul.side-subnav li a:visited { 
	display: block;
	position: relative;
	width: auto;
	background: #FFF;
	height: auto;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 45px;
	font-family: "Roboto", Roboto, Arial, sans-serif;
	color: #000;
	font-weight: 500;
	text-decoration: none;
}
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li ul.side-subnav li a:active,
nav.sidenav .sidebar .sidemenus .sidemenu-links ul.side-mainnav li ul.side-subnav li a:hover { 
	display: block;
	position: relative;
	width: auto;
	background: #318424;
	height: auto;
	margin: 0 0 0 0;
	padding: 8px 10px 8px 45px;
	font-family: "Roboto", Roboto, Arial, sans-serif;
	color: #FFF;
	font-weight: 500;
	text-decoration: none;
}


/* ------------ On-Page Nav Highlights ------------- */
body#about a.about { background: #318424 !important; color: #FFF !important; }
body#ma a.masters { background: #318424 !important; color: #FFF !important; }
body#events a.events { background: #318424 !important; color: #FFF !important; }
body#talks a.talks { background: #318424 !important; color: #FFF !important; }
body#publications a.publications { background: #318424 !important; color: #FFF !important; }
body#festivals a.festivals { background: #318424 !important; color: #FFF !important; }
	body#commonground a.festivals { background: #318424 !important; color: #FFF !important; }
	body#ecotone a.festivals { background: #318424 !important; color: #FFF !important; }
body#workshops a.workshops { background: #318424 !important; color: #FFF !important; }
	body#workshop a.workshops { background: #318424 !important; color: #FFF !important; }
body#aip a.aip { background: #318424 !important; color: #FFF !important; }
body#commissions a.commissions { background: #318424 !important; color: #FFF !important; }
	body#artcomm a.commissions { background: #318424 !important; color: #FFF !important; }
body#grants a.grants { background: #318424 !important; color: #FFF !important; }
body#people a#people { background: #318424 !important; color: #FFF !important; }
	body#staff a#people { background: #318424 !important; color: #FFF !important; }
	body#fellows a#people { background: #318424 !important; color: #FFF !important; }
body#resources a.resources { background: #318424 !important; color: #FFF !important; }
body#resource a.resources { background: #318424 !important; color: #FFF !important; }
body#news a#news { background: #318424 !important; color: #FFF !important; }


/* ---------------------------- TABLET STYLES ------------------------ */

@media only screen and (min-width: 701px) and (max-width: 1000px) {
	header.fixed { 
		display: block;
		position: fixed;
		width: 100%;
		background: #FFF;
		height: auto;
		border-rightdisplay: none;
		border-bottom: 1px solid #ededed;
		margin: 0;
		padding: 0;
	}
	nav.sidenav { 
		display: block;
		position: relative;
		width: 95%;
		background: #FFF;
		margin: 0;
		padding: 2.5%;
		height: 80px;
	}
	nav.sidenav .sidebar .sidemenus { 
		display: block;
		position: relative;
		width: 50%;
		float: right;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidelogos { 
		display: block;
		position: relative;
		width: 48%;
		float: left;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidelogos .logo-desktop { 
		display: none;
	}
	nav.sidenav .sidebar .sidelogos .logo-mobile { 
		display: block;
		position: relative;
		width: 175px;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0 0 10px 8px;
	}
	nav.sidenav .sidebar .sidelogos .logo-mobile img { 
		display: block;
		position: relative;
		width: 100%;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidemenus .sidemenu-links { 
		display: none;
		position: relative;
		width: 100%;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidemenus .sidemenu-toggle { 
		display: unset !important;
		position: absolute;
		top: 30px;
		right: 0px;
		margin: 0px 5% 0 10px;
		z-index: 10000;
		background: #FFF;
		border: none;
	}
		nav.sidenav .sidebar .sidemenus .sidemenu-toggle > span.sr-only {
		width: 1px;
		height: 0px;
		margin: 0 -1px -1px 0;
		overflow: hidden;
		border: 0;
		padding: 0;
		position: absolute;
		color: #222;
		background: #FFF;
		clip: rect(0, 0, 0, 0);
	}
		nav.sidenav .sidebar .sidemenus .sidemenu-toggle > span:not(.sr-only) { 
		display: block;
		width: 25px;
		height: 3px;
		margin-bottom: 4px;
		margin-top: 4px;
		position: relative;
		background: #222;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 0 0;
		transition: transform 500ms cubic-bezier(0.77, 0.2, 0.05, 1), background 200ms cubic-bezier(0.77, 0.2, 0.05, 1), margin 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 550ms ease;
	}
}
/* ---------------------------- MOBILE STYLES ------------------------- */
@media screen and (max-width: 700px) {
	header.fixed { 
		display: block;
		position: fixed;
		width: 100%;
		background: #FFF;
		height: auto;
		border-rightdisplay: none;
		border-bottom: 1px solid #ededed;
		margin: 0;
		padding: 0;
	}
	nav.sidenav { 
		display: block;
		position: relative;
		width: 95%;
		background: #FFF;
		margin: 0;
		padding: 2.5%;
		height: 80px;
	}
	nav.sidenav .sidebar .sidemenus { 
		display: block;
		position: relative;
		width: 50%;
		float: right;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidelogos { 
		display: block;
		position: relative;
		width: 48%;
		float: left;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidelogos .logo-desktop { 
		display: none;
	}
	nav.sidenav .sidebar .sidelogos .logo-mobile { 
		display: block;
		position: relative;
		width: 175px;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0 0 10px 8px;
	}
	nav.sidenav .sidebar .sidelogos .logo-mobile img { 
		display: block;
		position: relative;
		width: 100%;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidemenus .sidemenu-links { 
		display: none;
		position: relative;
		width: 100%;
		background: #FFF;
		height: auto;
		margin: 0;
		padding: 0;
	}
	nav.sidenav .sidebar .sidemenus .sidemenu-toggle { 
		display: unset !important;
		position: absolute;
		top: 30px;
		right: 0px;
		margin: 0px 5% 0 10px;
		z-index: 10000;
		background: #FFF;
		border: none;
	}
		nav.sidenav .sidebar .sidemenus .sidemenu-toggle > span.sr-only {
		width: 1px;
		height: 0px;
		margin: 0 -1px -1px 0;
		overflow: hidden;
		border: 0;
		padding: 0;
		position: absolute;
		color: #222;
		background: #FFF;
		clip: rect(0, 0, 0, 0);
	}
		nav.sidenav .sidebar .sidemenus .sidemenu-toggle > span:not(.sr-only) { 
		display: block;
		width: 25px;
		height: 3px;
		margin-bottom: 4px;
		margin-top: 4px;
		position: relative;
		background: #222;
		border-radius: 3px;
		z-index: 1;
		transform-origin: 0 0;
		transition: transform 500ms cubic-bezier(0.77, 0.2, 0.05, 1), background 200ms cubic-bezier(0.77, 0.2, 0.05, 1), margin 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 550ms ease;
	}
}