.indexbody {
    background-image: url("../images/bg-gradient.jpg");    
}

.main-nav {    
    font-size:18pt;    
}
.navbar-light .navbar-nav .nav-link {
    color:red; 
    font-weight:bold;
}
.navlist>li:hover {
    background-color:#e6e6e6;    
}
.nav-link:hover {
    color:red !important;
}
.nav-link:focus {
    color:red !important;
}

.dropdown-toggle:focus .nav-link:focus {
    color:red !important;
}
.dropnav>.dropdown-item {
    color:red;
    font-weight:bold;
}
.dropnav>.dropdown-item:hover {
    background-color:#e6e6e6;
}
.navcust {
    color:red;
}
.home-carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}
.carousel-indicators {
    cursor: pointer;

}
.logocontainer {
    position:absolute;
    z-index:10;
}
.img-carousel {
    margin-top:25%; 
    margin-left:5%;
}
.headercontainer {
    box-shadow: 0 0 30px #333;
}
.homeinfo {
    border-right-style: dotted;
    border-color: #797979;
}
.main-about-li {
    margin-top:10px;
}
@media (max-width: 768px){    
    .img-carousel {margin-left:0%;}
    .ffimg {box-shadow: 0px 0px 0px 0px #333 !important;}   
}
@media (max-width: 991px) {    
    .ffcontainer {margin-left:0px !important;}
    .homeinfo {border-style:none;}
    .aboutimg-right {
        background-color:#3c3d41 !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }
    .about-header-div {
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }
    .aboutcontent-left {        
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }
    .aboutrow {
        margin-bottom:250px;
        margin-top:250px;
    }
    .headercontainer {
        box-shadow: 0 0 0px #333;
    }
}
@media (min-width: 992px){
    .departmentul1 {padding-left:15px !important;}
    .main-nav {transition: background-color 0.95s ease;}

}
@media (min-width: 1090px){
    .departmentul1 {padding-left:15px;}
}
@media (max-width: 992px){
    .main-nav {background-color:#f8f9fa; background-image: url("") !important;}

}

@media (max-width: 575px){
    .badgecontainer {
        box-shadow: 0px 0px 0px black !important;
        border-radius: 8px !important;
        margin-bottom:30px;
        border-style: solid;
        border-color:blue;
    }
    .badgecontainer:hover {
        background-color:white !important;
    }
    .badge-upper-col {
        border-radius:0px !important;
    }

}
@media (min-width: 1200px){    

}

.ffcontainer {    
    margin-top:2%;
}
.ffimg {
    box-shadow: 0px 9px 19px 0px #333;
}
.honorguardrow{
    background-color:#353636;
    color:white;
    margin-top:2%;
    padding-top:1%;       
}

.badgecontainer {   
    border-radius: 8px;
    box-shadow: 0px 2px 16px black;
    text-align:center;
    color:#1870c9;
    font-family:arial;
    font-weight:bold;
    background-color:white;
}
.badgecontainer:hover {
    background-color:#efefef;
    color:red !important;
}
.badgecontainer:hover > a {
    color:red;
    text-decoration: none;
}
.badge-upper-col {
    background-color:#1870c9;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.main-social {
    margin-left:0px;
}
.main-social:hover {
    background-color:red;
    cursor: pointer;
       
}
.footer-bs {
    background-color: #3c3d41;
    padding: 60px 40px;
    color: rgba(255,255,255,1.00);
    margin-bottom: 20px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 6px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 4px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }

@media (min-width: 768px) {
    .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}

#info-box {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-color: #ffffff;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 5px;
    font-family: arial;
    text-align:center;
    font-weight:bold;
}

path:hover, circle:hover {
    stroke: #ffffff !important;
    stroke-width:2px;
    stroke-linejoin: round;
    fill: #ff0000 !important;
    cursor: pointer;
}

.svgmap {
    position:absolute; 
    z-index:11;
    top:0px;
    left:0px;
    fill-opacity:0.7;
}  
@media (min-width: 1542px) {
    .footerbr{display:none !important}
}

/* About Us Specific Styles */

.aboutbody {
    background-color:#2e74f4;
    background-image: url("../images/aboutbg.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutrow {

}
.aboutmain {

}
.about-header {
    color:#3eb832;
}
.about-hr {
    border-color:#3eb832;
    border-width:2px;
    width:250px;
}
.board-member-h4 {

}
/*
.board-member-container {
    /* remove this transition or resize is slowed
    if we wrap the contents inside the col then when the col rearranges the ease effect is not applied
*//*
transition:all 0.95s ease;

}
/*
.board-member-container:hover {
background-color:#3c3d41;
color:white;

}
*/
.about-header-div {
    background-color:#fff;
    box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
}
.board-member-title {
    color:#3eb832
}
.about-social-fb {
    background-color:#3B5998;
}
.about-social-email{
    background-color:#3eb832;
}
.about-social-phone {
    background-color:#2e977c;
}
.about-social-li > a > img:hover {
    background-color:red;
}
.aboutcontent-left {
    background-color:#3c3d41;
    color:white;
    box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
}
.aboutimg-right {
    background-color:#fff;
    box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 3px 2px 16px rgba(0, 0, 0, 0.80);
}
.rad-left {
    border-top-left-radius: .75rem!important;
    border-bottom-left-radius: .75rem!important;
}
.rad-right {
    border-top-right-radius: .75rem!important;
    border-bottom-right-radius: .75rem!important;
}
@media (max-width: 991px) {
    .rad-left {
        border-top-left-radius: .0rem!important;
        border-bottom-left-radius: .0rem!important;
    }
    .rad-right {
        border-top-right-radius: .0rem!important;
        border-bottom-right-radius: .0rem!important;
    }
    .fader {
        opacity:1 !important;        
    }

}

@media (min-width: 992px){
    .aboutrow {margin-bottom:200px}

}

/* Training & Events Specific Styles */
.eventsbody {
    background-color:#2e74f4;
    background-image: url("../images/aboutbg2.png");
    background-repeat: no-repeat;
    background-size: cover;
}
/* Responsive iFrame */
.responsive-iframe-container-lg {
    position: relative;
    padding-bottom: 80vh;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container-lg iframe,
.responsive-iframe-container-lg object,
.responsive-iframe-container-lg embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*agenda calendar*/
.responsive-iframe-container-sm {
    position: relative;
    padding-bottom: 75.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsive-iframe-container-sm iframe,
.responsive-iframe-container-sm object,
.responsive-iframe-container-sm embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.under-calendar {
    background-color:white;
}
.month-container {
    background-color:#fff;
}
.cal-link {
    color:red
}
/* Honor Guard Specific Styles */
.honorbody {
    background-color:#101212;
}
.hg-nav-mobile {
    background-color:#f8f9fa !important;
}
.honor-carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}
.fader {
    opacity:1;
}
.honor-img-container {
    background-color:#0c0b0b;
}
.honor-text-container {
    background-color:#0c0b0b;
}
.honor-text-absolute {
    position:absolute;
    bottom:0;
    right:0;
}
.honor-title {
    color:#910b0b;
    background-color:#0c0b0b;
    padding: 10px;
    font-size: 60pt;
    font-family: times new roman;
    font-weight: bold;
    margin-left:-150px;
    margin-bottom:12%;
}
.honor-description {
    color:white;    
    padding:20px;
    font-size:15pt;
    margin-bottom:10%
}

@media (max-width: 1240px) {
    .honor-title {
        font-size:35pt;
        margin-left:-95px;        
        margin-bottom:0%;
    }
    .honor-description {
        font-size:14pt;
        padding-top:0px;
        margin-bottom:5%;
    }
}
/*
@media (max-width: 1156px) {
    .honor-title{font-size:30pt;}
    .honor-description {padding-top:1px !important;
    font-size:14pt;}
}
/* text archive

.honor-title {
    color:#910b0b;
    position: absolute;
    top: 240px;
    left: -136px;
    background-color:#0c0b0b;
    padding: 10px;
    font-size: 60pt;
    font-family: times new roman;
    font-weight: bold;
}
.honor-description {
    color:white;
    padding-top:450px !important;
    padding:20px;
    font-size:15pt;
} */


.honor-title-static {
    color:#910b0b;
    text-align:center;    
    font-family: times new roman;
    font-weight: bold;
}
.honor-description-static {
    color:white;    
}
.honorguard-static-header {
    margin-top:75px;
}
.honor-guard-h {
    color:#910b0b;
    font-family: Times New Roman;
    font-weight:bold;
}
.honor-guard-p {
    color:white;
}
.donate-btn {
    background-color:#910b0b !important;
    border-color:#910b0b !important;
}
.donate-btn:hover {
    background-color:red !important;
}
.honor-social-email {
    color:#007bff !important;
}
.honor-social-email:hover {
    color:#910b0b !important;
    cursor: pointer;
   
}
.honor-social-li:hover > a > img {
    background-color:red;
}
.honor-social-li:hover > a {
    color:#910b0b;
    text-decoration: none;
}
.alert {
    background-color:white
}

.btn-success.focus, .btn-success:focus {
    box-shadow: 0 0 0 0.2rem rgb(255, 255, 255);
}