/*!
 * Add custom css for this site here:
 */
 
html {
  scroll-behavior: smooth;
}
 body.progress {
    display: block !important;
}

div.ivy-main.ivy-pos-top-right.ivy-t-circle .ivy-circle {
    top: 90px;
    right: 5px;
}

div._admithub_embed-container .activation-button {
    poistion:fixed;
    top: 90px;
    right: 5px;
}
.card-deck.three-col .card{
  width:100!important;
}
@media (min-width: 991px){
.card-deck.three-col .card{
  width:33.3%!important;
}
}

 
 /*corrects alignment of admissions logo*/
.navbar-brand  {
  margin-top: 19px;
}
.navbar-brand img {
    margin-top: -19px;
}
/*end logo correction*/
 
 
.card-footer {
    background-color: #fff;
}

/* Link styling for .table class */


/*.table-link a {*/
/*    color: #555;*/
/*    text-decoration: none;*/
/*    text-decoration-line: none;*/
/*    text-decoration-style: initial;*/
/*    text-decoration-color: initial;*/
/*    border-bottom: 2px dotted #c8102e;*/
/*    padding-bottom: 2px;*/
/*}*/

/*.table-link a:hover, table a:active, table a:focus {*/
/*    color: #444;*/
/*    text-decoration: none;*/
/*    text-decoration-line: none;*/
/*    text-decoration-style: initial;*/
/*    text-decoration-color: initial;*/
/*    border-bottom: 2px dotted #a5a7a8;*/
/*    border-bottom-width: 2px;*/
/*    border-bottom-style: dotted;*/
/*    border-bottom-color: rgb(165, 167, 168);*/
/*}*/

/* Link styling for Huskie Spotlight block quote footer */

/*.blockquote-footer a {*/
/*    color: #555;*/
/*    text-decoration: none;*/
/*    text-decoration-line: none;*/
/*    text-decoration-style: initial;*/
/*    text-decoration-color: initial;*/
/*    border-bottom: 2px dotted #c8102e;*/
/*    padding-bottom: 2px;*/
/*}*/

/*.blockquote-footer a:hover, blockquote-footer a:active, blockquote-footer a:focus {*/
/*    color: #444;*/
/*    text-decoration: none;*/
/*    text-decoration-line: none;*/
/*    text-decoration-style: initial;*/
/*    text-decoration-color: initial;*/
/*    border-bottom: 2px dotted #a5a7a8;*/
/*    border-bottom-width: 2px;*/
/*    border-bottom-style: dotted;*/
/*    border-bottom-color: rgb(165, 167, 168);*/
/*}*/


/*blockquote footer.blockquote-footer {*/
/*    display: block;*/
/*    font-size: 80%;*/
/*    line-height: 1.42857143;*/
/*    color: #5a5758;*/
/*    background-color: #f5f5f5;*/
/*    margin-top: 5px;*/
/*}*/

#mainnav.navbar-nav>li:last-child {
    color: #efefef;
    border-bottom: 0px;
    font-weight: 700;
    background-color: #f2f2f2;
} 

.next-steps {
    background-color: #c8102e;
    padding: 4em 0;
    padding-top: 4em;
    padding-right: 4px;
    padding-bottom: 4em;
    padding-left: 4px;
    border-top: 4px solid black;
    border-bottom: 4px solid black;
}



.count, .counted, .rowCount small {
    color: #000;
    text-align: center;
}
.count, .counted, .rowCount {
    font-size: 100px;
    font-weight: 300;
    color: #000;
    text-align: center;
}

.count-tuition, .counted-tuition, .rowCount-tuition {
    font-size: 40px;
    font-weight: 300;
    color: #000;
}


#visit-accordion.accordion .card-header:first-child {
    border-radius: 0 0 0 0;
}
#visit-accordion.accordion .card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    /*background-color: rgba(200,16,46,1);*/
    background-color: #efefef;
    border-bottom: 0px solid rgba(0,0,0,.125);
}
#visit-accordion.accordion .card-header button.btn  {
    color: #000000;
    font-size:1.025rem;
    text-transform:inherit;
    padding:0px 0px;
}
#visit-accordion.accordion .card-header button.btn.btn-link {
    color: #000000;
    width: 100%;
    text-align: left;
}
 

