@charset "utf-8";
/* ########################## */
/* ##### For SEBS Units ##### */
/* ########################## */

#unit-text { font-family: 'Libre Baskerville', serif; letter-spacing: -.05rem; }

/* Hack to prevent horizontal scrolling on mobile devices */
#unit-bar-wrapper { overflow-x: hidden; }



/* ##### Main Element Padding & Margins ##### */

@media only screen and (min-width: 75em) { /*x-large*/
	#unit-bar { margin: 0 auto; max-width: 75rem; }
}

#unit-bar { padding-left: 2rem; padding-right: 2rem; }
@media only screen and (min-width: 78em) { /*3em bigger than x-large*/
	#unit-bar { padding-left: 0; padding-right: 0; }
}

#sebs-logotext img { height: 32px; margin-left: 16px; width: 340px; }



/* ##### Unit Bar ##### */

#unit-bar-wrapper { background: white; color: black; }
#unit-bar { background: white; padding-bottom: 1rem; padding-top: 1rem; }

#unit-text { color: black; font-size: 1.25rem; font-weight: normal; line-height: 1.25; }
h1#unit-text { text-transform: none; }
/*a#unit-text { font-size: 1rem; }*/
a#unit-text:link,
a#unit-text:visited {color: black;  }
a#unit-text:focus,
a#unit-text:hover { color: #b99c6b; text-decoration: underline; }
a#unit-text:active { color: #cc0033; }
#tagline { font-family: 'Libre Baskerville'; font-size: 1rem; font-style: italic; }

@media only screen and (min-width: 40em) { /*medium & up*/
	#unit-bar { padding-bottom: 1.25rem; padding-top: 1.25rem; }
	a#unit-text { font-size: 1.25rem; }
}
@media only screen and (min-width: 64em) { /*large & up*/
	#unit-bar { padding-bottom: 1.25rem; padding-top: 1.25rem; }
	a#unit-text { font-size: 1.75rem; }
	#homepage #unit-bar { padding-bottom: 1.5rem; padding-top: 1.5rem; }
	h1#unit-text { font-size: 2rem; }
	#tagline { font-size: 1.25rem; }
}



/* ##### BOTH NAVS ##### */

@media only screen and (min-width: 40em) { /*medium & up*/
	#small-nav-bar .fa-bars { font-size: 1.5rem; }
}

.nav-menu { list-style-type: none; margin: 0 0 1rem 0; padding: 0; position: absolute; top: 0; width: 100%; }
.nav-menu>li { font-size: 1.125rem; font-weight: 600; }

