/*!
 * Add custom css for this site here:
 */

.card.flag{
border-left: solid #c8102e 4px;
}

.card.flag .card-body{
  padding:0 1rem!important;
}

.card.flag .card-body .card-title{
  padding:1rem 0 0 0rem!important;
}

.bg-light,
.card.contact-block{
    background-color: #f5f5f5!important;
}

/* Removes underline from link text in embedded Slate forms */
u {
	text-decoration:none!important;
}
/* evens out color of topnav links */
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgba(0, 0, 0, .65)!important;
}
._admithub_embed-container { display: block !important }
 
 
p.red {
    font-family: 'Montserrat', Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #fff;
    font-size: 2rem;
}


a.red {
    color:white;
    text-decoration: underline;
}


h2.red {
    color:white;
}

.card.red {
    min-height: 20px;
    background-color: #c8102e;
    color: white;
    border: 0px;
    border-radius: 0px;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    
}
 
 #ugradfull {
	 background-image: url('http://webqa.niu.edu/online/_images/homepage.jpg');
	 background-size: 100%;
	 background-repeat: no-repeat;
}


.hrbox
{
margin-top: 5px;
margin-bottom: 5px;
}

#jumbo {
	 padding: 0px;
	 margin-bottom: -37px;
	 padding-bottom: 0px;
	 border-radius: 0px;
}
.maintransparent {
    background-color: rgba(255, 255, 255, 0.8);
    background: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
    margin-left: 45px;
    margin-top: 45px;
    margin-bottom: 45px;
}

 #degrees .dropdown-menu.mega {
	 width:15em;
	} 
	
		 .image-bg .black70 {
		 font-weight: 400;
		 background-color:rgba(0,0,0,.65);
		 padding: 1rem .5rem;
		 font-size:16px;
		 font-size:2vmin;
	}
	
	 .bottom-left-100 {
	 position: absolute;
	 bottom: 0px;
	 right: 0px;
	 width:100%;
}
.btn.btn-primary {
        /*border-radius: 0px!important;*/
}


 .quest-style {
	 font-size: 18px;
	 font-family: 'Sanchez',serif;
}

.breadcrumb>li {
    display: inline;
}

h2.homepage {
    font-family: 'Montserrat', Arial, sans-serif;
    font-style: normal;
    font-weight: 700;
    color: #c8102e;
    font-size: 2rem;
}
/*** styles slate form button ***/
button.default.form_button_submit {
    background-color: #c8102e!important;
    color: #ffffff!important;
    border-width: 0!important;
    font-size: 1rem!important;
    text-transform: uppercase!important;
    padding: .5rem 1rem!important;
    
}
    
button.default.form_button_submit:active,
button.default.form_button_submit:hover{
    background-color: rgba(143, 12, 43, .8)!important;
}


/*** Hides Wiley Chat tool on mobile devices ***/
@media (max-width:768px){

	#liveagent_invite_button_5730e000000PBjE{
		display:none;
	}
}


/*** new heading display class settings ***/
 h1.display, h2.display, h2.display-3, h2.modal-title, h3.display{
	 font-family: 'Montserrat', Arial, sans-serif;
	 color: #c8102e;
}
 h1.display, h2.display, h2.modal-title{
	 font-weight: 700;
	 color: #c8102e;
}
 h1.display small{
	 font-weight: normal;
	 color:#333333!important;
}
 h3.display{
	 font-weight: 700;
	 color:#333333!important;
}
 h3.display, h3.card-title{
	 line-height:1.2;
}
/** scalable sizing by device size **/
 @media (max-width: 320px){
	 h1.display{
		 font-size: 8vw!important;
	}
	 h2.display, h2.modal-title {
		 font-size: 6vw!important;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 7vw!important;
	}
}
 @media (min-width: 321px) and (max-width: 767px){
	 h1.display{
		 font-size: 6vw!important;
	}
	 h2.display, h2.modal-title {
		 font-size: 4.5vw!important;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 4vw!important;
	}
}
 @media (min-width: 768px) and (max-width: 991px){
	 h1.display{
		 font-size: 5vw!important;
	}
	 h2.display, h2.modal-title {
		 font-size: 3vw!important;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 2.5vw!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;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 2vw!important;
	}
}
 @media (min-width: 1200px) and (max-width: 1499px){
	 h1.display{
		 font-size: 3vw!important;
	}
	 h2.display, h2.modal-title {
		 font-size: 2.25vw!important;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 1.75vw!important;
	}
}
 @media (min-width: 1500px) and (max-width: 1980px){
	 h1.display{
		 font-size: 2.5vw!important;
	}
	 h2.display, h2.modal-title {
		 font-size: 2vw!important;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 1.5vw!important;
	}
}
 @media (min-width: 1981px){
	 h1.display{
		 font-size: 40px!important;
	}
	 h2.display, h2.modal-title {
		 font-size: 32px!important;
	}
	 h3.display,
	 h2.display-3{
		 font-size: 24px!important;
	}
}


