/* Add here all your CSS customizations */

html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body {
  background-color:  rgba(33, 37, 41, .6) !important;
}

.banner-video {
    padding: 0 !important;
    position: relative;
    padding-bottom: 37.5% !important;
    height: 0;
}

#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
  color: #eee;
}
.header-social-icons a i {
  color: #eee;
}

.header-social-icons a:hover i {
  color: #fff;
}

.map {
  height: 400px;
}

.map iframe{
  width: 100%;
  height: 100%;
}


.member-box {
  position: relative;
  margin: 30px;
}
.gallery-box {
  position: relative;
}

.member-box:before, .gallery-box:before {
  content: "";
  display: block;
  padding-top: 100%;
  /* initial ratio of 1:1*/
}

.member-box-content, .gallery-box-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #fff;
/*   display: flex;
  align-items: center; */
  line-height:100%;
  height:100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}



.accordion.accordion-modern-status > .card {
  border: 1px solid transparent !important;
  transition: ease border-color 300ms;
}

.accordion.accordion-modern-status > .card .card-header a {
  position: relative;
  padding: 23px 30px;
  background-color: #f4f4f4;
  transition: ease background-color 300ms, ease color 300ms;
}

.accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) {
  background-color: #326195;
  color: #FFF !important;
}

.accordion.accordion-modern-status > .card .card-header a:after {
  content: '+';
  position: absolute;
  top: 50%;
  right: 25px;
  font-size: inherit;
  font-weight: inherit;
  transform: translate3d(0, -50%, 0) rotate(45deg);
  transform-origin: 50% 50%;
  transition: ease transform 300ms;
}

.custom-text-shadow {
  text-shadow: 2px 2px #666666;
}