/*
Theme Name:         NECC Sage Child Theme
Theme URI:          http://necc.visionpointmarketing.com/
Description:        Child theme based on the NECC Sage Theme. <a href="https://roots.io/sage/docs">Read the docs for Sage</a>.
Version:            8.5.7.69
Author:             VisionPoint Marketing
Author URI:         http://visionpointmarketing.com/
Template:           necc-sage
Text Domain:        necc-sage-child
License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

ol, p, ul {
  font-size: 1rem;
}

.old_browsers {
  display: none;
  position: relative !important;
}

.close_button {
  font-family: myriad-pro-condensed, sans-serif;
  position: absolute;
  right:18px;
  border:1px #dddddd solid;
  border-radius:10px;
  background-color: #dddddd;
  padding:1px 10px;
}

.close_button a {
  font-family: myriad-pro-condensed, sans-serif;
  font-size: 0.85rem;
  color: red;
  text-decoration: none;
}

.not-in-mobile {display:inherit;}

.banner .header-img-wrap {
  background: none !important;
}

/*
.banner .header-img-wrap .header-img {
  max-width: 100%;
  min-width:auto;
  left:unset !important;
  min-height: 180px;
  /*width:auto;*
}*/

/*
.page-template-page-top-level .banner .header-img-wrap .header-img {
  min-height: none !important;
  height: auto !important;
}
*/

main img {
  max-width: 98% !important;
  height: auto;
}

main li a,
main p a {
  font-size: 1rem;
}

#two-col main {
  padding:0 1rem;
}

ul li {
	line-height:1.85rem;
}

.menu-gateway-container {
  width:100%;
  float:left;
  text-align: center;
  background: rgba(0,0,0,0.8);
}

.nav-gateway #menu-gateway {
  left: auto;
  height: auto;
  transition: unset;
  width:100%;
  padding-right: 20px;
  padding-left: 10px;
}

.nav-gateway {
  margin-bottom:3rem !important; /* Replacing 1rem */
  border-bottom:1px gold solid;
  box-shadow: 0 10px 15px -6px #000;
}

.ipad-gateway {
  height: 66px !important;
}

.menu-subtitle {
    border-bottom: 0 none;
    color: #fff;
    display: block;
    font-family: myriad-pro, sans-serif;
    font-size: 0.75rem;
    font-style: italic;
    font-weight: 400;
    height: 30px;
    line-height: 1rem;
    padding-top: 0.25rem;
    text-transform: none;
    width: 90px;
}

#menu-primary li {
  max-width: 140px !important;
}

.nav-primary #menu-main-navigation li:first-child span,
.nav-primary #menu-primary li:first-child span {
  padding-left: 60px;
}

.academic-blue {
	margin-bottom:20px;
}

#subnav > li:first-child{
 width: 100%;
 border-bottom: 0;
 margin: auto;
 padding: 1rem 0;
}

@media screen and (max-width: 993px) {
	#subnav > li:first-child a {
		display: inline-block !important;
		margin-right: 1rem;
	}
}

#subnav > .sub-menu .menu-item-has-children {
	cursor: pointer;
}

#subnav > .sub-menu .menu-item-has-children::before {
    content: "\f0d9";
    font-family: "Font Awesome 6 Pro";
    color: #fff;
    display: block;
    float: right;
    transition: all .2s ease-in-out;
    font-size: 22px;
    font-size: 1.375rem;
}

#subnav > .sub-menu .menu-item-has-children.opened::before {
	transform: rotate(-90deg);
	transition: all 0.2s ease-in-out;
}

#subnav .menu-description {
    display: block !important;
}

.current_page_item {}

.col-md-3 li.current_page_item > a{
  background-color:#005ebd;
  color:#fff !important;
  padding-left:3px;
  padding-right:3px;
  font-weight:500;
}

.page-template-default .current_page_item > ul li a,
.page-template-page-3col .current_page_item > ul li a,
.page-template-page-3col-shared .current_page_item > ul li a{
  /*color: #005ebd !important;*/
  background: none;
  font-weight: 300 !important;
  padding-left:0;padding-right:0;
}

.col-xs-12 .current_page_item > ul {
  display: block !important;
}

main .not-in-sidebar {
  display: inline;
}

