/* Style overwrites and supplements for Office of Auxiliary Enterprises sites */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
main h1, main h2, main h3, main h4 {color: #002856;}
main .orbit-caption h1, main .orbit-caption h2 {color: #fff;}
main h1 {font-size: 1.75rem;}
main h2 {font-size: 1.5rem;}
main h3 {font-size: 1.35rem;}
main h4 {font-size: 1.2rem;}

p{font-size:1rem;}

#header h1{margin-bottom:0; margin-left:0.5rem;}

 /*** Fix for ADA issue of element not hightlighted on focus for SI ***/
button#btnG:focus{
	border:1px solid #4e738a;
}

#masthead #main-nav, #masthead #main-nav .top-bar, #masthead #main-nav .title-bar, #masthead #main-nav .top-bar ul.dropdown {
    background: #3D5753;}
#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 {
    background: #b0bfbc;color: #000;}
.housing #masthead #main-nav, .housing #masthead #main-nav .top-bar, .housing #masthead #main-nav .title-bar, .housing #masthead #main-nav .top-bar ul.dropdown {
    background: #002856; color: #fff;}
.housing #masthead #main-nav .top-bar ul a:hover, .housing #masthead #main-nav .top-bar .is-active, .housing #masthead #main-nav .top-bar .is-active a, .housing #masthead #main-nav .top-bar .js-dropdown-active {
    background: #4e738a; color: #fff;}
    
/** Badges **/
.badging .textOrange{color:#ae6042;}
.badging .hrOrange {border-bottom: 2px solid #ae6042;}
.badging .hrLavender{border-bottom: 2px solid #7E708F;}
.badging .hrBlue {border-bottom: 2px solid #4e738a;}
#id-badges.darkText:not(.heroHeader) > div {
    border: none;
    border-radius: 0.5rem;
   	 background-color: rgba(254, 254, 254, 1) !important; 
}

/** END Badges **/

/*Cooley Center*/
.cooley-center main h3{font-weight: 600;}
.cooley-center #masthead #main-nav .dropdown.menu a {color: #000;}
.cooley-center .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    border-color: #000 transparent transparent;
}

.cooley-center .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > ::after {
    border-color: #fff transparent transparent;
}
.cooley-center .heroHeader{background-position: center bottom!important;}
.cooley-center .heroHeader.whiteText h1, .cooley-center .heroHeader.whiteText .hero-subheading {
    text-shadow: 1px 1px #ae6042;}
.cooley-center .hero-subheading {
    font-size: 1.5rem;
    margin-top: 1rem;
}
.cooley-center #masthead #main-nav .dropdown.menu .submenu a:hover{background:#002856; color:#fff;}
.cooley-center #masthead #main-nav, .cooley-center #masthead #main-nav .top-bar, .cooley-center #masthead #main-nav .title-bar, .cooley-center #masthead #main-nav .top-bar ul.dropdown {
    background:#b6a999; color:#000 !important;}
.cooley-center #masthead #main-nav .top-bar ul a:hover, .cooley-center #masthead #main-nav .top-bar ul a:focus, .cooley-center #masthead #main-nav .top-bar .is-active, .cooley-center #masthead #main-nav .top-bar .is-active a, .cooley-center #masthead #main-nav .top-bar .js-dropdown-active{
    background:#022043; color: #fff;} 
.cooley-center #masthead #main-nav .top-bar .is-drilldown ul a:hover, .cooley-center #masthead #main-nav .accordion-menu li[aria-expanded="true"] ul a:hover {
    background: #002856;
    color: #fff;
    transition: all 0.35s ease;
}    
.cooley-center #masthead #main-nav .menu a.selected{background:#ae6042 ; color:#fff;}
.cooley-center .accordion {background: #ae6042;}
.cooley-center .accordion-title:hover, .cooley-center .accordion-title:focus {background: #b6a999!important; color: #000!important;}
.cooley-center .hrOrange {border-bottom: 2px solid #ae6042;}
.cooley-center .hrBlue {border-bottom: 2px solid #4e738a;}
.cooley-center .headingOrange{color:#ae6042;font-weight:600;}
.cooley-center .button.hollow {border: 1px solid #7E708F;}
.cooley-center .button.hollow {color: #002856; font-weight: 600; font-size: 1rem;}
.cooley-center .button.hollow {background: transparent;}
.cooley-center .button-rounded-hover {text-transform: uppercase;}
.cooley-center .button-orange:hover {background-color: #ae6042;color: #fff;}
.cooley-center .button-orange{margin-bottom: .5rem;}
.cooley-center #page-content a[href*="inside.uth.edu"]::after{  
    padding: 0 0.2rem;
    font-family: foundation-icons;
    content: "\f16a";
    color: #ae6042;
}

.cooley-center .button-rounded-hover {
    padding: 2rem;
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    letter-spacing: 2px;
    transition: all 0.35s ease;
    transform: translateZ(0);
}

/*End Cooley Center*/


/*** Mail Services Nav ***/
/*** Mail Services Nav ***/
.mail-services main {
	font-family: 'Roboto', sans-serif;
}

.mail-services main a:link{
	font-family: ballinger-condensed, sans-serif !important;
	font-weight: bold !important;
	color:#002856;	
	text-decoration:none;
}

.mail-services main a:visited{
	color:#002856;
}
.mail-services main a:hover{
	color:#002856 !important;  
}

.mail-services main a:focus {
    border: 2px solid #000000;
}

.mail-services main a.button, .mail-services main a.button{
	background-color:#f2b826;
}
.mail-services main a:hover.button{
	background-color:#f5c54d;
	color:#ffffff;
}

.mail-services #masthead #main-nav, .mail-services #masthead #main-nav .top-bar, .mail-services #masthead #main-nav .title-bar, .mail-services #masthead #main-nav .top-bar ul.dropdown {
    background: #f2b826; color: #474747!important;}
.mail-services #masthead #main-nav .top-bar ul a:hover, .mail-services #masthead #main-nav .top-bar .is-active, .mail-services #masthead #main-nav .top-bar .is-active a, .mail-services #masthead #main-nav .top-bar .js-dropdown-active {
    background: #ae6042; color: #ffffff;} 
.mail-services #masthead #main-nav .top-bar ul a.selected {
    background: #ae6042;
    color: #ffffff;
    } 
.mail-services #masthead #main-nav .dropdown.menu a {color: #474747;fnt-weight: 500;}

.mail-services .title-bar-title a, .menu-icon{
	color:#000000 !important;
}
.mail-services .menu-icon::after {
	background-color:#000;
	-webkit-box-shadow: 0 7px 0 #000, 0 14px 0 #000;
    box-shadow: 0 7px 0 #000, 0 14px 0 #000;
}

/*** End Mail Services Nav ***/



/***Dining and Catering Nav***/
/***Dining and Catering Nav***/

.dining-catering #page-content a:not(.button) {
    text-decoration: none;
}

.dining-catering #masthead #main-nav, .dining-catering #masthead #main-nav .top-bar, .dining-catering #masthead #main-nav .title-bar, .dining-catering #masthead #main-nav .top-bar ul.dropdown {
    background: #4e738a;
    color: #fff;
    }
.dining-catering #masthead #main-nav a, .dining-catering #masthead #main-nav a:visited {
 border-top:#4e738a solid 2px;
}

.dining-catering #masthead #main-nav .top-bar ul a:hover, .dining-catering #masthead #main-nav .top-bar .is-active, .dining-catering #masthead #main-nav .top-bar .is-active a, .dining-catering #masthead #main-nav .top-bar .js-dropdown-active {
    background: #76777a; color: #fff;
    text-decoration:none;
    font-weight:normal;
    }
    .dining-catering #masthead #main-nav a:hover {
 border-top:#76777a solid 2px;
}

.dining-catering #masthead #main-nav a.selected {
  border-top:#AE6042 solid 2px;
  color:#AE6042;
  font-weight:bold;
  background-color:#fff;
  text-decoration:none;
}
.dining-catering #masthead #main-nav a:hover.selected {
  border-top:#AE6042 solid 2px;
  color:#AE6042!important;
  font-weight:bold!important;
  background-color:#fff!important;
  text-decoration:none!important;
  cursor:context-menu;
}

/*End Dining and Catering*/


/*Parking Services*/
.parking main h3{font-weight: 600;}
.parking #masthead #main-nav .dropdown.menu .submenu a:hover{background:#002856;}
.parking #masthead #main-nav, .parking #masthead #main-nav .top-bar, .parking #masthead #main-nav .title-bar, .parking #masthead #main-nav .top-bar ul.dropdown {
    background: #ae6042; color: #fff!important;}
.parking #masthead #main-nav .top-bar ul a:hover, .parking #masthead #main-nav .top-bar ul a:focus, .parking #masthead #main-nav .top-bar .is-active, .parking #masthead #main-nav .top-bar .is-active a, .parking #masthead #main-nav .top-bar .js-dropdown-active{
    background:#022043; color: #fff;} 
.parking #masthead #main-nav .menu a.selected{background:#69696d; color:#fff;}
.parking .accordion {background: #ae6042;}
.parking .accordion-title:hover, .parking .accordion-title:focus {background: #76777a!important; color: #000!important;}
.parking .heroHeader.whiteText h1, .parking .heroHeader.whiteText .hero-subheading {
    text-shadow: 1px 1px #ae6042;}
.parking .hero-subheading {
    font-size: 1.5rem;
    margin-top: 1rem;
}
.parking .hrOrange {border-bottom: 2px solid #ae6042;}
.parking .hrLavender{border-bottom: 2px solid #7E708F;}
.parking .hrBlue {border-bottom: 2px solid #4e738a;}
.parking .headingLavender{color: #7E708F;font-weight: 600;}
.parking .headingOrange{color:#ae6042;font-weight:600;}
.parking .textOrange{color:#ae6042;}
.parking .button.hollow {border: 1px solid #7E708F;}
.parking .button.hollow {color: #002856; font-weight: 600; font-size: 1rem;}
.parking .button.hollow {background: transparent;}
.parking .button-rounded-hover {text-transform: uppercase;}
.parking .button-orange:hover {background-color: #ae6042;color: #fff;}
.parking .button-orange{margin-bottom: .5rem;}
.parking  #page-content a[href*="inside.uth.edu"]::after{  
    padding: 0 0.2rem;
    font-family: foundation-icons;
    content: "\f16a";
    color: #ae6042;
}

.parking .button-rounded-hover {
    padding: 2rem;
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    letter-spacing: 2px;
    transition: all 0.35s ease;
    transform: translateZ(0);
}

/*End Parking Services*/




/*Recreation Center*/
.recreation-center main h3{font-weight: 600;}
.recreation-center #masthead #main-nav .dropdown.menu .submenu a:hover{background:#4e738;}
.recreation-center #masthead #main-nav, .recreation-center #masthead #main-nav .top-bar, .recreation-center #masthead #main-nav .title-bar, .recreation-center #masthead #main-nav .top-bar ul.dropdown {
    background: #7E708F; color: #fff!important;}
.recreation-center #masthead #main-nav .top-bar ul a:hover, .recreation-center #masthead #main-nav .top-bar ul a:focus, .recreation-center #masthead #main-nav .top-bar .is-active, .recreation-center #masthead #main-nav .top-bar .is-active a, .recreation-center #masthead #main-nav .top-bar .js-dropdown-active{
    background: #b6a999; color: #000;} 
.recreation-center #masthead #main-nav .menu a.selected{background:#4e738a; color:#fff;}
.recreation-center .accordion {background: #7E708F;}
.recreation-center .accordion-title:hover, .recreation-center .accordion-title:focus {background: #b6a999!important; color: #000!important;}
.recreation-center .hrOrange {border-bottom: 2px solid #ae6042;}
.recreation-center .hrLavender{border-bottom: 2px solid #7E708F;}
.recreation-center .hrBlue {border-bottom: 2px solid #4e738a;}
.recreation-center .headingLavender{color: #7E708F;font-weight: 600;}
.recreation-center .headingOrange{color:#ae6042;font-weight:600;}
.recreation-center .button.hollow {border: 1px solid #7E708F;}
.recreation-center .button.hollow {color: #002856; font-weight: 600; font-size: 1rem;}
.recreation-center .button.hollow {background: transparent;}
.recreation-center .button-rounded-hover {text-transform: uppercase;}
.recreation-center .button-lavender:hover {background-color: #7E708F;color: #fff;}
.recreation-center .button-lavender{margin-bottom: .5rem;}
.recreation-center  #page-content a[href*="inside.uth.edu"]::after{  
    padding: 0 0.2rem;
    font-family: foundation-icons;
    content: "\f16a";
    color: #ae6042;
}

.recreation-center .button-rounded-hover {
    padding: 2rem;
    position: relative;
    overflow: hidden;
    font-size: 1rem;
    letter-spacing: 2px;
    transition: all 0.35s ease;
    transform: translateZ(0);
}


/*End Recreation Center*/



/*Shuttle Services*/
.shuttle #masthead #main-nav .dropdown.menu a {padding: .7rem 1.5rem;}
.shuttle #masthead #main-nav, .shuttle #masthead #main-nav .top-bar, .shuttle #masthead #main-nav .title-bar, .shuttle #masthead #main-nav .top-bar ul.dropdown {
    background: #ae6042; color: #fff!important;}
.shuttle #masthead #main-nav .top-bar ul a:hover, .shuttle #masthead #main-nav .top-bar ul a:focus, .shuttle #masthead #main-nav .top-bar .is-active, .shuttle #masthead #main-nav .top-bar .is-active a, .shuttle #masthead #main-nav .top-bar .js-dropdown-active {
    background: #696C6D; color: #fff;} 
.shuttle #masthead #main-nav .dropdown.menu a {color: #fff; /*font-weight:600;*/}
.shuttle #masthead #main-nav .menu a.selected{background:#002856;}
.shuttle .accordion {background: #ae6042;}
.shuttle .accordion a:hover, .shuttle-new .accordion-title:focus {background: #696c6d; color: #fff;}
.shuttle main h3 {font-weight:600; color:#002856;}

/*End Shuttle Services*/



/*#masthead #header {padding: 0;}*/
    
/* Medium and up */
@media screen and (min-width: 40em) {
    .housing .orbit-caption {
    width: 80%;
    bottom: 5%;
    left: 10%;
    background-color: rgba(0,40,86,.7);
    border-radius: 5px;
}
    main .orbit-caption h1 {font-size: 1.6rem;}
    main .orbit-caption h2 {font-size: 1.25rem;}
    main .orbit-caption p {font-size: 0.9rem;}
}
@media screen and (min-width: 64em) {
.housing .orbit-caption {
    width: 45%;
    min-width: 40.625rem;
}
    main .orbit-caption h1 {font-size: 2.5rem;}
}
    
.heroHeader.darkText .cell {background: rgba(255,255,255,0.6);}
.heroHeader {margin-bottom: 40px;}
 
 /*BUTTON STYLES*/   
 
.button.UTHBlue {background-color: #4e738a; color: #fff;}
.button.UTHBlue:hover, .button.UTHBlue:active {background-color: #3b586a;}
.button.UTHOrange {background-color: #AE6042; color: #fff;}
.button.UTHOrange:hover, .button.UTHOrange:active {background-color: #995337;}


.button-orange {
    border: 1px solid #ae6042 !important;
    color:#ae6042 !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

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

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

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

.button-rounded-hover {
  border: 0;
  /*border-radius: 5000px;*/
  padding: 1.3rem 0;
  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;
}

/*END BUTTON STYLES*/


.accordion {background: #597c69;}
.accordion-title {color: #fff; font-size: 1rem;}

.alert {color: #cb3927;}

figure .thumbnail {margin-bottom: 0.2rem;} /* For Housing photo galleries */

/****Dining and Catering Styles ****/
/****Dining and Catering Styles ****/

.dining-catering .heroHeader {
    margin-bottom:0;
}
.dining-wrapper {
    margin-bottom:5rem;
}
.dining-catering #weekly-menu {
    background-color:rgba(118,119,122,0.15);
    padding-top:3rem;
    padding-bottom:3rem;

}
.dining-catering .dining-survey a, .dining-catering .dining-survey a:visited, .dining-catering .dining-wrapper a, .dining-catering .dining-wrapper a:visited{
    color:#4e738a;
    text-decoration:none;
    padding-bottom:.1rem;
    border-bottom:#4e738a 1px solid;
}
.dining-catering .dining-survey a:hover, .dining-catering .dining-wrapper a:hover{
    color:#002856;
    border-bottom: #002856 2px solid;
}
.dining-catering hr{
  margin:2.5rem 0;
}

#weekly-menu h2{
    margin-bottom:2rem;
}
.dining-survey {
    padding:2rem 0;
    padding-bottom:0;
}
 #weekly-menu h2, .dining-wrapper h2{
    font-size:2.25rem;
    color:#000000;
    padding-bottom:.5rem;
 }

.dining-catering h3{
    font-size:1.25rem;
    font-weight:bold;
    color:#AE6042;
}
.dining-catering .dining-survey h2{
    padding-right:1rem;
}

.auxiliary-enterprises #masthead #main-nav .accordion-menu a {
color:#ffffff;
}
.auxiliary-enterprises #masthead #main-nav .top-bar .accordion-menu a:hover {
	background-color:#4a6864;
}
.auxiliary-enterprises #masthead #main-nav .top-bar .accordion-menu .uth-tools-container a:hover{
		 background-color:var(--uthorange) !important;
}
.auxiliary-enterprises form.validate, .dining-catering form.validate {
  padding: 0rem;
  background-color:none;
  }
.auxiliary-enterprises fieldset legend,.dining-catering fieldset legend {
    font-weight: 700;
    margin: 0 0 0 -.1875rem;
    padding: 0 .1875rem;
}
.auxiliary-enterprises fieldset, .dining-catering fieldset {
    border: 1px solid #DDD;
    border: 1px solid #AE6042;
    margin: 1.125rem 0;
    padding: 1.25rem;
}

.auxiliary-enterprises fieldset fieldset, .dining-catering fieldset fieldset{
    background-color:none;
    border: 1px solid #DDD;
}

.auxiliary-enterprises .rank-container label, .dining-catering .rank-container label{
display:inline-block;
margin-right:1rem;
cursor:pointer;
}

.auxiliary-enterprises input[type="submit"]:hover, .dining-catering input[type="submit"]:hover {
	background:#656567!important;
}

 .auxiliary-enterprises #main-nav a[href*="inside.uth.edu"]::before {  
    padding: 0 0.2rem 0 0;
    font-family: foundation-icons;
    content: "\f16a";
}

 .radio-container {
 	display:inline-block;
 }
 
/*MENU LINKS DYNAMIC PART*/
.menu-ctas {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}
.menu-ctas {
    font: bold 1.25rem arial, sans-serif;
    line-height: calc(1.5em - 3px);
}
.menu-ctas > li {
    display: inline-block;
    margin: calc((1.5em - 3px) / 3) 1.5rem 0 0;
}
/* CTA LINKS - 3 buttons */
#weekly-menu {
    padding-left: 0;
    padding-right: 0;
}
#weekly-menu .menu-ctas{
	 margin: 0;
	 padding: 0;
	 text-align: center;
}
#weekly-menu .menu-ctas li{
	 margin: 0;
	 width: 31.5%;
	 text-align: center;
}
#weekly-menu .menu-ctas li:nth-child(1){
	 margin: 0;
}
#weekly-menu .menu-ctas li:nth-child(2){
	 margin: 0 0 0 1rem;
}
#weekly-menu .menu-ctas li:nth-child(3){
	 margin: 0 0 0 1rem;
}
#weekly-menu .menu-ctas li a{
     display: block;
     padding: 15px 0;
    color:#fff;
     font-size: 1.25rem;
     transition: .5s all;
     font-weight: normal;
     text-decoration:none;
}
#weekly-menu .menu-ctas li a:hover{
background-color:#002856!important;}

#weekly-menu .menu-ctas li:nth-child(1) a{
    background-color:#AE6042;
}
#weekly-menu .menu-ctas li:nth-child(2) a{
    background-color:#AE6042;
}
#weekly-menu .menu-ctas li:nth-child(3) a{
    background-color:#AE6042;
}
 
#weekly-menu .menu-ctas li a:after{
	 content: "";
}
 @media only screen and (max-width: 900px) and (min-width: 581px){
#weekly-menu .menu-ctas li a{
		 font-size: inherit;
		 padding: 20px 0;
	}
}
 @media only screen and (max-width: 880px){
     #weekly-menu {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
#weekly-menu .menu-ctas li{
		 width: 100%;
		 justify-content:center;
	}
#weekly-menu .menu-ctas li:nth-child(1){
		 margin: 0px;
		 margin-bottom: 30px;
	}
#weekly-menu .menu-ctas li:nth-child(2){
		 margin: 0px;
		 margin-bottom: 30px;
	}
#weekly-menu .menu-ctas li:nth-child(3){
		 margin: 0px;
	}
}
/* -- STUDENT INSURANCE OVERVIEW -- */
#insurance-overview h3:not(.intro-h3) {
    margin-top: 2em;
}

 @media (max-width: 640px) { 

 }
 
 /*** Mobility Section ***/
  /*** Mobility Section ***/
 /*** Mobility Section ***/
 .mobility .clear-padding {
	margin-top:.5rem!important;
}