/*BODY*/
body{
   width: 100%;
   
   
}
/*NAVBAR SECTION*/

nav{
    background-color:#fff; 
}
.navbar-light .navbar-nav .active>.nav-link{
    color:rgb(255, 255, 255);
    padding-left:50px;
   
}
a.nav-link{
    font-size: .8rem;
    font-weight: b;
    text-transform: uppercase;
}
a.nav-link:hover{
 opacity:0.5;    
}

.navbar-light .navbar-toggler-icon{
    background-color:#ffff:
    border: 1px solid black;
   
}

#FBook{
    color:rgb(255, 255, 255);
}
/*NAVBAR SECTION ENDING*/

/*Scroll effect */
.bg-light{
    background-color:rgba(113, 180, 235, 0.28)!important;
    text-transform: capitalize;
    
}
.bg-light.scrolled{
    background-color:#ffffff!important;
    transition: background-color 0.5s ease !important;   
}
a.nav-link.scrolled{
   color:rgb(45, 133, 189) !important;  
}

i.fab.fa-facebook-square.scrolled{
    color:rgb(122, 193, 242)!important;
   
}

/*End of Scroll effect*/


/*JUMBOTRON*/
.jumbotron-fluid{
    
    background-image:url(/img/logoback2.png)!important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important; 
    
    
}
.jumbotron{
   background: #2980B9;  /* fallback for old browsers */
   background: -webkit-linear-gradient(to top, #FFFFFF, #6DD5FA, #2980B9);  /* Chrome 10-25, Safari 5.1-6 */
   background: linear-gradient(to top, #FFFFFF, #6DD5FA, #2980B9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

#displayPosition{
    margin-top: 200px;
}
/*End OF JUMBOTRON*/

/*START OF SECOND CONTAINER*/

.card-deck{
    margin-bottom: 80px;
    padding-top: 50px;
    margin-top: 100px;

}

.display-5{

    font-family: 'Work Sans', sans-serif;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
    font-size: 5rem;
    color:#fff;
 
}
.display-6{
    font-size: 3rem;
    font-family: 'Great Vibes', cursive;
    color:rgb(103, 98, 98);
 
}
.lead{
    font-size: 1rem;
    color:#676262;
    font-family: 'Roboto', sans-serif;
    
}

.card-group{
    margin-top: 50px;
    margin-bottom: 30px;
}

.card-title{
    color:#676262;
    text-align: center;
}

.card{
    margin: 1rem;
    border:none;
    background-color: #ffffff;
    padding-top: 60px;
    color:black;
    
}
#ASCMission{
    color:rgba(0,0,0,.9);
    text-align: center;
    font-family: 'Roboto', sans-serif; 
    font-weight:bold;
}

#logoword{
    font-weight: bold;
    color:#155c88;
    font-size: 1.5rem;       
}
/*END OF PROCEDURE SECTION*/
/*START OF 3RD CONTAINER SECTION*/

.display-4{
    font-family: 'Work Sans', sans-serif;
    color:#fff;
    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1); 
    text-align: center;
    padding-top: 30px;
    
}

/*END OF 3RD CONTAINER SECTION*/
/*MAD SECTION*/

.map-responsive{
    top: 10px;
    margin-bottom: 100px;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;   
}
.map-responsive iframe{
    height:100%;
    width:100%;
    position:absolute;
    padding-bottom: 30px;
  
}
.map-responsive iframe{
    padding-bottom: 0;
    border-radius: 16px;
}

h1 { font-family: 'Montserrat', sans-serif; }
h2 { font-family: 'Montserrat', sans-serif; }

h4{
    text-align: center;
    margin-top: 50px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
}

#contactInfo{
    margin-top: 10px;
    margin-bottom: 10rem;
}

li{
    font-family: 'Montserrat', sans-serif;  
}

P{
    color:black;
    margin-top: 15px;
    font-size: 1rem;
}
span{
    color:black;
    font-weight: bold;
 
}
#eLink{
    color:#adb5bd;
    font-weight: 100;
    margin-top: 15px;
    font-size: 1rem;
}
#eLink:hover{
    color:black;
    
}
/*END OF MAP SECTION*/


/*toggle responsive button on mobile size*/
#xClose{
    color:black;
}
/*BTN.DARK BUTTON SECTION*/
.btn-dark:hover{
    background-color: #fff;
    color:#676262;
}
.card-header{
    background-color:rgb(181, 240, 251);
}

/*Procedure modal section Decoration*/
.list-group-item-action:active{
   background-color: #fff !important; 
}
.list-group-item-action:hover{
    background-color:#fff !important;
}   
/*End of Procedure modal section Decoration*/
/*Developer Name*/
#DevName{
    color:rgb(183, 178, 178);
}
/*Our mission TEXT(look)*/
h5{ 
    font-size: 3rem;
    font-family: 'Great Vibes', cursive; 
    color:rgb(0, 0, 0);
    background: #FFFFFF;
    font-weight:bold;
   
    
}
#num{
    font-weight:bold;
    font-size:1.5rem;
}

.dropdown:hover>.dropdown-menu {
  display: block;
  transform: translate(0, -0.5em);
}