#shared-sidebar .not-in-sidebar,
#sidebar .not-in-sidebar {
  display: none;
}

main .only-in-sidebar {
  display: none;
}

#shared-sidebar .only-in-sidebar,
#sidebar .only-in-sidebar {
  display: inline;
}

#shared-sidebar #helpful-links > ul {
  padding-left: 0rem;
}

#shared-sidebar #got-questions > p {
  padding-left: 0rem;
}

#shared-sidebar #got-questions a {
  text-decoration: underline !important;
}

#sidebar p a:active, #sidebar p a:focus, #sidebar p a:hover {
    background-color: transparent !important;
    border-bottom: none ;
}

#shared-sidebar .alignleft,
#shared-sidebar .aligncenter,
#shared-sidebar .alignright,
#sidebar .alignleft,
#sidebar .aligncenter,
#sidebar .alignright {
    max-width: 100%;
    height: auto;
    clear:both;
    float:inherit;
}

#sidebar a {
  font-size: 1.1rem;
}


#sidebar .spotlight-promo p {
  font-size: 1rem;
}

#sidebar #got-questions a {
  text-decoration: underline !important;
}

#my-necc{
  font-size: 1.3rem;
}

.necc_included_post {
  width: 100%;
  float: left;
  clear: both;
}

.su-table a {
    color: #004990;
    font-size: 0.875rem;
    font-weight: 400;
}

#events-listing .date,
#news-events .date {
    border: none !important;
    margin:3px 0 0 !important;
}

#news-events .thumbnail-wrap {
border-radius:20px;
}

#home-posts #news-events .thumbnail-wrap img {
width:100px;
height:auto;
object-fit: cover;
}

#events-listing .btn {
    width:auto !important;
}

.event-wrap {
    margin-bottom: 15px !important;
}

.col-xs-3 {
    display: inline-block !important;
    float: left;
    width:auto;
}

.col-xs-9 {
    display: inline-block !important;
    margin-top: .3rem !important;
    border-left-color: #eeb111;
    border-left-style: solid;
    border-left-width: 2px;
    padding-left: 10px !important;
    margin-left: 10px !important;
    /*width: 75%;*/
}

.col-xs-9 p {
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 13px !important;
   line-height: 1.4em !important;
}

.necc_centered_div {
  float:none;
  width:100%;
  text-align: center;
  vertical-align: middle;
}

main ol {
  line-height: 1.85rem;
}

.spotlight-content {float:right;}

/*
main li a, main p a {
 font-size:1.1rem;
}
*/

.su-accordion.white .su-spoiler-content p {color:#000;font-family:myriad-pro, sans-serif;font-weight:300;font-style:normal;}
.su-accordion.white .su-spoiler .su-spoiler-title {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-color: #9e9e9e;
    background: none;
    text-transform: none;
    color: #004990;
}

/* Headings - start */
h3 {
  color: #000;
  font-size: 1.5rem !important;
  font-family: myriad-pro-condensed, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
}

h4 {
  color: #707070;
  font-size: 1.275rem !important;
  font-family: myriad-pro-condensed, sans-serif;
  font-weight: 600;
  font-style: normal;
  line-height: 1.1;
  margin: 0 0 10px 0;
}

h5 {
  color: #004990;
  font-size: 1.17rem !important;
  font-family: myriad-pro-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.1;
  margin: 0 0 10px 0;
}

h6 {
  font-size: 1.1rem;
  font-weight: 400;
  font-family: myriad-pro-condensed, sans-serif;
  line-height: 1.1;
  margin: 0 0 10px 0;
  font-style: normal;
}


main .h2,
main h2 {
        line-height: 1.5;
        margin-bottom: 15px;
}

/* Headings - end */

/* Headings for stats */
.stat h2, .stat h3, .stat h4, .stat h5, .stat h6 {
  margin-bottom: 0px;
}

/* A-Z Plugin Styling */
div.az-letters > ul.az-links > li, div.a-z-listing-widget div.az-letters > ul.az-links > li, div.a-z-listing-widget.widget div.az-letters > ul.az-links > li {
	width: 2em;
	height: 2em;
	margin: 0;
}

div#az-slider .letter-section ul {
	list-style-type: none;
	padding: 0;
}

