/* 
    core.css
      All ESF display styles
      Aaron Knight, September 2022
*/ :root {
	/* Primary Colors */
	--darkgreen: #04562E;
	--lightgreen: #62A044;
	--blue: #28628E;
	--orange: #ED8B00;
	/* Secondary Colors */
	--black: #000000;
	--brown: #693F23;
	--yellow: #FFC72C;
	--darkgray: #707070;
	/* Muted Colors */
	--mutedlightgreen: #9CBA88;
	--mutedblue: #447593;
	--mutedbrown: #C1AD9F;
	--mutedorange: #D8A368;
	/* Academic Dept colors */
	--chemeng: #FFC72C;
	--chem: #5A4EB5;
	--eb: #28628E;
	--ere: #8DB8C3;
	--envsci: #B2D39B;
	--envstu: #62A044;
	--la: #8E2873;
	--rs: #693F23;
	--srm: #8B7A4D;
	--oa: #427DFD;
}
body {
	font-family: 'Source Sans 3', sans-serif; /* standard font */
}
/* Headers default */
h1, h2, h3, h4, h5, h6, caption, figcaption {
	font-family: 'Source Sans 3', sans-serif; /* default: Sans serif. Class  */
	display: block;
	font-weight: 600;
	text-wrap: balance; /* new feature in Chrome Canary, watch as implemented */ 
}
.serif {
	font-family: 'Source Serif 4', serif;
}
h2, h3 {
	color: var(--darkgreen);
}
h4 {
	color: var(--darkgray);
}
.upper {
	text-transform: uppercase;
}
p, li {
	color: var(--darkgray);
	font-size: large;
}
a {
	color: var(--blue);
	border-bottom: var(--blue) dotted 1px;
	text-decoration: none;
}
a:hover {
	border-bottom: var(--blue) solid 1px;
}

.imglink, .imglink a:hover
{
	border-bottom: none;
}
.ms-3 a, .ms-3 a:hover {
	border-bottom: none;
}
#directedit a, #directedit a:hover {
	border-bottom: none;
}
.nav-item a
{
	border-bottom: none;
}
.nav-item a:hover
{
	border-bottom: var(--blue) dotted 1px;
}
/* Text color overrides */
.txtOrange {
	color: var(--orange);
}
.txtBrown {
	color: var(--brown);
}
.txtDkGreen {
	color: var(--darkgreen);
}
.txtDkGray {
	color: var(--darkgray);
}
.txtBlack {
	color: black;
}
.txtWhite {
	color: white;
}
.txtERE{
	color: var(--ere);
}
.txtLA{
	color: var(--la);
}
.txtOA{
	color: var(--oa);
}
.landing {
    font-weight: 600;
}
.landing-rule {
	color: var(--orange); 
	background-color: var(--orange); 
	width: 10%; 
	border-width: 5px;
}
.bq-land {
	text-align:left;
	border-left: thin solid var(--orange);
	padding-left: 20px;
	font-family: 'Source Serif 4', serif;
	font-weight: 600;
	color: var(--orange);
	font-size: 1.4em;
	
}
.landing-lists
{
	list-style: none;
	text-align: left;
}
.landing-lists li {
	padding-bottom: 10px;
}
/* Background colors */
.bgDkGreen {
	background-color: var(--darkgreen);
}
.bgDkGray {
	background-color: var(--darkgray);
}
.bgVeryLightGreen {
	background-color: #f2f6f4;
}
.bgVeryLightBlue {
    background-color: #f6f6fb;
}
.bgVeryLightOrange {
    background-color: #fce7cb;
}
/* Global navigation region */
.header-region {
	background-color: var(--darkgreen);
}
.header-region input[type=search] {
	background-color: var(--darkgreen);
	color: #FFFFFF;
	border: thin solid #707070;
	padding: 5px;
	margin-bottom: 10px;
	width: 80%;
	min-width: 200px;
}
.navbar-brand img {
	width: 100%;
	height: 100%;
	max-width: 100px;
	max-height: 100px;
	object-fit: scale-down;
}
.navbar-brand a:hover, .navbar-brand a:visited, .navbar-brand a:focus, .navbar-brand a:active, .navbar-brand a {
	text-decoration: none;
}
.navbar-toggle {
	display: none;
}