span.display{
  font-size: clamp(1.125rem, 0.6vw + 1rem, 2.5rem);
}
.accordion .card-header:first-child {
                border-radius: 0 0 0 0;
}
.accordion .card-header {
                padding: .75rem 1.25rem;
                margin-bottom: 0;
                background-color: #efefef;
                border-bottom: 0px solid rgba(0,0,0,.125);
}
.accordion .card-header button.btn {
                color: #000000;
                font-size:1.025rem;
                text-transform:inherit;
                padding:0px 0px;
}
.accordion .card-header button.btn.btn-link {
                color: #000000;
                width: 100%;
                text-align: left;
}
.accordion .card-header button.btn.btn-link:active, .accordion .card-header button.btn.btn-link:focus, .accordion .card-header button.btn.btn-link:hover {
                color: #000000;
                text-decoration:none;
                background-color:#efefef;
}
.accordion .card-header button:focus {
                background-color: #efefef;
                color: #000000;
}
.accordion .card-header button.btn.btn-link.collapsed::after {
                font-family: "Font Awesome 5 Pro";
                content: "\f107";
                padding-right: 5px;
                font-size:1.5rem;
                position: absolute;
                right: 5px;
                top: 10px;
}
.accordion .card-header button.btn.btn-link::after {
                font-family: "Font Awesome 5 Pro";
}


/* =============================================================================
   Â鶹¾«Æ· TESTIMONIAL — Bootstrap 4 compatible
   Load this after your existing theme stylesheet.

   Layout: photo stacked above cite text in a fixed-width left column;
   quote fills the remaining width to the right. Both columns are centered
   vertically via Bootstrap's .align-items-center on the blockquote.

   Bootstrap 4 utilities used in markup:
     .d-flex, .align-items-center   — horizontal flex row on the blockquote
     .flex-shrink-0                 — keeps the left column at fixed width
     .text-center                   — centers photo and cite within the column
     .rounded-circle                — circular photo crop
     .mr-4                          — right margin separating columns
     .d-block, .mt-2                — stacks cite below photo with top spacing
     .mb-0                          — removes default <p> bottom margin
   ============================================================================= */

blockquote.niu-testimonial {
  border-left: 4px solid #c8102e;   /* Â鶹¾«Æ· red — element+class for specificity */
  background-color: #f4f4f4;
  padding: 1rem;
  margin: 1rem 0;

  /* Reset Bootstrap's default blockquote styles */
  font-size: inherit;
}

/* Left column: fixed width to match photo size */
.niu-testimonial__person {
  width: 150px;
}

/* Photo — .rounded-circle handles shape; object-fit centers the crop */
.niu-testimonial__photo {
  width: 150px;
  height: 150px;
  object-fit: cover;
  display: block;
}

.niu-testimonial__attribution {
  font-size: .875rem;
  font-weight: 600;
  font-style: normal;       /* guard against blockquote italic inheritance */
  color: #1a1a1a;
}

/* Affiliation line — stacked below name via Bootstrap's .d-block */
.niu-testimonial__attribution span {
  font-weight: 400;
  color: #6b6b6b;
  margin-top:0;
}

/* Quote — fills the right column; no italic or light weight */
.niu-testimonial__quote {
  font-size: .975rem;
  font-weight: 400;
  font-style: normal;
  color: #3d3d3d;
  line-height: 1.5;
}
}