/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */
body, html{
    height: 90%;
    padding-top: 48px; 
}

h1, h2, h3, h4, h5, h6 {
    font-family: "obvia", sans-serif;
}



/* header - begin */
.bg-inverse {
    background-color: #2B2E4F !important; 
}
/* header - end */

/* section1 - begin */
#section1{
    font-family: "obvia", sans-serif;
    background:url('/images/home_hero.jpg') center center no-repeat ;
    background-size:  cover ;
    background-color: #1C1E37;
    height: 70%;
    color: white;
    display: flex;
    align-items: center;
}

#section1 h1{
/*    font-size: 22px;*/
    
    font-style: italic;
    font-weight: bold;
  /*  line-height: 4rem; */
}

#section1 h2{
 /*    font-size: 20px;*/
    font-weight: bold;
    /*letter-spacing: 0.25rem;*/
    line-height: 2rem;
}
#section1 h3{
   /*  font-size: 16px;*/
     
    font-weight: bold;
    letter-spacing: 0.25rem;
 /*   line-height: 2rem;*/
}
@media screen and (orientation:landscape) and (max-width: 800px) { 
    section h1  {
        font-size: 24px;
    }
    section h3  {
        font-size: 18px;
    }    
}
/* Small devices (landscape phones, 576px and up) 
@media (min-width: 576px) 
{  
    section1.h1 {  font-size: 28px; }
    section1.h2 { font-size: 20px; }
    section1.h3 { font-size: 16px; }

}

@media (min-width: 768px) 
{ 
    section1.h1 { font-size: 50px; }
    section1.h2 { font-size: 25px; }
    section1.h3 { font-size: 20px; }

}

@media (min-width: 992px) 
{ 
    section1.h1 { font-size: 55px; } 
    section1.h2 { font-size: 28px; }
}

@media (min-width: 1200px) 
{ 
section1.h1 { font-size: 55px; }
section1.h2 { font-size: 28px; }

 }
 */
/* section1 - end */

/* section2 - begin */
#section2 {
    background-color: #49495D;
    color: white;
    font-family: "obvia", sans-serif;    

}

#section2 .card-deck {
    width: 60%;
}
#section2 .card{

    margin-bottom: 5px;
    border-radius: 5px 5px 0 0;
    background-color: #797E92;
    display:flex;
    align-items:center;
    font-weight: bold;
    /* font-size: 1.25rem;*/
    line-height: 1.5rem;
    padding: 5px;
}

@media (min-width: 768px) 
{  
    #section2 .card{
        margin-top: -30px;
    }
}

#section2 .card .card-title{

    display:flex;
    align-items:center;

}

#section2 h5
{
    font-weight: bold;
}
#section2 .card .card-body{
    font-style: italic;
    align-items: center;
    padding-bottom: 8px;
    padding-bottom: 2px;
}
#section2 .card .card-text{
    margin-bottom: 4px;
}
#section2 .card-body a{
    color: white;
    text-decoration: underline;
}
#section2 .btn-primary a{
    color: white;
    text-decoration: none;
}


#section2 .btn-primary {
    /*height: 2rem;
    width: 90%;
    
    border-radius: 3px;*/
    width: 95%;
    background-color: #2B2E4F;
    border: #2B2E4F solid 1px ;

    /*color: white;
    font-family: "Obvia", sans-serif; 
    font-style: normal;
    align-items: center;*/
}
/* section2 - end */

/* section3 - begin */
#section3 {
    background:url('../images/bg_section.jpg') center center no-repeat;
    background-size: cover;
    padding:5rem 0;
}
#section3 h2 {
    font-family: "Obvia", sans-serif;
    font-weight: bold;
    font-style: italic;
    color: white;
}

#section3 p {
    font-family: "neusa-next-std", sans-serif;
    color: white;
}

#section3 .btn-primary {
    background-color: #2B2E4F;
    border: #2B2E4F solid 1px ;
}
/* section3 - end */

/* section4 - start*/
#section4 {
    background-color: rgba(196,199,213,0.5);
    color: white;
    font-family: "Obvia", sans-serif;    
}

#section4 .card-deck {
    width: 80%;
}
#section4 .card{
    margin-top: -20px;
    /* border-radius: 15px 15px 0 0;*/
    background-color: rgba(196,199,213,0);
    border-color: rgba(196,199,213,0);
    display: flex;
    align-items:center;
    color: #37373C;
    font-family: "neusa-next-std", sans-serif;
    /* font-size: 1.25rem;
    line-height: 1.5rem;*/


}

