/**
*
* Remove the default logo and insert the non-home-page root logo
*
***/
.navbar-brand img, .navbar-brand .tagline_holder, .navbar-brand:before {
    display: none;
}
.slide_elements .navbar-brand:after {
	content: url('https://niu.edu/masterto/themes/Theme_3_0/common/images/niu-logo-root.png')
}
/**
*
* END
*
***/
.btn-lg{
    border-radius:0px!important;
}

 
.card{
    border:0px!important;
    box-shadow: 0px 0px 0px #fff!important;
}


#content > div:nth-of-type(3) blockquote::before{
  content:'\201C';  
  font-size:10rem;
  color: #5a5859;
  font-family:Georgia, serif;
  line-height: 0;
  padding: 0;
  margin-top: 60px;
  float: left;
}
#content > div:nth-of-type(3) blockquote img{
    border-radius: 50%;!important;
    margin-right: 1rem;
    margin-bottom: 2rem;
    float:left;
}


#content > div:nth-of-type(4),
#content > div:nth-of-type(7)
{
    background: #f2f2f2 !important;
    margin:0 ;
    padding-top:1rem;
    padding-bottom:1rem;
}

.other-programs, .related-websites{
     margin-top: 1.5rem auto;
	 background-image: url(https://www.niu.edu/academics/images/grey-tear-bg-right.jpg);
	 background-position:top left;
	 background-repeat:no-repeat;
	 background-size:contain;
    }
.other-programs p {
    text-align:center;
    margin:1rem 0;
    }    
.other-programs p i {
    margin-bottom:.5rem;
    }


#content > div:nth-of-type(5){
    background: #c8102e!important;
    margin:0;
}
#content > div:nth-of-type(5) .row.carddeck {
    background-color: background: #a3a7ba; 
    background: radial-gradient(circle, rgba(163,167,186,1) 0%, rgba(38,20,23,1) 100%); 
}

#content > div:nth-of-type(5) .row.carddeck .card {
    background: transparent; 
}

.card #firstCalloutValue p.card-text.text-white {
    text-shadow: 0px 0px 0px #fff !important;
    font-size: 3rem!important;
}

#firstCalloutValueCustom p.card-text.text-white{
font-size: 3vw!important;
}

 .card h3.card-title-careers  {
    font-size: 1.75vw !important;
    line-height: 1 !important;
    text-shadow: 0px 0px 0px #fff !important;
    font-weight: 400 !important;
}
 
    
/*** new heading display class settings ***/

h1.display, h2.display, h2.modal-title, h2.close-to-home, h3.display{
	font-family: 'Montserrat', Arial, sans-serif;
	color: #c8102e;
    }
h1.display, h2.display, h2.modal-title{
	font-weight: 800;
	color: #c8102e;
    }
h1.display small{
   	font-weight: normal;
    color:#333333!important;
    }
h2.close-to-home, h3.display{
 	font-weight: 700;
	color:#333333!important;
	}
h2.close-to-home, h3.display, h3.card-title{
	line-height:1.5;
	}
	
h2.did-you-know{ /*mimicks h3-display style to keep heading structure correct*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1.65vw!important;
 	font-weight: 700;
	/*color:#333333!important;*/
	color:#c8102e!important;
	line-height:1.5;
	}


/** scalable sizing by device size **/

@media (max-width: 320px){
h1.display{
    	font-size: 8vw!important;
    }
h2.display, h2.modal-title {
        font-size: 6vw!important;
    }
h2.close-to-home, h3.display {
    	font-size: 7vw!important;
     }
h2.did-you-know{ /*mimicks h3-display style to keep heading structure correct*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 6vw!important;
 	font-weight: 700;
	/*color:#333333!important;*/
	color:#c8102e!important;
	line-height:1.5;
	}
}
@media (min-width: 321px) and (max-width: 767px){
h1.display{
    	font-size: 6vw!important;
    }
h2.display, h2.modal-title {
        font-size: 4.5vw!important;
    }
h2.close-to-home, h3.display {
    	font-size: 4vw!important;
     }
h2.did-you-know{ /*mimicks h3-display style to keep heading structure correct*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 4.5vw!important;
 	font-weight: 700;
	/*color:#333333!important;*/
	color:#c8102e!important;
	line-height:1.5;
	}
#firstCalloutValueCustom p.card-text.text-white{
font-size: 10vw!important;
}
}

@media (min-width: 768px) and (max-width: 991px){
h1.display{
    	font-size: 5vw!important;
    }
h2.display, h2.modal-title {
        font-size: 3vw!important;
    }
h2.close-to-home, h3.display {
    	 font-size: 2.5vw!important;
     }
h2.did-you-know{ /*mimicks h3-display style to keep heading structure correct*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 3vw!important;
 	font-weight: 700;
	/*color:#333333!important;*/
	color:#c8102e!important;
	line-height:1.5;
	}
#firstCalloutValueCustom p.card-text.text-white{
font-size: 7vw!important;
}
}

@media (min-width: 992px) and (max-width: 1199px){
h1.display{
    	font-size: 3.5vw!important;
    }
h2.display, h2.modal-title {
        font-size: 2.5vw!important;
    }
h2.close-to-home, h3.display {
    	 font-size: 2vw!important;
     }
h2.did-you-know{ /*mimicks h3-display style to keep heading structure correct*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1.65vw!important;
 	font-weight: 700;
	/*color:#333333!important;*/
	color:#c8102e!important;
	line-height:1.5;
	}
}