/* Tribe events classes */

.tribe-events-title h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.tribe-events .tribe-events-calendar-month__header-column {
	background-color: #efefef;
	padding: 0.5rem 0;
}

header div.tribe-events-calendar-month__header-column h3.tribe-events-calendar-month__header-column-title {
	font-family: myriad-pro-condensed, sans-serif;
	color: #555;
	font-weight: 200;
	font-size: 1.3rem;
	text-align: center;
}

header div.tribe-events-calendar-month__header-column h3.tribe-events-calendar-month__header-column-title span {
	text-align: center;
}

.tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar {
	background-color: transparent;
}

.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: transparent;
}

.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-featured-icon, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-title {
	font-size: 0.875rem !important;
	color: #004990;
	line-height: 1.4;
	white-space: normal;
	text-overflow: initial;
}

.tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-featured-icon, .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-title:hover {
	background-color: transparent;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__multiday-event-wrapper {
	height: auto;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day-date {
	padding: 0;
	background: #f5f5f5;
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-cell .tribe-events-calendar-month__day-date {
	background: #eeb111;
}

.tribe-events-calendar-month__day.tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-cell .tribe-events-calendar-month__day-date time {
	color: #fff;
}

.tribe-events .tribe-events-calendar-month__day-date-daynum, .tribe-events .tribe-events-calendar-month__date-date-daynum .tribe-events-calendar-month__day-date-link, .tribe-events .tribe-events-calendar-month__day--past a.tribe-events-calendar-month__day-date-link {
	color: #999;
	line-height: 1.2;
	padding: 6px 9px;
	font-size: 11px;
	font-weight: 700;
	font-family: myriad-pro, sans-serif;
}

.tribe-events-calendar-month__calendar-event-title a.tribe-events-calendar-month__calendar-event-title-link {
		font-weight: normal;
		font-size: 0.875rem;
		color: #004990;
		line-height: 1.4;
		font-family: myriad-pro, sans-serif;
}
.tribe-events-calendar-month__calendar-event-title a.tribe-events-calendar-month__calendar-event-title-link:hover {
	color: #004990;
}

#sidebar .tribe-events-widget-link a:hover {
  border-bottom: 2px solid #fff;
  color: #fff !important;
}

.tribe-events-single-event-description.tribe-events-content .alignleft, .tribe-events-single-event-description.tribe-events-content .alignright, .tribe-events-single-event-description.tribe-events-content .aligncenter {
  max-width: 98%;
}

#tribe-events-content .tribe-events-calendar td {
  height: 145px !important;
}

div.tribe-events [class*="tribe-events-calendar-month__multiday-event--"] .tribe-events-calendar-month__multiday-event-bar {
	width: auto;
}

#events-listing h3 a {
	font-size: 1.125rem;
	font-family: myriad-pro-condensed, sans-serif;
}

.tribe-events-widget-events-list__event-datetime {
	font-size: 1rem;
	color: #fff;
}

.tribe-common.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-daynum.tribe-common-h2, .tribe-common.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month.tribe-common-h2 {
	font-size: 2.875rem;
	color: #fff;
	font-family: myriad-pro-condensed, sans-serif;
}

.tribe-common.tribe-events-widget .tribe-events-widget-events-list__event-date-tag-month {
	font-family: myriad-pro-condensed, sans-serif;
	font-size: 1.275rem;
	color: #fff;
}

.tribe-common .tribe-events-widget-events-list__event-details {
	border-left: 2px solid #eeb111;
	padding-left: 1rem;
}

.tribe-events-c-messages__message-list {
	color: #fff;
}