#section4 .card .card-title{
font-style: italic;    
font-weight: bold;
}

#section4 .btn-primary {
    /*height: 2rem;
    width: 90%;
    
    border-radius: 3px;*/
    background-color: #2B2E4F;
    border: #2B2E4F solid 1px ;
    font-family: "obvia", sans-serif;
    /*color: white;
    font-family: "Obvia", sans-serif; 
    font-style: normal;
    align-items: center;*/
    margin-top: auto;
}
/* section4 - end */

/* footer - begin */
#footer {
     background-color: rgba(194,197,211,0.8);
     color: #37373C;
     font-family: "neusa-next-std", sans-serif;
     
}
#footer .card {
    background-color: rgba(194,197,211,0);
    border-color: rgba(194,197,211,0);
    margin-top: 20px;


}

#footer .card-header, .listHeader {
    background-color: rgba(194,197,211,0);
    border-color: rgba(194,197,211,0);
    color: #292C44;
    font-family: "obvia", sans-serif;
    font-style: italic;
    font-weight: bold;
    font-size: 120%;
}

#footer .list-group-item {
    background-color: rgba(194,197,211,0);
    border-color: rgba(194,197,211,0);
    color: #691223;
    font-family: "neusa-next-std", sans-serif;
}

#footer .newsList {
    margin-top: 20px;
}

#btnSupport {
    margin-top: 20px;
}

/* footer - end */


/* STDS page - begin*/
.stdImage {
    max-width: 130px;  
    padding-top: 10px;
}
[data-toggle="collapse"] .fa:before {  
  content: "↕";
}

[data-toggle="collapse"].collapsed .fa:before {
  content: "↕";
}
/* STDS page - end*/

/* CERT page - begin */
.certCard {
    align-items: center;
    border: 1px solid black;
    margin-bottom: 5px;
}
.certCardImgTop {
    border: 2px solid white;
}

.certCardBody {
    padding: 5px;
}
.smallFontRightFloat
{
    float:right;
    font-size: small;
}
/* CERT page - end */

/* FAQ page - begin */
.faq .card-body {
    text-align: justify;
}
/* FAQ page - end */

/* 404 page - begin */
.error-template {padding: 40px 15px;text-align: center;}
.error-actions {margin-top:15px;margin-bottom:15px;}
.error-actions .btn { margin-right:10px; }
/* 404 page - end */

/* multipage styles - begin */
ul.listwithdates {
    list-style-type: none;
    position: relative;
}
ul.listwithdates:before {

    display: inline-block;
    position: absolute;
    left: 1.1rem;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.listwithdates > li {
    margin: 20px 0;
    padding-left: 20px;
    
}
ul.listwithdates > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #2B2E4F;
    left: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    z-index: 400;
}

.nav-tabs .nav-link {
    font-weight: bold;
    border: #2B2E4F solid 1px;
    text-decoration: underline;
}
.nav-tabs .nav-link:focus {
    text-decoration: none;
}
/* multipage styles - end*/


/* Alerts - begin */
.alert {
    margin-bottom: 0;
    text-align: center;
    padding: 8px;
    color: #fff;
    background: #1c1c1c;
    border-color: #000;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
/*    border-radius: 4px; */
}
.alert-dismissable .close, .alert-dismissible .close {
    right: 12px;
}
.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-right: 20px;
}
.alert p {
    font-size: 16px;
}
.alert>p, .alert>ul {
    margin-bottom: 0;
}
.alert a {
    color: #00aeef;
    font-size: 16px;
}
.alert {
    margin-bottom: 0;
    text-align: center;
    padding: 8px;
    color: #fff;
    background: #1c1c1c;
    border-color: #000;
}
/* Alerts - end */

/* CERT page - begin */
.certCard {
    align-items: center;
    border: 1px solid black;
    margin-bottom: 5px;
}
.certCardImgTop {
    border: 2px solid white;
}

.certCardBody {
    padding: 5px;
}
.smallFontRightFloat
{
    float:right;
    font-size: small;
}

.certNotes
{
    float: right;
    font-size: small;
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}
/* NOTICE page - begin */
.snellNotice
{
    border: 2px solid black;
    padding: 5px;
}
/* NOTICE page - end */

.limited-height-60 {
    max-height: 60vh;
    height: auto;
    object-fit: contain;
}

.limited-height-75 {
    max-height: 75vh;
    height: auto;
    object-fit: contain;
}