#main-content section div{
    font-family: 'Milo', sans-serif;
}

#main-content section div.nohead {
    /*min-width:100%;*/
    margin:0 auto;
    padding:0 auto;
}

.more-margin-top {
    margin-top:15px;    
}

.empty-spacer {
    min-height:10px;
    clear:both;
    display:block;
}

.no-wrap {
    white-space: nowrap;
}

.de-width-2-col {
    max-width:750px;
}

div.site-name * {
    font-family: "League Gothic", sans-serif;
}

.site-nav *, .nav-tactical * {
    font-family: "Milo", sans-serif;
}

.row-striped div.stripe-me:nth-child(even) {
    background-color: #F6F6F6;
}

.row-striped {
    margin-left:-200px;
    margin-right:-200px;
}

#index-bottom-splash{
    background-color: #F6F6F6;
    padding-top:15px;
    padding-bottom:30px;
    
}

#index-bottom-splash img
{
    margin-top:30px;
}

#index-bottom-splash >div.container.nohead
{
    padding-bottom:10px;
}

@media screen and (max-width:992px)
{
    #index-bottom-splash .de-para-header {
        margin-top: 30px;
    }
}


div.stripe-me {
    padding-left:200px;
    padding-right:200px;
    padding-top:1rem;
    padding-bottom:1rem;
}

div.stripe-me .de-pseudo-ordered-list .de-round-number-listing {
    margin-left:20px;
}

.de-pseudo-ordered-list {
    margin-bottom:2rem;
}

/*customize list bullets*/
ul.de-list {
    list-style: none;
    padding:0;
    margin:0;
}
ul.de-list li { 
    padding-left: 1em; 
    text-indent: -.7em;
}
ul.de-list li:before {
    content: "● ";
    color: #000; 
}
/* /customize list bullets*/



#state-authorization-bottom >div.container.nohead,
#current-students-bottom >div.container.nohead,
#student-proctoring-bottom >div.container.nohead,
#instructor-proctoring-bottom >div.container.nohead,
#additional-student-type-bottom >div.container.nohead
{
    padding-bottom:0;
}

main h1 {
    font: 4.5rem;
}

main p, main span, main div {
      font-family: 'Milo', sans-serif;
      font-size:20px;
}

main h1,main h2,main h3,main h4,main h5,main h6, span.uhred, a.deheader {
    font-weight: normal;
}

a.deheader strong:hover {
    color: #970C22;    
}

main a, main a span {
    font-family: "Milo", sans-serif;
}

main .media-heading {
    font-weight: bold;
}

h2>a {
    font-family: 'League Gothic', sans-serif;
    font-size:36px;
}

.de-page-header {
    font-family: 'League Gothic', sans-serif; 
    font-size: 54px;
    font-weight: normal;
    text-transform: uppercase; 
    padding-top: 25px;
    line-height: 1;
}
 .de-page-sub-header {
	 font-family: 'League Gothic', sans-serif;
	 font-size: 45px;
	 font-weight: normal;
	 text-transform: uppercase;
	 padding-top: 25px;
	 line-height: 1;
}

.de-para-header {
    font-family: 'League Gothic', sans-serif; 
    font-size: 54px; 
    text-transform: uppercase; 
    line-height: 1;
}

.de-dept {
    font-size:18px;    
    font-family: Crimson, sans-serif;
}

.degree-loc {
    font-family: "Trebuchet MS";
    text-transform: uppercase;
}

.de-event-details {
    max-width:400px;
}

.de-text-18 {
    font-size:18px;
}

.de-text-event-link {
    font-size:36px;
}


/* columns on admissions */
@media screen and (min-width:992px){
    .two-col-right {
        float:right;
    }
}
@media screen and (min-width:1400px)
{
    .two-col-left{
        padding-left:20%
    }
    .two-col-right{
        padding-right:20%
    }
}
/* /columns on admissions */

.full-width {
    width:100%;
}
div.program-list{
   margin :15px auto;
   /*width:80%;*/
   /*padding:5px 10px 5px 0px;*/
}

