/*!
Theme Name: Spectra Template Child
Author: Wineworks
Author URI: http://wineworks.co
Description: Custom child theme developed by Wine Works to be used with Commerce7 & WordPress
Template: wp-spectratheme
Version: 1.1.2.13
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Spectra Child
*/
:root {
  --c7-heading-text-color: #5c8585;
  --c7-heading-font-family: trade-gothic-next, sans-serif;
}

body {
  font-family: trade-gothic-next, sans-serif;
}

p, h1, h2, .club-select-and-detail__detail .club-signup__details--title, h3, h4, h5, h6 {
  color: #5c8585;
  font-family: inherit;
}

p {
  color: #6e6d69;
  font-size: 14px;
}

h1 {
  font-size: 30px;
  font-weight: 400;
}

h2, .club-select-and-detail__detail .club-signup__details--title {
  font-size: 26px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

.post__single-content > h2 > a, .club-select-and-detail__detail .post__single-content > .club-signup__details--title > a {
  color: #5c8585;
  font-size: 18px;
}

ul, ol, li {
  color: #6e6d69;
  font-size: 14px;
}

body {
  background-color: #e2e7e7;
}

@media only screen and (min-width: 64.0625em) {
  .c7t-third__item {
    min-height: 33.33vw;
  }
}
.c7t-video__video__play-video {
  border: none;
  visibility: hidden;
  width: 300px;
}

.c7t-video__video__play-video::after {
  content: "Play Netting Video";
  visibility: initial;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #343434;
  padding: 16px 32px;
  border-radius: 6px;
}

.c7t-text-block.instagram-widget-v1 > .c7t-content {
  max-width: 100%;
}

.obee-widget {
  max-width: 290px;
  margin: 0;
}

body.blog .c7t-banner--blog-post {
  max-width: 74rem;
}
body.blog .c7t-banner--blog-post .c7t-template-width {
  justify-content: flex-start;
  height: auto;
  margin-bottom: -2rem;
}
body.blog .c7t-banner--blog-post .c7t-template-width .c7t-banner__content {
  text-shadow: none;
  padding-left: 16px;
  padding-right: 16px;
}
body.blog .c7t-banner--blog-post .c7t-template-width .c7t-banner__content h1 {
  color: black;
  margin: 0;
}

@media only screen and (min-width: 64.0625em) {
  .club-select-and-detail-wrapper {
    display: flex;
  }
}
@media only screen and (min-width: 64.0625em) {
  .club-select-and-detail__select {
    width: 55%;
    padding-right: 3rem;
  }
}
@media only screen and (max-width: 106.25em) {
  .club-select-and-detail__select h2, .club-select-and-detail__select .club-select-and-detail__detail .club-signup__details--title, .club-select-and-detail__detail .club-select-and-detail__select .club-signup__details--title {
    margin-bottom: 1rem;
    font-size: 24px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__select h2, .club-select-and-detail__select .club-select-and-detail__detail .club-signup__details--title, .club-select-and-detail__detail .club-select-and-detail__select .club-signup__details--title {
    margin-bottom: 1.5rem;
  }
}
.club-select-and-detail__select .select-row {
  margin-bottom: 2rem;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__select .select-row {
    margin-bottom: 4rem;
  }
}
.club-select-and-detail__select .select-row:last-of-type {
  margin-bottom: 0;
}
.club-select-and-detail__select .select-row .club-heading {
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: 14px;
}
@media only screen and (min-width: 40em) {
  .club-select-and-detail__select .select-row .club-heading {
    font-size: 17.5px;
  }
}
.club-select-and-detail__select .select-row .choose-wrapper {
  display: flex;
  justify-content: space-between;
}
.club-select-and-detail__select .select-row a {
  transition: 300ms ease-out all;
  background-color: #fff;
  display: block;
  text-align: center;
  width: calc(25% - 0.5rem);
  border: 1px solid #b8b6a3;
  padding: 1rem;
  text-decoration: none;
}
.club-select-and-detail__select .select-row a.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.club-select-and-detail__select .select-row a.active, .club-select-and-detail__select .select-row a:hover {
  background-color: #efefef;
  text-decoration: none;
}
.club-select-and-detail__select .select-row a span {
  display: block;
  color: #000;
  font-size: 14px;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__select .select-row a span {
    font-size: 17.5px;
  }
}
.club-select-and-detail__select .select-row a span.big-text {
  color: #716f68;
  font-size: 40px;
}
@media only screen and (min-width: 40em) {
  .club-select-and-detail__select .select-row a span.big-text {
    font-size: 60px;
    font-size: 48px;
  }
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__select .select-row a span.big-text {
    font-size: 80px;
  }
}
.club-select-and-detail__select .select-row .hidden {
  width: calc(25% - 0.5rem);
  visibility: hidden;
}
.club-select-and-detail__select .select-row .variety-choose img, .club-select-and-detail__select .select-row .frequency-choose img {
  max-height: 60px;
  max-height: 44px;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__select .select-row .variety-choose img, .club-select-and-detail__select .select-row .frequency-choose img {
    max-height: 82px;
  }
}
@media only screen and (max-width: 64em) {
  .club-select-and-detail__detail {
    margin-top: 3rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  .club-select-and-detail__detail {
    width: 45%;
    padding-left: 3rem;
    border-left: 1px solid #b8b6a3;
  }
}
@media only screen and (max-width: 106.25em) {
  .club-select-and-detail__detail h2, .club-select-and-detail__detail .club-signup__details--title {
    margin-bottom: 1rem;
    font-size: 24px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail h2, .club-select-and-detail__detail .club-signup__details--title {
    margin-bottom: 1.5rem;
  }
}
.club-select-and-detail__detail .club-signup {
  display: none;
}
.club-select-and-detail__detail .club-signup.active {
  display: block;
}
.club-select-and-detail__detail .club-signup__price {
  margin-bottom: 1rem;
  font-size: 14px;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__price {
    font-size: 19px;
    margin-bottom: 2rem;
  }
}
.club-select-and-detail__detail .club-signup__price .price-big {
  color: #716f68;
  font-size: 35px;
  font-weight: 300;
}
@media only screen and (min-width: 64.0625em) {
  .club-select-and-detail__detail .club-signup__price .price-big {
    font-size: 30px;
  }
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__price .price-big {
    font-size: 52.5px;
  }
}
.club-select-and-detail__detail .club-signup__details {
  margin-bottom: 1.5rem;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__details {
    margin-bottom: 3rem;
  }
}
.club-select-and-detail__detail .club-signup__details--title {
  margin-bottom: 1rem;
}
@media only screen and (max-width: 106.25em) {
  .club-select-and-detail__detail .club-signup__details--title {
    font-size: 24px;
    font-size: 20px;
    margin-bottom: 0;
  }
}
.club-select-and-detail__detail .club-signup__detail {
  display: flex;
  padding: 0.5rem 0;
  border-bottom: 1px solid #b8b6a3;
  font-size: 14px;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__detail {
    font-size: 17.5px;
    padding: 1rem 0;
  }
}
.club-select-and-detail__detail .club-signup__detail:last-of-type {
  border-bottom: 0;
}
.club-select-and-detail__detail .club-signup__detail--label {
  font-weight: 600;
  margin-right: 1rem;
  min-width: 190px;
}
.club-select-and-detail__detail .club-signup__benefits {
  background-color: #efefef;
  padding: 0 1rem;
  border: 1px solid #b8b6a3;
}
.club-select-and-detail__detail .club-signup__benefit {
  display: flex;
  padding: 0.5rem 0;
  border-bottom: 1px solid #b8b6a3;
  font-size: 14px;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__benefit {
    font-size: 17.5px;
    padding: 1rem 0;
  }
}
.club-select-and-detail__detail .club-signup__benefit:last-of-type {
  border-bottom: 0;
}
.club-select-and-detail__detail .club-signup__benefit--label {
  margin-right: 0.5rem;
  min-width: 100px;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__benefit--label {
    min-width: 130px;
  }
}
.club-select-and-detail__detail .club-signup__benefit--label img {
  max-height: 24px;
}
@media only screen and (min-width: 106.3em) {
  .club-select-and-detail__detail .club-signup__benefit--label img {
    max-height: 32px;
  }
}

.club-signup__button {
  margin-top: 3rem;
  text-align: center;
}
.club-signup__button .linkBtnGrey.disabled {
  pointer-events: none;
  cursor: not-allowed;
}