.header--single.hasaside.hasnavigation {
  border-bottom: 4px solid rgb(74, 172, 233);
  grid-template-columns: 33.3333% 33.3333% 33.3333%;
  grid-template-areas: "logo logo   aside" "navigation navigation navigation";
}
@media only screen and (max-width: 768px) {
  .header--single.hasaside.hasnavigation {
    grid-template-columns: 100%;
  }
}
.header--single.hasaside.hasnavigation .header__logo {
  justify-self: right;
}
.header--single.hasaside.hasnavigation .header__navigation {
  justify-content: center;
  border-top: 1px solid #00aeef;
}
.header--single.hasaside.hasnavigation .header__aside {
  align-self: flex-start;
  padding: 6px;
}

.slider.slider--advanced .slide__panel {
  top: auto !important;
  bottom: 0;
  max-width: 50%;
}
.slider.slider--advanced .slide__title {
  display: inline-block;
  padding: 10px 20px;
  vertical-align: bottom;
  background: rgba(37, 37, 37, 0.8);
  font-size: 2vw;
  font-weight: 500;
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  .slider.slider--advanced .slide__title {
    max-width: 95%;
  }
}

.header__aside .social__item--1 {
  padding: 3px 10px;
  vertical-align: top;
  color: white;
  background-color: rgb(188, 57, 19);
}
.header__aside .search-form__field {
  height: 1.6em;
  border: 1px solid #cccccc;
  font-family: "aller", sans-serif;
}
.header__aside .search-form__button:before {
  color: #00aeef;
  font-size: 14px;
}

.navigation__primary--single li.d1 > a {
  padding: 15px 30px;
}

.grid__item {
  border: none;
  background-color: #ffffff;
}

.new-membership {
  position: relative;
  margin: 2rem;
  background-color: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 2px 2px 0.5rem 0 #cccccc;
  transition: box-shadow 0.2s ease;
  display: flex;
}
.new-membership:hover {
  box-shadow: 4px 4px 1rem 0 #cccccc;
}
.new-membership p:last-of-type {
  margin-bottom: 0;
}
.new-membership::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.new-membership .content {
  padding: 3rem;
}
.new-membership.annual::before {
  border-left: 0.5rem solid #00aeef;
}
.new-membership.lifetime::before {
  border-left: 0.5rem solid #efce00;
}
.new-membership button[id^=checkout-button] {
  background: linear-gradient(to bottom, #00aeef, #00aeef);
  text-shadow: none;
  box-shadow: 0 0 0 0 #00aeef, 2px 2px 0.5rem 0 #cccccc;
  transition: box-shadow 0.2s ease;
}
.new-membership button[id^=checkout-button]:hover {
  box-shadow: 0 0 0 0.2rem #00aeef, 4px 4px 1rem 0 #cccccc;
}
.new-membership a.button {
  background: linear-gradient(to bottom, #00aeef, #00aeef);
  text-shadow: none;
  box-shadow: 0 0 0 0 #00aeef, 2px 2px 0.5rem 0 #cccccc;
  transition: box-shadow 0.2s ease;
  border: 0;
  border-radius: 0.5rem;
  padding: 6px 24px;
  color: white;
}
.new-membership a.button::after {
  content: unset;
}
.new-membership a.button:hover {
  box-shadow: 0 0 0 0.2rem #00aeef, 4px 4px 1rem 0 #cccccc;
}