div.program-list img{
    border-radius:5%;
}

.outer {
  height: 480px;
  max-width: 1200px;
  position: relative;
}

.topleft {
  color: white;
  position: relative;
  top: 1em;
  width: 60%;
  min-width: 280px;
  padding-left:0;
}

.outer.container, article .container, .container.splash {
    position: relative;
    margin-left:0;
    padding-left:0;
}

.topleft h1{
    font-family: 'League Gothic', sans-serif;
    font-weight: normal;
    font-size: 80px;
    line-height: 0.95833333333333;
    letter-spacing: -1px;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 0 25px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.75);
}

.topleft p{
  font-family: 'Crimson', serif;
  font-size: 1.125em;
  line-height: 1.4em;
  position: relative;
  text-shadow: 0 0 25px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.75);
}

.topleft .subtopic {
    font-family: 'League Gothic', sans-serif;
    font-weight: normal;
    font-size: 50px;
    line-height: 0.95833333333333;
    letter-spacing: -1px;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 0 25px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.75);
}

.home.bottomleft {
  color: white;
  position: absolute;
  /*top: 7.0rem;*/
  width: 55%;
  min-width: 280px;
  padding-left:0;
  bottom:0;
}

.home.bottomleft h2{
    font-family: 'League Gothic', sans-serif;
    font-weight: normal;
    font-size: calc(64px + (120 - 64) * (100vw - 320px)/(1280 - 320));
    line-height: .9;
    letter-spacing: 0;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 0 .25em rgba(32,27,24,.5);
}

.home.bottomleft span{
    font-family: 'League Gothic', sans-serif;
    display: block;
    font-size: .4em;
    text-indent: .05em;
}
.home.bottomleft p{
  font-family: 'Crimson', serif;
  /*font-size: 23px;*/
  font-size: calc(15px + (20 - 15) * (100vw - 320px)/(1280 - 320));
  line-height: calc(1.5em - 3px);
  /*line-height: 31px;*/
  /*position: relative;*/
  text-shadow: 0 0 .5em rgba(32,27,24,1);
}

.home.bottomleft .subtopic {
    font-family: 'League Gothic', sans-serif;
    font-weight: normal;
    font-size: 50px;
    line-height: 0.95833333333333;
    letter-spacing: -1px;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 0 25px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.75);
}

.splash-header-wrapper {
    bottom: 3.5rem;
    left: 0;
    position: relative;
    width: calc(100% + 230px);
    height:440px;
	margin-left:-200px;
    z-index: 13;    
}

.splash-header {
    background: #c8102e;
	color: #ffffff;	
	bottom:0;
	left:0;
	position:absolute;
	padding:10px 15px 10px 200px;
	display:inline;
	text-transform: uppercase;	
}

.splash-header h1 {
    font-family: "League Gothic",sans-serif;
	font-size: 4.5rem;
    font-size: calc(67px + (20 - 15) * (100vw - 320px)/(1280 - 320));
    font-weight: normal;
    letter-spacing: 0;
    line-height:1;
    display: inline-block;
    margin: 0;
    padding: .625rem 1.25rem .625rem 0;
    position: relative;
    z-index: 1;
}




.backToTopBtn{
    float:right;
}

.big-number{
    font-size:1.5em;
}

.uhred {
    color:#c8102e;
}

@media screen and (max-width: 998px) {
    .topleft {
        width: 95%;
    }
    .topleft h1 {
        font-size: 60px;
    }
    .topleft .subtopic, .bottomleft .subtopic {
        font-size: 30px;
    }  
}

@media screen and (max-width: 500px) {
    .topleft h1 {
        font-size: 40px;
    }
    .topleft p , .bottomleft p{
       font-size:.8em;
    }
}

/*hide round images for screen size below 600px*/
@media screen and (max-width: 600px) {
    div.img-row>div:nth-of-type(1){
        display:none;
    }
}