@media only screen and (min-width: 64em) { /*large & up*/
	.nav-menu { display: table; position: static; width: 100%; }
	.nav-menu>li { display: table-cell; text-align: center; width: auto; }
	.nav-menu>li>a { padding: 1rem .75rem; }
}
#nav-menu-wrapper .nav-menu li a { padding: .25rem .75rem; }
#nav-menu-wrapper .nav-menu a:link,
#nav-menu-wrapper .nav-menu a:visited { color: #cc0033; text-decoration: none; }
#nav-menu-wrapper .nav-menu li a:focus,
#nav-menu-wrapper .nav-menu li a:hover { background: #d2b48c; color: white; text-decoration: none; transition: .3s; }
#nav-menu-wrapper .nav-menu li a:hover .main-menu-item { text-decoration: underline; }
#nav-menu-wrapper .nav-menu li a:active { background: #cc0033; color: white; transition: .3s; }
#nav-menu-wrapper .nav-menu li a .fa-angle-down::before { color: #e88ca3; margin-left: .75rem; }
#nav-menu-wrapper .nav-menu li a:focus .fa-angle-down::before,
#nav-menu-wrapper .nav-menu li a:hover .fa-angle-down::before { text-decoration: none; }
.nav-menu.drilldown { background:  #f6f7f2; padding: 0 1rem 1rem 1rem; }
.nav-menu.drilldown li { font-size: 1rem; }
.nav-menu.drilldown li a { border-radius: 0 !important; display: block; line-height: 1.3; }
#nav-menu-wrapper .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: #e88ca3 transparent transparent; }



/* ##### HORIZONTAL NAV ##### */

#nav-menu-wrapper .horizontal-nav .nav-menu li a { display: block; padding: 1rem .75rem; }
.horizontal-nav .nav-menu .fa-angle-down { display: none; }

@media only screen and (min-width: 64em) { /*large & up*/
	.horizontal-nav .nav-menu { margin-bottom: 0; }
	.horizontal-nav #nav-menu-wrapper .nav-menu>li>a { line-height: 1; }
	.horizontal-nav #nav-menu-wrapper .nav-menu>li>a { padding: 1rem .75rem; }
	.horizontal-nav #nav-menu-wrapper .nav-menu>li>a:focus,
	.horizontal-nav #nav-menu-wrapper .nav-menu>li>a:hover { border-radius: .5rem .5rem 0 0; }
	.horizontal-nav .nav-menu .fa-angle-down { display: inline-block; }
	.horizontal-nav .nav-menu>li.is-dropdown-submenu-parent>a::after { display: none; }
	.horizontal-nav .nav-menu>li>a { display: block; }
	.horizontal-nav .nav-menu .is-dropdown-submenu { background: #f6f7f2; border: none; border-bottom: 4px solid tan; border-top: 4px solid tan; padding-top: .5rem; text-align: left; width: 100%; }
	.horizontal-nav .nav-menu .is-dropdown-submenu li { margin-bottom: .5rem; }
	.horizontal-nav .nav-menu .is-dropdown-submenu li,
	.horizontal-nav .nav-menu .is-dropdown-submenu li a { font-size: 1rem; line-height: 1.25; }
	.horizontal-nav #nav-menu-wrapper .is-dropdown-submenu-parent>a::after { display: none; }
	.horizontal-nav #nav-menu-wrapper .is-dropdown-submenu a:link { color: #005a7a; }
	.horizontal-nav #nav-menu-wrapper .is-dropdown-submenu a:visited { color: #9400d3; }
	.horizontal-nav #nav-menu-wrapper .is-dropdown-submenu a:focus,
	.horizontal-nav #nav-menu-wrapper .is-dropdown-submenu a:hover { background: transparent; color: #b99c6b; text-decoration: underline; }
	.horizontal-nav #nav-menu-wrapper .is-dropdown-submenu a:active { background: transparent; color: #cc0033; }
}



/* ##### VERTICAL NAV ##### */

.vertical-nav #main-wrapper { position: relative; }
.vertical-nav #nav-col h2 { font-size: 1.25rem; margin-bottom: .25rem; }
.vertical-nav #nav-menu-wrapper { background: #f6f7f2; z-index: 1; }
.vertical-nav #nav-menu-wrapper { left: 0; top: 0; }
.vertical-nav #nav-menu { padding: 0 1rem 1rem 1rem; }
.vertical-nav .nav-menu { position: relative; }
.vertical-nav .nav-menu.drilldown { padding: 0 0 .5rem 0; }
.vertical-nav .nav-menu li { font-size: 1rem; margin-bottom: 0; }
.vertical-nav .nav-menu li li a,
.vertical-nav .nav-menu .is-accordion-submenu-item a { font-size: .875rem; font-weight: normal; }
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { right: 0; }

@media only screen and (min-width: 64em) { /*large & up*/
	.vertical-nav #nav-col { background: #f6f7f2; margin-left: 0; padding: .5rem .75rem; }
	.vertical-nav #unit-bar-wrapper { border-bottom: 10px solid  #f6f7f2; }
	.vertical-nav #nav-menu-wrapper { background: #f6f7f2; position: static; top: 0; }
	.vertical-nav #nav-menu { padding: 0; }
	.vertical-nav .nav-menu { display: block; padding: 0 .5rem 0 .5rem; }
	.vertical-nav .nav-menu,
	.vertical-nav .nav-menu li a { font-size: .9rem; }
	.vertical-nav .nav-menu>li { display: block; text-align: left; }
	.vertical-nav .nav-menu>li .main-menu-item { display: inline-block; width: 87%; }
	.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after { border-color: #e88ca3 transparent transparent; }
	.vertical-nav .nav-menu li a { display: block; line-height: 1.3; }
}



/* ##### FOOTER ##### */

#footer-wrapper #webmaster { margin-bottom: 1.5rem; }
#footer-wrapper .lined { border-top: 2px solid #636357; margin-bottom: 2rem; padding-top: .25rem; }
#footer-wrapper .lined li { border-bottom: 2px solid #636357; }
#footer-wrapper .lined li a:link,
#footer-wrapper .lined li a:visited { display: block; padding-bottom: .25rem; text-decoration: none; }
#footer-wrapper img.campaign { margin-bottom: 1rem; max-width: 200px; width: 100%; }



/* ##### EVERYTHING ELSE ##### */

.panel { background: #f6f7f2; margin-bottom: 1rem; padding: 1rem; } /*For backwards compatibility with older sites */

.course-list { list-style-type: none; }
.course-list li { line-height: 1.5rem; margin-bottom: 0.75rem; }
.course-list a { text-decoration: none; }

.callout.contacts b { font-size: larger; }

.people .headshot { margin-bottom: 1rem; }
.people .headshot img { border-radius: .5rem; display: block; max-width: 250px; width: 100%; }
.people .name { font-size: 125%; }
.people .contact { margin-bottom: 2rem; }
.people p { margin-bottom: 0; }
.people b { font-size: larger; }
@media only screen and (min-width: 40em) { /* Medium & up */
	.people .headshot,
	.people>div { margin-bottom: 2rem; }
	.people .headshot img { border-radius: .5rem; height: auto; margin-top: .5rem; max-width: 170px; overflow: hidden; width: 100%; }
}

.faq-list { list-style-type: disc; }
.faq-list>li>h2,
.faq-list li>h3 { font-family: 'Open Sans', sans-serif; font-size: 1rem; }
.faq-list a { text-decoration: underline; }

.spotlights .text { margin: 1rem; }
#main .spotlights a:link,
#main .spotlights a:visited { color: black; text-decoration: none; }
#main .spotlights a.solid:link,
#main .spotlights a.solid:visited { color: white; }
#main .spotlights a.cell.callout.solid:focus,
#main .spotlights a.cell.callout.solid:hover .text { color: #fff4cc; }
#main .spotlights a.cell.callout.solid:active .text { color: #f9ecea; }
.spotlights .i-more { font-weight: normal; }


@media print {
	#nav-col { display: none; }
	#main-col { width: 100%; }
}