a{
	color: #2f2f2f;
}

a:hover{
	color: #076d99; 
	text-decoration:none;
}
.grey{
	color: #5a5a5a;
}

.color-blue{
	color: #076d99 !important;
}

.color-green{
	color: #039c41 !important;
}
#icon-mouse, #icon-download, #icon-phone{
  color: #00AF47;
  padding: 5px; 
}

.social-media-link{
	color: #d6d6d6;
}

.social-media-link:hover{
	color: #ffffff;
}

.bi-telephone, .bi-wifi, .bi-phone{
	color: #00AF47;
}

.btn-primary:hover{
	background: #008837;
}

.featurette{
	padding-top:4rem;
	padding-bottom:4rem;
}


/* HEADER NAVBAR
-------------------------------------------------- */

.navbarBackground{
  background: #076D99;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

.navbarBackground a{
  color: #ffffff;
}


.overlay{
  padding:1.25rem;
  padding-bottom:0rem;
  text-align: center;
  background: #ffffff;
}

.homePageInfo{
  text-align: center;
}

.homePageInfo p{
  margin-top: .6rem;
  text-align: left;
  font-size: 1.3rem;
}

.homePageInfo a{
  color: #5a5a5a
}

.lead{
	font-weight:400;
}
.lead ul li a{
  color: #2f2f2f;
}

.lead ul li a:hover{
  color: #076d99; 
}


.lawEnforcement{
  background: #ffdbb3;
}

#C2RFooter{
  background: #076D99;
  color: #FFFFFF;
}

.white-link{
	color: #FFFFFF;
}

.white-link:hover{
	color: #d0d0d0;
}

#C2RFooter p{
 margin-bottom: 0;

}

#studentFAQ h4{
  margin-top: 1.8rem;
}

#footerContainer{
padding: 20px;
}

.section-header{
	color: #7b7b7b;
	font-family: 'Baloo Bhai 2', cursive;
	letter-spacing: 2px;
	font-weight:600;
}

.testimonial-background{
	background-image: url(/MSHPWeb/Courage2ReportMO/Includes/images/ShapesBackgroundGrey.png);
	background-size: cover;
	background-repeat: no-repeat;
}


.card{
 border: 5px solid #00AF47;
 border-radius: 10px;
 }
 
 .card-body{
 	flex-direction:column;
 	align-items:center;
 	justify-content:center;
 }

.card-title{
  color: #2f2f2f;
  font-family: 'Baloo Bhai 2', cursive;
}

.card-title a{
	color: #2f2f2f;
  	font-family: 'Baloo Bhai 2', cursive;
  	text-decoration:none;
}

.card-title a:hover{
	color:#076D99;
}

.card-text{
	text-align:center;
	font-size: 1.125rem;
}

.btn-primary{
  background-color: #00AF47;
  border-color: #00AF47;
  margin-top: 8px;
  padding-left:3rem;
  padding-right:3rem;
  font-family: 'Baloo Bhai 2', cursive;
  font-weight:600;
  color: #181818;
  letter-spacing: .4px;
}

.btn-primary:hover{
	background: #008837;
	border-color: #008837;
	color: #ffffff;
}

.btn-outline-primary{
  background-color: #fffff;
  border: 3px solid #00AF47;
  color: #181818;
  margin-top: 8px;
  padding-left:3rem;
  padding-right:3rem;
  font-family: 'Baloo Bhai 2', cursive;
  letter-spacing: .4px;
}

.btn-outline-primary:hover{
    background: #00AF47;
	border: 3px solid #00AF47;
	color: #ffffff;
}

.illustration{
	height: 420px;
}

#C2RLogo{
  box-shadow: none;
  height: 50px;
  width:50px;
}

.helpfulArticles{
  background: #b3ffd1;
}

.printableResources{
  background: #b3ffd1;
}

.report-icon-text{
  font-family: 'Baloo Bhai 2', cursive;
  letter-spacing: .4px;
  color: #ffffff;
}

.report-icon-text a:hover{
	color: #d0d0d0;
}

/* TEST BANNER ONLY#
-------------------------------------------------- */

header a{
  color: #000000;
  letter-spacing: 1.5px;
  font-size: 18px;
  font-weight: 500;
}



/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  color: #5a5a5a;
  font-family: 'Roboto', sans-serif;
}

iframe {
    border:none;
}

.video-container{
    background: rgba(0, 0, 0, 0.53);
    border-radius: 10px;
}

.h1-responsive{
  text-shadow: 2px 2px 3px #343a40;
  font-weight: 700;
  font-family: 'Baloo Bhai 2', cursive;
  letter-spacing: 2px;
  color: #ffffff;
}

.hero-section{
	background: rgba(0, 0, 0, 0.30);
}

.blue-background{
	background-image: url(/MSHPWeb/Courage2ReportMO/Includes/images/ShapesBackground.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.green-background{
	background-image: url(/MSHPWeb/Courage2ReportMO/Includes/images/ShapesBackgroundGreen.png);
	background-size: cover;
	background-repeat: no-repeat;
}

.image-background{
	border-radius: 10%
}

/* Featurettes
------------------------- */

.featurette-heading {
  font-weight: 400;
  line-height: 1;
  font-family: 'Baloo Bhai 2', cursive;
  letter-spacing: -.05rem;
  color: #7b7b7b;
  
}

.logo{
	font-family: 'Baloo Bhai 2', cursive;
	color: #ffffff;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em){
  .featurette-heading {
    font-size: 3.25rem;
  }
}

@media (max-width: 768px){
  .nav-item{
    padding-top: 1rem;
	} 
}

@media (min-width:1370px){
  .h1-responsive{
    font-size: 4.5rem;
  }
}

  @media (max-width:576px){
    .h3-responsive{
      font-size: 1.4rem;  
    }
    
     .h1-responsive{
      font-size: 2.0rem;  
    }
    
    .image-background{
    	border-radius:10px;
    }
    
    .illustration{
    	height:350px !important;
    }
  }
  
  @media(min-width:992px){
  
  .navbarMenu{
    padding-left: 3rem;
} 
}