/*dynamic row*/
#dynamic-row{
      background-image:url("../_images/splash/row-background-dark.jpg");
      background-size: cover;
      color:#FFFFFF;
      min-height:200px;
}

@media screen and (max-width: 984px)
{
    #dynamic-row{
        padding-bottom:2em;
    }
}

.dynamic_container{
    padding:30px;
}

.dynamic_row{
    text-align:center;
    display:block;
}

strong.dynamic_row {
    font-weight:bold;
        
    font-size:1.2em;
    color:#fff;
    font-family: 'Milo', sans-serif;
}

span.dynamic_row{
  /*font-size: 2em;*/
  font-size : 5rem;
  font-weight:bold;
  padding-top:40px;
  font-family: "League Gothic", sans-serif;
}


/*form row*/
#form-row{
  margin-top:40px;
  /*padding:30px;*/
}

.link-img{
border-radius:50%;
}

.link-img-rectangle{
border-radius:10px;
}

.img-row{
    padding: 10px;
}

.img-row-rectangle{
    padding: 10px;
}

.blurb-header{
    font-weight:bold;
    font-size: 2.0em;
    padding-right:10px;
    display:block;
    font-family: 'League Gothic', sans-serif;
}

.blurb-body{
    max-width:800px;
    font-size: 1.3em;
    display:block;
}

@media screen and (max-width: 400px) {
 .blurb-header{
    font-size: 1.6em;
 }

 .blurb-body{
    font-size: 1.1em;
 }
}


/*div with the pseudo search */
#search_div{
    border-style:solid;
    border-color:#F0F0F0;
    margin-bottom:10px;
    color:#F0F0F0;
}

/* style the form */
#form_div{
    background-color:#E8E8E8;
    padding:10px;
}

#form_title_div{
    color:#C8102E;
    background-color:#C8C8C8;
}

h2.form-title{
    text-align:center;
    padding-top:10px;
    padding-bottom:10px;
    margin-bottom:0;
    margin-top:0;
}

#form_div textarea {
 resize: vertical;
}

/* /style the form */

/* testimonial section */
#bottom-splash-row{
  background: #1a1a1a no-repeat center center;
  background-image:url("../_images/splash/smileygirl-splash-1200.jpg");
  background-size: cover;
  padding: 0;
}

@media screen and (max-width: 900px) {
    #bottom-splash-row { 
        background-position: 70% 100%;
    }
}

@media screen and (min-width: 1300px) {
    #bottom-splash-row .outer{ 
        height:650px;
    }
}

#bottom-splash-row .topleft{
    padding-left:10px;
    font-family: 'Crimson', serif;
    font-size: 1.5em;
    line-height: 1.4em;
    margin-left:50px;
    position: relative;
    text-shadow: 0 0 25px rgba(0,0,0,.5), 0 0 5px rgba(0,0,0,.75);
}

@media screen and (max-width: 599px) {
    #bottom-splash-row .topleft {
        padding-left: 0px;
        margin-left:0px;
        max-width:200px;
    }
    #bottom-splash-row .topleft p {
       font-size:0.7em;
    }
}


.svg-social-icon {
    background-color: #c8102e; 
    fill: #fff; 
    border-radius: 5px; 
    padding: 8px; 
}
.de-social-media a {
    outline:0;
}

.svg-social-icon:hover {
    fill: #FFFFEB;
}


/*  back to top button */
.back-to-top {
background: none;
margin: 0;
margin-right:5px;
position: fixed;
bottom: 0;
right: 0;
width: 40px;
height: 40px;
z-index: 100;
display: none;
text-decoration: none;
outline:0 !important;
text-align:center;
color: #ffffff;
background-color: #C8102E;
}
 
.back-to-top {
  font-size: 30px;
  border-radius:50%;
}

/* /back to top button */

a[data-toggle="popover"]{
    outline:none;
}

a[data-toggle="popover"]::-moz-focus-inner {
   border: 0;
} 


.giantnumber {
    font-size:150px;
    font-weight:800;
    line-height:150px;
    font-family: 'League Gothic', sans-serif;
}