/* Desktop only: dropdown menus open on hover */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: none;
	}
	.navbar .nav-item:hover .nav-link {}
	.navbar .nav-item:hover .dropdown-menu {
		display: block;
	}
	.navbar .nav-item .dropdown-menu {
		margin-top: 0;
	}
	.hide-m
	{
		display: block;
	}
	.hide-d
	{
		display: none;
	}
    #navlg {
        color: var(--orange);
        font-weight: 600;
        font-size: larger;
    }
    #navlg .dropdown-menu a, #navlg .dropdown-menu a:hover, #navlg .dropdown-menu a:visited, #navlg .dropdown-menu a:active {
        color: #707070;
        border-bottom: none;
    }
    #navlg a, #navlg a:hover, #navlg a:visited, #navlg a:active {
        color: var(--orange);
    }
    #navlg a:hover, #navlg a:hover {
        text-decoration: underline var(--orange) dotted;
        /*border-bottom: var(--orange) dotted 1px;*/
    }
    #navsm {
        color: white;
        text-transform: uppercase;
        font-weight: 300;
        line-height: 30px;
    }
    #navsm a, #navsm a:hover, #navsm a:visited, #navsm a:active {
        color: white;
    }
    #navsm a, #navlg a {
        border-bottom: var(--darkgreen) solid 1px;
    }
    #navsm a:hover, #navlg a:hover {
        border-bottom: white dotted 1px;
    }

	.pgrm-hero-text-box {
		position:absolute;
		top:570px;
	}
	.pgrm-hero-text-box-cert {
		position:relative;
		top:-225px;
		margin-bottom: -200px;
	}
	.oa-hero-text-box {
		position:absolute;
		top:250px;
	}


	.pgrm-main {
		position: relative;
		top: 70px;
		margin-bottom: 50px;
	}
	
	.apply-button {
		position: absolute;
		top: 879px;
	}
	.apply-button-cert {
		position: absolute;
		top: 394px;
	}
	.oa-separator {
		position: absolute;
		top: 425px;
		height:30px;
		text-align:center;
	}
}

@media all and (max-width: 991px) {
    body .navbar .navbar-toggler {
      color: white;
      border-color: white;
    }
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }

	.header-region li {
		text-align: center;
	}
	.hide-m
	{
		display: none;
	}
	.hide-d
	{
		display: block;
	}
    #navlg {
        color: var(--orange);
        font-weight: 600;
        font-size: larger;
    }
    #navlg .dropdown-menu a, #navlg .dropdown-menu a:hover, #navlg .dropdown-menu a:visited, #navlg .dropdown-menu a:active {
        color: #707070;
        border-bottom: none;
    }
    #navlg a, #navlg a:hover, #navlg a:visited, #navlg a:active {
        color: var(--orange);
    }
    #navlg a:hover, #navlg a:hover {
        text-decoration: underline var(--orange) dotted;
        /*border-bottom: var(--orange) dotted 1px;*/
    }
    #navsm {
        color: white;
        text-transform: none;
        font-weight: 300;
        line-height: 30px;
    }
    #navsm a, #navsm a:hover, #navsm a:visited, #navsm a:active {
        color: white;
    }
    #navsm a, #navlg a {
        border-bottom: var(--darkgreen) solid 1px;
    }
    #navsm a:hover, #navlg a:hover {
        border-bottom: white dotted 1px;
    }
	.pgrm-hero-text-box {
		position:absolute;
		top:290px;
		background-color: #707070AA;
	}
	.pgrm-hero-text-box-cert {
		position:relative;
		top:-260px;
		margin-bottom:-260px;
	}
	.oa-hero-text-box {
		position:absolute;
		top:250px;
	}
	.pgrm-main {
		position: relative;
		top: 70px;
		margin-bottom: 50px;
	}

	.apply-button {
		position: absolute;
		top: 669px;
	}
	.apply-button-cert {
		position: absolute;
		top: 384px;
	}
	.oa-separator {
		position: absolute;
		top: 415px;
		height:30px;
		text-align:center;
	}
}

/* Cookie message bar */
.cookiealert {
	background-color: #EEE;
	color: black;
}

