/* CSS Document */

html {font-size: 100%;}
.navbar li {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: capitalize; font-size:14px;}

.navbar-custom .navbar-toggler {
	color: rgba(0,0,0,.5) !important;
	border-color: rgba(0,0,0,.1);
}
.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
   <!-- Custom styles for this template -->
 header {
    height: 220px;
    background: #ccc;
}

#main {
    padding-top:70px;
}

.navbar {
  border-radius: 0;
  transition: all 0.3s ease-out;
}

.affix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* fixed to top styles */
.affix.navbar {
  background-color: #333;
}
.affix.navbar .nav-item>a, 
.affix.navbar .navbar-brand {
    color: #fff;
}  

.navbar-custom {border-top: #999 solid 1px;
    font-size: 14px;
    background-color: rgba(237, 236, 232, 1);
    background: -webkit-linear-gradient(top, rgba(230, 229, 223, 1) 0%, rgba(237, 236, 232, 1) 100%);
    background: linear-gradient(to bottom, rgba(230, 229, 223, 1) 0%, rgba(237, 236, 232, 1) 100%);
    border-width: 1px;
    border-top-color: #cac9c5;
    border-radius: 0px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.41);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.41);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.41);
}

.navbar-custom a {color: rgba(119, 119, 119, 1) !important;}

.dropdown-item {font-size: 14px;}
.footer {
    /* padding-bottom: 10px; */
    background-color: #2f3b42;
    margin-top: 0px !important;
	color: #ffffff;}
	
/* timeline css bs4 */
ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}	

.dropdown-menu-long.show {
display: block;
width: 100% !important;
overflow-y: auto !important;
max-height: 250px !important
}



.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

.btn-circle i {
  position: relative;
  top: -1px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9rem;
}

.btn-circle-lg {
  width: 55px;
  height: 55px;
	border-radius: 50%;
  line-height: px;
  font-size: 1.1rem;
}

 .btn-circle.btn-xl { 
            width: 110px; 
            height: 110px; 
            padding: 30px 3px;
            border-radius: 50%; 
	 		line-height: 1rem;
            font-size: .9rem; 
            text-align: center; 
        }

/*	
.view {
  height: 100%;
}

@media (max-width: 100%) {

  .view {
    height: 100vh;
  }
}

.top-nav-collapse {
  background-color: #563e91 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 100%) {
  .navbar:not(.top-nav-collapse) {
    background: #563e91 !important;
  }
}

.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
  background: -webkit-linear-gradient(45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
  background: linear-gradient(to 45deg, rgba(213, 15, 61, 0.6), rgba(13, 17, 198, 0.69) 100%);
}

*/
.brand-header a {text-decoration:none !important;}

.bg { 
  /* The image used */
  background-image: url("http://afterschoolalliance.org/imgs/capitol-slider.jpg");

  /* Full height */
  height: 50%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.masthead {
  height: 70vh;
  min-height: 300px;
  background-image: url('http://afterschoolalliance.org/imgs/capitol-slider.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}	
	
	.opct {
  height: 100px;
  width: 100px;
  background-color: #95AAD3;
  margin-right: 5px;
  padding: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.opct p {
  margin-bottom: 0;
}
.opacity-0 {
  opacity: 0; }

.opacity-10 {
  opacity: 0.1; }

.opacity-20 {
  opacity: 0.2; }

.opacity-30 {
  opacity: 0.3; }

.opacity-40 {
  opacity: 0.4; }

.opacity-50 {
  opacity: 0.5; }

.opacity-60 {
  opacity: 0.6; }

.opacity-70 {
  opacity: 0.7; }

.opacity-80 {
  opacity: 0.8; }

.opacity-90 {
  opacity: 0.9; }

.opacity-100 {
  opacity: 1; }

.text-darkblue { 
color: #002868;
}
.bg-darkblue { background-color: #002868;
}
.media a {color: #337ab7;}
.media a:hover, .media a:active {color: #23527c;}

.dropdown-states {
    max-height: 150px;
    overflow-y: scroll;
    width: 100%;
}