@charset "utf-8";
/* PAGE CONTENT TITLES AND BUTTONS STYLES */


.headingOrange{
    color: #ae6042;
    border-top:3px solid #ae6042;
    border-bottom:3px solid #ae6042;
    margin:1rem auto;
}

.headingWhite{
    color: #ffffff;
    border-top:3px solid #ffffff;
    border-bottom:3px solid #ffffff;
    margin:1rem auto;
    text-align: center;
}

.headingBlue{
    color: #4e738a;
    border-top:3px solid #4e738a;
    border-bottom:3px solid #4e738a;
    margin:1rem auto;
    text-align: center;
}

.headingGulf{
    color: #002856;
    border-top:3px solid #4e738a;
    border-bottom:3px solid #4e738a;
    margin:1rem auto;
    text-align: center;
}


.orangeTitle{
    color: #ae6042 !important;
    margin: 1rem auto;
    font-weight: 600;
}

.blueTitle{
    color:#4e738a !important;
    margin: 1rem auto;
    font-weight: 600;
}

.gulfTitle{
    color:#002856 !important;
    margin: 1rem auto;
    font-weight: 600;
}

.margin-medium-top {
    margin-top: 0!important;
}


.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* HR STYLES */

.hrOrange{
    border-bottom: 2px solid #ae6042;
    
}

.hrBlue{
    border-bottom: 2px solid #4e738a;
    
}

.hrGulf{
     border-bottom: 2px solid #002856;
}

.hrGray{
    border-bottom: 2px solid #76777a;
}

/*  END HR STYLES */


/*BUTTON STYLES*/

.button-orange {
    border: 1px solid #ae6042!important;
    color:#ae6042!important;
}

.button-orange:hover {
    background-color: #ae6042!important;
    color:#fff!important;
}


.button.hollow {
    border: 1px solid #4e738a;
}

.button.hollow {color: #44697d;}

.button-rounded-hover:hover,
.button-rounded-hover:focus {
  background-color: #4e738a;
}


.button.hollow:hover {
    background-color: #44697d;
    color: #fff;
}

.button-rounded-hover {
  border: 0;
  /*border-radius: 5000px;*/
  padding: 1.5rem;
  text-transform: inherit;
  position: relative;
  overflow: hidden;
  font-size: 1rem;
  letter-spacing: 2px;
  transition: all 0.35s ease;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.button-rounded-hover:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: inherit;
  background-color: #fefefe;
  transition: all 0.7s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

.button-rounded-hover:hover:before,
.button-rounded-hover:focus:before {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
  opacity: 0.25;
}

.button-rounded-hover:after {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  border-radius: inherit;
}

.button {font-size: 1rem;}
.button.primary {background-color: #4e738a;}
.button.primary:hover {background-color: #50748a;color: #ccc !important;}


/*END BUTTON STYLES*/


/* END PAGE CONTENT TITLES AND BUTTONS STYLES */



/*MENTAL HEALTH COVID CONTENT*/


.covid-header-container {
    display: flex;
}

.covid-header-container .covid-header-text h2 {
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Open Sans', sans-serif;
    font-size: 2.7rem;
    line-height: 1;
    color: #ae6042;
}

.covid-header-container .covid-header-text {
    font-family: 'Open Sans', sans-serif;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6rem;
    color: #747578;
    line-height: 1;
    align-self: center;
}


.covid-call-out {
    border-left: 5px solid #f2b826;
    padding: .75rem;
    background-color: #eaeaeaba;
    margin-bottom: 1.5rem;
    border-radius: .5rem;
}

.covid-ol-container {
    display: flex;
    background-color: #eaeaeaba;
    margin-bottom: 1.5rem !important;
    border-radius: .5rem;
}

.covid-ol-container .covid-ol-text li:marker{
    font-weight:600;
}


.covid-ol-graphic {
    padding: .75rem;
    margin: 0;
}

.covid-ol-text, .covid-ol-graphic {
    font-family: 'Open Sans', sans-serif;
    align-self: center;
}

/*END MENTAL HEALTH COVID CONTENT*/


#StudentHealthCounselingSurvey fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #ae6042;
    font-weight:600;
}

#StudentHealthCounselingSurvey legend{
font-size:1.3rem;
}


#StudentHealthCounselingSurvey fieldset fieldset{
    background: none;
    border: 1px solid #DDD;
    font-weight:normal;
}



/* MAIN NAVIGATION */

#masthead #main-nav .menu a.selected {
    background: #ae6042;
    color: #fff;
}

#masthead #main-nav .top-bar ul a:hover, #masthead #main-nav .top-bar .is-active, #masthead #main-nav .top-bar .is-active a, #masthead #main-nav .top-bar .js-dropdown-active, #masthead #main-nav .top-bar ul.accordion-menu {
    background: #002856;
    color: #fff !important;
}

.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent !important;
    right: 15px;
}

#masthead #main-nav .top-bar .is-drilldown ul a:hover, #masthead #main-nav .accordion-menu li[aria-expanded="true"] ul a:hover {
    background: #002856;
    color: #fff;
    
}


.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after {
    border-color: #ffffff transparent transparent;
}


/* END MAIN NAVIGATION */