/* tables - start */
.col-xs-12 table{width:100%;margin-top:10px;margin-bottom:20px;}
.col-xs-12 .program-table { margin-bottom:0px !important; width:100% !important;}
.col-xs-12 table, .col-xs-12 tr, .col-xs-12 td {
  /*width:auto !important;
  height:auto !important;*/
}
.col-xs-12 tr {border-bottom: thin #fdfdfd solid;}
.col-xs-12 tr:nth-child(2n+1) {background-color: #f5f5fd !important;}
.col-xs-12 caption {
  padding-top: 8px;padding-bottom: 8px;color: #004990;font-weight: 300;
  text-align: center !important;font-size: 26px;background-color: #e0e0e0;font-family: myriad-pro-condensed, sans-serif;
  font-style: normal;text-transform: uppercase;
}
.col-xs-12 th {font-weight: 200;font-size: 1.3rem;background-color: #efefef;font-family: myriad-pro-condensed, sans-serif;color: #555;}
.col-xs-12 td, th {padding: 7px;}
.col-xs-12 td{
  font-family: myriad-pro, sans-serif;
  font-size: 1rem;
  font-weight:300;
  line-height: 1.5;
  color:#000;
}
.col-xs-12 td p {
  line-height: 1.5;
}

.col-xs-12 td a, .col-xs-12 td p a{color:#004990;font-family: myriad-pro, sans-serif;font-size: 0.875rem;font-weight: 400;}
.col-xs-12 th a, .col-xs-12 th p a{ color: #004990;font-family: myriad-pro-condensed, sans-serif;font-size: 1.3rem;font-weight: 200;text-decoration:underline;}
.col-xs-12 th a:active, .col-xs-12 th a:focus, .col-xs-12 th a:hover,
.col-xs-12 td a:active, .col-xs-12 td a:focus, .col-xs-12 td a:hover,
.col-xs-12 p a:active, .col-xs-12 p a:focus, .col-xs-12 p a:hover {
  background-attachment: scroll;background-clip: border-box;background-color: #fff;
  background-image: none;background-origin: padding-box;background-position-x: 0;
  background-position-y: 0;background-repeat: repeat;background-size: auto auto;
  text-decoration-color: currentcolor;text-decoration-line: underline;text-decoration-style: solid;
}
/* tables - end */

/* Gainful employment areas - start */
#gainfulContent .row .col-md-offset-3 {margin-left: 0 !important;width: 99% !important;}
#gainfulContent .row .col-md-offset-5 {width:auto !important;}
#gainfulContent {float:none;margin:0 auto;width: 920px; max-width:100%; border: none;background-color:#ffffff;}
#gainfulContent body {padding:0;}
/* Gainful employment areas - end */

/* Gateway pages - start */
#two-col-gateway main > p {
    color: #000;
    font-family: myriad-pro, sans-serif;
    font-size: 1rem; /* 0.875 */
    font-style: normal;
    font-weight: 300;
}
/* Gateway pages - end */

#got-questions .info p:first-child {
        font-weight: 600;
        line-height: 1.1;
        margin-bottom: 10px;
}

.gray-container p, .gray-container ul li {
        font-family: myriad-pro-condensed, sans-serif;
        font-size: 1.375rem;
        padding-bottom: 10px;
}

.imagecard .imagecard-content ul li {
  padding-bottom: 0;
}

.imagecard .imagecard-content ul li a {
 font-size:1.1rem;
}

.imagecard .imagecard-content ul li a:hover {
  background: none !important;
  text-decoration: none;
}

.imagecard {
	border-radius: 20px;
	-moz-border-radius: 20px;
}

.imagecard .imagecard-image img {
	border-radius: 15px;
	-moz-border-radius: 15px;
}

main h2 a {
  font-size:1.875rem;
  font-family:myriad-pro-condensed, sans-serif;
  color:#0099ff;
  text-decoration:underline;
  font-weight:600;
}

main h3,
main h3 a,
main .h3,
main h3 a{
	line-height:1.4;
}

#two-col-program main {
  padding-right: 3rem;
}
/* Back to top button */

#back-to-top {
    box-sizing: border-box;
    float: none;
    display: none;
    position: fixed;
    text-align: center;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    border-radius: 5px;
    bottom: 50px;
    right: -5px;
    z-index: 40;
    width: 65px;
    height: 65px;
}

#back-to-top a,
#back-to-top a:hover,
#back-to-top a:visited,
#back-to-top a:link {
  color: #fff;
  font-weight: bolder !important;
  font-size: 50px !important;
}

/* Emergency */
#alert_bar, #emergency {float:left;width:100%;background-color:#eeb111;box-sizing: border-box;padding:5px;vertical-align:top;}
#alert_bar img, #emergency img {width:auto; height:64px;display:inline-block;box-sizing: border-box;float:left;margin:0 10px 0 0;}
#alert-message {float:none;width:auto;}
#alert-message h1 {color:white;font-size:1.5rem;font-weight:bold;margin-bottom:5px;}
#alert-message p {
  overflow:auto;
  font-size: 1.1rem;
}

