/*
Theme Name: Your Child Theme
Description: This is an example of a blank Jump Start child theme.
Author: Your name here
Template: jumpstart
*/

/* Your custom CSS here */

.tb-team-member .member-image {
    overflow: hidden;
    position: relative;
    border-radius: 50%;
}

.tb-team-member .member-info {
    color: #fff;
    opacity: 1;
    position: absolute;
    top: auto;
	bottom: -10px;
    right: 0;
    left: 0;
    text-align: center;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    z-index: 2;
}


@-webkit-keyframes logo_fade {
  0% {
    fill: #00D5FC;
  }
  25% {
    fill: #5AE200;
  }
  50% {
    fill: #FF2885;
  }
  75% {
    fill: #701EB8;
  }
  100% {
    fill: #00D5FC;
  }
}

@keyframes logo_fade {
  0% {
    fill: #00D5FC;
  }
  25% {
    fill: #5AE200;
  }
  50% {
    fill: #FF2885;
  }
  75% {
    fill: #701EB8;
  }
  100% {
    fill: #00D5FC;
  }
} 

.site-header.stretch .header-toolbar:before, .header-content > .wrap, 
.has-sticky #top {
    height: 245px !important;
}

header.main-header {
  background: #3b1060;
  background: linear-gradient(135deg, #3b1060 0%, #2C2933 50%);
  border-bottom: 2px solid #00D5FC;
  box-shadow: 0 1px 4px rgba(34, 34, 34, 0.5);
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
}

header.main-header .wiwp_logo svg {
	height: 135px;
	width: 245px;
	display: block;
	margin: 2vh auto;
}

header.main-header .wiwp_logo .logo_lime {
  fill: #CFFC06;
  -webkit-filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.75)) url(#inset-shadow);
          filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.75)) url(#inset-shadow);
}

header.main-header .wiwp_logo .logo_blue {
  fill: #00D5FC;
  -webkit-animation: logo_fade 55s linear infinite 0s;
          animation: logo_fade 55s linear infinite 0s;
  -webkit-filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.75)) url(#inset-shadow);
          filter: drop-shadow(0 1px 0 rgba(0, 0, 0, 0.75)) url(#inset-shadow);
}

header.main-header .header-nav {
    background: transparent;
    position: relative;
    top: auto;
    right: 0;
    left: 0;
    -ms-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    z-index: 2;
}

header.main-header .header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
}

header.main-header .header-nav li {
  margin: 0 0 -2px 0;
  padding: 0;
  -ms-flex: 1;
      flex: 1;
  border-top: 1px solid rgba(20, 18, 23, 0.5);
  border-right: 1px solid rgba(20, 18, 23, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

header.main-header .header-nav li > .menu-btn {
  padding: 1.5rem 2rem;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  text-align: center;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(44, 41, 51, 0.53);
  text-transform: uppercase;
  transition: all 300ms ease-in-out;
  -ms-flex: 1;
      flex: 1;
}

header.main-header .header-nav li > .menu-btn:hover {
  background: #5AE200;
  color: #222;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

header.main-header .header-nav li:nth-child(5n+2) a:hover {
  background: #CFFC06;
}

header.main-header .header-nav li:nth-child(5n+3) a:hover {
  background: #FF2885;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(44, 41, 51, 0.73);
}

header.main-header .header-nav li:nth-child(5n+4) a:hover {
  background: #00D5FC;
}

header.main-header .header-nav li:nth-child(5n+5) a:hover {
  background: #701EB8;
  color: #fff;
  text-shadow: -1px -1px 0 rgba(44, 41, 51, 0.73);
}

main.site-main {
  height: 100%;
}

footer.main-footer {
  background: #2C2933;
  color: #fff;
  margin-top: 4rem;
  padding: 1.5rem 0;
  border-top: 2px solid #00D5FC;
  box-shadow: 0 -1px 4px rgba(34, 34, 34, 0.5);
}