@media (min-width: 1200px) and (max-width: 1499px){
h1.display{
    	font-size: 3vw!important;
    }
h2.display, h2.modal-title {
        font-size: 2.25vw!important;
    }
h2.close-to-home, h3.display {
    	 font-size: 1.75vw!important;
     }
h2.did-you-know{ /*mimicks h3-display style to keep heading structure correct*/
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 1.75vw!important;
 	font-weight: 700;
	/*color:#333333!important;*/
	color:#c8102e!important;
	line-height:1.5;
	}
}

@media (min-width: 1500px) and (max-width: 1980px){
h1.display{
    	font-size: 2.5vw!important;
    }
h2.display, h2.modal-title {
        font-size: 2vw!important;
    }
h2.close-to-home, h3.display {
    	 font-size: 1.5vw!important;
     }
}

@media (min-width: 1981px){
h1.display{
    	font-size: 40px!important;
    }
h2.display, h2.modal-title {
        font-size: 32px!important;
    }
h2.close-to-home, h3.display {
    	 font-size: 24px!important;
     }
}
  
    
  /*** red steppingblocks data row  ***/
    .row-carddeck > div[class*='col-'] {
      display: flex;
      flex:1 0 auto;
    }
    
    .card {
      width:100%;
    }
    
    .card-block{
        padding:1rem;
    }

    
    /*** shield frame card content block styles ***/

    .shield-frame {
        background-image: url(https://www.niu.edu/academics/images/apply-block-images/apply-shield-frame-bg.jpg);
        background-size:cover;
    }
    .image-bg{
        position:relative;
    }
 
    .top-left {
        position: absolute;
        top: 10%!important;
        left: 25%!important;
        max-width: 50%!important;
    }
 
 
    .card h2.display{
        font-size: 2.5rem!important; 
        font-family: 'Montserrat', Arial, sans-serif;
        font-weight:500;
    }
    .card h3.card-title {
    font-size: 1.75vw!important;
    font-weight: 500!important;
    /*text-shadow: -1px 1px 1px #fff;*/
    }
    
    .card h4.card-title{
    font-size:1.5vw!important;
    color: #c8102e!important;
    text-shadow: -1px 1px 1px #fff;
    }
    
    .card p.card-title {
    font-size: 2vw!important;
    text-shadow: -1px 1px 1px #fff;
    }
    .card p.card-text {
    font-size: 1.25vw!important;
    text-shadow: -1px 1px 1px #fff;
    }
 
@media screen and (min-width:768px) and (max-width:1199px) {

    .top-left {
    position: absolute;
    top: 9%;
    left: 18%;
    max-width: 65%;
    }
     .card h3.card-title-careers  {
    font-size: 2vw !important;
    line-height: 1 !important;
    text-shadow: 0px 0px 0px #fff !important;
    font-weight: 400 !important;
}

    .card h3.card-title {
        font-size: 2.5vw!important;
        line-height: 1!important;
        /*margin-left:.5rem;*/
        /*text-shadow: -1px 1px 1px #fff;*/
    }
    
    .card h4.card-title { 
        font-size:1.75vw!important;
        color:#c8102e!important;
        line-height:1!important;
        /*margin-left:.5rem;*/
        text-shadow: -1px 1px 1px #fff;
    }
    .card p.card-title {
        font-size: 2vw!important;
        line-height: 1!important;
        /*margin-left:.5rem;*/
        text-shadow: -1px 1px 1px #fff;
    }
    .card p.card-text {
        font-size: 1.5vw!important;
        margin-right:22%;
        line-height: 1.2;
        /*margin-left:.5rem;*/
        text-shadow: -1px 1px 1px #fff;
    }
    }
    
@media screen and (max-width:767px) {

    .top-left {
        position: absolute;
        top: 10%!important;
        left: 17%!important;
        max-width: 66%!important;
    }
    .card h3.card-title {
        font-size: 5vw!important;
    }
     .card h3.card-title-careers  {
    font-size: 5vw !important;
    line-height: 1 !important;
    text-shadow: 0px 0px 0px #fff !important;
    font-weight: 400 !important;
}
    
    .card h4.card-title{
        font-size:4vw!important;
        text-shadow: -1px 1px 1px #fff;
    }
    .card p.card-title {
    font-size: 5vw!important;
        text-shadow: -1px 1px 1px #fff;
    }

    .card p.card-text {
    font-size: 3vw!important;
    margin-right:20%;
    text-shadow: -1px 1px 1px #fff;
    }
    
    .other-programs, .related-websites {
	 background-image: url(https://www.niu.edu/academics/images/grey-tear-bg-top.jpg);
	 background-position:top left;
	 background-repeat:no-repeat;
	 background-size:contain;
    }

    }
    
 @media screen and (min-width:1981px) {   
 
    .card h3.card-title {
    font-size: 35px!important;
    font-weight: 500!important;
    }
    
    .card h4.card-title{
    font-size: 30px !important;
    color: #c8102e!important;
    text-shadow: -1px 1px 1px #fff;
    }
    
    .card p.card-title {
    font-size: 40px!important;
    text-shadow: 0px 0px 3px #fff, 0px 0px 3px #fff;
    }
    .card p.card-text {
    font-size: 1.25rem !important;
    text-shadow: 0px 0px 3px #fff, 0px 0px 3px #fff;
    }
 }