/* Urgent message bar (COVID-19) */
.urgent-message {
	background-color: #EEE;
}
.urgent-message a {
	font-size: 20px;
    line-height: 50px;
    color: #000;
    font-weight: 600;
    font-family: 'Source Sans 3', sans-serif;
}
/* Heroes */
.hero-text-box {
	opacity: 90%;
	border-bottom: var(--orange) 15px solid;
	margin-bottom: 0;
    margin-top: -220px;
}
.hero-text-box h1, .hero-text-box-CE h1, .hero-text-box-ES h1, .hero-text-box-ESc h1, .hero-text-box-CH h1, .hero-text-box-EB h1, .hero-text-box-ERE h1, .hero-text-box-LA h1, .hero-text-box-RS h1, .hero-text-box-SRM h1, .hero-text-box-landing h1 {
	font-family: "Source Serif 4", serif;
	font-weight: 600;
}
/* Hero text schemes by department */
.hero-text-box-ES {
	background-color: var(--envstu);
    color: white;
}
.hero-text-box-CE {
	background-color: var(--chemeng);
    color: black;
}
.hero-text-box-ESc {
	background-color: var(--envsci);
    color: white;
}
.hero-text-box-CH {
	background-color: var(--chem);
    color: white;
}
.hero-text-box-EB {
	background-color: var(--eb);
    color: white;
}
.hero-text-box-ERE {
	background-color: var(--ere);
    color: black;
}
.hero-text-box-LA {
	background-color: var(--la);
    color: black;
}
.hero-text-box-RS {
	background-color: var(--rs);
    color: black;
}
.hero-text-box-SRM {
	background-color: var(--srm);
    color: black;
}

.hero-text-box-landing {
	color: white;
}

.landing-hero-text-box {
	color:white;
	margin-top: -195px;
}


.prgm-hero-text-box-h1 {
    font-family: "Source Serif 4",serif;
    color: white;
}
.small-text {
	text-transform: uppercase;
	font-size: 16px;
	font-family: "Source Sans 3";
	font-weight: 600;
}
/* first para, most pages */
.intro-text {
	color: var(--mutedblue);
	font-size: 1.5em;
	line-height: 1.75;
	padding-top: 2vh;
	padding-bottom: 2vh;
}
.hero {
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 800px;
	align-items: flex-end;
}
.hero-landing{
	min-height: 400px;
	max-height: 400px;
	background-size: cover;
	background-repeat: no-repeat;
	align-items: flex-end;
}
.prgm-hero {
	background-color: black;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 800px;
	align-items: flex-end;
}
@media all and (max-width: 1430px) and (min-width: 992px) {
    .hero video{
        display: none;
    }
	.hero {
		background-color: var(--lightgreen);
		max-height: 400px;
		min-height: 300px;
	}
}
@media all and (max-width: 991px) {
    .hero {
        display: none;
    }
    .prgm-hero{
        min-height: 600px;
        background-position: center;
    }    
    .hero-text-box {
        margin-top: 48px;
    }
	.hero-text-box-landing {
		margin-top: 48px;
	}
	.pgrm-hero-text-box {
		margin-top: 60px;
	}
	.prgm-hero-text-box-h1 {
		color:white;
	}
}

.interior-hero {
	background-color: var(--lightgreen);
	/*background-size: 100vw;*/
	background-repeat: no-repeat;
	margin-top: 50px;
	max-height: 150px;
	padding-bottom: 10px;
	align-items: flex-end;
}

.interior-hero .banner {
	height: 230px;
	max-height: 230px;

}

.hero-text-box-inner {
	color: white;
	margin-top: 0;
	font-size: medium;
}
.hero-text-box-inner h1 {
	font-family: "Source Serif 4", serif;
	font-weight: 600;
}


/* Breadcrumbs */
#crumb a, #crumb a:hover, #crumb a:active, #crumb a:visited {
	color: var(--darkgray);
}
#crumb {
	font-size: medium;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding-bottom: 2%;
	color: var(--darkgray);
}
#crumb a:hover, #crumb a:focus {
	color: var(--black);
}
/* Hero options - image set here unless we have a way to do this via Omni CMS interface? */
.hero-estudies {
	background-image: url("https://www.esf.edu/Homepage/assets/adm-cover-9-26.jpg");
}
.hero-video {
    max-height: 600px;
    overflow-y: hidden;
}
.hero-chemeng {
	background-image: url("https://www.esf.edu/pbe/chemicalengineering/assets/chemeng_hero.jpg");
}
.hero-pgm-cm {
	background-image: url("https://www.esf.edu/fnrm/cm/assets/hero-image1.png");
}
.hero-pgms-chemeng {
    border-bottom: var(--chemeng) 15px solid;
}
.hero-pgms-envstu {
    border-bottom: var(--envstu) 15px solid;
}
.hero-pgms-eb {
    border-bottom: var(--eb) 15px solid;
}
.hero-pgms-srm {
    border-bottom: var(--srm) 15px solid;
}
.hero-pgms-la {
    border-bottom: var(--la) 15px solid;
}
.hero-pgms-envsci {
    border-bottom: var(--envsci) 15px solid;
}
.hero-pgms-rs {
    border-bottom: var(--rs) 15px solid;
}
.hero-pgms-oa {
    border-bottom: var(--oa) 15px solid;
}
.hero-pgms-chem {
    border-bottom: var(--chem) 15px solid;
}
.hero-pgms-ere {
    border-bottom: var(--ere) 15px solid;
}

