/*!
 * Start Bootstrap - Small Business (https://startbootstrap.com/template-overviews/small-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-small-business/blob/master/LICENSE)
 */
body {
  /* padding-top: 56px; */
}

.bg-scouts{
background: #7414dc;  
}

 
.open-on-hover:focus{
  border: 0;

}

a.nav-link {
  padding: 0;
color: #fff;
}

.navbar-dark .navbar-nav .nav-link
{
  color: #fff;
  padding: 6px 25px;
  font-size: 1.1em;
  border-left: solid 1px;
   
  margin: 5px 0px;
  
}
.navbar-dark .navbar-nav .nav-link:focus
{
  outline: 0;
  background: #c6a6fb;
  color: #000;
}


.dropdown-menu {
    background: #7334dc;
    margin: 0px 0 0 0;
    border: solid 1px #fff;
}

.dropdown-item {
    color: #fff;
    margin: 0 3px;
    width: Calc(100% - 6px);
}


.navbar {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.box-logo{
    position: absolute;
    top: -20px;
    left: -15px;

   
  -webkit-filter: drop-shadow(3px 3px 3px #222);
  filter: drop-shadow(3px 3px 3px #828282);
 
}

.cubs {
    top: -30px;
    left: -10px;
}


.card-title{
  min-height: 30px;
}


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{

}

.nav-tabs .nav-link {
    padding: 5px 10px;
    color: #666;
    font-size: 1.3em;
}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

 

.box-logo:hover { /*:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {*/
    -webkit-animation-name: hvr-buzz-out;
    animation-name: hvr-buzz-out;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

footer{
  background: #7414dc;
}

.tab-pane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    min-height: 241px;
}

.nav-tabs {
    margin-bottom: 0;
}

 

.btn-beavers{
      background: #ffe42c;
    color: #000;
    border: solid 1px #9c9c9c;
}

.btn-beavers:hover{
      background: #ffe42c82;
    color: #000;
    border: solid 1px #9c9c9c;
}


.btn-cubs{
      background: #37ab47;
      color: #fff;
      border: solid 1px #9c9c9c;
}

.btn-cubs:hover{
      background: #83da8f;
      color: #2f2f2f;
      border: solid 1px #9c9c9c;
}

.btn-scouts{
      background: #014851;
      color: #fff;
      border: solid 1px #9c9c9c;
}

.btn-scouts:hover{
      background: #01485169;
      color: #4a4a4a;
      border: solid 1px #9c9c9c;
}

.btn-squirrels {
    background: #e22f13;
    color: #fff;
    border: solid 1px #931f0d;
}

    .btn-squirrels:hover {
        background: #ff9d8fff;
        color: #000;
        border: solid 1px #931f0d;
    }

.verticalCarouselGroup.vc_list > li {
 margin: 3px 0px !important;
 padding: 4px 0 !important;
}

h1{
  color: #555;
  margin: 0 0 20px 0;
}

.carouselTextOverlay{
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(255,255,255,.7);
  text-align: center;
  padding: 10px;
  /* font-weight: bold; */
  color: #171e2c;
}

.topTitle{
    font-size: 1.6em;
}


.breadcrumb {
    background: none;
    border-bottom: solid 1px #7414dc;
    border-radius: 0;
}

.squirrels-logo {
    max-width: 278px;
    
}

.grid-section img {
    max-width: 100%;
}