.de-round-numbers  {
    background-color:#C8102E; 
	border-radius: 50%; 
	height: 57px; 
	width: 57px;	
	font-size:50px;
	font-family:"League Gothic", sans-serif;
	text-align:center;
	font-weight:bold;
    display:inline-block;
	padding:6px;
    color:#fff;
    line-height:1;
    margin-top:5px;
}

.de-round-number-listing {
    background-color:#C8102E; 
    border-radius: 50%; 
	height: 30px; 
	width: 30px;	
	font-size:24px;
	font-family:"Milo", sans-serif;
	text-align:center;
	font-weight:bold;
    display:inline-block;
	padding:3px;
    color:#fff;
    line-height:1;
}

.de-subheaders {
    font-size:45px;
    font-family: 'League Gothic',sans-serifs;
    font-weight:normal;
    line-height: 1em;
    display:inline-block;
}

.de-col-subheaders {
    font-size:54px;
    font-family: 'League Gothic',sans-serifs;
    font-weight:bold;
    display:inline-block;
}

@media screen and (min-width: 992px)
{
    .zeroleftmargin {
        padding-left:0;
    }
}

@media screen and (max-width: 992px)
{
    .zeroleftmargin {
        padding-left:0;
    }
    .adminwords {
        padding-top:0px;
        padding-bottom:10%;
        margin-top:-40px;
    }
    span.uhred.giantnumber { 
        padding-left:15px;
        font-size:100px;
        margin-bottom:30px;
        line-height:50px;
    }
    div.numberdiv {
        padding-left:0;
    }
}

@media screen and (max-width: 480px)
{
    span.uhred.giantnumber{
        font-size: 70px;
        font-weight:700;
    }
    .adminwords {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px)
{
    .studenttypetext {
        padding-left:10px;
        padding-right:10px;
    }
}

@media screen and (max-width: 768px)
{
    .studenttypetext {
        max-width:100% !important;    
        width:100%;
        padding-left:0px;
        padding-right:0px;
    }
}

@media screen and (max-width:992px)
{
    .morepadtop {
        padding-top:20px;    
    }
}

.scrunch {
    letter-spacing:-1px;
}

 .numberdiv {
    /*padding-bottom:5%;*/
}

.zeroleftmargin {
    margin-left:0;
}

.adminwords {
    text-align:center;
}

.one-word-per-line {
    word-spacing: 9999999px; 
}

.admin-student-type-link, .admin-student-type-link a {
    font-family:'League Gothic', sans-serif;
    text-align:center;
    font-weight:800;
    font-size: 36px;
    line-height: 1;
}

.de-large-link a{
    font-size:36px;
    font-family:'League Gothic', sans-serif;
}


.studenttypetext {
    max-width:250px;
    line-height:1;
    display:inline-block;
}

.studenttypetext p {
    margin:0;
    font-size:18px;
        text-align:left;
}

@media screen and (min-width: 992px) 
{
    .de-center-of-3 {
         padding-left: calc((100% - 400px) / 2);
    }
    .de-right-of-3 {
        float:right;
    }
}

.circle_border {
    border-radius:50%;
}

.shiftdownadmissions {
    padding-top:5%;
}

.centertext {
    text-align:center;
}

.popover {
    background: #FFF9D9;
    color:#000;
}

.popover-title { background-color: #FFF9D9; }

.de-contact-glyph {
    	color: #c8c8c8; 
		font-size: 30px; 
}	

.de-contact-glyph:hover {
    color: #880B0F;
}

a.de-contact-item {
    vertical-align: 35%;
    padding-left:15px;
}

.contact-block-contact-type, .contact-block-header {
	font-weight:bold;
    font-size:25px;
    font-family: Milo, sans-serif;
}

.contact-block-header {
    padding-bottom:10px;
}

@media screen and (max-width: 350px)
{
    .contact-block-contact-type, 
    .contact-block-header, 
    a.de-contact-item {
    font-size:16px;
}
}

.de-contact-block-container{
    border-style:solid;
    border-color:#c8c8c8;
    border-width:5px;
    border-radius:5px;
    margin-bottom:10px;
    margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.de-contact-block-container p{
    margin-top:0;
    margin-bottom:0;
    line-height:1;
}

.grow, main a img { transition: all .2s ease-in-out; }
.grow:hover, main a img:hover { transform: scale(1.05); }

/* nc-sara legend */
    #nc-sara-container {
    display: flex; 
    flex-direction: row; /* make main axis horizontal (default value) */
    justify-content: center; /* center items horizontally */
    align-items: center; /* center items vertically*/
}

.box {
    width: 50px;
    height:50px;
    margin: 5px;
    text-align: center;
}

.nc-sara { background: #960c23; }
.non-nc-sara { background: #878B8E; }


#page:first-child {
    margin-top: 0px !important;
}

#page {
 
    margin-top: 0 !important;
}

#sliderImageContainer .container.nohead {padding-bottom:0;}
#requestinfoform{background-color: rgb(200, 16, 46);}
#request-info-form-short .error {
    color: black;
    font-weight:bold;
    font-style: oblique;
}

#request-info-form .error {
    color: #C8102E;
    font-weight:normal;
    font-style: oblique;
}

