/*!
 * 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: #63718C !important; 
}
/* header - end */

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

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

#section1 h2{
 /*    font-size: 20px;*/
    font-weight: bold;
    /*letter-spacing: 0.25rem;*/
    line-height: 2rem;
    background-color: #2B2E4F;
}
#section1 h3{
   /*  font-size: 16px;*/
     
    font-weight: bold;
    letter-spacing: 0.25rem;
    background-color: #2B2E4F;
 /*   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 */
/* multipage styles - begin */
ul.listwithdates {
    list-style-type: none;
    position: relative;
}
ul.listwithdates:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 1.45rem;
    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: 1rem;
    width: 1rem;
    height: 1rem;
    z-index: 400;
}
/* multipage styles - end*/


/*

.smallFontRightFloat
{
    float:right;
    font-size: small;
}



@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}
@media (max-width: 576px) 
{
    .snellLogoText
    {
        font-size: 0.75em;
    }
}

.portfolio-item {
    margin-bottom: 30px;
}

#accordion h4 {
    text-align: center;
}



.card-img-top {
    border: 2px solid white;
}

.container p {
    text-indent: 50px;

}

.container p::first-letter {
    font-weight: bolder;
}

.card-title {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.max-width-240 {
    max-width: 240px;
}

.footerOnTop   {
    display: table-header-group;
}

tfoot input {
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}



/* overriding 'white-ish' color /
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255);
}
/* typeahead - begin /
.typeahead { 
    border: 2px solid #FFF;
    border-radius: 4px;
    padding: 8px 12px;
    max-width: 300px;
    min-width: 290px;
    background: rgba(66, 52, 52, 0.5);
    color: #FFF;
}
.tt-menu {
    width:300px; 
}
ul.typeahead {
    margin:0px;
    padding:10px 0px;
}
ul.typeahead.dropdown-menu li a {
    padding: 10px !important;
    border-bottom:#CCC 1px solid;
    color:#FFF;
}
ul.typeahead.dropdown-menu li:last-child a { 
    border-bottom:0px !important; 
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    text-decoration: none;
    background-color: #1f3f41;
    outline: 0;
}
/* typeahead - end */

/* helper style to offset anchor tag link due to fixed header *
 - this one didn't work, see below -
:target:before {
content:"";
display:block;
height:90px; /* fixed header height*
margin:-90px 0 0; /* negative fixed header height *
}/
a.anchor {
    display: block; 
    position: relative;
    top: -54px; 
    visibility: hidden;
}

/* google search /
#googleSearch
{
    box-sizing: content-box;
    height: 60px;
    width: 250px;
}
.gsc-control-cse .gsc-table-result {
    font-family : inherit;
}

.gsc-control-cse .gsc-input-box {
    height : inherit;
}

input.gsc-input,
.gsc-input-box,
.gsc-input-box-hover,
.gsc-input-box-focus,
.gsc-search-button, input.gsc-search-button-v2 {
    box-sizing  : content-box;
    line-height : normal;
    margin-top  : 0px;
}

.home-img-box{
    position:relative;
}

.home-img-title{
    position: absolute;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    top: 30%;
    letter-spacing: 3px;
}

.home-img-txt { 
    color: white; 
    /*font: bold 24px/45px Helvetica, Sans-Serif; 
    letter-spacing: -1px;  /
    background: rgb(50, 50, 50); /* fallback color /
    background: rgba(50, 50, 50, 0.7);
    padding: 10px; 
    line-height: 140%;
    border-radius: 0.5rem;
}
.jumbotron
{
    background-image: url("/images/snelltrifecta.png");
    background-size: 50% 50%;
    background-repeat: no-repeat;
}

.redcircle {
    background: red;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
}

.numberincircle {
    background: #55a4d1;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
}

.bluecircle {
    background: #5178D0;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 1.6em;
    margin-right: 15px;
    text-align: center;
    width: 1.6em; 
}

.btn-maincolor {
    color: #fff;
    background-color: #55a4d1;
    border-color: #55a4d1;
}

.btn-maincolor:hover {
    color: #fff;
    background-color: #3180aa;
    border-color: #55a4d1;
}

.btn-maincolor:focus, .btn-maincolor.focus {
    box-shadow: 0 0 0 3px rgba(95, 95, 180, 0.5);
}

.btn-maincolor.disabled, .btn-maincolor:disabled {
    background-color: #af593f;
    border-color: #af593f;
}

.btn-maincolor:active, .btn-maincolor.active,
.show > .btn-maincolor.dropdown-toggle {
    background-color: #3180aa;
    background-image: none;
    border-color: #55a4d1;
}
/*
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #777777;
    
}*/