/* Events styles */
.events h1 {
	font-family: "Source Serif 4", serif;
	font-weight: 600;
	color: var(--brown);
}
.events h2 {
	font-family: "Source Serif 4", serif;
	font-weight: 600;
	color: var(--brown);
}
.events h3 {
	font-weight: 600;
	font-size: large;
	text-transform: none;
	color: #707070;
}
.events select {
	width: 90%;
	font-size: medium;
	font-family: "Source Serif 4", serif;
}
.eventbutton {
	width: 90%;
}
.EvDetail {
	font-weight: 600;
	font-size: large;
}
.EvDetailLbl {
	font-weight: 300;
	font-size: medium;
}
.eventsleft {
	background-color: #F0F0F0;
}
.eventsleft img {
	float: none;
	width: 100%;
}
.EventListing {
	border-bottom: dotted var(--brown) 1px;
}
.EventListing img {
	max-width: 200px;
	max-height: 200px;
	float: right;
}
.no-border {
	border: none;
}
/* Events - Calendar sim date block */
.dateblock {
	width: 50px;
	height: 50px;
	margin-top: -60px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.datemonth {
	width: 100%;
	text-align: center;
	background-color: var(--orange);
	color: white;
	text-transform: uppercase;
	font-size: 10px;
}
.dateday {
	width: 100%;
	text-align: center;
	background-color: white;
	color: var(--brown);
	font-size: 24px;
	font-weight: 600;
}
.event-category {
	text-transform: uppercase;
	font-weight: 600;
	color: var(--blue);
	padding-top: 10px;
}
.event-link {
	font-family: "Source Serif 4", serif;
	color: var(--brown);
	text-transform: none;
}
.event-border-left {
	border-left-color: var(--brown);
	border-left-style: dotted;
	border-left-width: thin;
}
/* News */
.dateline
{
	color: var(--darkgray);
	font-size: smaller;
}

/* Float-container regions */
.acadbg1 {
	background-color: var(--chemeng);
}
.acadbg2 {
	background-color: var(--envsci);
}
.acadbg3 {
	background-color: var(--envstu);
}
.acadMeetChair {
	background-color: var(--darkgreen);
	font-family: "Source Serif 4";
}
.acadMeetChair h2 {
	color: var(--orange);
}
.acadMeetChair h3 {
	color: white;
	font-size: large;
	font-weight: 600;
}
.acadMeetChair p {
	font-style: italic;
	font-weight: 300;
	color: white;
}
.acadMeetChair button {
	color: white;
	font-family: "Source Sans 3";
}
.acadMeetChairCE {
	background-image: url("/chemeng/assets/chemeng-chair-lighter.png");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairEB {
	background-image: url("/biology/assets/eb-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairRS {
	background-image: url("/rangerschool/assets/rs-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairLA {
	background-image: url("/la/assets/la-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}

.acadMeetChairCH {
	background-image: url("/chemistry/assets/chem-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairSRM {
	background-image: url("/srm/assets/srm-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairESc {
	background-image: url("/envscience/assets/esci-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairES {
	background-image: url("/envstudies/assets/es-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.acadMeetChairERE {
	background-image: url("/ere/assets/ere-chair.jpg");
	background-repeat: repeat-y;
	background-position:center;
	font-family: "Source Serif 4";
}
.bgCEcards {
	background-color: #eee;
	color: var(--darkgreen);
}
.acadDeptCard {
	min-height:300px;
}
.card {
	border: none;
}
.bgCE {
	background-color: var(--chemeng);
}
.bgCH {
	background-color: var(--chem);
}
.bgEB {
	background-color: var(--eb);
}
.bgERE {
	background-color: var(--ere);
}
.bgES {
	background-color: var(--envstu);
}
.bgESc {
	background-color: var(--envsci);
}
.bgLA {
	background-color: var(--la);
}
.bgSRM {
	background-color: var(--srm);
}
.bgRS {
	background-color: var(--rs);
}
.acadMeetChairCE h2 {
	color: var(--darkgreen);
}
.acadMeetChairCE h3 {
	color: black;
	font-size: large;
	font-weight: 600;
}
.acadMeetChairCE p {
	font-style: italic;
	font-weight: 300;
	color: black;
	font-size: larger;
}
.acadMeetChairCE button {
	color: var(--darkgreen);
	font-family: "Source Sans 3";
}

.acadProgCard {
	font-family: "Source Sans 3";
}
.acadProgCard h2 {
	font-family: "Source Serif 4";
	color: var(--orange);
}
.acadProgCard h3 {
	color: var(--mutedlightgreen);
	text-transform: none;
	font-family: "Source Serif 4";
	font-weight: 600;
}
.acadProgCard img {
	float: right;
}
.acadProgBlock h2 {
	color: var(--orange);
	text-align: center;
	font-weight: 600;
}
.acadProgBlock {
	color: #707070;
	padding-top: 5px;
}
.acadProgBlock hr {
	align-content: center;
	color: #707070;
	width: 80%;
}
.acadGrad {
	background-image: url("https://www.esf.edu/_testing/_resources/images/grad-topo.png");
	background-color: white; /* placeholder. Muted light image background asset to come */
}
.acadGrad h3 {
	color: var(--darkgreen);
	text-transform: none;
}
.acadGradCE {
	background-image: url("https://www.esf.edu/_testing/chemeng/yellow-hex-back-100.png");
	background-color: white; /* placeholder. Muted light image background asset to come */
}
.acadGradCE h2 {
    padding-bottom: 2%;
}
.acadGradCE h3 {
	color: var(--orange);
	text-transform: none;
}
.acadGradEB {
	background-image: url("/biology/assets/topo.png");
	background-color: white; /* placeholder. Muted light image background asset to come */
}
.acadGradEB h2 {
    padding-bottom: 2%;
}
.acadGradEB h3 {
	color: var(--orange);
	text-transform: none;
}
.acadGradLA {
	background-image: url("/la/assets/la-gradbg.jpg");
	background-color: white; 
}
.acadGradLA h2 {
    padding-bottom: 2%;
}
.acadGradLA h3 {
	color: var(--la);
	text-transform: none;
}
.acadContact {
	background-color: var(--mutedlightgreen);
}
.acadContact input[type=text], .acadContact input[type=email] {
	background-color: #8BA977; /* intent: lighter green, no border */
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 80%;
	min-width: 200px;
}
.acadContact input[type=checkbox] {
	border: none;
	padding: 5px;
	margin-bottom: 5px;
}
.acadContact label, .acadContact p {
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.acadContactCE {
	background-color: var(--chemeng);
}
.acadContactCE input[type=text], .acadContactCE input[type=email] {
	color: black;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 80%;
    opacity: 70%;
	min-width: 200px;
}
.acadContactCE input[type=checkbox] {
	border: none;
	padding: 5px;
	margin-bottom: 5px;
}
.acadContactCE label, .acadContactCE p {
	color: black;
	border: none;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.acadContactES {
	background-color: var(--envstu);
}
.acadContactES input[type=text], .acadContactES input[type=email] {
	color: black;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 80%;
    opacity: 70%;
	min-width: 200px;
}
.acadContactES input[type=checkbox] {
	border: none;
	padding: 5px;
	margin-bottom: 5px;
}
.acadContactES label, .acadContactES p {
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.acadContactSRM {
	background-color: var(--srm);
}
.acadContactSRM input[type=text], .acadContactSRM input[type=email] {
	color: black;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 80%;
    opacity: 70%;
	min-width: 200px;
}
.acadContactSRM input[type=checkbox] {
	border: none;
	padding: 5px;
	margin-bottom: 5px;
}
.acadContactSRM label, .acadContactSRM p {
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.acadContactEB {
	background-color: var(--eb);
}
.acadContactEB input[type=text], .acadContactEB input[type=email] {
	color: black;
	border: none;
	padding: 5px;
	margin-bottom: 10px;
	width: 80%;
    opacity: 70%;
	min-width: 200px;
}
.acadContactEB input[type=checkbox] {
	border: none;
	padding: 5px;
	margin-bottom: 5px;
}
.acadContactEB label, .acadContactEB p {
	color: white;
	border: none;
	padding: 5px;
	margin-bottom: 5px;
	text-align: left;
}
.acadCareerOpts p, .acadCareerOpts h3, .acadCareerOpts  li
{
	color:white;
}

/* Buttons */
.hero-button {
	background-color: var(--darkgreen);
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 15px;
	border-radius: 5px;
	border: none;
	min-width: 175px;
	transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-webkit-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-ms-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
}
.contact-button {
	background-color: var(--orange);
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 15px;
	border-radius: 5px;
	border: none;
	min-width: 175px;
	transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-webkit-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-ms-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
}
.btn-default {
	background-color: var(--darkgreen);
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
	font-size: 1em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 15px;
	margin: 15px auto;
	border-radius: 5px;
	border: none;
	min-width: 175px;
	transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-webkit-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-moz-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-ms-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	-o-transition: background .2s ease-out, color .2s ease-out, border .2s ease-out;
	position: relative;
	z-index: 3;
}
.btn-default.case-normal, .content .btn-default.case-normal {
	text-transform: none;
}
.btn-default:hover, .btn-default:focus {
	background-color: white;
	color: black;
	border: solid 1px black;
}
.leftnav li.case-normal {
	text-transform: none;
}
/* Acad programs - pathways info regions */
.pathways-region {
	background-color: var(--darkgreen);
}
.pathways-region h2 {
	color: white;
}
.pathways-region h3, .pathways-regionCE h3 , .pathways-regionES h3, .pathways-regionLA h3, .pathways-regionESc h3,.pathways-regionERE h3, .pathways-regionEB h3,.pathways-regionSRM h3, .pathways-regionRS h3, .pathways-regionCE h3 
{
	font-family: "Source Serif 4", serif;
	font-weight: 600;
	font-size: 60px;
}
.pathways-region h4 {
	color: white;
	font-size: 32px;
}
.pathways-regionCE {
	background-color: var(--chemeng);
}
.pathways-regionCE h4 {
	color: var(--darkgreen);
	font-size: 32px;
}
.pathways-regionERE {
	background-color: var(--ere);
}
.pathways-regionERE h4 {
	color: var(--darkgreen);
	font-size: 32px;
}
.pathways-regionSRM {
	background-color: var(--srm);
}
.pathways-regionSRM h4 {
	color: white;
	font-size: 32px;
}
.pathways-regionRS {
	background-color: var(--rs);
}
.pathways-regionRS h4 {
	color: white;
	font-size: 32px;
}
.pathways-regionOA {
	background-color: var(--oa);
}
.pathways-regionOA h4 {
	color: white;
	font-size: 32px;
}

.pathways-regionES {
	background-color: var(--envstu);
}
.pathways-regionES h4 {
	color: white;
	font-size: 32px;
}
.pathways-regionEB {
	background-color: var(--eb);
}
.pathways-regionEB h4 {
	color: var(--darkgreen);
	font-size: 32px;
}
.pathways-regionLA {
	background-color: var(--la);
}
.pathways-regionLA h4 {
	color: var(--orange);
	font-size: 32px;
}
.orange-line {
	width: 425px;
	margin: 40px auto;
	border-bottom: 3px solid #ED8800;
}
.green-line {
	width: 425px;
	margin: 40px auto;
	border-bottom: 3px solid var(--darkgreen);
}
.white-line {
	width: 425px;
	margin: 40px auto;
	border-bottom: 3px solid white;
}
.gray-line {
	width: 60%;
	margin: 40px auto;
	border-bottom: 1px solid #707070;
}
.bgorange {
	background-color: var(--orange);
	color: white;
}
.bgorange p, .bgorange h1, .bgorange h2, .bgorange h3, .bgorange h4, .bgorange a {
	color: white;
}
.bgorange li {
	font-size: larger;
}
/* Dept photo bar/contact area region */
.pbc-region {
	background-color: var(--darkgreen);
}
.photobar img {
	max-height: 250px;
}
.pbc-region h2 {
	color: var(--orange);
	text-transform: none;
}
.pbc-region p, .pbc-region a {
	color: white;
}
/* Footer region */
footer h2 {
	color: var(--darkgreen);
	font-weight: 600;
	font-size: 1.25rem;
}
.btn-grnwhite {
	background-color: var(--darkgreen);
	color: white;
}

/* Home page carousel styles */
.bd-placeholder-img {
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}
.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
/* Carousel base class */
.carousel {
	background-color: var(--darkgreen);
}
.carousel-caption {
	z-index: 10;
	top: 50px;
	bottom: auto;
}
/*.carousel-caption h1 {
	font-family: 'Source Serif 4', serif;
	font-size: 3.25rem;
}
.carousel-caption p {
	font-size: 1.75rem;
}

.carousel-item {
	max-height: 895px;
	min-height: 500px;

}
@media (max-width:700px) {
	.carousel-item {
		min-height: 500px;
		max-height: 895px;
	}
	.carousel-caption h1 {
		font-size: 2.5rem;
	}
	.carousel-caption p {
		font-size: 1.25rem;
	}
}*/
.carousel-land {
	background-color: var(--white);
}

/* Declare heights because of positioning of img element */
.carousel-item-land {
	height: 100%;
	width: 100%;
}
@media (max-width:700px) {
	.carousel-item-land {
		height: auto;
		width: auto;
		min-height: 500px;

	}
}
.carousel-indicators {
	bottom: 1.8rem;
}
.welcome-box {
	position: relative;
	top: -1.5rem;
	margin-top: 0px;
	background-color: white;
}
.top-icons a {
	color: white;
	font-size: larger;
}
.welcome h2 {
	font-family: "Source Sans 3", sans-serif;
	text-align: center;
	color: var(--darkgreen);
}
/* Left hand nav */
.leftnav {
	background: rgba(98, 160, 68, .1);
	font: normal normal 900 16px/30px Source Sans 3 !important;
	white-space: normal;
}
.leftnav .sect_nav li, .leftnav .sect_nav .nav-item {
	text-transform: uppercase;
	max-width:95%;
}
.leftnav .dropdown-toggle, .leftnav .nested-list .dropdown-item {
	white-space: normal;
}
.leftnav .sect_nav a, .leftnav .sect_nav a:hover, .leftnav .sect_nav a:visited, .leftnav .sect_nav a:active, .leftnav .sect_nav a:focus {
	color: var(--darkgray);
	text-transform: uppercase;
	font-weight: 600 !important;
}

.leftnav .sect_nav .active {
	text-transform: uppercase;
	font-weight: 900 !important;
}
.leftnav .nested-list {
	font: normal normal 600 12px Source Sans 3 !important;
	text-transform: uppercase;
	line-height: 16px;
	white-space: normal;
}
.leftnav .nested-list a, .leftnav .nested-list a:hover, .leftnav .nested-list a:visited, .leftnav .nested-list a:active, .leftnav .nested-list a:focus {
	color: var(--darkgray);
	text-transform: uppercase;
	font-weight: 600 !important;
}
.leftnav .nested-list .active {
	text-transform: uppercase;
	font-weight: 900 !important;
}
.leftnav h3 {
	color: var(--darkgray);
	text-transform: none;
}
.leftnav .dropdown-item {
	text-transform: uppercase;
	color: var(--darkgray);
}
.leftnav .nested-list .dropdown-item {
	text-transform: uppercase;
	color: var(--darkgray);
}
.program-cards {
	text-align: left;
}
.program-cards h4 {
	color: var(--darkgreen);
	font-weight: 600;
}
.button small {
	width: 226px;
	height: 38px;
}
/*Hero banner*/
.academics_hero_banner {
	width: 100%;
	height: 620px;
}
.department_hero_banner {
	width: 100%;
	height: 900px;
}
.program_hero_banner {
	width: 100%;
	height: 895px;
}
/* Contact Us Form - Department template pages, may be standardized/upended by Bootstrap tooling */
#chemeng.contact_form {
	background-color: var(--chemeng);
	width: 100vw;
}
#chem.contact_form {
	background-color: var(--chem);
	width: 100vw;
}
#eb.contact_form {
	background-color: var(--eb);
	width: 100vw;
}
#ere.contact_form {
	background-color: var(--ere);
	width: 100vw;
}
#envsci.contact_form {
	background-color: var(--envsci);
	width: 100vw;
}
#envstu.contact_form {
	background-color: var(--envstu);
	width: 100vw;
}
#la.contact_form {
	background-color: var(--la);
	width: 100vw;
}
#rs.contact_form {
	background-color: var(--rs);
	width: 100vw;
}
#srm.contact_form {
	background-color: var(--srm);
	width: 100vw;
}
.contact_form {
	color: white;
	font-family: "Source Sans 3";
}
.contact_form p {
	font-size: 16px;
}
.contact_form_header {
	font-size: 36px;
}
p.contact_form_primary_text {
	font-size: 20px;
}
.contact_form_field {
	opacity: 30%;
	width: 328px;
}
a.contact_form_button {
	color: var(--orange);
}
/* Overlay galleries.*/
div#quad {
	padding: 0px;
	width: 100%;
	height: 100%;
}
.content-section {
	width: 100vw;
	height: auto;
	margin: 0 auto 0;
	background-color: #fff;
	display: inline-block;
	align-items: center;
}
.content-section-headers {
	width: 888px;
}
.figure1, .figure2, .figure3, .figure4 {
	transition: 1s;
	position: relative;
}
.figure1 {
	float: left;
	margin-bottom: 22px;
}
.figure2 {
	float: right;
	margin-bottom: 22px;
}
.figure3 {
	float: left;
}
.figure4 {
	float: right;
}
.figure1:hover .overlay, .figure2:hover .overlay, .figure3:hover .overlay, .figure4:hover .overlay {
	opacity: 1;
}
.figure1 img, .figure2 img, .figure3 img, .figure4 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	transition: .5s ease;
	background-color: #707070;
}
.overlay p {
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 2%;
	padding-right: 5%;
}
/* Snippet Styles */
.accordion {
	font-family: 'Source Sans 3', sans-serif;
}
.accordion-button, .accordion-button:focus {
	background-color: #F8F8F8;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 16px; 
	font-weight: 600;
	/* Symbol: + */
}
.accordion-button:focus {
	/* Change symbol to - */
}

.faculty h2 {
	color:var(--brown);
}
.faculty h3 {
	font-family: "Source Serif 4",serif;
	color:var(--brown);
	text-transform: none;
}
.facultyphoto {
	float: right;
	max-width: 50%;
	padding: 15px;
}
.facdirectory {
    float:left;
    max-width: 100px;
	height: auto;
    clear:left;
}
.tagline h3 {
	color:var(--darkgreen);
	text-transform: none;
}

.form-section{
	background-color: #F9F9F9;
	background-repeat: no-repeat;
	/*box-shadow: 0px -3px 15px #9F9F9F39;*/
	opacity: 1;
	margin: -40px auto 30px;
	z-index: 2;
	position: relative;
	/*display: inline-block;*/
	margin-left: 2%;
	margin-right: 2%;
	font-size: 1.2em;
}

.form_label{
	color: #04562E;
	text-transform: uppercase;
}
.form-section, .form_label {
	font-family: 'Source Sans 3', sans-serif;
}
.form-section input { vertical-align: middle; font-size: 1.0em; }
/* Makes responsive fields. Sets size and field alignment.*/
.form-section input[type=text], .form-section input[type=password], .form-section input[type=email] { margin: 8px auto;width: 94%;max-width: 400px;padding: 5px;border-radius: 5px;border: 1px solid #7ac9b7;}
.form-section select { margin: 8px auto;max-width: 400px;padding: 5px;border-radius: 5px;border: 1px solid #7ac9b7;}
.form-section input[type=submit], .form-section input[type=reset], .form-section button { background: #0e4271; background-image: linear-gradient(to bottom, #04562E, #04562E); border-radius: 5px; font-family: Arial; color: #fff; font-size: 16px; padding: 6px 15px 6px; text-decoration: none; display: inline-block; box-shadow: 0 0 0 #fff; border: none }

.form-section input:hover[type=submit], .form-section input:hover[type=reset] { background: #0070ff; background-image: linear-gradient(to bottom, #399df9, #0265c1); text-decoration: none }
.form-section textarea { width: 90%; padding: 10px; margin: 8px auto; border: 1px solid #7ac9b7; border-radius: 5px; resize: none; }
.form-section input[type=text]:focus, .form-section textarea:focus { border-color: #4697e4; }