/** Shopify CDN: Minification failed

Line 312:0 Unexpected "}"

**/
.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.item {
  /*padding: 0.5em;*/
  margin: 0.5em;
}


.youtubecontainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




.item img {
  width: 100%;
}

.lay1-1 {
    grid-column-start: 1;
    grid-column-end: 5;
}
.lay1-2 {
    grid-column-start: 5;
    grid-column-end: 7;
}
.lay1-3 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.lay1-4 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay1-5 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay1-6 {
    grid-column-start: 3;
    grid-column-end: 7;
}
.lay1-7 {
    grid-column-start: 1;
    grid-column-end: 5;
}
.lay1-8 {
    grid-column-start: 5;
    grid-column-end: 7;
}
.lay1-9 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.lay1-10 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay1-11 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay1-12 {
    grid-column-start: 3;
    grid-column-end: 7;
}

.lay2-1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.lay2-2 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay2-3 {
    grid-column-start: 5;
    grid-column-end: 7;
}
.lay2-4 {
    grid-column-start:1;
    grid-column-end: 3;
}
.lay2-5 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay2-6 {
    grid-column-start: 5;
    grid-column-end: 7;
}
.lay2-7 {
    grid-column-start:1;
    grid-column-end: 3;
}
.lay2-8 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay2-9 {
    grid-column-start: 5;
    grid-column-end: 7;
}
.lay2-10 {
    grid-column-start:1;
    grid-column-end: 3;
}
.lay2-11 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay2-12 {
    grid-column-start: 5;
    grid-column-end: 7;
}

.lay3-1 {
    grid-column-start: 1;
    grid-column-end: 7;
}
.lay3-2 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.lay3-3 {
    grid-column-start: 4;
    grid-column-end: 7;
}
.lay3-4 {
    grid-column-start: 1;
    grid-column-end: 7;
}
.lay3-5 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.lay3-6 {
    grid-column-start: 4;
    grid-column-end: 7;
}
.lay3-7 {
    grid-column-start: 1;
    grid-column-end: 7;
}
.lay3-8 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.lay3-9 {
    grid-column-start: 4;
    grid-column-end: 7;
}
.lay3-10 {
    grid-column-start: 1;
    grid-column-end: 7;
}
.lay3-11 {
    grid-column-start: 1;
    grid-column-end: 4;
}
.lay3-12 {
    grid-column-start: 4;
    grid-column-end: 7;
}
.lay4-1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.lay4-2 {
    grid-column-start: 3;
    grid-column-end: 7;
}
.lay4-3 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.lay4-4 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay4-5 {
    grid-column-start: 3;
    grid-column-end: 5;
}
.lay4-6 {
    grid-column-start: 3;
    grid-column-end: 7;
}
.lay4-7 {
    grid-column-start: 1;
    grid-column-end: 3;
}


.Dark {background-color: #252832; color:#ffffff;}
.Dark a {background-color: #252832; color:#ffffff;}
.Light {background-color: #ffffff;}

.sticky-header {display:none!important;}


.grid-wrapper-right {
  display: grid;
  grid-template-columns: 9fr 3fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0rem;
}

.grid-wrapper-left {
  display: grid;
  grid-template-columns: 3fr 9fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0rem;
}

.grid-wrapper-third {
  display: grid;
  grid-template-columns: 3fr 3fr 3fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0rem;
}

.grid-wrapper-half {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  margin: 0rem;
}
.grid-wrapper-quarter {
  display: grid;
  grid-template-columns: 3fr 3fr 3fr 3fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0rem;
}

.grid-wrapper-sixth {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0rem;
}

.grid-wrapper-full {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin: 0rem;
}
.topline {border-top: 1px solid #1f1f1f; padding-top: 1rem;}
.topline-no-padding {border-top: 1px solid #1f1f1f; margin-bottom: 0px!important; margin-top: 0px!important;}
.bottomline {border-bottom: 1px solid #1f1f1f; padding-bottom: 1rem;}
.bottomline-no-padding {border-bottom: 1px solid #1f1f1f; margin-bottom: 0px!important; margin-top: 0px!important;}

.grid-content {
  background-color: transparent;
}

.grid-content-card {
  background-color: #f6f6f8;
  padding:20px;
}

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

.align-right {text-align:right;}
.nobase {margin-bottom:10px!important;}

.product__title>* {font-size:2rem;}


@media (max-width: 768px) {
  .grid-wrapper-quarter { grid-template-columns: 1fr 1fr;}
  .grid-wrapper-sixth { grid-template-columns: 1fr 1fr}  
  .grid-wrapper-third { grid-template-columns: 1fr;}
  .grid-wrapper-half { grid-template-columns: 1fr;} 
  .grid-wrapper-right { grid-template-columns: 1fr;} 
  .grid-wrapper-tutor { grid-template-columns: 1fr 1fr;}
  .grid-wrapper-materials {grid-template-columns: 1fr;}
}
  .grid-content-card { padding:15px;}
  .large-web-link {font-size: 100%; margin-top:20px; margin-bottom:-1px;}
  .large-web-link-image {display:none;}
  .mobile-hide {visibility: hidden;}
}