/* START Ed2Go Request Info Button Styling */
#career-info-button.btn.primary-btn {
   font-family:"Milo";
   font-weight:bold; 
   display:inline-block;
   width:15em;
   text-align:center; 
   background-color: rgb(195,29,50);
   color:#FFFFFF;
   border-radius:15px;
   padding:15px;
   position:absolute;
   right: 50px;
   top: 75px;  
}
/* END   Ed2Go Request Info Button Styling */

/* Ed2Go program targets for CSS styling */

p.slide-title {
    font-family: "League Gothic", sans-serif;
    font-size: 1.3em;
    font-weight:bold;
}
.ed2go-program img {
   display:block;
   width: 100%; /* Fill the containing div width */
   border-radius:15px;
   margin-bottom:15px;
}
.ed2go-program h3, .ed2go-program h3 a  {
   font-family: "League Gothic", sans-serif;
   font-size:36px;
}

@media screen and (min-width:998px)
{
    .de-vertical-align-center {
	  display: flex;
	  align-items: center;
	}
    
    .de-flex-map {
        display:flex;
    }
    .de-flex-map div>iframe {
        margin-top:60px;
    }
}

.program-container{
   padding: 0.2em;
}
.program-container h3{
 color: #c8102e;
 margin-bottom: 0.5em;
}
 .program-container > ul{
   padding: 0;
   margin: 0;
   list-style-type: none;
}

.program-container > ul > li{
   font-size: 19px;
}
 .program-list-image{
  width: 100%;
  display: block;
}
 .program-link-list-item{
    font-weight: 700;
}
.program-link-list-item::after{
 content: ' >';
 display: inline;
}
@media screen and (max-width: 768px) {
 .program-container h3 {
   font-size: 2.0em;
 }
}

/* UH-Extend link-back icon rules */
.uhextend-icon.btn.btn-primary,
.uhextend-icon.btn.btn-success,
.uhextend-icon.btn.btn-info,
.uhextend-icon.btn.btn-default
{
   margin-left:5px;
   padding: 0px 3px;
   font-size: 14px;  /* or font-size: smaller; */
}

.panel-title {
	 position: relative;
}
 .panel-title::after {
	 content: "\002B";
	 color: #333;
	 top: -2px;
	 right: 0px;
	 position: absolute;
	 font-size: 1.5rem;
	 font-style: bold;
}
 .panel-title[aria-expanded="true"]::after {
	 content: "\2212";
}
a.Explink:link, a.Explink:visited
    {
        color: black;
    }
/* Indent subsequent lines of an Ed2Go program listing that word-wraps. */
div.ed2go-program p a {
    display: inline-block;
    padding-left: 30px;
    text-indent: -30px;
}