#alert-message p a {
  font-size: 1.125rem;
  font-weight: 600;
}

#alert-message p a:hover, #alert-message p a:focus{
  text-decoration: underline;
}

/* Google conversion code */
#tag-manager-code {float: left; width: 0px !important; height: 0px !important; overflow:hidden;}

/* Content slider */
.content-slider .content-slide img {
  min-width: 100%;
}

/* Multisite templates */
.page-template-page-multisite .nav-primary #menu-main-navigation li {
  padding-right: 5px;
}

/*
.home.page-template-page-multisite-current #column-content a, .home.page-template-page-multisite-noncredit #column-content a{
  text-transform: unset;
  font-size: 24px;
  color: #c28B00;
}

.home.page-template-page-multisite-current #column-content a:active, .home.page-template-page-multisite-current #column-content a:focus, #column-content .home.page-template-page-multisite-noncredit a:active , .home.page-template-page-multisite-noncredit #column-content a:focus {
  border: 1px solid #004990 !important;
  outline: 1px dotted #004990 !important;
}

.home.page-template-page-multisite-current #column-content h3, .home.page-template-page-multisite-noncredit #column-content h3{
  font-size: 1.65rem !important;
  margin-top: 20px;
}

.home.page-template-page-multisite-current #column-content a, .home.page-template-page-multisite-noncredit #column-content a{
  text-transform: unset;
  font-size: 1.5rem !important;
  line-height: 1.7rem !important;
  color: #c28B00;
}
*/

/* Maps */
#campus_map,
#map_legend {
  width:800px;
  max-width:98%;
  height:910px;
  border:none;
}

.image_legend {
  clear: none;
  display: inline-block;
  float: none;
  height: auto;
  text-align: right;
  vertical-align:middle;
}

#map_legend {
  height: auto !important;
  clear:both;margin:5px 0 20px;text-align:center;
}

.p_legend {
  height: 50px;text-align:left;
  width:200px; margin:0 10px 0 0 !important;
  float:none;display:inline-block !important;
  position: relative !important;
  font-size: 0.75rem !important;
}

/* Library */
#two-col-library .thumbnail-wrap img {
  height: auto !important;
  max-height: 250px !important;
}

/* Info - got questions? */
.info .info-position {font-weight:normal;font-size:17px;line-height:0.5}
.info p { padding: 0 !important;}

.banner .header-img-wrap {
	position: absolute;
	top: 0;
	left: unset;
  width: 100%;
  max-width: 1920px;
	overflow: hidden;
}

/* Top-level landing page */

.page-template-page-top-level .banner .header-img-wrap {
  max-height: none;
  max-width: 1920px;
	min-height: 769px;
}

.page-template-page-home .banner .header-img-wrap {
  max-width: 1920px;
}

.page-template-page-top-level .banner .header-img-wrap .header-img {
	max-height: none;
	min-width: auto;
	width: 100% !important;
	max-width: 100% !important;
  position: absolute;
  top: 0;
  left: unset !important;
  transform: unset !important;
	-webkit-transform: unset !important;
}

/*
.page-template-page-top-level .banner .header-img-wrap {
	min-height: 769px;
}
*/

.page-template-page-top-level .h1-subnav-wrap h1 {
  display: table;
  background: rgba(0,0,0,.6);
}

.page-template-page-top-level .h1-subnav-wrap .top-level-nav>li a {
  font-size: 1.5vw !important;
  padding-right: 3px !important;
  line-height: 1.5vw !important;
}

#landing-page .banner .header-img-wrap .header-img {
  top: initial !important;
  left: unset;
  transform: unset;
  -webkit-transform: unset;
}

#landing-page .banner .header-img-wrap h1 {
  background-color: #004990;
  background-color: hsla(240,10%,10%,.7);
}


/* Others */
#home-posts #news-spotlight h3 { margin-top: 1rem; line-height: 1.4;}