#visit-accordion.accordion .card-header button.btn.btn-link:active,
#visit-accordion.accordion .card-header button.btn.btn-link:focus,
#visit-accordion.accordion .card-header button.btn.btn-link:hover {
    color: #000000;
    text-decoration:none;
    background-color:#efefef;
 }
 
#visit-accordion.accordion .card-header button:focus {
    background-color: #efefef;
    color: #000000;
}
/*#visit-mobile.accordion .card-header button.btn.btn-link::after {*/
/*   display: inline-block;*/
/*   font-family: "Font Awesome 5 Pro";*/
/*   content: "\f107";*/
/*   padding-right: 5px;*/
/*   font-size:1.5rem;*/
/*  }*/
  
#visit-accordion.accordion .card-header button.btn.btn-link.collapsed::after {
   /*display: inline-block;*/
   font-family: "Font Awesome 5 Pro";
   content: "\f107";
   padding-right: 5px;
   font-size:1.5rem;
    position: absolute;
    right: 5px;
    top: 10px;
}

#visit-accordion.accordion .card-header button.btn.btn-link::after {
    /*display: inline-block;*/
    font-family: "Font Awesome 5 Pro";
    content: "\f106";
    padding-right: 5px;
    font-size:1.5rem;
     position: absolute;
    right: 5px;
    top: 10px;
}

.alert {
    border-left: 5px solid #000;
    border-radius: 0;
}

/*Giphy Social Icon*/
.fa-giphy {
    background: #444;
    background-image: url(https://niu.edu/social-media/images/giphy-after.svg);
}

.fa-giphy {
    padding-top: 10px;
}
 @media (min-width: 768px) and (max-width: 1023px){
 /*corrects alignment of admissions logo*/
.navbar-brand  {
  margin-top: 10px;
}
.navbar-brand img {
    margin-top: -10px;
}


/*end logo correction*/
}


@media (max-width: 768px){
    .count, .counted, .rowCount {
    font-size: 55px;

}

.count-tuition, .counted-tuition, .rowCount-tuition {
    font-size: 30px;
  
}

 /*corrects alignment of admissions logo*/
.navbar-brand  {
  margin-top: 0px;
}
.navbar-brand img {
    margin-top: -3px;
}
/*end logo correction*/

._admithub_embed-container .activation-button .label {
    display: none;
}

}

/*** Visit / Outcomes Page ***/

.carousel-caption-black {
    
    position: absolute;
    /*right: 15%;*/
    bottom: 0px;
    left: 0;
    z-index: 10;
    color: #fff;
    text-align: left;
    overflow: visible;
    /*top: 85%;*/
    right: 0%;
    background-color:rgba(0, 0, 0, .7)!important;
}
 
.carousel-caption-black p.float-left{
 color:#ffffff!important;
 padding: .25rem 0 0 .5rem;
 margin-bottom: 0!important;
}

.carousel-caption-black p.float-right{
 color:#ffffff!important;
 padding: 0!important;
 margin-bottom: 0!important;
}


.black-block{
    padding: 30px; 
    border-bottom: 4px solid #000; 
    border-top: 4px solid #c8102e;
    background-color: #000000;
    color:#ffffff!important;"
}
.red-block{
    padding: 30px; 
    border-bottom: 4px solid #c8102e; 
    border-top: 4px solid #c8102e;
    background-color: #c8102e;
    color:#ffffff!important;"
}

.black-block h2,
.red-block h2{
    color:#ffffff!important;
    text-align:center;
}

.black-block p,
.red-block p{
    color:#ffffff!important;
}

@media print {
  main .timeline-body img, 
  .image-bg,
  div._admithub_embed-container .activation-button{
      display: none!important;
  }
  .black-block{
    padding: 15px 30px; 
    border-bottom: 0px solid #000; 
    border-top: 4px solid #c8102e;
    background-color: transparent!important;
    color:#000000!important;"
}
.red-block{
    padding: 15px 30px; 
    border-bottom: 0px solid #c8102e; 
    border-top: 4px solid #c8102e;
    background-color: transparent!important;
    color:#ffffff!important;"
}
.black-block h2,
.red-block h2{
    color:#000000!important;
    text-align:center;
}
.black-block p,
.red-block{
    color:#000000!important;
}
}

