/*
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: Oswald,sans-serif;
  position: absolute;
  right:18px;
  border:1px #dddddd solid;
  border-radius:10px;
  background-color: #dddddd;
  padding:1px 10px;
}

.close_button a {
  font-family: Oswald,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: Merriweather,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{
 margin-top:0px !important;
}

#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;
}

#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:Merriweather,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: Oswald,sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.1;
}

h4 {
  color: #707070;
  font-size: 1.275rem !important;
  font-family: Oswald,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: Oswald,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: Oswald,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;
}

/* Tribe events classes */

.tribe-events-title h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

#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;
}

/* 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: Oswald,sans-serif;
  font-style: normal;text-transform: uppercase;
}
.col-xs-12 th {font-weight: 200;font-size: 1.3rem;background-color: #efefef;font-family: Oswald,'sans serif';color: #555;}
.col-xs-12 td, th {padding: 7px;}
.col-xs-12 td{
  font-family: Merriweather,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: Merriweather,serif;font-size: 0.875rem;font-weight: 400;}
.col-xs-12 th a, .col-xs-12 th p a{ color: #004990;font-family: Oswald,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: Merriweather,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: Oswald;
        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;
}

main h2 a {
  font-size:1.875rem;
  font-family:Oswald;
  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;
  text-decoration: underline;
  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;
}
#home-posts p {
  font-size: 1rem;
}
#news-events .col-xs-9 p {
  font-family: merriweather, 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: left; position: relative; width: 225px; margin-top:3px;
}

/* Print */
.page-print-button {
  display: inline-block;
  cursor: pointer;
  color: #005cb9;
  font-family: Oswald,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;
}


@media screen and (min-width: 993px) { 
  .nav-utility { width: 51rem !important; 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;
  }  

  .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;
  }
    
}