#news-spotlight {
  color: #fff;
}
#news-spotlight li {
  color: #fff;
}
#news-spotlight a {
  text-decoration: underline;
  color: #fff;
  font-weight: 600;
}
#news-spotlight a {
  text-decoration: underline;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
}
#news-spotlight a:hover, #news-spotlight a:active {
  color: #004990;
  text-decoration: underline;
  background-color:#fff;
}
#home-posts p {
  font-size: 1rem;
}
#home-posts img {
border-radius:20px;
}
#news-events .col-xs-9 p {
  font-family: myriad-pro, sans-serif !important;
  font-size: .875rem;
  line-height: 1.4em !important;
}
#home-posts h3 a {
  text-decoration: none;
}

.home .announcement-border h2 {
  color: #eeb111;
}

.home .announcement-border {
  background: #004990 !important;
}

.home .announcement-border span.highlightedLayerContent, .home .announcement-border p {
  color: #fff;
}
.home .announcement-border a.btn.btn-primary, .home .announcement-border a.btn.btn-primary {
  color: #fff;
  border: 2px solid #fff;
}


#language-options a[href^="mailto"] { font-size:0.85rem; color:#004990; }
/*
#language-options #tabs .wrap a {
  color: #eeb111;
  background: #004990;
}


#language-options #tabs .wrap {
  background: #004990;
}

#language-options #tabs {
  background-color: #004990;
  border: 1.25rem solid #004990;
}

#language-options {
  background: #004990 !important;
}

#language-options #tabs .wrap a.active, #language-options #tabs .wrap a:active, #language-options #tabs .wrap a:hover, #language-options #tabs .wrap a:focus  {
  color: #fff;
}
*/

.wp-caption {max-width: 98%; height: auto;}

.wp-caption-text {
    padding: 9px;
    color: #707070;
    font-size: 1.1rem;
    border-bottom: 1px #ddd solid;
    margin-bottom: 10px;
    background-color: #fff;
}

.basic-container {
  background: unset;
}

.basic-container a,
.basic-container a:hover,
.basic-container a:visited,
.basic-container a:link {
  color: #fff;
  font-size: 14px !important;
  font-weight: normal;
}

.basic-container a:hover {
  text-decoration: underline;
}

.alignnone {padding: 0 0 15px;}

/* Search box container */
.searchbox {
  float: right; position: relative; width: 225px; margin-top:3px; padding-right:10px;
}

/* Print */
.page-print-button {
  display: inline-block;
  cursor: pointer;
  color: #005cb9;
  font-family: myriad-pro-condensed, sans-serif !important;
  font-weight: 600;
  margin: 15px 0;
  font-size: 1rem;
  padding: 0 8px;
}

.page-print-button:hover, .page-print-button:focus, .page-print-button:active {
  background-color: #019ad2;
  color: #fff;
  border-radius: 6px;
}

img.WP-PrintIcon {
  margin-right: 6px !important;
  padding-bottom: 5px;
}


.nav-utility .fa::before {
	color:white;
	padding-right:10px;
}

@media screen and (min-width: 993px) {
  .nav-utility { width: 100%; background: #000;background: rgba(0,0,0,.75);}
  .nav-gateway ul li a{font-size: 1.5vw !important;}
  .nav-gateway ul li #current-student span {font-size: 1.5vw;}
}

@media screen and (max-width: 993px) {

  #hamburger-menu .nav-utility #global-search input {
    float: none !important;
    height: 31px !important;
    margin-right: 5px;
    max-width: 80% !important;
    width:calc(80%-33px) !important;
  }

  .not-in-mobile {display: none;}

  .spotlight-content {float:left;}

  .alignnone {padding: 0 0 15px;}

  .banner {
/*    padding:0 0 7.3em !important;*/
    padding: 0px;
  }

  .page-template-page-top-level .h1-subnav-wrap h1 {
    background: unset;
  }

  .page-template-page-top-level .banner .header-img-wrap {
    min-height: unset;
    height: 490px !important;
  }

  .page-template-page-top-level .banner .header-img-wrap .header-img {
    min-height: 452px;
    height: auto !important;
  }

  .page-template-page-top-level .banner {
    height:490px !important;
    height: unset !important; /* < */
  }

  #menu-primary li {
    width: 100% !important;
    max-width: 100% !important;
    vertical-align: middle;
    float: left;
  }

  #menu-primary li a {
    padding-top: 0px !important;
    float: left;
    margin-right: 10px !important;
  }

  .menu-subtitle {
    width:auto;
    float:none;
    display: inline;
    padding-top:0px;
  }

  .page-template-page-top-level #subnav > li:first-child > a {
    color: #fff;
    line-height: 2.3rem;
  }

  blockquote::before {
			font-size: 3.9375rem;
			top: -1rem;
  }
  blockquote {
			padding: 0 0 5px 25px;
  }
  #two-col-program blockquote p {
			font-size: 1.6rem;
			line-height: 2.4rem;
  }

  #back-to-top a,
  #back-to-top a:hover,
  #back-to-top a:visited,
  #back-to-top a:link {
    color: #fff;
    font-weight: bolder !important;
    font-size: 50px !important;
  }

  #shared-sidebar .type-tribe_events,
  #sidebar .type-tribe_events {
    max-width:350px; margin:0 auto;
  }

  .page-template-default .current_page_item a,
  .page-template-page-3col .current_page_item a,
  .page-template-page-3col-shared .current_page_item a,
  .current_page_item a {
      color:#ffffff !important; /* Original #A8D4FF */
      background-color: unset !important;
  }

  #subnav .sub-menu .menu-item {
      padding-bottom: 10px;
      border-bottom: 1px #666 solid;padding-top: 5px;
  }
  #subnav  .current_page_item :last-child {
    border: 0;
  }
  #subnav  .menu-item-has-children :last-child {
      border: 0;padding-bottom:0;
  }
  #subnav .sub-menu .menu-item:first-child {
      border-top: 1px #666 solid;margin-top: 10px;
  }

  /*
  #subnav > li:first-child::before,
  .sub-menu li:first-child::before {
    content: unset;
    transition: none;
  } */

  #subnav li.menu-item-has-children:first-child::before  {
    content: "\f0d9";
    transition: all .2s ease-in-out;
  }

  /* This one is to eliminate the arrow to the left of the first item in the side navigation on mobiles */
  .side-navigation .sub-menu > li:first-child::before {
    content: unset !important;
    transition: none !important;
  }
}

/* < These styles were added to fix the issue with the header images not being responsive enough
@media (min-width: 576px) {
  .banner .header-img-wrap .header-img{left: unset !important;}
} */


/* < These styles were added to fix the issue with the header images not being responsive enough */
@media screen and (min-width:500px) and (max-width:993px) {
    .page-template-page-top-level .banner {
      height: 100%;
      min-height: 480px !important;
    }
    .page-template-page-top-level .banner .header-img-wrap {
      min-height: 490px important;
      height: auto;
    }
    .page-template-page-top-level .banner .header-img-wrap .header-img {
      min-height: 490px important;
      left: unset !important; /* Added from the @media (min-width: 576px) */
      height: auto;
    }
    .nav-primary #menu-primary {display:none;}
    #hamburger-menu .nav-utility { width: none !important; }
    .content-slider .content-slide .content-wrap .content {width: 60% !important;}
}

/* < These styles were added to fix the issue with the header images not being responsive enough */
@media screen and (max-width:500px) {
    .searchbox { width:100%; }
    .page-template-page-top-level .banner {
      height: 100%;
      min-height: 320px !important;
    }
    .page-template-page-top-level .banner .header-img-wrap {
      height: auto;
      min-height: 330px !important
    }
    .page-template-page-top-level .banner .header-img-wrap .header-img {
      height: auto;
      min-height: 330px !important;
    }
    #hamburger-menu .nav-utility { width: none !important; }
}

/* This is for older MS IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .old_browsers { display: block; }

  #landing-page .banner .header-img-wrap .header-img {
    top: initial !important;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
  }

}

@media print {
  a[href]:after {content: none !important;}
  header, footer, .old_browsers, .page-print-button, .alert_bar, #alert_bar, #footer-map { display:none; }

  #alert_bar, .old_browsers { display:none !important}
}

/* Detects MS Edge */
@supports (-ms-accelerator:true) {
  .old_browsers { display: none; }
  #landing-page .banner .header-img-wrap .header-img {
    top:  initial !important;
    left: unset;
    transform: unset;
    -webkit-transform: unset;
  }

}
