/**
* Theme Name: JM Ink
* Author: ipsoCreative
* Author URI: http://www.ipsocreative.com
* Version: 1.9.78
*/
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
@media screen {
  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
  }
  .grid-container:before,
  .clearfix:before,
  .grid-container:after,
  .clearfix:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .grid-container:after,
  .clearfix:after {
    clear: both;
  }
  .grid-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-5,
  .mobile-grid-5,
  .tablet-grid-5,
  .grid-10,
  .mobile-grid-10,
  .tablet-grid-10,
  .grid-15,
  .mobile-grid-15,
  .tablet-grid-15,
  .grid-20,
  .mobile-grid-20,
  .tablet-grid-20,
  .grid-25,
  .mobile-grid-25,
  .tablet-grid-25,
  .grid-30,
  .mobile-grid-30,
  .tablet-grid-30,
  .grid-35,
  .mobile-grid-35,
  .tablet-grid-35,
  .grid-40,
  .mobile-grid-40,
  .tablet-grid-40,
  .grid-45,
  .mobile-grid-45,
  .tablet-grid-45,
  .grid-50,
  .mobile-grid-50,
  .tablet-grid-50,
  .grid-55,
  .mobile-grid-55,
  .tablet-grid-55,
  .grid-60,
  .mobile-grid-60,
  .tablet-grid-60,
  .grid-65,
  .mobile-grid-65,
  .tablet-grid-65,
  .grid-70,
  .mobile-grid-70,
  .tablet-grid-70,
  .grid-75,
  .mobile-grid-75,
  .tablet-grid-75,
  .grid-80,
  .mobile-grid-80,
  .tablet-grid-80,
  .grid-85,
  .mobile-grid-85,
  .tablet-grid-85,
  .grid-90,
  .mobile-grid-90,
  .tablet-grid-90,
  .grid-95,
  .mobile-grid-95,
  .tablet-grid-95,
  .grid-100,
  .mobile-grid-100,
  .tablet-grid-100,
  .grid-33,
  .mobile-grid-33,
  .tablet-grid-33,
  .grid-66,
  .mobile-grid-66,
  .tablet-grid-66 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-parent {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .mobile-grid-100:before,
  .mobile-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .mobile-grid-100:after {
    clear: both;
  }
  .mobile-push-5,
  .mobile-pull-5,
  .mobile-push-10,
  .mobile-pull-10,
  .mobile-push-15,
  .mobile-pull-15,
  .mobile-push-20,
  .mobile-pull-20,
  .mobile-push-25,
  .mobile-pull-25,
  .mobile-push-30,
  .mobile-pull-30,
  .mobile-push-35,
  .mobile-pull-35,
  .mobile-push-40,
  .mobile-pull-40,
  .mobile-push-45,
  .mobile-pull-45,
  .mobile-push-50,
  .mobile-pull-50,
  .mobile-push-55,
  .mobile-pull-55,
  .mobile-push-60,
  .mobile-pull-60,
  .mobile-push-65,
  .mobile-pull-65,
  .mobile-push-70,
  .mobile-pull-70,
  .mobile-push-75,
  .mobile-pull-75,
  .mobile-push-80,
  .mobile-pull-80,
  .mobile-push-85,
  .mobile-pull-85,
  .mobile-push-90,
  .mobile-pull-90,
  .mobile-push-95,
  .mobile-pull-95,
  .mobile-push-33,
  .mobile-pull-33,
  .mobile-push-66,
  .mobile-pull-66 {
    position: relative;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .mobile-grid-5 {
    float: left;
    width: 5%;
  }
  .mobile-prefix-5 {
    margin-left: 5%;
  }
  .mobile-suffix-5 {
    margin-right: 5%;
  }
  .mobile-push-5 {
    left: 5%;
  }
  .mobile-pull-5 {
    left: -5%;
  }
  .mobile-grid-10 {
    float: left;
    width: 10%;
  }
  .mobile-prefix-10 {
    margin-left: 10%;
  }
  .mobile-suffix-10 {
    margin-right: 10%;
  }
  .mobile-push-10 {
    left: 10%;
  }
  .mobile-pull-10 {
    left: -10%;
  }
  .mobile-grid-15 {
    float: left;
    width: 15%;
  }
  .mobile-prefix-15 {
    margin-left: 15%;
  }
  .mobile-suffix-15 {
    margin-right: 15%;
  }
  .mobile-push-15 {
    left: 15%;
  }
  .mobile-pull-15 {
    left: -15%;
  }
  .mobile-grid-20 {
    float: left;
    width: 20%;
  }
  .mobile-prefix-20 {
    margin-left: 20%;
  }
  .mobile-suffix-20 {
    margin-right: 20%;
  }
  .mobile-push-20 {
    left: 20%;
  }
  .mobile-pull-20 {
    left: -20%;
  }
  .mobile-grid-25 {
    float: left;
    width: 25%;
  }
  .mobile-prefix-25 {
    margin-left: 25%;
  }
  .mobile-suffix-25 {
    margin-right: 25%;
  }
  .mobile-push-25 {
    left: 25%;
  }
  .mobile-pull-25 {
    left: -25%;
  }
  .mobile-grid-30 {
    float: left;
    width: 30%;
  }
  .mobile-prefix-30 {
    margin-left: 30%;
  }
  .mobile-suffix-30 {
    margin-right: 30%;
  }
  .mobile-push-30 {
    left: 30%;
  }
  .mobile-pull-30 {
    left: -30%;
  }
  .mobile-grid-35 {
    float: left;
    width: 35%;
  }
  .mobile-prefix-35 {
    margin-left: 35%;
  }
  .mobile-suffix-35 {
    margin-right: 35%;
  }
  .mobile-push-35 {
    left: 35%;
  }
  .mobile-pull-35 {
    left: -35%;
  }
  .mobile-grid-40 {
    float: left;
    width: 40%;
  }
  .mobile-prefix-40 {
    margin-left: 40%;
  }
  .mobile-suffix-40 {
    margin-right: 40%;
  }
  .mobile-push-40 {
    left: 40%;
  }
  .mobile-pull-40 {
    left: -40%;
  }
  .mobile-grid-45 {
    float: left;
    width: 45%;
  }
  .mobile-prefix-45 {
    margin-left: 45%;
  }
  .mobile-suffix-45 {
    margin-right: 45%;
  }
  .mobile-push-45 {
    left: 45%;
  }
  .mobile-pull-45 {
    left: -45%;
  }
  .mobile-grid-50 {
    float: left;
    width: 50%;
  }
  .mobile-prefix-50 {
    margin-left: 50%;
  }
  .mobile-suffix-50 {
    margin-right: 50%;
  }
  .mobile-push-50 {
    left: 50%;
  }
  .mobile-pull-50 {
    left: -50%;
  }
  .mobile-grid-55 {
    float: left;
    width: 55%;
  }
  .mobile-prefix-55 {
    margin-left: 55%;
  }
  .mobile-suffix-55 {
    margin-right: 55%;
  }
  .mobile-push-55 {
    left: 55%;
  }
  .mobile-pull-55 {
    left: -55%;
  }
  .mobile-grid-60 {
    float: left;
    width: 60%;
  }
  .mobile-prefix-60 {
    margin-left: 60%;
  }
  .mobile-suffix-60 {
    margin-right: 60%;
  }
  .mobile-push-60 {
    left: 60%;
  }
  .mobile-pull-60 {
    left: -60%;
  }
  .mobile-grid-65 {
    float: left;
    width: 65%;
  }
  .mobile-prefix-65 {
    margin-left: 65%;
  }
  .mobile-suffix-65 {
    margin-right: 65%;
  }
  .mobile-push-65 {
    left: 65%;
  }
  .mobile-pull-65 {
    left: -65%;
  }
  .mobile-grid-70 {
    float: left;
    width: 70%;
  }
  .mobile-prefix-70 {
    margin-left: 70%;
  }
  .mobile-suffix-70 {
    margin-right: 70%;
  }
  .mobile-push-70 {
    left: 70%;
  }
  .mobile-pull-70 {
    left: -70%;
  }
  .mobile-grid-75 {
    float: left;
    width: 75%;
  }
  .mobile-prefix-75 {
    margin-left: 75%;
  }
  .mobile-suffix-75 {
    margin-right: 75%;
  }
  .mobile-push-75 {
    left: 75%;
  }
  .mobile-pull-75 {
    left: -75%;
  }
  .mobile-grid-80 {
    float: left;
    width: 80%;
  }
  .mobile-prefix-80 {
    margin-left: 80%;
  }
  .mobile-suffix-80 {
    margin-right: 80%;
  }
  .mobile-push-80 {
    left: 80%;
  }
  .mobile-pull-80 {
    left: -80%;
  }
  .mobile-grid-85 {
    float: left;
    width: 85%;
  }
  .mobile-prefix-85 {
    margin-left: 85%;
  }
  .mobile-suffix-85 {
    margin-right: 85%;
  }
  .mobile-push-85 {
    left: 85%;
  }
  .mobile-pull-85 {
    left: -85%;
  }
  .mobile-grid-90 {
    float: left;
    width: 90%;
  }
  .mobile-prefix-90 {
    margin-left: 90%;
  }
  .mobile-suffix-90 {
    margin-right: 90%;
  }
  .mobile-push-90 {
    left: 90%;
  }
  .mobile-pull-90 {
    left: -90%;
  }
  .mobile-grid-95 {
    float: left;
    width: 95%;
  }
  .mobile-prefix-95 {
    margin-left: 95%;
  }
  .mobile-suffix-95 {
    margin-right: 95%;
  }
  .mobile-push-95 {
    left: 95%;
  }
  .mobile-pull-95 {
    left: -95%;
  }
  .mobile-grid-33 {
    float: left;
    width: 33.33333%;
  }
  .mobile-prefix-33 {
    margin-left: 33.33333%;
  }
  .mobile-suffix-33 {
    margin-right: 33.33333%;
  }
  .mobile-push-33 {
    left: 33.33333%;
  }
  .mobile-pull-33 {
    left: -33.33333%;
  }
  .mobile-grid-66 {
    float: left;
    width: 66.66667%;
  }
  .mobile-prefix-66 {
    margin-left: 66.66667%;
  }
  .mobile-suffix-66 {
    margin-right: 66.66667%;
  }
  .mobile-push-66 {
    left: 66.66667%;
  }
  .mobile-pull-66 {
    left: -66.66667%;
  }
  .mobile-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .tablet-grid-100:before,
  .tablet-grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .tablet-grid-100:after {
    clear: both;
  }
  .tablet-push-5,
  .tablet-pull-5,
  .tablet-push-10,
  .tablet-pull-10,
  .tablet-push-15,
  .tablet-pull-15,
  .tablet-push-20,
  .tablet-pull-20,
  .tablet-push-25,
  .tablet-pull-25,
  .tablet-push-30,
  .tablet-pull-30,
  .tablet-push-35,
  .tablet-pull-35,
  .tablet-push-40,
  .tablet-pull-40,
  .tablet-push-45,
  .tablet-pull-45,
  .tablet-push-50,
  .tablet-pull-50,
  .tablet-push-55,
  .tablet-pull-55,
  .tablet-push-60,
  .tablet-pull-60,
  .tablet-push-65,
  .tablet-pull-65,
  .tablet-push-70,
  .tablet-pull-70,
  .tablet-push-75,
  .tablet-pull-75,
  .tablet-push-80,
  .tablet-pull-80,
  .tablet-push-85,
  .tablet-pull-85,
  .tablet-push-90,
  .tablet-pull-90,
  .tablet-push-95,
  .tablet-pull-95,
  .tablet-push-33,
  .tablet-pull-33,
  .tablet-push-66,
  .tablet-pull-66 {
    position: relative;
  }
  .hide-on-tablet {
    display: none !important;
  }
  .tablet-grid-5 {
    float: left;
    width: 5%;
  }
  .tablet-prefix-5 {
    margin-left: 5%;
  }
  .tablet-suffix-5 {
    margin-right: 5%;
  }
  .tablet-push-5 {
    left: 5%;
  }
  .tablet-pull-5 {
    left: -5%;
  }
  .tablet-grid-10 {
    float: left;
    width: 10%;
  }
  .tablet-prefix-10 {
    margin-left: 10%;
  }
  .tablet-suffix-10 {
    margin-right: 10%;
  }
  .tablet-push-10 {
    left: 10%;
  }
  .tablet-pull-10 {
    left: -10%;
  }
  .tablet-grid-15 {
    float: left;
    width: 15%;
  }
  .tablet-prefix-15 {
    margin-left: 15%;
  }
  .tablet-suffix-15 {
    margin-right: 15%;
  }
  .tablet-push-15 {
    left: 15%;
  }
  .tablet-pull-15 {
    left: -15%;
  }
  .tablet-grid-20 {
    float: left;
    width: 20%;
  }
  .tablet-prefix-20 {
    margin-left: 20%;
  }
  .tablet-suffix-20 {
    margin-right: 20%;
  }
  .tablet-push-20 {
    left: 20%;
  }
  .tablet-pull-20 {
    left: -20%;
  }
  .tablet-grid-25 {
    float: left;
    width: 25%;
  }
  .tablet-prefix-25 {
    margin-left: 25%;
  }
  .tablet-suffix-25 {
    margin-right: 25%;
  }
  .tablet-push-25 {
    left: 25%;
  }
  .tablet-pull-25 {
    left: -25%;
  }
  .tablet-grid-30 {
    float: left;
    width: 30%;
  }
  .tablet-prefix-30 {
    margin-left: 30%;
  }
  .tablet-suffix-30 {
    margin-right: 30%;
  }
  .tablet-push-30 {
    left: 30%;
  }
  .tablet-pull-30 {
    left: -30%;
  }
  .tablet-grid-35 {
    float: left;
    width: 35%;
  }
  .tablet-prefix-35 {
    margin-left: 35%;
  }
  .tablet-suffix-35 {
    margin-right: 35%;
  }
  .tablet-push-35 {
    left: 35%;
  }
  .tablet-pull-35 {
    left: -35%;
  }
  .tablet-grid-40 {
    float: left;
    width: 40%;
  }
  .tablet-prefix-40 {
    margin-left: 40%;
  }
  .tablet-suffix-40 {
    margin-right: 40%;
  }
  .tablet-push-40 {
    left: 40%;
  }
  .tablet-pull-40 {
    left: -40%;
  }
  .tablet-grid-45 {
    float: left;
    width: 45%;
  }
  .tablet-prefix-45 {
    margin-left: 45%;
  }
  .tablet-suffix-45 {
    margin-right: 45%;
  }
  .tablet-push-45 {
    left: 45%;
  }
  .tablet-pull-45 {
    left: -45%;
  }
  .tablet-grid-50 {
    float: left;
    width: 50%;
  }
  .tablet-prefix-50 {
    margin-left: 50%;
  }
  .tablet-suffix-50 {
    margin-right: 50%;
  }
  .tablet-push-50 {
    left: 50%;
  }
  .tablet-pull-50 {
    left: -50%;
  }
  .tablet-grid-55 {
    float: left;
    width: 55%;
  }
  .tablet-prefix-55 {
    margin-left: 55%;
  }
  .tablet-suffix-55 {
    margin-right: 55%;
  }
  .tablet-push-55 {
    left: 55%;
  }
  .tablet-pull-55 {
    left: -55%;
  }
  .tablet-grid-60 {
    float: left;
    width: 60%;
  }
  .tablet-prefix-60 {
    margin-left: 60%;
  }
  .tablet-suffix-60 {
    margin-right: 60%;
  }
  .tablet-push-60 {
    left: 60%;
  }
  .tablet-pull-60 {
    left: -60%;
  }
  .tablet-grid-65 {
    float: left;
    width: 65%;
  }
  .tablet-prefix-65 {
    margin-left: 65%;
  }
  .tablet-suffix-65 {
    margin-right: 65%;
  }
  .tablet-push-65 {
    left: 65%;
  }
  .tablet-pull-65 {
    left: -65%;
  }
  .tablet-grid-70 {
    float: left;
    width: 70%;
  }
  .tablet-prefix-70 {
    margin-left: 70%;
  }
  .tablet-suffix-70 {
    margin-right: 70%;
  }
  .tablet-push-70 {
    left: 70%;
  }
  .tablet-pull-70 {
    left: -70%;
  }
  .tablet-grid-75 {
    float: left;
    width: 75%;
  }
  .tablet-prefix-75 {
    margin-left: 75%;
  }
  .tablet-suffix-75 {
    margin-right: 75%;
  }
  .tablet-push-75 {
    left: 75%;
  }
  .tablet-pull-75 {
    left: -75%;
  }
  .tablet-grid-80 {
    float: left;
    width: 80%;
  }
  .tablet-prefix-80 {
    margin-left: 80%;
  }
  .tablet-suffix-80 {
    margin-right: 80%;
  }
  .tablet-push-80 {
    left: 80%;
  }
  .tablet-pull-80 {
    left: -80%;
  }
  .tablet-grid-85 {
    float: left;
    width: 85%;
  }
  .tablet-prefix-85 {
    margin-left: 85%;
  }
  .tablet-suffix-85 {
    margin-right: 85%;
  }
  .tablet-push-85 {
    left: 85%;
  }
  .tablet-pull-85 {
    left: -85%;
  }
  .tablet-grid-90 {
    float: left;
    width: 90%;
  }
  .tablet-prefix-90 {
    margin-left: 90%;
  }
  .tablet-suffix-90 {
    margin-right: 90%;
  }
  .tablet-push-90 {
    left: 90%;
  }
  .tablet-pull-90 {
    left: -90%;
  }
  .tablet-grid-95 {
    float: left;
    width: 95%;
  }
  .tablet-prefix-95 {
    margin-left: 95%;
  }
  .tablet-suffix-95 {
    margin-right: 95%;
  }
  .tablet-push-95 {
    left: 95%;
  }
  .tablet-pull-95 {
    left: -95%;
  }
  .tablet-grid-33 {
    float: left;
    width: 33.33333%;
  }
  .tablet-prefix-33 {
    margin-left: 33.33333%;
  }
  .tablet-suffix-33 {
    margin-right: 33.33333%;
  }
  .tablet-push-33 {
    left: 33.33333%;
  }
  .tablet-pull-33 {
    left: -33.33333%;
  }
  .tablet-grid-66 {
    float: left;
    width: 66.66667%;
  }
  .tablet-prefix-66 {
    margin-left: 66.66667%;
  }
  .tablet-suffix-66 {
    margin-right: 66.66667%;
  }
  .tablet-push-66 {
    left: 66.66667%;
  }
  .tablet-pull-66 {
    left: -66.66667%;
  }
  .tablet-grid-100 {
    clear: both;
    width: 100%;
  }
}
@media screen and (min-width: 1025px) {
  .grid-100:before,
  .grid-100:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
  }
  .grid-100:after {
    clear: both;
  }
  .push-5,
  .pull-5,
  .push-10,
  .pull-10,
  .push-15,
  .pull-15,
  .push-20,
  .pull-20,
  .push-25,
  .pull-25,
  .push-30,
  .pull-30,
  .push-35,
  .pull-35,
  .push-40,
  .pull-40,
  .push-45,
  .pull-45,
  .push-50,
  .pull-50,
  .push-55,
  .pull-55,
  .push-60,
  .pull-60,
  .push-65,
  .pull-65,
  .push-70,
  .pull-70,
  .push-75,
  .pull-75,
  .push-80,
  .pull-80,
  .push-85,
  .pull-85,
  .push-90,
  .pull-90,
  .push-95,
  .pull-95,
  .push-33,
  .pull-33,
  .push-66,
  .pull-66 {
    position: relative;
  }
  .hide-on-desktop {
    display: none !important;
  }
  .grid-5 {
    float: left;
    width: 5%;
  }
  .prefix-5 {
    margin-left: 5%;
  }
  .suffix-5 {
    margin-right: 5%;
  }
  .push-5 {
    left: 5%;
  }
  .pull-5 {
    left: -5%;
  }
  .grid-10 {
    float: left;
    width: 10%;
  }
  .prefix-10 {
    margin-left: 10%;
  }
  .suffix-10 {
    margin-right: 10%;
  }
  .push-10 {
    left: 10%;
  }
  .pull-10 {
    left: -10%;
  }
  .grid-15 {
    float: left;
    width: 15%;
  }
  .prefix-15 {
    margin-left: 15%;
  }
  .suffix-15 {
    margin-right: 15%;
  }
  .push-15 {
    left: 15%;
  }
  .pull-15 {
    left: -15%;
  }
  .grid-20 {
    float: left;
    width: 20%;
  }
  .prefix-20 {
    margin-left: 20%;
  }
  .suffix-20 {
    margin-right: 20%;
  }
  .push-20 {
    left: 20%;
  }
  .pull-20 {
    left: -20%;
  }
  .grid-25 {
    float: left;
    width: 25%;
  }
  .prefix-25 {
    margin-left: 25%;
  }
  .suffix-25 {
    margin-right: 25%;
  }
  .push-25 {
    left: 25%;
  }
  .pull-25 {
    left: -25%;
  }
  .grid-30 {
    float: left;
    width: 30%;
  }
  .prefix-30 {
    margin-left: 30%;
  }
  .suffix-30 {
    margin-right: 30%;
  }
  .push-30 {
    left: 30%;
  }
  .pull-30 {
    left: -30%;
  }
  .grid-35 {
    float: left;
    width: 35%;
  }
  .prefix-35 {
    margin-left: 35%;
  }
  .suffix-35 {
    margin-right: 35%;
  }
  .push-35 {
    left: 35%;
  }
  .pull-35 {
    left: -35%;
  }
  .grid-40 {
    float: left;
    width: 40%;
  }
  .prefix-40 {
    margin-left: 40%;
  }
  .suffix-40 {
    margin-right: 40%;
  }
  .push-40 {
    left: 40%;
  }
  .pull-40 {
    left: -40%;
  }
  .grid-45 {
    float: left;
    width: 45%;
  }
  .prefix-45 {
    margin-left: 45%;
  }
  .suffix-45 {
    margin-right: 45%;
  }
  .push-45 {
    left: 45%;
  }
  .pull-45 {
    left: -45%;
  }
  .grid-50 {
    float: left;
    width: 50%;
  }
  .prefix-50 {
    margin-left: 50%;
  }
  .suffix-50 {
    margin-right: 50%;
  }
  .push-50 {
    left: 50%;
  }
  .pull-50 {
    left: -50%;
  }
  .grid-55 {
    float: left;
    width: 55%;
  }
  .prefix-55 {
    margin-left: 55%;
  }
  .suffix-55 {
    margin-right: 55%;
  }
  .push-55 {
    left: 55%;
  }
  .pull-55 {
    left: -55%;
  }
  .grid-60 {
    float: left;
    width: 60%;
  }
  .prefix-60 {
    margin-left: 60%;
  }
  .suffix-60 {
    margin-right: 60%;
  }
  .push-60 {
    left: 60%;
  }
  .pull-60 {
    left: -60%;
  }
  .grid-65 {
    float: left;
    width: 65%;
  }
  .prefix-65 {
    margin-left: 65%;
  }
  .suffix-65 {
    margin-right: 65%;
  }
  .push-65 {
    left: 65%;
  }
  .pull-65 {
    left: -65%;
  }
  .grid-70 {
    float: left;
    width: 70%;
  }
  .prefix-70 {
    margin-left: 70%;
  }
  .suffix-70 {
    margin-right: 70%;
  }
  .push-70 {
    left: 70%;
  }
  .pull-70 {
    left: -70%;
  }
  .grid-75 {
    float: left;
    width: 75%;
  }
  .prefix-75 {
    margin-left: 75%;
  }
  .suffix-75 {
    margin-right: 75%;
  }
  .push-75 {
    left: 75%;
  }
  .pull-75 {
    left: -75%;
  }
  .grid-80 {
    float: left;
    width: 80%;
  }
  .prefix-80 {
    margin-left: 80%;
  }
  .suffix-80 {
    margin-right: 80%;
  }
  .push-80 {
    left: 80%;
  }
  .pull-80 {
    left: -80%;
  }
  .grid-85 {
    float: left;
    width: 85%;
  }
  .prefix-85 {
    margin-left: 85%;
  }
  .suffix-85 {
    margin-right: 85%;
  }
  .push-85 {
    left: 85%;
  }
  .pull-85 {
    left: -85%;
  }
  .grid-90 {
    float: left;
    width: 90%;
  }
  .prefix-90 {
    margin-left: 90%;
  }
  .suffix-90 {
    margin-right: 90%;
  }
  .push-90 {
    left: 90%;
  }
  .pull-90 {
    left: -90%;
  }
  .grid-95 {
    float: left;
    width: 95%;
  }
  .prefix-95 {
    margin-left: 95%;
  }
  .suffix-95 {
    margin-right: 95%;
  }
  .push-95 {
    left: 95%;
  }
  .pull-95 {
    left: -95%;
  }
  .grid-33 {
    float: left;
    width: 33.33333%;
  }
  .prefix-33 {
    margin-left: 33.33333%;
  }
  .suffix-33 {
    margin-right: 33.33333%;
  }
  .push-33 {
    left: 33.33333%;
  }
  .pull-33 {
    left: -33.33333%;
  }
  .grid-66 {
    float: left;
    width: 66.66667%;
  }
  .prefix-66 {
    margin-left: 66.66667%;
  }
  .suffix-66 {
    margin-right: 66.66667%;
  }
  .push-66 {
    left: 66.66667%;
  }
  .pull-66 {
    left: -66.66667%;
  }
  .grid-100 {
    clear: both;
    width: 100%;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v23/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQXME.ttf) format('truetype');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v23/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_ObXXME.ttf) format('truetype');
}
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v23/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_N_XXME.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v28/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype');
}
a {
  color: #099696;
}
.screen-reader-text {
  display: none;
}
.default-widget-title,
.ipso_grid .widget-title {
  color: #F19B7D;
  font-size: 28px;
  padding: 5px 5px 5px 0;
  border-bottom: solid 3px;
  text-transform: uppercase;
  margin-bottom: 1.5em;
  font-weight: 600;
}
.blue-text {
  color: #83cdc6;
}
.gray-text {
  color: #757575;
}
.dotted-line,
hr {
  height: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) 0 0;
  width: 100%;
  display: block;
  clear: both;
}
.vertical-line {
  width: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAJCAYAAAD3s5bZAAAAJ0lEQVQIW2M8ePDg/+PHjzNYWloyMHZ0dPxngAJGFBmYKIhmpJQDAOR5DyWM+2AQAAAAAElFTkSuQmCC) repeat-y center center;
  display: block;
  height: auto;
}
hr {
  border: none;
  margin: 20px 0;
}
.first-cell {
  padding-left: 0;
}
.last-cell {
  padding-right: 0;
}
img.respond {
  max-width: 100%;
  height: auto;
  display: block;
}
#breadcrumbs {
  font-size: 12px;
  margin-bottom: 35px;
}
#breadcrumbs div {
  margin-top: 86px;
  text-transform: uppercase;
  border-bottom: 1px solid #888;
  padding: 0 0 18px 0;
}
#breadcrumbs div a {
  text-decoration: none;
  color: #000000;
}
#breadcrumbs div .breadcrumb_last {
  font-weight: 600;
}
#main {
  padding-bottom: 83px;
}
@media screen and (max-width: 767px) {
  #main {
    padding: 0 10px;
  }
}
#main .login-cta {
  background-color: #dddf87;
  height: 38px;
}
#main .login-cta h3 {
  font-family: 'Josefin Sans';
  font-size: 30px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  margin-left: 143px;
  margin-right: 17px;
  float: left;
}
@media screen and (max-width: 767px) {
  #main .login-cta h3 {
    text-align: center;
    margin: 0 auto;
    float: none;
  }
}
#main .login-cta h3 a {
  color: #000;
  text-decoration: none;
}
#main .login-cta h3 a:hover {
  text-decoration: underline;
}
#main .login-cta span {
  float: left;
  margin-top: 10px;
}
#main .login-cta strong {
  margin-top: 10px;
  clear: both;
  display: inline-block;
  margin-left: 6px;
}
#main .login-cta strong a {
  color: #000;
  text-decoration: none;
}
#main .login-cta strong a:hover {
  text-decoration: underline;
}
body .aligncenter {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both;
  display: block !important;
  float: none !important;
}
body .grid-row:after,
body .grid-row:before {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
body .alignleft {
  text-align: left;
  float: left;
  margin-right: 20px;
}
body .alignright {
  text-align: right;
  float: right;
  margin-left: 20px;
}
.hide {
  display: none;
}
input,
textarea,
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  background-color: #f8f9e7;
  font-family: 'Josefin Sans';
  font-size: 16px;
  padding: 12px;
  position: relative;
  margin-top: 0;
}
textarea {
  height: auto;
}
select {
  background-image: url(../png/select-arrow.png);
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 30px;
}
input[type=radio],
input[type=checkbox] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
  height: 20px;
  width: 20px;
  padding: 0;
  border: solid 1px #757575;
  vertical-align: middle;
  background: #fff;
  margin-right: 5px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=radio]:checked:after,
input[type=checkbox]:checked:after {
  content: '';
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  top: 2px;
  background: #83cdc6 url('../svg/checkbox-checked-white.svg') no-repeat center center;
  background-size: 18px 18px;
}
input[type=submit],
input[type=button],
button,
.button,
.nav-links .nav-previous a,
.nav-links .nav-next a {
  font-size: 14px;
  padding: 18px 20px 13px;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  border: none;
  --button-color: #83cdc6;
  --button-text: #ffffff;
  background: #83cdc6;
  background: var(--button-color);
  font-family: 'Josefin Sans';
  color: #ffffff;
  color: var(--button-text);
  --hover-button-color: #757575;
  --hover-button-text: #ffffff;
  cursor: pointer;
}
input[type=submit] a,
input[type=button] a,
button a,
.button a {
  color: white;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
.button:hover,
.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
  color: white;
  color: var(--hover-button-text);
  background: #757575;
  background: var(--hover-button-color);
}
@media screen and (max-width: 767px) {
  input[type=submit],
  input[type=button],
  button,
  .button,
  .nav-links .nav-previous a,
  .nav-links .nav-next a {
    display: block;
  }
}
input[type=submit].secondary,
input[type=button].secondary,
button.secondary,
.button.secondary {
  --button-color: #dddf87;
  --button-text: #727272;
  color: var(--button-text);
  background: var(--button-color);
  --hover-button-color: #757575;
  --hover-button-text: #ffffff;
}
input[type=submit].secondary:hover,
input[type=button].secondary:hover,
button.secondary:hover,
.button.secondary:hover {
  color: white;
  color: var(--hover-button-text);
  background: #757575;
  background: var(--hover-button-color);
}
input[type=submit].tertiary,
input[type=button].tertiary,
button.tertiary,
.button.tertiary {
  --button-color: #F19B7D;
  --button-text: #ffffff;
  color: var(--button-text);
  background: var(--button-color);
  --hover-button-color: #757575;
  --hover-button-text: #ffffff;
}
input[type=submit].tertiary:hover,
input[type=button].tertiary:hover,
button.tertiary:hover,
.button.tertiary:hover {
  color: white;
  color: var(--hover-button-text);
  background: #757575;
  background: var(--hover-button-color);
}
@media screen and (max-width: 767px) {
  p .button {
    margin: 0 auto;
    display: block !important;
    max-width: 180px;
  }
}
@media screen and (max-width: 767px) {
  footer .button {
    margin: 0 auto;
    display: block !important;
    max-width: 180px;
  }
}
.circle-button input {
  padding: 0 !important;
  height: 100%;
  width: 100%;
}
.circle-button input:hover {
  background: #757575;
  color: white;
}
@media screen and (max-width: 1024px) {
  .content .button {
    display: inline-block !important;
  }
}
.card-search {
  margin-top: 40px;
}
.card-search button {
  -webkit-border-top-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topright: 100%;
  -moz-border-radius-bottomright: 100%;
  -moz-border-radius-bottomleft: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  overflow: hidden;
  float: left;
  line-height: 40px;
}
.card-search .search-wrapper {
  display: block;
  margin-left: 50px;
}
.card-search .search-wrapper input {
  width: 100%;
  border-bottom: solid 1px #757575;
  background: transparent;
  padding: 10px 0 5px;
}
.card-list {
  overflow: hidden;
  margin-left: -10px;
  margin-right: -10px;
}
@media (max-width: 767px) {
  #primary .widget_video_slider .slider .similar-card {
    height: 100%;
  }
}
.similar-card {
  padding: 10px !important;
}
.similar-card a {
  display: block;
  position: relative;
  color: white;
}
.similar-card a .card-image {
  padding-top: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
}
.similar-card a:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
@media (min-width: 768px) {
  .similar-card a:hover:before {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
  }
  .similar-card a:hover .title {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
}
.similar-card .title {
  left: 0 !important;
  bottom: 0 !important;
}
@media (min-width: 768px) {
  .similar-card .title {
    position: absolute;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
}
.card-card {
  float: left;
  padding: 10px;
  width: 33.33333333%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1023px) {
  .card-card {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .card-card {
    float: none;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.card-card a {
  display: block;
  position: relative;
  color: #ffffff;
}
.card-card a .card-image {
  padding-top: 100%;
  display: block;
  background-position: center center;
  background-size: cover;
}
.card-card a:before {
  content: "";
  background: #F19B7D;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
}
.card-card a:before,
.card-card a .card-number,
.card-card a .card-title {
  transition: opacity 0.5s ease;
}
@media (min-width: 768px) {
  .card-card a:hover:before {
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter: alpha(opacity=80);
  }
  .card-card a:hover .card-number,
  .card-card a:hover .card-title {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
  }
}
@media (min-width: 768px) {
  .card-card .card-number,
  .card-card .card-title {
    position: absolute;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
  }
  .card-card .card-number {
    top: 10px;
    right: 10px;
  }
  .card-card .card-title {
    top: 50%;
    left: 10px;
    right: 10px;
    transform: translateY(-50%);
  }
}
@media (max-width: 767px) {
  .card-card .card-title,
  .card-card .card-number {
    display: block;
    background: #F19B7D;
  }
  .card-card .card-title {
    padding: 20px 10px 0;
  }
  .card-card .card-number {
    padding: 0 10px 20px;
  }
}
.card-card .card-number {
  text-align: center;
  font-weight: bolder;
}
.card-card .card-number:before {
  content: "Card #";
}
.card-card .card-title {
  text-align: center;
  text-transform: uppercase;
  font-family: 'Josefin Sans';
  font-size: 32px;
}
.load-more-container {
  clear: both;
  text-align: center;
  padding: 60px 0;
}
.sk-chase {
  width: 110px;
  height: 110px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
  display: block;
  margin: 0 auto;
}
.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #FE4A49;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
  opacity: 0.5;
}
.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
  opacity: 0.5;
}
.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
  opacity: 0.5;
}
.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
  opacity: 0.5;
}
.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
  opacity: 0.5;
}
.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
  opacity: 0.5;
}
@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%,
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%,
  0% {
    transform: scale(1);
  }
}
@media (min-width: 768px) {
  #the-card .card-top {
    display: grid;
    padding: 0 10px;
    grid-template-columns: 40% 60%;
    grid-template-rows: auto 100%;
    column-gap: 30px;
  }
  #the-card .card-top .title-container {
    grid-column-start: 2;
  }
  #the-card .card-top .gallery-container {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: span 2;
  }
  #the-card .card-top .content-container {
    grid-row-start: 2;
  }
}
#the-card .actions {
  overflow: hidden;
}
#the-card .actions a {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
#the-card .slick-slide {
  outline: none;
  margin: 5px 0;
}
#the-card #card-slider {
  max-width: 450px;
  margin: 0 auto 20px;
}
#the-card #card-slider img {
  display: block;
  margin: 0 auto;
}
#the-card #card-slider .wrapper {
  display: block;
  position: relative;
}
#the-card #card-slider .wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#the-card #supplies-list {
  clear: both;
}
#the-card #card-slider-nav {
  padding-left: 30px;
  padding-right: 30px;
}
#the-card #card-slider-nav .slick-arrow {
  position: absolute;
  top: 0;
  height: 60px;
  width: 30px;
  padding: 0;
  background: transparent url("../png/card-slider-arrow.png") no-repeat left center;
  font-size: 0;
  color: #5D5D5D;
  outline: none;
}
#the-card #card-slider-nav .slick-arrow.slick-prev {
  left: 0;
}
#the-card #card-slider-nav .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#the-card #card-slider-nav .slick-current img {
  outline: 3px solid #83cdc6;
}
#the-card #card-slider-nav .slick-active:not(.slick-current) {
  cursor: pointer;
}
#the-card #card-slider-nav .slick-slide {
  text-align: center;
}
#the-card .card-tags {
  overflow: hidden;
  text-transform: uppercase;
}
@media screen {
  #the-card .card-tags {
    margin-bottom: 15px;
  }
  #the-card .card-tags a {
    background: #F19B7D;
    color: #ffffff;
    float: left;
    margin: 0 10px 10px 0;
    padding: 2px 10px;
    font-size: 14px;
  }
  #the-card .card-tags a:hover {
    background-color: #FE4A49;
  }
}
#primary .card-social {
  height: 40px;
}
#primary .card-social .social {
   margin-bottom: 10px;
 }
 #primary h2.vendor-name {
   color: white;
   text-align: center;
   padding: 20px 20px 15px 20px;
  margin: 0;
  font-size: 32px;
  font-family: 'Josefin Sans';
   text-transform: uppercase;
   text-shadow: 0px 0px 3px #6e6e6e;
}
@media (max-width: 767px) {
  #primary h2.vendor-name {
    padding: 15px 10px;
    font-size: 28px;
    line-height: 1.1em;
  }
}
#primary .sale-group {
   margin: 40px auto 0 auto;
   border: 1px solid #D3D3D3;
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   border-radius: 7px;
 }
 #primary .sale-group .vendor-header {
   background: #83cdc6;
 }
 #primary .sale-group .vendor-header h3 {
   text-align: center;
   margin-top: -20px;
   padding-bottom: 5px;
   font-weight: bold;
   text-transform: uppercase;
 }
 @media (max-width: 767px) {
   #primary .sale-group .vendor-header h3 {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  #primary .sale-group {
    margin-top: 30px;
  }
}
#primary .sale {
  margin: 0 auto;
  border-left: 1px solid #C8C8C8;
   border-right: 1px solid #C8C8C8;
   box-sizing: border-box;
   background-color: #f8f8f8;
 }
 @media screen and (max-width: 767px) {
   #primary .sale {
     overflow: hidden;
   }
 }
 #primary .sale:first-of-type {
   border-top: 1px solid #D3D3D3;
   border-bottom: none;
}
#primary .sale:last-of-type {
  border-bottom: 1px solid #D3D3D3;
  border-top: none;
}
#primary .sale .vendor-name {
  text-align: center;
  padding: 18px 10px 15px 10px;
  margin: 0;
  color: white;
  background-color: #83cdc6;
  font-family: 'Josefin Sans';
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: 2px solid #D3D3D3;
  text-shadow: 0px 0px 3px #6e6e6e;
  border-radius: 8px 8px 0 0;
}
#primary .sale:not(:last-of-type) .footer {
  border-bottom: 2px solid #C8C8C8;
}
#primary .sale .footer {
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  padding: 10px 10px 5px 10px;
  background-color: #D3D3D3;
  font-family: 'Josefin Sans';
  font-size: 20px;
  border-top: 2px solid #C8C8C8;
}
@media (min-width: 768px) {
  #primary .sale .footer {
    display: flex;
  }
}
#primary .sale .footer .calm-footer {
  font-weight: normal;
}
#primary .sale .footer .shipping-info::after {
  background: url(../png/delivery-truck.png) center center no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: -25%;
  content: '';
}
#primary .sale:not(:last-of-type)::after {
  content: '';
   width: 100%;
   display: block;
   margin: 0;
   color: #f0f0f0;
 }
 #primary .sale:not(:last-of-type):not(.has-footer)::after {
   height: 24px;
   border-bottom: 2px solid #C8C8C8;
 }
 #primary .ending-soon .footer .ending-date-time::before {
   background: url(../png/hourglass.png) center center no-repeat;
  background-size: contain;
  width: 18px;
  height: 30px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: -20%;
  content: '';
}
 #primary .ending-soon .footer .timer-highlight {
   color: #FE4A49;
 }
 .sale-headline-container {
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   flex-wrap: nowrap;
 }
 .hot-fire {
   background: url(../png/hotdeal.png) center center no-repeat;
   background-size: contain;
   width: 36px;
   min-width: 36px;
   height: 35px;
   margin-bottom: 5px;
 }
 #primary .sale-item {
   position: relative;
   align-content: center;
   align-items: center;
   flex-flow: row;
  flex-wrap: nowrap;
  border-top: none;
  min-height: 300px;
}
@media (min-width: 768px) {
  #primary .sale-item {
    display: flex;
  }
}
#primary .sale-item .content {
  text-align: center;
  margin: 10px;
  flex: 1 2 auto;
  line-height: 1.6em;
}
#primary .sale-item .content p {
  padding: 0 0 10px 0;
  margin: 10px 0;
  text-align: center;
}
@media (min-width: 768px) {
  #primary .sale-item .content p {
    text-align: left;
  }
}
#primary .sale-item .content ul {
  margin-bottom: 25px;
  text-align: center;
}
@media (min-width: 768px) {
  #primary .sale-item .content ul {
    text-align: left;
  }
}
@media (max-width: 768px) {
  #primary .sale-item .content {
    line-height: 1.3em;
  }
}
#primary .sale-item .sale-ribbon {
  position: absolute;
  inset: 10px -10px auto auto;
   padding: 4px 20px 14px 25px;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 10px), 0 calc(100% - 10px), 10px calc(50% - 5px));
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 10px), 0 calc(100% - 10px), 10px calc(50% - 5px));
   background-color: #a3235c;
   color: white;
   box-shadow: 0 -10px 0 inset #0005;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 16px;
 }
 #primary .sale-item .sale-ribbon::before {
   content: '';
   text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
 }
 @media screen and (max-width: 767px) {
   #primary .sale-item .sale-ribbon {
     position: initial;
     margin: 10px auto;
     padding: 5px 30px 5px 30px;
     -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%);
     clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 50%, 100% 100%, 0 100%, 10px 50%);
     inset: unset;
     box-shadow: none;
     width: fit-content;
   }
 }
 #primary .sale-item .sale-ribbon-freebie {
   background-color: #a3235c;
 }
 #primary .sale-item .sale-ribbon-freebie::before {
   content: 'Freebie!';
 }
 #primary .sale-item .sale-ribbon-new-products {
   background-color: #83cdc6;
 }
 #primary .sale-item .sale-ribbon-new-products::before {
   content: 'New Products!';
 }
 #primary .sale-item .sale-ribbon-clearance {
   background-color: #F19B7D;
 }
 #primary .sale-item .sale-ribbon-clearance::before {
   content: 'Clearance Sale!';
 }
 #primary .sale-item .sale-ribbon-exclusive {
   background-color: #FE4A49;
 }
 #primary .sale-item .sale-ribbon-exclusive::before {
   content: 'Exclusive Deal!';
 }
 #primary .sale-item .sale-title {
   font-size: 1.5em;
   font-weight: bold;
  font-family: 'Josefin Sans';
  text-align: center;
  margin: 7px;
}
#primary .sale-item .image {
  width: 95%;
  object-fit: contain;
  flex: 0 0 35%;
  align-self: center;
  max-width: 500px;
  box-sizing: border-box;
   overflow: hidden;
   margin: 12px auto;
   padding: 0;
   text-align: center;
 }
 @media (min-width: 1024px) {
  #primary .sale-item .image {
    flex: 0 0 40%;
  }
}
@media (min-width: 768px) {
  #primary .sale-item .image {
    min-width: 350px;
  }
}
@media (min-width: 768px) {
  #primary .sale-item .image {
    margin: 20px;
  }
}
 #primary .sale-item .image img {
   box-sizing: border-box;
   display: block;
   margin: 0 auto;
   height: auto;
   max-height: 400px;
   object-fit: contain;
   border: 1px solid #BDBDBD;
 }
 #primary .sale-item .sale-code {
   font-family: 'Josefin Sans';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.25rem;
  text-align: center;
}
#primary .sale-item .sale-code::before {
  font-weight: normal;
  content: 'USE CODE: ';
}
#primary .sale-item .button {
  color: white;
  color: var(--button-text);
  background: #099696;
  background: var(--button-color);
  text-align: center;
  font-family: 'Josefin Sans';
  font-size: 16px;
  padding: 14px 12px 12px 12px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 10px auto;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#primary .sale-item .button:hover {
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   background: #757575;
   background: var(--hover-button-color);
 }
#primary .sale-item .button.secondary {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  #primary .sale-item .button {
    margin: 10px 0;
  }
}
#primary .event h2.event-name {
  background: #83cdc6;
  color: white;
  text-align: center;
  padding: 20px 20px 15px 20px;
  margin: 0;
  font-size: 32px;
  font-family: 'Josefin Sans';
  text-transform: uppercase;
  text-shadow: 0px 0px 3px #6e6e6e;
}
#primary .event {
  margin: 40px auto 0 auto;
  border: 1px solid #d3d3d3;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  box-sizing: border-box;
   background-color: #f8f8f8;
   overflow: hidden;
 }
 #primary .event .event-header {
   background-color: #83cdc6;
 }
 #primary .event .event-header .event-name {
   text-align: center;
   padding: 18px 10px 15px 10px;
   margin: 0;
  color: white;
  background-color: #83cdc6;
  font-family: 'Josefin Sans';
  font-size: 32px;
  text-transform: uppercase;
  border-bottom: 2px solid #d3d3d3;
  text-shadow: 0px 0px 3px #6e6e6e;
  border-radius: 8px 8px 0 0;
}
#primary .event:not(:last-of-type) .footer {
  border-bottom: 2px solid #c8c8c8;
}
#primary .event .event-desc .event-date {
  text-align: center;
  margin: 0px;
  font-family: 'Josefin Sans';
  font-size: 1.25rem;
}
#primary .event .footer {
  box-sizing: border-box;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  padding: 10px 10px 5px 10px;
  background-color: #d3d3d3;
  font-family: 'Josefin Sans';
  font-size: 20px;
  border-top: 2px solid #c8c8c8;
}
@media (min-width: 768px) {
  #primary .event .footer {
    display: flex;
  }
}
#primary .event .footer .calm-footer {
  font-weight: normal;
}
#primary .event .footer .shipping-info::after {
  background: url(../png/delivery-truck.png) center center no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: -25%;
  content: '';
}
#primary .ending-soon .footer .ending-date-time::before {
  background: url(../png/hourglass.png) center center no-repeat;
  background-size: contain;
  width: 18px;
  height: 30px;
  margin: 0 10px;
  display: inline-block;
  vertical-align: -20%;
  content: '';
}
#primary .ending-soon .footer .timer-highlight {
  color: #FE4A49;
}
.hot-deal .event-title::before,
.hot-deal .event-title::after {
  background: url(../png/hotdeal.png) center center no-repeat;
  background-size: contain;
  width: 36px;
  height: 35px;
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: -15%;
  content: '';
}
#primary .event-content {
  align-content: center;
  align-items: center;
  flex-flow: row;
  flex-wrap: nowrap;
  border-top: none;
  min-height: 300px;
}
@media (min-width: 768px) {
  #primary .event-content {
    display: grid;
    padding: 0 20px;
    grid-template-columns: 45% 55%;
    grid-template-rows: auto;
    column-gap: 20px;
  }
  #primary .event-content .gallery-container {
    grid-column-start: 1;
    grid-row-start: 1;
    align-self: start;
    margin: 20px 0 10px 0;
  }
  #primary .event-content .event-desc {
    grid-row-start: 2;
    grid-row-start: 1;
  }
  #primary .event-content .event-desc h4 {
    font-size: 1.25rem;
  }
}
#primary .event-content .event-slider {
  max-width: 80%;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  #primary .event-content .event-slider {
    max-width: 100%;
  }
}
#primary .event-content .event-slider img {
  display: block;
  margin: 0 auto;
}
#primary .event-content .event-slider .wrapper {
  display: block;
  position: relative;
}
#primary .event-content .event-slider .wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
 #primary .event-content .event-slider-nav {
   padding-left: 30px;
   padding-right: 30px;
}
#primary .event-content .event-slider-nav .slick-slide {
  margin: 5px 0;
}
#primary .event-content .event-slider-nav .slick-arrow {
  position: absolute;
  top: 0;
  height: 60px;
  width: 30px;
  padding: 0;
  background: transparent url('../png/card-slider-arrow-darker.png') no-repeat left center;
  font-size: 0;
  color: #5D5D5D;
  outline: none;
}
#primary .event-content .event-slider-nav .slick-arrow.slick-prev {
  left: 0;
}
#primary .event-content .event-slider-nav .slick-arrow.slick-next {
  right: 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#primary .event-content .event-slider-nav .slick-current img {
  outline: 3px solid #83cdc6;
}
#primary .event-content .event-slider-nav .slick-active:not(.slick-current) {
  cursor: pointer;
}
#primary .event-content .event-slider-nav .slick-slide {
  text-align: center;
}
#primary .event-content .event-desc {
  clear: both;
  text-align: center;
  margin: 10px;
  line-height: 1.6em;
}
#primary .event-content .event-desc p {
  padding: 0 0 10px 0;
  margin: 10px 0;
  text-align: center;
}
@media (min-width: 768px) {
  #primary .event-content .event-desc p {
    text-align: left;
  }
}
#primary .event-content .event-desc ul {
  margin-bottom: 25px;
  text-align: center;
}
@media (min-width: 768px) {
  #primary .event-content .event-desc ul {
    text-align: left;
  }
}
#primary .event-content .event-title {
  font-size: 1.5em;
  font-weight: bold;
  font-family: 'Josefin Sans';
  text-align: center;
  margin: 7px;
  margin-bottom: 15px;
}
#primary .event-content .image {
  object-fit: contain;
  align-self: center;
  box-sizing: border-box;
  overflow: hidden;
  margin: inherit auto;
  padding: 0;
  border: 1px solid #bdbdbd;
  text-align: center;
}
@media (min-width: 768px) {
  #primary .event-content .image {
    min-width: 350px;
  }
}
#primary .event-content .image img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
}
#primary .event-content .event-code {
  font-family: 'Josefin Sans';
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.25rem;
  text-align: center;
  padding-bottom: 10px;
}
#primary .event-content .event-code::before {
  font-weight: normal;
  content: 'USE CODE: ';
}
#primary .event-content .button {
  color: white;
  color: var(--button-text);
  background: #099696;
  background: var(--button-color);
  text-align: center;
  font-family: 'Josefin Sans';
  font-size: 16px;
  padding: 14px 12px 12px 12px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  margin: 10px auto;
  cursor: pointer;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#primary .event-content .button:hover {
  color: white;
  color: var(--hover-button-text);
  background: #099696;
  background: var(--hover-button-color);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
}
 #primary .event-content .button.secondary {
   margin-left: 10px;
 }
 #primary .crafty-product-container {
   margin: 0 auto;
   width: 100%;
 }
 @media screen and (min-width: 768px) {
   #primary .crafty-product-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     flex-wrap: nowrap;
   }
 }
 #primary .crafty-product-container .crafty-product-ribbon {
   position: absolute;
   inset: 10px -10px auto auto;
   padding: 4px 20px 14px 25px;
   -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 10px), 0 calc(100% - 10px), 10px calc(50% - 5px));
   clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, calc(100% - 10px) calc(100% - 10px), 0 calc(100% - 10px), 10px calc(50% - 5px));
   background-color: #a3235c;
   color: white;
   box-shadow: 0 -10px 0 inset #0005;
   text-transform: uppercase;
   font-weight: bold;
   font-size: 16px;
 }
 #primary .crafty-product-container .crafty-product-ribbon::before {
   content: '';
   text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
 }
 #primary .crafty-product-container .crafty-product-ribbon-out-of-stock {
  background-color: #FE4A49;
}
#primary .crafty-product-container .crafty-product-ribbon-out-of-stock::before {
  content: 'Sold Out';
  font-size: 18px;
}
#primary .crafty-product-container .crafty-product-image {
   position: relative;
  margin: 20px;
  flex: 0 0 45%;
  border: 1px solid #bdbdbd;
}
#primary .crafty-product-container .crafty-product-image img {
  display: block;
   width: 100%;
   height: auto;
   max-height: 500px;
   object-fit: contain;
 }
 #primary .crafty-product-container .crafty-product-content {
   text-align: center;
   flex: 1 2 auto;
   line-height: 1.6em;
 }
 #primary .crafty-product-container .crafty-product-content .crafty-product-title {
   text-align: center;
   font-size: 2em;
   line-height: 1.2em;
   font-weight: 700;
  font-family: 'Josefin Sans';
  margin: 7px;
}
@media screen and (max-width: 767px) {
  #primary .crafty-product-container .crafty-product-content .crafty-product-title {
    font-size: 1.75em;
  }
}
#primary .crafty-product-container .crafty-product-content .crafty-product-desc {
  text-align: center;
  margin: 0 auto;
 }
 #primary .crafty-product-container .crafty-product-content .crafty-product-desc p {
   text-align: center;
 }
 #primary .crafty-product-container .crafty-product-content .crafty-product-company {
   text-align: center;
   margin: 0 5px 10px 5px;
   font-size: 20px;
 }
 #primary .crafty-product-container .crafty-product-content .crafty-product-details {
   font-family: 'Josefin Sans';
   font-size: 1.25rem;
 }
 #primary .crafty-product-container .crafty-product-content .crafty-product-details p {
   text-align: center;
 }
 #primary .crafty-product-container .crafty-product-content .crafty-product-details .crafty-product-date-time {
   text-align: center;
   font-size: 1.35rem;
 }
 #primary .crafty-product-container .crafty-product-content .button {
   color: white;
   color: var(--button-text);
   background: #099696;
   background: var(--button-color);
   font-family: 'Josefin Sans';
   font-size: 16px;
   padding: 14px 12px 12px 12px;
   text-decoration: none;
   text-align: center;
   display: inline-block;
   text-transform: uppercase;
   margin: 5px;
   cursor: pointer;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 #primary .crafty-product-container .crafty-product-content .button:hover {
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   background: #757575;
   background: var(--hover-button-color);
 }
 #primary .crafty-product-container .crafty-product-content .button.secondary {
   margin-left: 10px;
 }
 #primary .crafty-product-container.crafty-product-style-small {
  display: initial;
  text-align: center;
  line-height: 1.35em;
  position: relative;
  margin: 0;
  width: 30%;
 }
 @media screen and (max-width: 767px) {
   #primary .crafty-product-container.crafty-product-style-small {
     margin: 0 auto 20px auto;
     width: 100%;
     max-width: 400px;
   }
   #primary .crafty-product-container.crafty-product-style-small .crafty-product-title {
     font-size: 1.4em;
   }
 }
 #primary .crafty-product-container.crafty-product-style-small p {
   padding: 0;
   margin: 10px;
 }
#primary .crafty-product-container.crafty-product-style-small .crafty-product-image {
  margin: 0;
  border-bottom: 1px solid #bdbdbd;
  overflow: hidden;
}
#primary .crafty-product-container.crafty-product-style-small .crafty-product-image img {
   display: block;
   width: 100%;
   height: auto;
   max-height: 400px;
   object-fit: contain;
 }
 #primary .crafty-product-container.crafty-product-style-small .crafty-product-title {
   line-height: 1.2em;
   text-align: center;
   margin: 15px 10px 0 10px;
   font-size: 1.5em;
 }
 #primary .crafty-product-container.crafty-product-style-small .crafty-product-company {
   text-align: center;
   margin: 0 5px 10px 5px;
   font-size: 16px;
 }
 #primary .crafty-product-container.crafty-product-style-small .crafty-product-date-time {
   text-align: center;
   margin: 7px;
   margin-bottom: 0;
 }
 #primary .crafty-product-container.crafty-product-style-small .crafty-product-desc {
   display: none;
 }
 #primary .crafty-product-container.crafty-product-style-small .button {
   display: inline-block;
   text-align: center;
  margin: 5px;
  padding: 10px;
}
#primary .crafty-product-style-sale-today-header.h2 {
  margin: 15px 0 10px 0;
  line-height: 1.2em;
}
#primary .crafty-product-container.crafty-product-style-small .short-date,
#primary .crafty-product-container.crafty-product-style-sale-today .short-date,
#primary .crafty-product-container.crafty-product-style-large .short-date {
   text-align: center;
   line-height: 1.3em;
   min-width: 45px;
   min-height: 45px;
   padding: 8px;
   position: absolute;
   left: 0px;
   top: 0px;
   background: rgba(0, 0, 0, 0.5);
  color: white;
  z-index: 1;
  font-size: 18px;
  overflow: hidden;
}
#primary .crafty-product-container.crafty-product-style-small body,
 #primary .crafty-product-container.crafty-product-style-sale-today body,
 #primary .crafty-product-container.crafty-product-style-large body {
   padding-top: 100px;
 }
 #primary .crafty-product-container.crafty-product-style-small .short-date-star,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star,
 #primary .crafty-product-container.crafty-product-style-large .short-date-star {
   position: absolute;
   left: -15px;
   top: -15px;
   text-align: center;
   align-items: center;
   background-color: #ffe100;
   display: flex;
   font-size: 28px;
   height: 100px;
   justify-content: center;
   margin: 0 auto;
   transform: rotate(45deg);
   width: 100px;
 }
 @media screen and (max-width: 767px) {
  #primary .crafty-product-container.crafty-product-style-small .short-date-star,
  #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star,
  #primary .crafty-product-container.crafty-product-style-large .short-date-star {
    width: 60px;
    height: 60px;
    font-size: 22px;
  }
}
#primary .crafty-product-container.crafty-product-style-small .short-date-star:before,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star:before,
 #primary .crafty-product-container.crafty-product-style-large .short-date-star:before,
 #primary .crafty-product-container.crafty-product-style-small .short-date-star:after,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star:after,
 #primary .crafty-product-container.crafty-product-style-large .short-date-star:after {
   background-color: #ffe100;
   content: '';
   display: block;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: -1;
 }
 #primary .crafty-product-container.crafty-product-style-small .short-date-star:before,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star:before,
 #primary .crafty-product-container.crafty-product-style-large .short-date-star:before {
   transform: rotate(30deg);
 }
 #primary .crafty-product-container.crafty-product-style-small .short-date-star:after,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star:after,
 #primary .crafty-product-container.crafty-product-style-large .short-date-star:after {
   transform: rotate(60deg);
 }
 #primary .crafty-product-container.crafty-product-style-small .short-date-star p,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star p,
 #primary .crafty-product-container.crafty-product-style-large .short-date-star p {
   text-align: center;
   font-size: 36px;
   line-height: 1.1em;
   font-weight: bold;
  padding: 0;
  transform: rotate(-45deg);
}
@media screen and (max-width: 767px) {
  #primary .crafty-product-container.crafty-product-style-small .short-date-star p,
  #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star p,
  #primary .crafty-product-container.crafty-product-style-large .short-date-star p {
    font-size: 1.25em;
  }
}
#primary .crafty-product-container.crafty-product-style-sale-today {
  margin-top: 50px;
}
#primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-image {
  border: 0;
}
#primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-image img {
  max-height: 400px;
}
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star {
   width: 75px;
  height: 75px;
  font-size: 28px;
}
@media screen and (max-width: 767px) {
  #primary .crafty-product-container.crafty-product-style-sale-today .short-date-star {
    width: 55px;
    height: 55px;
    font-size: 20px;
  }
}
#primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-title {
  font-size: 2em;
}
@media screen and (max-width: 767px) {
  #primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-title {
    font-size: 1.3em;
  }
}
@media screen and (max-width: 767px) {
  #primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-desc {
    line-height: 1.5em;
  }
}
#primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-link {
  font-size: 1.25em;
}
 #primary .crafty-product-container.crafty-product-style-small .short-date-star {
   display: none;
 }
 #primary .crafty-product-container.crafty-product-style-large,
 #primary .crafty-product-container.crafty-product-style-sale-today {
   position: relative;
   gap: 40px;
 }
 #primary .crafty-product-container.crafty-product-style-large .crafty-product-image,
 #primary .crafty-product-container.crafty-product-style-sale-today .crafty-product-image {
   margin: 0;
 }
 #primary .crafty-product-container.crafty-product-style-large .short-date,
 #primary .crafty-product-container.crafty-product-style-sale-today .short-date {
   font-size: 24px;
   padding: 8px 12px;
   display: none;
 }
 .crafty-products-main-container {
   display: flex;
   flex-direction: column;
   margin: 0 auto 40px auto;
   text-align: center;
   width: auto;
   gap: 40px;
 }
 @media screen and (min-width: 768px) {
   .crafty-products-main-container {
     flex-direction: row;
     align-items: stretch;
     justify-content: center;
     flex-wrap: wrap;
     max-width: 1120px;
   }
 }
 #primary .crafty-products-warning {
   text-align: center;
   font-size: 1.25em;
 }
 #primary .live-event-container {
   margin: 40px auto;
   width: 100%;
 }
 @media screen and (min-width: 768px) {
   #primary .live-event-container {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     flex-wrap: nowrap;
   }
 }
 #primary .live-event-container .live-event-image {
   margin: 20px;
   flex: 0 0 45%;
   border: 1px solid #bdbdbd;
 }
 #primary .live-event-container .live-event-image img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
 }
 #primary .live-event-container .live-event-content {
   margin: 10px;
   text-align: center;
   flex: 1 2 auto;
   line-height: 1.6em;
 }
 #primary .live-event-container .live-event-content .live-event-title {
   text-align: center;
   font-size: 1.75em;
   line-height: 1.3em;
   font-weight: 700;
   font-family: 'Josefin Sans';
   margin: 7px;
   margin-bottom: 15px;
 }
 @media screen and (max-width: 767px) {
   #primary .live-event-container .live-event-content .live-event-title {
     font-size: 1.5em;
     line-height: 1.1em;
   }
 }
 #primary .live-event-container .live-event-content .live-event-desc {
   text-align: center;
   margin: 0 auto;
 }
 #primary .live-event-container .live-event-content .live-event-desc p {
   text-align: center;
 }
 #primary .live-event-container .live-event-content .live-event-location {
   text-align: center;
   font-weight: bold;
 }
 #primary .live-event-container .live-event-content .live-event-details {
   font-family: 'Josefin Sans';
   font-size: 1.25rem;
 }
 #primary .live-event-container .live-event-content .live-event-details p {
   text-align: center;
   padding-bottom: 0.8em;
 }
 #primary .live-event-container .live-event-content .live-event-details .live-event-date-time {
   text-align: center;
   font-size: 1.35rem;
 }
 #primary .live-event-container .live-event-content .button {
   color: white;
   color: var(--button-text);
   background: #099696;
   background: var(--button-color);
   font-family: 'Josefin Sans';
   font-size: 16px;
   padding: 14px 12px 12px 12px;
   text-decoration: none;
   text-align: center;
   display: inline-block;
   text-transform: uppercase;
   margin: 10px auto;
   cursor: pointer;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 #primary .live-event-container .live-event-content .button:hover {
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   background: #757575;
   background: var(--hover-button-color);
 }
 #primary .live-event-container .live-event-content .button.secondary {
   margin-left: 10px;
 }
 #primary .live-event-container.live-event-style-small {
   display: initial;
   text-align: center;
   line-height: 1.35em;
   border: 1px solid #bdbdbd;
   border-radius: 5px;
   overflow: hidden;
   position: relative;
   margin: 15px;
   width: 30%;
 }
 @media screen and (max-width: 767px) {
   #primary .live-event-container.live-event-style-small {
     margin: 0 auto 20px auto;
     width: 100%;
     max-width: 400px;
   }
   #primary .live-event-container.live-event-style-small .live-event-title {
     font-size: 1.6em;
   }
 }
 #primary .live-event-container.live-event-style-small p {
   padding: 0;
   margin: 10px;
 }
 #primary .live-event-container.live-event-style-small .live-event-image {
   margin: 0;
   border-bottom: 1px solid #bdbdbd;
 }
 #primary .live-event-container.live-event-style-small .live-event-image img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: cover;
   max-height: 200px;
   border-radius: 4px 0;
 }
 #primary .live-event-container.live-event-style-small .live-event-title {
   line-height: 1.1em;
   text-align: center;
   margin: 15px 10px 4px 10px;
   font-weight: normal;
 }
 #primary .live-event-container.live-event-style-small .live-event-location {
   text-align: center;
   margin: 4px;
 }
 #primary .live-event-container.live-event-style-small .live-event-date-time {
   text-align: center;
   margin: 7px;
 }
 #primary .live-event-container.live-event-style-small .button {
   display: inline-block;
   text-align: center;
   margin: 7px;
   padding: 10px;
 }
 #primary .live-event-container.live-event-style-small .short-date {
   text-align: center;
   line-height: 1.3em;
   min-width: 45px;
   min-height: 45px;
   padding: 8px;
   position: absolute;
   left: 0px;
   top: 0px;
   background: rgba(0, 0, 0, 0.5);
   color: white;
   z-index: 1;
   font-size: 18px;
   border-radius: 4px 0 0 0;
 }
 .live-events-calendar-container {
   display: flex;
   flex-direction: column;
   margin: 0 auto;
   text-align: center;
   width: auto;
 }
 @media screen and (min-width: 768px) {
   .live-events-calendar-container {
     flex-direction: row;
     align-items: stretch;
     justify-content: center;
     flex-wrap: wrap;
     max-width: 1120px;
   }
 }
 #primary .live-events-warning {
   text-align: center;
   font-size: 1.25em;
 }
 .popup-content-wrapper {
   width: 400px;
   max-width: 90%;
  max-height: 90%;
  right: 20px;
  bottom: 20px;
  position: fixed;
  z-index: 10000;
  background-color: white;
  box-shadow: 2px 2px 6px rgba(220, 0, 0, 0.2);
  text-align: center;
}
.popup-content-wrapper .simple-reg-container input[type=email] {
  min-width: 80%;
}
.popup-content-wrapper .simple-reg-container button {
  display: inline-block;
}
.popup-close {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  z-index: 1;
  cursor: pointer;
}
.popup-close:before,
.popup-close:after {
  content: "";
  display: block;
  overflow: hidden;
  width: 3px;
  height: 15px;
  border-radius: 3px 3px 3px 3px;
  background: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -7.5px;
  margin-left: -1.5px;
}
.popup-close:before {
  transform: rotate(45deg);
}
.popup-close:after {
  transform: rotate(-45deg);
}
.popup-content {
  display: flex;
  justify-content: stretch;
}
.popup-text {
  padding: 20px;
  flex: 1 1 auto;
  background-color: #F19B7D;
}
.popup-text .popup-text-heading {
  color: #ffffff;
  font-size: 28px;
  line-height: 1.25;
  text-transform: uppercase;
  font-family: 'Josefin Sans';
}
.popup-text .popup-text-subheading {
  margin-top: 0.5em;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
}
.popup-text p {
  margin-bottom: 1em;
}
.popup-text .tag-option {
  display: inline-block;
  margin: 0 20px 10px -5px;
  font-size: 14px;
}
.popup-text .button {
  background-color: #5D5D5D;
}
.popup-text .button:hover {
  color: #5D5D5D;
  background-color: #ffffff;
}
img {
  display: block;
  flex-grow: 0;
}
.popup-wrapper .popup-overlay {
  display: none;
}
body {
  font: 16px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
  overflow-x: hidden;
  width: 100%;
  text-rendering: optimizeLegibility;
  letter-spacing: 0.048em;
  color: #5d5d5d;
  line-height: 1.75;
}
body.logged-in .logged-out-only {
  display: none;
}
body.logged-out .logged-in-only {
  display: none;
}
#cookie-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
#cookie-notice a {
  margin: 5px;
  padding: 10px 10px 10px 8px;
}
.signup-privacy-notice {
  font-size: 0.75rem;
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.align-center {
  text-align: center;
}
.align-left {
  float: left;
  margin-right: 30px;
  margin-bottom: 0.5em;
}
.align-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 0.5em;
}
.padding-top-s {
  padding-top: 15px;
}
.padding-bottom-s {
  padding-bottom: 15px;
}
.padding-top-m {
  padding-top: 30px;
}
.padding-bottom-m {
  padding-bottom: 30px;
}
#page {
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #section {
    padding: 0 68px;
  }
}
.grid-container {
  max-width: 1120px;
}
img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
strong {
  font-weight: bold;
}
.social-small {
  display: inline-block;
  margin-right: 6px;
  line-height: 30px;
  position: relative;
  font-size: 26px;
}
.social-small > a {
  color: #000000;
  padding: 0 3px;
}
.social-small > a:hover {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.social-small .sub-menu {
  position: absolute;
  border: solid 1px #eaeaec;
  border-bottom: none;
  right: 0;
  background: #fff;
  display: none;
  text-align: center;
}
.social-small .sub-menu li {
  border-bottom: solid 1px #eaeaec;
}
.social-small .sub-menu li a {
  padding: 0 10px;
  display: block;
  font-family: 'Josefin Sans';
  color: #000;
}
.social-small .sub-menu li:hover {
  background: #099696;
}
.social-small .sub-menu li:hover a {
  color: #fff;
}
.tools .social-small:hover .sub-menu {
  display: block;
}
.social-big {
  height: 59px;
  width: 59px;
  background: transparent url(../png/social-square.png) no-repeat 0 0;
  display: inline-block;
}
.social-big a {
  font-size: 0;
  text-indent: -1000px;
  height: 100%;
  width: 100%;
  display: block;
}
.social-big.twitter {
  background-position: 0 -72px;
}
.social-big.pinterest {
  background-position: 0 0;
}
.social-big.facebook {
  background-position: -77px -71px;
}
.social-big.instagram {
  background-position: -77px 0;
}
.social-big.youtube {
  background-position: -171px 0;
}
.social-big.rss {
  background-position: -212px 0;
}
.social-icon-large {
  display: inline-block;
}
.circle {
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  padding-bottom: 100%;
  background-position: center center;
  background-size: cover;
}
.circle img {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  display: block;
  width: 100%;
}
.social {
  position: relative;
}
#main {
  margin-top: 153px;
}
@media (max-width: 767px) {
  #main {
    margin-top: 80px;
  }
}
body.scrolling-down:not(.mobile-menu-shown) #masthead {
  top: -153px;
}
@media (max-width: 767px) {
  body.scrolling-down:not(.mobile-menu-shown) #masthead {
    top: -80px;
  }
}
#masthead {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  background: #ffffff;
  height: 153px;
  padding-top: 10px;
  transition: top 0.5s ease;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #masthead {
    height: 80px;
  }
}
#masthead .site-header {
  max-width: 1120px;
  margin: 0 auto;
}
#masthead .header-main {
  text-align: right;
  position: relative;
  padding-right: 10px;
}
#masthead:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
  width: 0;
  overflow: hidden;
}
#masthead .site-title {
  float: left;
}
#masthead .site-title img {
  max-width: 200px;
  max-height: 133px;
  height: auto;
  width: auto;
  display: block;
}
@media (max-width: 767px) {
  #masthead .site-title img {
    max-height: 60px;
  }
}
#masthead .site-title a {
  text-decoration: none;
}
.login-content-wrapper {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  z-index: 100;
  max-width: 1120px;
  margin: 0 auto;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: opacity 0.5s ease;
}
.login-content-wrapper .login-content {
  position: absolute;
  right: 1000%;
  padding: 20px;
  background: #dddf87;
  max-width: 290px;
  font-size: 16px;
}
.login-content-wrapper .login-content a {
  color: #000;
}
.login-content-wrapper .login-content input[type="text"],
.login-content-wrapper .login-content input[type="password"] {
  width: 100%;
  font-size: 16px;
  line-height: 36px;
  height: auto;
}
.login-content-wrapper .login-content input[type="submit"] {
  background: #83cdc6;
  color: #fff;
}
.login-content-wrapper .login-content input[type="submit"]:hover {
  background: #099696;
}
.login-content-wrapper .login-content p {
  margin-bottom: 30px;
}
.login-content-wrapper .login-content p.login-username {
  margin-bottom: 6px;
}
.login-content-wrapper .login-content p.login-forgot-password,
.login-content-wrapper .login-content p.login-create-account {
  line-height: 48px;
  margin-bottom: 10px;
}
body.show-login-box .login .fa-chevron-down {
  transform: rotate(180deg);
}
body.show-login-box .login-content-wrapper {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
}
body.show-login-box .login-content-wrapper .login-content {
  right: 0;
}
.relative {
  position: relative;
}
.circle-button {
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  display: block;
  background: #83cdc6;
  color: #ffffff;
  overflow: hidden;
}
.circle-button input {
  min-width: 0;
  font-size: 14px;
  font-family: 'Josefin Sans';
  text-transform: lowercase;
  background: transparent;
  color: #fff;
  padding: 3px 0 0 7px;
  display: block;
  outline: none;
}
.search-social {
  text-align: right;
  padding-top: 14px;
  padding-bottom: 20px;
}
.search-social .search-toggle {
  cursor: pointer;
}
.search-social .search-container {
  float: right;
}
.search-social .search-wrapper {
  -moz-opacity: 0;
  -khtml-opacity: 0;
  -webkit-opacity: 0;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  transition: opacity 0.5s ease;
  position: absolute;
  z-index: 1;
  background: #ffffff;
  top: 0;
  left: -100%;
  right: 100%;
  bottom: 0;
  font-size: 30px;
   padding: 30px;
 }
 .search-social .search-wrapper input {
   font-size: 22px;
   height: auto;
   padding: 20px;
   line-height: 1;
 }
 @media (min-width: 768px) {
   .search-social .search-wrapper input[type="search"] {
     min-width: 400px;
   }
 }
 @media (max-width: 767px) {
   .search-social .search-wrapper input[type="search"] {
     width: calc(100% - 50px);
   }
 }
 .search-social .search-wrapper .search-form div {
   float: right;
}
.search-social .search-wrapper .search-form label {
  width: 100%;
}
.search-social .search-wrapper .search-toggle {
   color: #F19B7D;
   float: right;
   margin-left: 30px;
   margin-top: 10px;
 }
 .search-social .search-wrapper .search-toggle:hover {
   color: #83cdc6;
}
.search-social .mobile-tools {
  display: none;
 }
 @media (max-width: 767px) {
   .search-social {
     white-space: nowrap;
   }
   .search-social .tools {
     display: none;
  }
  .search-social .mobile-tools {
    display: block;
  }
  .search-social .mobile-tools .social-small > a {
    background: #83cdc6;
    font-size: 10px;
    color: #ffffff;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 33px;
    overflow: hidden;
    border-radius: 100% 100% 100% 100%;
    padding: 0;
    text-align: center;
  }
}
body.site-search-shown .search-social .search-wrapper {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 0;
  right: 0;
}
#primary-navigation {
  display: inline-block;
  margin-right: -5px;
  transition: top 0.5s ease;
  -webkit-transition: top 0.5s ease;
}
#primary-navigation a {
  color: #b0b244;
  text-decoration: none;
}
#primary-navigation a:hover {
  color: #83cdc6;
}
#primary-navigation a:active {
  color: #83cdc6;
}
#primary-navigation li {
  float: left;
  position: relative;
 }
 #primary-navigation li a {
   display: block;
   padding: 10px;
   margin: 5px;
   text-transform: uppercase;
   color: #5D5D5D;
  font-weight: bold;
}
#primary-navigation li a:after {
  content: "";
}
#primary-navigation li.mixed-case a {
  text-transform: none;
}
#primary-navigation li:hover > .sub-menu {
  display: block;
}
#primary-navigation li.button {
  background: transparent;
  padding: 0;
  margin: 5px 0 0 0;
}
#primary-navigation li.button.primary a {
  background: #83cdc6;
  color: #ffffff;
}
#primary-navigation li.button.primary a:hover {
  background: #71c6be;
}
#primary-navigation li.button.secondary a {
  background: #dddf87;
  color: #727272;
}
#primary-navigation li.button.secondary a:hover {
  background: #d7da73;
}
#primary-navigation li.button.tertiary a {
  background: #F19B7D;
  color: #ffffff;
}
#primary-navigation li.button.tertiary a:hover {
  background: #ef8966;
}
#primary-navigation li.button.login:after {
  content: "";
}
#primary-navigation .sub-menu {
  border-top: solid 7px #eaf6f5;
  background: rgba(255, 255, 255, 0.96);
  position: absolute;
  display: none;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
  text-align: left;
}
#primary-navigation .sub-menu li {
  display: block;
  float: none;
}
#primary-navigation .sub-menu li a {
  padding: 10px;
  color: #000;
  padding-left: 16px;
  white-space: nowrap;
}
#primary-navigation .sub-menu li a:hover {
  color: #000;
  background-color: #d8e5e5;
}
#primary-navigation .uber-menu {
  position: static;
}
#primary-navigation .uber-menu > .sub-menu {
  text-align: left;
  margin-left: 25px;
  width: 100%;
}
#primary-navigation .uber-menu > .sub-menu .sub-menu {
  display: block;
  border-bottom: none;
  position: static;
  border-top: none;
  font: 16px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  background: none;
}
#primary-navigation .uber-menu > .sub-menu .sub-menu a:hover {
  background: none;
  color: #83cdc6;
}
#primary-navigation .uber-menu > .sub-menu > li {
  width: 25%;
  display: block;
  float: left;
}
#primary-navigation .uber-menu > .sub-menu > a {
  padding: 10px;
  display: block;
}
@media screen and (min-width: 1024px) {
  #primary-navigation .menu-toggle {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  #primary-navigation .menu-toggle {
    cursor: pointer;
    padding: 10px 0;
  }
  #primary-navigation .menu-toggle .line {
    display: block;
    width: 36px;
    height: 2px;
    background: #aeafaf;
    margin: 9px;
  }
  #primary-navigation .menu-toggle:hover .line {
    background: #83cdc6;
  }
  #primary-navigation #mobile-side-nav {
    display: none;
    clear: both;
    position: fixed;
    background-color: #757575;
    z-index: 1000;
    padding: 20px 10px;
    left: 0;
    right: 0;
    top: 153px;
    bottom: 0;
    text-align: center;
    overflow: auto;
  }
  #primary-navigation #mobile-side-nav li {
    float: none;
  }
  #primary-navigation #mobile-side-nav li a {
    padding-bottom: 10px;
    font-size: 22px;
  }
  #primary-navigation #mobile-side-nav .sub-menu {
    margin-left: 0;
    background-color: transparent;
    border-top: none;
    position: static;
    transform: none;
    text-align: center;
    display: block;
    margin-bottom: 20px;
  }
  #primary-navigation #mobile-side-nav .sub-menu a {
    font-weight: normal;
    font-size: 18px;
  }
  #primary-navigation #mobile-side-nav .sub-menu li a:hover {
    background: none;
  }
  #primary-navigation #mobile-side-nav .uber-menu > .sub-menu {
    background-color: transparent;
  }
  #primary-navigation #mobile-side-nav .uber-menu > .sub-menu .sub-menu {
    margin-bottom: 10px;
  }
  #primary-navigation #mobile-side-nav .uber-menu > .sub-menu > li {
    width: 100%;
    float: none;
    text-align: center;
  }
  #primary-navigation #mobile-side-nav .menu-main-container {
    clear: both;
    position: relative;
    z-index: 1;
  }
  #primary-navigation #mobile-side-nav ul li a {
    color: #fff;
  }
  .admin-bar #primary-navigation #mobile-side-nav {
    top: 185px;
  }
  .sticky-header #masthead,
  .mobile-menu-shown #masthead,
  .mobile-menu-start #masthead {
    position: fixed;
    bottom: auto;
    left: 0;
    right: 0;
    z-index: 1000;
  }
  .mobile-menu-shown {
    overflow-y: scroll;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .mobile-menu-shown #primary-navigation {
    bottom: 0;
    overflow: auto;
  }
  .mobile-menu-shown #primary-navigation #mobile-side-nav {
    display: block;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  #primary-navigation #mobile-side-nav {
    top: 80px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 782px) {
  .admin-bar #primary-navigation #mobile-side-nav {
    top: 199px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 767px) {
  .admin-bar #primary-navigation #mobile-side-nav {
    top: 126px;
  }
}
@media screen and (min-width: 768px) {
  #masthead {
    top: 0;
  }
  .admin-bar #masthead {
    top: 32px;
  }
}
@media screen and (min-width: 768px) and screen and (max-width: 782px) {
  .admin-bar #masthead {
    top: 46px;
  }
}
#blog-title {
  margin: 45px 0 15px !important;
}
#blog-title .post-title {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 0.75em;
  font-family: 'Josefin Sans';
  text-transform: uppercase;
  letter-spacing: 2px;
}
@media (min-width: 1024px) {
  #primary.grid-70 {
    padding-right: 30px;
  }
}
@media (max-width: 1024px) and (min-width: 768px) {
  #primary.tablet-grid-70 {
    padding-right: 30px;
  }
}
#primary ul.terms,
#primary ul.response-summary {
  margin-bottom: 37px;
}
#primary ul.terms li,
#primary ul.response-summary li {
  display: inline-block;
}
#primary ul.terms li a,
#primary ul.response-summary li a {
  color: #5d5d5d;
  text-decoration: none;
  font-weight: 600;
}
#primary ul.terms li a:hover,
#primary ul.response-summary li a:hover {
  color: #83cdc6;
}
#primary ul.terms li:after,
#primary ul.response-summary li:after {
  content: "|";
  padding-left: 4px;
  padding-right: 2px;
  color: #757575;
}
#primary ul.terms li:last-child:after,
#primary ul.response-summary li:last-child:after {
  content: none;
}
#primary .content p {
  margin: 12px 0;
}
.feature-image {
  margin: 30px 0;
}
#primary a {
  text-decoration: none;
}
#primary h1 {
  font-family: 'Josefin Sans';
  text-transform: uppercase;
  letter-spacing: 2px;
}
#primary h2 {
  font-size: 30px;
  font-family: 'Josefin Sans';
  margin: 46px 0 22px 0;
  letter-spacing: 2px;
}
#primary h2 a {
  text-decoration: none;
  text-transform: uppercase;
}
#primary h2 a:hover {
  color: #099696;
}
#primary .post-title {
  font-size: 30px;
  margin-top: 10px;
  margin-bottom: 0.75em;
}
#primary h3 {
  font-size: 18px;
  text-transform: uppercase;
}
#primary strong {
  font-weight: bold;
}
#primary ol {
  list-style: outside decimal;
  padding-left: 20px;
}
#primary b,
#primary strong {
  font-weight: bold;
}
#primary i,
 #primary em {
   font-style: italic;
 }
 #primary i.fas,
 #primary i.fab,
 #primary i.far {
   font-style: normal;
 }
 #primary p {
   padding-bottom: 1em;
   text-align: left;
}
#primary img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}
#primary hr {
  height: 3px;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) repeat-x center center;
  width: 100%;
  border: none;
  clear: both;
}
#primary blockquote {
  quotes: none;
  margin: 52px 0;
  font-family: 'Josefin Sans';
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#primary blockquote:before,
#primary blockquote:after {
  content: '';
  height: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) 0 0;
  width: 100%;
  display: block;
  clear: both;
}
#primary blockquote p {
  padding-left: 20%;
  padding-right: 20%;
  font-size: 24px;
  line-height: 30px;
  margin: 52px auto;
}
#primary ul {
  margin-bottom: 50px;
  margin-left: 30px;
  list-style: none;
}
#primary ul li:before {
  color: #5D5D5D;
  content: '\2022';
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
#primary ul.terms,
#primary ul.response-summary,
#primary ul.social {
  margin-bottom: 0;
  margin-left: 0;
}
#primary ul.terms li:before,
#primary ul.response-summary li:before,
#primary ul.social li:before {
  display: none;
}
#primary ul.response-summary {
  padding-left: 20px;
}
#primary .ial-info ul {
  margin-bottom: 0;
  margin-left: 0;
}
#primary .ial-info ul li:before {
  display: none;
}
#primary ul.tml-errors {
  margin-bottom: 0;
  margin-left: 0;
}
#primary ul.tml-errors li:before {
  display: none;
}
#primary .faq-categories ul,
#primary .widget_taxonomy_list ul {
  margin-bottom: 0;
  margin-left: 0;
}
#primary .faq-categories ul li:before,
#primary .widget_taxonomy_list ul li:before {
  display: none;
}
#primary .blue-type {
  color: #83cdc6;
}
#primary .circle {
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  padding-bottom: 100%;
}
#primary .circle img {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  display: block;
  width: 100%;
}
#primary .small-circle {
  margin: 30px auto;
  overflow: hidden;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  height: 220px;
  width: 220px;
  position: relative;
  padding-bottom: 0;
}
#primary .small-circle img {
  position: absolute;
  left: 0;
  right: 0;
  height: auto;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #primary .menu-social-links-container,
  #primary .social {
    text-align: center;
  }
}
#primary article footer:after,
#primary .blog-post footer:after {
  content: "";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
#primary article footer ul.response-summary,
#primary .blog-post footer ul.response-summary {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
#primary article footer ul.response-summary li,
#primary .blog-post footer ul.response-summary li {
  text-transform: uppercase;
}
#primary article footer ul.response-summary li a,
#primary .blog-post footer ul.response-summary li a {
  color: #83cdc6;
}
#primary article footer ul.response-summary li a:hover,
#primary .blog-post footer ul.response-summary li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  #primary article footer ul.response-summary,
  #primary .blog-post footer ul.response-summary {
    text-align: center;
    padding: 20px 10px 0;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
#primary article footer ul.social,
#primary .blog-post footer ul.social {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 0;
}
#primary article header ul.social,
#primary .blog-post header ul.social {
  margin-top: 10px;
  margin-bottom: 50px;
}
#primary .blog-post.secondary {
  font-family: 'Josefin Sans';
  margin: 40px -10px 0;
}
#primary .blog-post.secondary header {
  border: solid 1px #000;
  padding: 10px 0 20px;
  border-left: none;
  border-right: none;
}
#primary .blog-post.secondary header .view-count {
  margin-top: 0.5em;
}
#primary .blog-post.secondary .entry-meta {
  padding-top: 5px;
}
#primary .blog-post.secondary h2 {
  font-size: 24px;
}
#primary .blog-post.secondary:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
}
#primary .blog-post.secondary footer ul.response-summary {
  padding-left: 0;
}
#primary .blog-post.secondary footer ul.social {
  display: block;
  margin: 10px 0;
}
#primary .related {
  padding: 10px 0 20px;
  border: 4px solid #eaeaec;
}
#primary .related h2 {
  margin: 12px 10px 15px;
  color: #757575;
  font: 16px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
#primary .related .related-posts {
  position: relative;
}
#primary .related .related-posts:after,
#primary .related .related-posts:before {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
#primary .related .related-posts figure {
  width: 33.33333333%;
  display: block;
  float: left;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 0 10px;
}
#primary .related .related-posts figure:before {
  content: "";
  width: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAJCAYAAAD3s5bZAAAAJ0lEQVQIW2M8ePDg/+PHjzNYWloyMHZ0dPxngAJGFBmYKIhmpJQDAOR5DyWM+2AQAAAAAElFTkSuQmCC) repeat-y center center;
  display: block;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-left: -11px;
}
#primary .related .related-posts figure:first-child:before {
  content: none;
}
#primary .related .related-posts figure .wrapper {
  text-align: center;
  height: 120px;
  overflow: hidden;
  margin-bottom: 22px;
}
#primary .related .related-posts figure .wrapper img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #primary .related .related-posts figure {
    width: 100%;
    margin-bottom: 30px;
  }
  #primary .related .related-posts figure:before {
    content: none;
  }
  #primary .related .related-posts figure .wrapper {
    height: auto;
  }
}
#primary .related .related-posts figcaption {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  text-align: center;
}
#primary .related .related-posts figcaption .post-title {
  color: #099696;
  font-size: 16px;
  margin: 10px 0 25px 0;
  display: block;
}
#primary .related .related-posts figcaption .read-more {
  width: 100%;
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px 5px;
  text-align: center;
  line-height: 1.5em;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
  background: #dddf87;
  font-family: 'Josefin Sans';
  color: #757575;
  margin-top: 10px;
}
#primary .related .related-posts figcaption .read-more:hover {
  color: white;
  background: #757575;
}
#primary .posts-navigation,
#primary .post-navigation {
  clear: both;
}
#primary .posts-navigation:before,
#primary .post-navigation:before,
#primary .posts-navigation:after,
#primary .post-navigation:after {
  content: "";
  font-size: 0;
  clear: both;
  height: 0;
  overflow: hidden;
}
#primary .tabset .tab-title {
  text-align: center;
}
#primary ul.removable-tags {
  margin-left: 0;
}
#primary .removable-tag {
  text-transform: uppercase;
  display: inline-block;
  font-size: 16px;
  color: #757575;
  font-weight: 700;
  border: solid 2px transparent;
  padding: 5px;
  cursor: pointer;
  margin-left: 15px;
}
#primary .removable-tag:before {
  position: static;
  margin-bottom: 1px;
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 6px;
  display: inline-block;
  vertical-align: middle;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVQYV5WQOw7AMAhD6/s1I5eEMbkfFRkiCxGJMvF5wgaoqgMYIrKeIszsdfeJkxQwzxBLKjj3NpjhqLccqRyQ4BE5gMm+/4Ps6SrdOqb9nu7DPx9Bep+AfOhnAAAAAElFTkSuQmCC) repeat center center;
}
#primary .removable-tag:hover {
  border: dotted 2px #757575;
}
#primary h2.card-section-title {
  display: inline;
  font: 16px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 0.048em;
}
#primary h2.card-section-title ~ p {
  margin-top: 5px;
  margin-bottom: 5px;
}
dl.accordion {
  margin-bottom: 26px;
  border-bottom: 1px solid;
  font-weight: bold;
}
dl.accordion dt {
  display: block;
  padding: 26px 0;
  border-top: 1px solid;
  text-transform: uppercase;
  cursor: pointer;
}
dl.accordion dt:before {
  content: "+";
  color: #000;
  margin-right: 10px;
  transition: 0.5s;
}
dl.accordion dt:hover {
  background-color: #f6f6f6;
  transition: 0.5s;
}
dl.accordion dt:visited {
  background-color: #fff;
}
dl.accordion dt.active {
  background-color: #fff;
}
dl.accordion dt.active:before {
  content: "—";
  margin-left: 10px;
  margin-right: 18px;
  transition: 0.2s ease-out;
}
dl.accordion dt.inactive {
  transition: 0.5s;
}
dl.accordion dd {
  font-weight: normal;
  line-height: 20px;
  display: none;
  padding-bottom: 11px;
  margin: 0 40px 0 43px;
}
dl.accordion dd:after:last-child {
  display: block;
   border-bottom: 1px solid;
 }
 .admiration {
   margin-top: 20px;
  padding: 15px;
  margin-bottom: 20px;
}
.admiration .filterable-none-found.is-hidden {
  display: none;
}
.admiration .affiliate {
  display: flex;
  flex-direction: column;
   align-items: center;
   text-align: center;
   padding: 10px 20px;
   margin-bottom: 10px;
   border: 2px #aaa solid;
   border-radius: 5px;
 }
 @media screen and (min-width: 768px) {
   .admiration .affiliate {
     flex-direction: row;
     gap: 5px;
     margin-bottom: 20px;
   }
 }
 .admiration .affiliate .content-container {
   margin-top: 10px;
   margin-bottom: 10px;
 }
 @media screen and (min-width: 768px) {
   .admiration .affiliate .affiliate-image {
     max-width: 300px;
     flex: 0 25%;
   }
   .admiration .affiliate .affiliate-image img {
     display: block;
   }
   .admiration .affiliate .content-container {
     flex: 0 25%;
   }
 }
 .admiration .affiliate .affiliate-title {
   text-align: center;
   font-size: 18px;
   color: #888;
   text-transform: uppercase;
   line-height: 1.25em;
 }
 .admiration .affiliate .affiliate-shipping {
   text-align: center;
   padding-top: 7px;
   padding-bottom: 0;
 }
 @media screen and (min-width: 768px) {
   .admiration .affiliate .affiliate-shipping {
     padding-top: 20px;
   }
 }
 .admiration .affiliate .website {
   font-size: 22px;
   text-align: center;
   display: block;
 }
 @media screen and (min-width: 768px) {
   .admiration .affiliate .buttons {
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: flex-start;
     flex-wrap: wrap;
     flex: 0 50%;
   }
   .admiration .affiliate img {
     max-height: 150px;
     max-width: 250px;
     object-fit: contain;
   }
 }
 .admiration .affiliate p {
   text-align: center;
 }
 .admiration .affiliate .button {
   width: auto;
   min-width: 0;
   padding-left: 15px;
   padding-right: 15px;
   padding: 14px 12px 12px 12px;
   margin: 5px;
   font-size: 16px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 .admiration .affiliate .button:hover {
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   background: #757575;
   background: var(--hover-button-color);
 }
 @media screen and (max-width: 767px) {
   .admiration .affiliate .button {
     display: inline-block;
   }
 }
 .admiration .affiliate .clearance-button,
 .admiration .affiliate .inspiration-button {
   background: #F19B7D;
 }
 .admiration .affiliate .clearance-button:hover,
 .admiration .affiliate .inspiration-button:hover {
   background: #757575;
   background: var(--hover-button-color);
 }
 @media screen and (max-width: 767px) {
   .admiration .affiliate {
     padding-bottom: 20px;
     margin-bottom: 30px;
   }
 }
 #primary .admiration .affiliate p {
   text-align: center;
 }
 ::selection {
   background-color: #83cdc6;
   color: #ffffff;
}
#primary ul.social li {
  float: left;
  margin: 0 5px;
}
#primary ul.social li a {
  background: #5D5D5D;
  color: #fff;
  width: 29px;
  height: 29px;
  display: block;
  overflow: hidden;
  line-height: 31px;
  text-align: center;
  border-radius: 100% 100% 100% 100%;
  font-size: 14px;
}
#primary ul.social li a.add-favorite {
  text-transform: uppercase;
}
#primary ul.social li a.add-favorite.is-favorite {
  color: #fff;
  background-color: #FE4A49;
}
#primary ul.social li a.add-favorite.is-favorite:hover {
  background-color: #b23433;
}
#primary ul.social li a:hover {
  background: #242424;
}
#primary .card-ref {
  margin: 0 10px 0 0;
  display: inline-block;
}
#primary .card-ref a {
  display: inline-block;
  background: #5D5D5D;
  width: 28px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  border-radius: 100% 100% 100% 100%;
  color: #fff;
  font-size: 14px;
  margin-right: 4px;
}
#primary .card-ref a.add-favorite {
  text-transform: uppercase;
  float: none;
}
#primary .card-ref a.add-favorite.is-favorite {
  color: #fff;
  background-color: #FE4A49;
}
#primary .card-ref a.add-favorite.is-favorite:hover {
  background-color: #b23433;
}
#primary .card-ref a:hover {
  background: #242424;
}
#primary img.default-bookmark-thumbnail {
  height: 100%;
}
.first-post .entry-meta {
  float: right;
}
.first-post ul.social {
  float: right;
}
.first-post .add-favorite {
  float: right;
}
.favorite-text:before {
  content: "Bookmark for later";
}
.favorite-text.is-favorite:before {
  content: "Remove bookmark";
}
article,
.blog-post {
  padding-bottom: 25px;
}
article header .post-title,
.blog-post header .post-title {
  font-size: 30px;
  font: 16px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-bottom: 14px;
}
article header .post-title a,
.blog-post header .post-title a {
  color: #83cdc6;
}
article header .entry-meta,
.blog-post header .entry-meta {
  color: #585858;
}
article header ul.terms,
.blog-post header ul.terms,
article header .entry-meta,
.blog-post header .entry-meta {
  font-size: 18px;
}
article section a,
.blog-post section a,
article .content a,
.blog-post .content a {
  color: #099696;
}
article section .video,
.blog-post section .video,
article .content .video,
.blog-post .content .video {
  margin: 30px 0;
}
article section .video img,
.blog-post section .video img,
article .content .video img,
.blog-post .content .video img {
  height: 375px !important;
}
.video-thumbnails {
  margin-top: 30px;
}
.video-thumbnails .overlay {
  height: 200px;
  width: auto;
}
.video-thumbnails:after {
  height: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) 0 0;
  content: "";
  width: 100%;
  display: block;
}
@media screen and (min-width: 1024px) {
  .video-thumbnails article:nth-child(3n + 1) {
    clear: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .video-thumbnails article:nth-child(2n + 1) {
    clear: left;
  }
}
.video-thumbnails figure {
  max-width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 30px;
}
.video-thumbnails figure img {
  margin: 0 auto;
  display: block !important;
}
.video-thumbnails figure a {
  display: block;
}
.video-thumbnails figure a.launch-video:hover {
  position: relative;
}
.video-thumbnails figure a.launch-video:hover:after {
  background: url(../png/play-button.png) no-repeat center center;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#primary .video-thumbnails figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video-details {
  margin-top: 10px;
  border-bottom: 1px solid #888;
  border-top: 1px solid #888;
  padding-bottom: 13px;
}
.video-details .post-term-links a {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
}
.video-details .post-term-links a:after {
  content: "|";
  padding-left: 3px;
  color: #888;
}
.video-details .post-term-links a:last-child:after {
  content: none;
}
.video-details h1.video-title,
.video-details h1.video-title a {
  padding-top: 10px;
  font-size: 18px;
  color: #83cdc6;
}
footer {
  margin-top: 10px;
  color: #757575;
}
footer .post-date,
footer .view-count {
  color: #5D5D5D;
  text-transform: uppercase;
  white-space: nowrap;
}
footer .post-date:after {
  content: "|";
  margin-left: 5px;
}
footer.card-footer .post-date:after {
  content: "";
}
.search-content .search-form {
  position: relative;
}
.search-content .search-form:after,
.search-content .search-form:before {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.search-content .search-form .circle-button {
  position: absolute;
  right: 0;
  top: 0;
}
.search-content .search-form label {
  width: 100%;
  padding-right: 70px;
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.search-content input[type="search"] {
  background-color: #eeeef0;
  width: 100%;
  font-size: 15px;
  font-family: 'Josefin Sans';
  height: 50px;
  line-height: 50px;
}
.search-content label p {
  font-weight: bold;
}
.search-content .circle-button {
  width: 50px;
  height: 50px;
  overflow: hidden;
}
.search-content .circle-button input {
  height: 100%;
  width: 100%;
  font-size: 19.6px;
  margin-bottom: 30px;
}
.search-content .faq-categories {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #eeeef0;
  color: #888;
  text-align: center;
  text-transform: uppercase;
}
.search-content .faq-categories h3.widget-title {
  margin-bottom: 25px;
  font-size: 18px;
  color: #757575;
}
.search-content .faq-categories ul li {
  display: block;
}
.search-content .faq-categories ul li a {
  color: #757575;
  line-height: 29px;
  font-family: 'Josefin Sans';
}
.search-content .faq-categories ul li a:hover {
  color: #757575;
}
.search-content .faq-categories ul li:hover {
  background-color: #83cdc6;
}
.search-content .faq-categories ul .current {
  background-color: #d3d3d3;
}
@media screen and (max-width: 767px) {
  .search-content .faq-content {
    padding-top: 20px;
  }
}
#colophon {
  font-size: 16px;
}
#colophon #footer {
  padding: 42px 0 25px;
  background-color: #eaeaec;
}
#colophon #footer .grid-row {
  margin: 0 -20px;
}
#colophon .social-menu {
  margin-top: -15px;
  margin-bottom: 9px;
  zoom: 98%;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  #colophon .social-menu {
    text-align: center;
    zoom: 98%;
  }
}
#colophon .site-info {
  color: #757575;
  font-size: 14px;
  padding: 22px 10px;
}
#colophon .site-info a {
  color: #83cdc6;
}
#colophon .widget-title {
  font-size: 20px;
  text-transform: uppercase;
  color: #83cdc6;
  margin-bottom: 20px;
  padding-top: 20px;
}
#colophon .widget {
  border-left: solid 2px #5d5d5d;
  padding: 0 30px;
}
#colophon .widget:first-child,
#colophon .widget:last-child {
  border-left: none;
}
#colophon .widget_nav_menu ul,
#colophon .widget_recent_entries ul {
  margin-bottom: 20px;
}
#colophon .widget_nav_menu a,
#colophon .widget_recent_entries a {
  color: #5d5d5d;
  font-weight: normal;
  margin-bottom: 0.5em;
}
#colophon .widget_shortcode .address {
  text-align: center;
  margin-bottom: 10px;
  -ms-text-size-adjust: 10px;
}
#colophon .widget_shortcode p {
  font-size: 12px;
  color: #888;
  margin-bottom: 0px;
}
#colophon .widget_shortcode a {
  text-decoration: none;
}
#colophon .logo {
  width: 100%;
  height: 29px;
  display: inline-block;
  margin-top: 20px;
  font-size: 10px;
  text-align: center;
}
#colophon .logo img {
  vertical-align: middle;
  margin-left: 5px;
}
#colophon p.credits {
  float: left;
  padding-bottom: 10px;
  margin-top: 25px;
  font-size: 10px;
}
#comments #respond p {
  position: relative;
  display: block;
}
#comments #respond p label {
  position: absolute;
  z-index: 1;
  top: 8px;
  left: 8px;
}
#comments #respond p.comment-form-cookies-consent label {
  position: initial;
}
#comments .comment-list {
  border-top: solid 1px #888;
  border-bottom: solid 1px #888;
}
.comment-number {
  color: #83cdc6;
}
.comment-author {
  width: 100%;
  height: auto;
  display: inline-block;
}
.comment-form-author {
  margin-top: 36px;
  margin-bottom: 10px;
}
.comment-form-author input[type="text"] {
  background-color: #eeeff0;
  font-size: 12px;
  width: 258px;
  padding: 12px 12px;
  position: relative;
}
input[type="url"] {
  background-color: #eeeff0;
  border: 0;
  width: 233px;
  margin-bottom: 10px;
  padding: 9px 12px;
}
 textarea,
 #comment {
   background-color: #eeeff0;
   font-size: 18px;
   padding: 12px 12px;
   width: 100%;
 }
#respond {
  position: relative;
  top: -150px;
  padding-top: 150px;
  margin-bottom: -150px;
}
#registerform {
  margin: 20px auto;
}
#registerform label {
  padding: 0.5em 0 0;
  display: inline-block;
}
#registerform input {
  display: block;
}
#registerform input[type="checkbox"],
#registerform input[type="radio"] {
  display: inline-block;
}
b.fn {
  text-transform: uppercase;
  color: #83cdc6;
}
#comments h2 {
  display: none;
}
#comments .comment-author {
  width: inherit;
  border-bottom: 1px solid #666;
  padding-bottom: 18px;
  margin-bottom: 18px;
}
#comments .comment-author a {
  color: #83cdc6;
}
#comments .comment-author img {
  display: none;
}
#comments .says {
  color: #000;
  font-style: italic;
}
#comments .comment-metadata {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
}
#comments .comment-metadata:before {
  content: "|";
  font-style: normal;
  font-size: 14px;
}
#comments .comment-metadata a {
  color: #000000;
  text-decoration: none;
}
#comments .comment-content p {
  color: #000;
  padding-bottom: 12px;
}
#comments .comment-content p:after {
  border-bottom: 1px solid #757575;
  width: 30px;
}
#comments .comment-content p a {
  color: #83cdc6;
}
#comments .comment-content p .comment-body a {
  color: #83cdc6;
}
#comments #respond {
  margin-top: 37px;
}
#comments #respond p {
  padding-bottom: 0 !important;
  margin-bottom: 10px;
}
#comments #respond p input[type="email"] {
  background-color: #eeeff0;
  font-size: 12px;
  height: 28px;
  width: 258px;
  padding: 12px 12px;
}
#comments #respond h3 {
  display: none;
}
#comments #respond .comment-notes {
  display: none;
}
.posts-navigation {
  text-align: center;
}
.nav-links {
  margin-top: 20px;
  margin-bottom: 62px;
  text-decoration: none;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Josefin Sans';
  display: inline-block;
}
.nav-links .nav-previous,
.nav-links .nav-next {
  float: left;
  margin: 0 5px 5px;
}
.hd-link {
  margin: 30px 0;
  font-style: italic;
}
#primary ul.term-options {
  margin-bottom: 0;
  margin-left: 0;
  column-count: 3;
}
#primary ul.term-options:after,
#primary ul.term-options:before {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  #primary ul.term-options {
    column-count: 2;
  }
}
@media screen and (max-width: 767px) {
  #primary ul.term-options {
    column-count: 1;
  }
}
#primary ul.term-options li {
  font-size: 12px;
}
#primary ul.term-options li:before {
  content: "";
}
/* The following entries are to give the basics of a print stylesheet. */
/* This will remove some of the top navigation and sidebar during printing. */
@media print {
  #primary-navigation,
  #top-line,
  #sidebar,
  #help,
  .post-navigation,
  .related {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  footer .button {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
/** MailChimp overrides */
@media screen and (max-width: 767px) {
  .mc4wp-form .button {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .mc4wp-form input[type="email"] {
    width: 100%;
    height: 32px;
    font-size: 14px;
  }
}
.widget_nav_menu li a,
.widget_recent_entries li a,
.widget_taxonomy_post_list li a {
  display: block;
  padding: 5px 0;
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.widget_nav_menu li a:hover,
.widget_recent_entries li a:hover,
.widget_taxonomy_post_list li a:hover {
  color: #099696;
}
.widget_nav_menu .with-thumbnail a.button,
.widget_recent_entries .with-thumbnail a.button,
.widget_taxonomy_post_list .with-thumbnail a.button {
  background: #dddf87;
  color: #757575;
  margin: 12px 0 30px 0;
}
.widget_nav_menu .with-thumbnail li:after,
.widget_recent_entries .with-thumbnail li:after,
.widget_taxonomy_post_list .with-thumbnail li:after {
  content: "";
  height: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) 0 0;
  width: 100%;
  display: block;
  clear: both;
}
.widget_nav_menu .with-thumbnail li:last-child:after,
.widget_recent_entries .with-thumbnail li:last-child:after,
.widget_taxonomy_post_list .with-thumbnail li:last-child:after {
  content: none;
}
.widget_nav_menu .with-thumbnail li:not(:last-child),
.widget_recent_entries .with-thumbnail li:not(:last-child),
.widget_taxonomy_post_list .with-thumbnail li:not(:last-child) {
  margin-bottom: 30px;
}
.widget_recent_entries .with-thumbnail .widget_thumbnail_link,
.widget_taxonomy_post_list .with-thumbnail .widget_thumbnail_link {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}
.widget_banners {
  position: relative;
  border-bottom: solid 7px #83cdc6;
}
.widget_banners #banners {
  height: 573px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .widget_banners {
    margin-left: -10px;
    margin-right: -10px;
  }
}
.widget_banners .banner {
  display: none;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.widget_banners .banner.active {
  display: block;
}
.widget_banners .banner .banner-content {
  height: 100%;
  background-color: white;
}
@media screen and (min-width: 1024px) {
  .widget_banners .banner .banner-content {
    background: linear-gradient(to bottom, white, white 60%, #e5e5e7 40%, #e5e5e7);
  }
}
.widget_banners .banner .banner-content,
.widget_banners .banner .banner-content-full {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #5d5d5d;
}
.widget_banners .banner .banner-content-full {
  width: 100%;
  height: 100%;
}
.widget_banners .banner .mobile-background {
  display: none;
}
@media screen and (max-width: 767px) {
  .widget_banners .banner .mobile-background {
    position: absolute;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
}
.widget_banners .video-player {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  cursor: pointer;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.widget_banners .video-player iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.widget_banners .banner-url {
  display: block;
}
.widget_banners .banner-url-full {
  display: block;
  width: 100%;
  height: 100%;
}
.widget_banners .banner-nav {
  max-width: calc(1120px + 200px);
  margin: 0 auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
}
.widget_banners .banner-nav .go-left,
.widget_banners .banner-nav .go-right {
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: all;
  background: #5d5d5d;
  border-radius: 100% 100% 100% 100%;
  box-shadow: 0 3px 6px #00000029;
  color: #ffffff;
  border: solid 4px;
  line-height: 65px;
  text-align: center;
  overflow: hidden;
  font-size: 35px;
  text-decoration: none;
  display: block;
  width: 75px;
  height: 75px;
  margin-top: -37.5px;
  top: 50%;
  position: absolute;
  cursor: pointer;
}
.widget_banners .banner-nav .go-left:hover,
.widget_banners .banner-nav .go-right:hover {
  background-color: #83cdc6;
 }
 .widget_banners .banner-nav .go-left {
   left: 20px;
 }
 .widget_banners .banner-nav .go-right {
   right: 20px;
   background-position: -50px 0;
 }
 .widget_banners .banner-trigger-wrapper {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
}
.widget_banners .banner-triggers {
  margin: 0 auto;
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 35px;
  z-index: 2;
}
.widget_banners .banner-triggers li {
  float: left;
}
.widget_banners .banner-triggers a {
  display: block;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px 0 0;
  font-size: 0;
}
.widget_banners .banner-triggers a:before {
  content: "";
  width: 15px;
  height: 15px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #ffffff;
  display: block;
  box-shadow: 0 3px 6px #00000029;
}
.widget_banners .banner-triggers a.active:before {
  background: #5d5d5d;
}
.widget_banners .widget_latest_blog_post .post-info-wrapper {
  position: relative;
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info {
  position: relative;
  margin: 10px 0;
  padding: 36px;
}
@media screen and (max-width: 479px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info {
    padding: 10px 10px 20px;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-featured-image {
  width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 479px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-featured-image {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-featured-image {
    text-align: center;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-featured-image img {
  max-width: 590px;
  max-height: 330px;
  width: 100%;
  height: 100%;
  background: white;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-featured-image img {
    margin-top: 70px;
    margin-left: 46%;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info {
  width: 90%;
  max-width: 550px;
}
@media screen and (max-width: 1023px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info {
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info {
    top: -270px;
    left: -20px;
    position: relative;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-header {
  display: none;
}
@media screen and (min-width: 1024px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-header {
    display: block;
    color: #5D5D5D;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    max-width: 300px;
  }
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-header::after {
    /* This draws the line after the text */
    content: "";
    flex: 1;
    border: 1px solid #5D5D5D;
    margin-inline-start: 10px;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-title h2 {
  width: auto;
  background: #83cdc6;
  color: white;
  font-family: 'Josefin Sans';
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  padding: 15px 25px 10px 25px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-title h2 {
    font-size: 26px;
    line-height: 40px;
  }
}
@media screen and (max-width: 479px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-title h2 {
    font-size: 18px;
    text-align: center;
    padding: 10px;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .lbp-title h2 a {
  color: white;
  font-weight: bold;
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .button {
  background: #F19B7D;
  text-transform: lowercase;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 10px;
}
@media screen and (min-width: 1024px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .button {
    float: right;
  }
}
@media screen and (max-width: 1023px) {
  .widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .button {
    display: block;
    margin: 0 auto;
    width: fit-content;
  }
}
.widget_banners .widget_latest_blog_post .post-info-wrapper .post-info .lbp-info .button:hover {
  background: #ef8966;
}
.widget_banners .widget_latest_blog_post .grid-container {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .widget_banners .widget_latest_blog_post {
    padding-top: 0;
    padding-bottom: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
  }
  .widget_banners .widget_latest_blog_post .post-image .circle:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
  }
  .widget_banners .widget_latest_blog_post .post-info-wrapper {
    position: absolute;
    top: 50%;
    left: 10px;
    right: 10px;
    width: auto;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .widget_latest_blog_post,
  .widget_current_page_content {
    padding: 30px 0;
  }
}
.widget_latest_blog_post h1,
.widget_current_page_content h1 {
  font-family: 'Josefin Sans';
  font-size: 30px;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.widget_latest_blog_post h2,
.widget_current_page_content h2 {
  margin-bottom: 1em;
  font-size: 20px;
  font-weight: bold;
}
.widget_latest_blog_post .terms,
.widget_current_page_content .terms {
  margin-bottom: 1em;
}
.widget_latest_blog_post .terms li,
.widget_current_page_content .terms li {
  border-right: solid 1px #000;
  display: inline-block;
}
.widget_latest_blog_post .terms li a,
.widget_current_page_content .terms li a {
  color: #000;
  line-height: 15px;
  font-weight: bold;
  text-decoration: none;
  padding: 0 5px;
}
.widget_latest_blog_post .terms li a:hover,
.widget_current_page_content .terms li a:hover {
  text-decoration: underline;
}
.widget_latest_blog_post .terms li:last-child,
.widget_current_page_content .terms li:last-child {
  border-right: none;
}
.widget_latest_blog_post p,
.widget_current_page_content p {
  line-height: 1.25;
  padding-bottom: 1em;
}
.widget_latest_blog_post footer div {
  margin-top: 20px;
}
.widget_latest_blog_post footer div:after,
.widget_latest_blog_post footer div:before {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
.widget_latest_blog_post h1 a {
  color: inherit;
  text-decoration: none;
}
.widget_latest_blog_post h2 a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .sponsors {
    text-align: center;
    margin-bottom: 38px;
  }
}
.widget_current_page_content {
  background: #eaeaec;
}
.widget_current_page_content .button {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .widget_current_page_content p .button {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
    max-width: 180px;
  }
  .widget_current_page_content footer {
    text-align: center;
  }
}
.widget_login_box input[type="email"],
.widget_login_box input[type="text"],
.widget_login_box input[type="password"] {
  width: 100%;
}
.widget_login_box p.login-forgot-password,
.widget_login_box p.login-create-account {
  line-height: 48px;
}
.login-box.full {
  border-top: solid 1px #757575;
  position: relative;
  margin-bottom: 15px;
}
.login-box.full:before,
.login-box.full:after {
  content: "";
  width: 100%;
  height: 1px;
  top: -1px;
  border-top: solid 1px #757575;
  position: absolute;
}
.login-box.full:before {
  right: 100%;
}
.login-box.full:after {
  left: 100%;
}
@media screen and (min-width: 768px) {
  .full .widget_login_box {
    max-width: 1024px;
    margin: 0 auto;
  }
  .full .widget_login_box .widget-title {
    border-right: solid 1px #000;
    width: 20%;
    margin-top: 30px;
    padding: 20px 45px;
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .full .widget_login_box {
    padding: 10px 0;
  }
  .full .widget_login_box .widget-title {
    text-align: center;
  }
}
#sidebar {
  padding: 10px 0;
  text-align: center;
}
#sidebar a {
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
#sidebar button a:hover {
  text-decoration: none;
}
#sidebar h3,
#sidebar .widget-title {
  margin-bottom: 11px;
  font-size: 18px;
  line-height: 1;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 3px;
}
#sidebar h3 a,
#sidebar .widget-title a {
  color: #757575;
}
#sidebar .about-me {
  float: right;
  margin-top: -72px;
  left: -24px;
  z-index: 2;
  position: relative;
}
#sidebar form.search-form {
  padding-top: 20px;
  margin-bottom: 47px;
}
#sidebar input[type="search"] {
  border: 3px solid #eaeaec;
  display: inline-block;
  width: 100%;
  height: 42px;
  padding-left: 41px;
  font-family: 'Josefin Sans';
  font-size: 14px;
}
#sidebar .circle-button {
  position: absolute;
  margin-top: -36px;
  margin-left: 13px;
}
#sidebar .widget {
  margin-bottom: 40px;
}
#sidebar .widget_recent_entries,
#sidebar .widget_taxonomy_post_list {
  margin-bottom: 0px;
}
#sidebar .widget_recent_entries .button,
#sidebar .widget_taxonomy_post_list .button {
  margin-bottom: 30px;
}
#sidebar .condensed .widget_login_box {
  background-color: #fff;
}
#sidebar .condensed .widget_login_box h3.widget-title {
  background: transparent;
  text-align: center;
  position: relative;
  padding: 0 10px;
}
#sidebar .condensed .widget_login_box h3.widget-title span {
  background: #fff;
  padding: 0 12px;
  font-size: 24px;
  color: #000;
}
#sidebar .condensed .widget_login_box input {
  margin-bottom: 10px;
}
#sidebar .condensed .widget_login_box input[type="text"],
#sidebar .condensed .widget_login_box input[type="password"] {
  border: 3px solid #eaeaec;
}
#sidebar .condensed .widget_login_box .login-form {
  width: 100%;
  padding: 0;
}
#sidebar .condensed .widget_login_box .login-form .grid-33 {
  width: 100%;
}
#sidebar .condensed .widget_login_box .login-form .grid-33 input[type="text"] {
  color: #a3a3a3;
}
#sidebar .condensed .widget_login_box .login-form .grid-33 input[type="password"] {
  color: #a3a3a3;
}
#sidebar .condensed .widget_login_box .login-form small {
  margin-top: 12px;
  text-align: left;
}
#sidebar .condensed .widget_login_box .login-form .circle-button {
  position: relative;
  margin-top: -15px;
  float: right;
}
#sidebar .condensed .widget_login_box .login-form .message {
  margin-top: 20px;
  margin-bottom: 10px;
}
#sidebar .condensed .widget_login_box .login-form .message a {
  display: block;
  text-decoration: underline;
}
#sidebar .condensed .widget_login_box .login-form .message.last {
  text-align: left;
  margin-top: 0;
  margin-bottom: 30px;
}
#sidebar .condensed .widget_login_box .login-form:before,
#sidebar .condensed .widget_login_box .login-form:after {
  content: '';
  height: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) 0 0;
  width: 100%;
  display: block;
  clear: both;
}
#sidebar .condensed .widget_login_box form .field {
  background-color: #f1f1f3;
  display: block;
}
#sidebar .widget_categories,
#sidebar .widget_taxonomy_list {
  width: 60%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  #sidebar .widget_categories,
  #sidebar .widget_taxonomy_list {
    width: 100%;
    text-align: center;
  }
  #sidebar .widget_categories .widget-title,
  #sidebar .widget_taxonomy_list .widget-title {
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    background: #dddf87;
  }
  #sidebar .widget_categories ul,
  #sidebar .widget_taxonomy_list ul {
    display: none;
  }
  #sidebar .widget_categories.expanded ul,
  #sidebar .widget_taxonomy_list.expanded ul {
    display: block;
  }
}
#sidebar .widget_categories ul li,
#sidebar .widget_taxonomy_list ul li {
  display: block;
  font-family: 'Josefin Sans';
}
#sidebar .widget_categories ul li a,
#sidebar .widget_taxonomy_list ul li a {
  color: #888;
  font-size: 11px;
  line-height: 20px;
  font-weight: 100;
}
#sidebar .widget_categories ul li:after,
#sidebar .widget_taxonomy_list ul li:after {
  display: none;
}
#sidebar .widget_categories .with-icon li,
#sidebar .widget_taxonomy_list .with-icon li {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 5px;
}
#sidebar .widget_categories .with-icon li:after,
#sidebar .widget_taxonomy_list .with-icon li:after,
#sidebar .widget_categories .with-icon li:before,
#sidebar .widget_taxonomy_list .with-icon li:before {
  content: '';
  display: block;
  clear: both;
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}
#sidebar .widget_categories .with-icon li .circle,
#sidebar .widget_taxonomy_list .with-icon li .circle {
  background-color: #83cdc6;
}
#sidebar .widget_categories .with-icon li a,
#sidebar .widget_taxonomy_list .with-icon li a {
  font-size: 12px;
  padding-top: 5%;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
}
#sidebar .widget_categories .with-icon li a .extra,
#sidebar .widget_taxonomy_list .with-icon li a .extra {
  display: block;
  font-family: 'Josefin Sans';
  text-transform: uppercase;
  font-weight: 100;
  white-space: nowrap;
}
#sidebar .widget_categories .with-icon li a .extra:after,
#sidebar .widget_taxonomy_list .with-icon li a .extra:after {
  content: ">>";
}
#sidebar .tab-content .widget_categories,
#sidebar .tab-content .widget_taxonomy_list {
  width: 100%;
}
@media screen and (max-width: 767px) {
  #sidebar .tab-content .widget_categories ul,
  #sidebar .tab-content .widget_taxonomy_list ul {
    display: block;
  }
}
#sidebar.sidebar-left .taxonomy-category li,
#sidebar.sidebar-left .taxonomy-post_tag li,
#sidebar.sidebar-left .taxonomy-series li,
#sidebar.sidebar-left .taxonomy- * li {
  text-align: left;
}
#sidebar.sidebar-left .taxonomy-category li a,
#sidebar.sidebar-left .taxonomy-post_tag li a,
#sidebar.sidebar-left .taxonomy-series li a,
#sidebar.sidebar-left .taxonomy- * li a {
  font-family: 'Josefin Sans';
}
#sidebar .button {
  margin-bottom: 10px;
  font-weight: normal;
}
#sidebar .button:hover {
  text-decoration: none;
  color: white;
  background-color: #888;
}
#sidebar .widget_nav_menu {
  text-align: center;
}
@media screen and (max-width: 767px) {
  #sidebar {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.tabset {
  clear: both;
  width: 100%;
  margin-top: 60px;
}
.tabset .tab {
  display: none;
  min-height: 100px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid #eaeaec;
}
.tabset .tab-titles {
  text-align: left;
  margin-bottom: -5px;
}
.tabset .tab-title {
  display: inline-block;
  line-height: 16px;
  cursor: pointer;
  margin-bottom: -6px;
  font-weight: 400;
  color: #757575;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  padding: 15px 10px 15px 10px;
  position: relative;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  .tabset .tab-title.active {
    border: 3px solid #eaeaec;
    background: #fff;
    border-bottom: none;
  }
}
.tabset .tab-title .title-text {
  padding: 10px 25px;
  border: solid 2px #eaeaec;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  display: inline-block;
}
.tabset .tab-title.active {
  width: auto;
}
.tabset .tab-title.active .title-text {
  background-color: #fff;
}
@media screen and (max-width: 1023px) {
  .tabset .tab-title .title-text {
    background-color: #888;
  }
}
.tabset .tab-content {
  padding: 40px 30px 24px;
  color: #757575;
  display: block;
}
.tabset .tab-content .widget-title {
  display: none;
}
.tabset .tab-content p strong {
  margin-bottom: 20px;
}
.tabset .tab-content li {
  text-transform: uppercase;
  font-weight: 400;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 1024px) {
  .tabset.vertical {
    position: relative;
  }
  .tabset.vertical .tab-titles {
    position: absolute;
    z-index: 1;
    top: 58px;
    width: 33.33333333%;
  }
  .tabset.vertical .tab-title {
    display: block;
    margin-bottom: 0;
    text-transform: none;
    font-weight: bold;
  }
  .tabset.vertical .tab-title .title-text {
    border: none;
  }
  .tabset.vertical .tab-title.active {
    color: #757575;
    background-color: #fff;
  }
  .tabset.vertical .tab {
    width: 66.66666667%;
    left: 33.33333333%;
  }
  .tabset.vertical .tab .tab-content {
    background: #fff;
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .tabset .tab-content .item {
    display: inline-block;
    float: none;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  #primary .tabset {
    position: relative;
  }
  #primary .tabset .tab-title {
    border: solid 3px #eaeaec;
    display: block;
    float: none;
    margin-bottom: 5px;
    text-align: left;
    position: relative;
    padding-right: 30px;
  }
  #primary .tabset .tab-title:before,
  #primary .tabset .tab-title:after {
    content: "";
    height: 0;
    width: 0;
    overflow: hidden;
    display: block;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
    position: absolute;
    right: 10px;
  }
  #primary .tabset .tab-title:before {
    border-bottom: solid 10px #eaeaec;
    bottom: 50%;
    margin-bottom: 2px;
  }
  #primary .tabset .tab-title:after {
    border-top: solid 10px #eaeaec;
    top: 50%;
    margin-top: 2px;
  }
  #primary .tabset .tab-title.expanded {
    border-bottom-color: transparent;
  }
  #primary .tabset .tab-title.expanded:before {
    border-bottom: none;
    border-top: solid 10px #eaeaec;
  }
  #primary .tabset .tab-title.expanded:after {
    border-top: none;
    border-bottom: solid 10px #eaeaec;
  }
  #primary .tabset .tab {
    left: 0;
    right: 0;
    z-index: 1;
    background: #ffffff;
    border: solid 3px #eaeaec;
    border-top: none;
    margin-top: -8px;
    max-height: 50vh;
    margin-bottom: 20px;
    overflow: auto;
  }
  #primary .tabset .tab .tab-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #primary .tabset .tab .tab-content ul {
    margin-bottom: 0;
  }
}
.widget_video_slider {
  padding: 60px 0;
}
@media screen and (max-width: 767px) {
  .widget_video_slider {
    padding: 0 0 80px 0;
  }
}
.widget_video_slider .widget-title {
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Josefin Sans';
  padding-bottom: 0.75em;
  color: #000;
}
.widget_video_slider .grid-container {
  padding-left: 40px;
  padding-right: 40px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
.widget_video_slider .slider {
  white-space: nowrap;
  position: relative;
}
@media (max-width: 767px) {
  .widget_video_slider .slider {
    position: relative;
    overflow: hidden;
    margin-left: -40px;
    margin-right: -40px;
  }
}
.widget_video_slider .slider .slide {
  white-space: normal;
  display: inline-block;
  width: 20%;
  padding: 5px;
  position: relative;
  padding-top: 20%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 767px) {
  .widget_video_slider .slider .slide {
    width: 50%;
    height: 80px;
    padding-top: 50%;
  }
}
.widget_video_slider .slider .slide img {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 0;
  width: 100%;
  display: block;
  height: auto;
}
.widget_video_slider .slider .slide .title {
  position: absolute;
  top: 0;
  left: 5px;
  right: 0;
  bottom: 5px;
  background: rgba(255, 255, 255, 0.69);
  display: block;
  padding-top: 25%;
  text-align: center;
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: bold;
  transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
}
.widget_video_slider .slider .slide .title:after {
  content: "View Post";
  text-transform: uppercase;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: 'Josefin Sans';
  text-align: center;
  background: #dddf87;
  font-weight: normal;
  font-size: 14px;
  color: #757575;
  padding: 4px;
}
.widget_video_slider .slider .slide.litebox .title:after {
  content: "View Video";
}
.widget_video_slider .slider .slide.card .title:after {
  content: "View Card";
}
@media screen and (min-width: 768px) {
  .widget_video_slider .slider .slide .title {
    opacity: 0;
  }
  .widget_video_slider .slider .slide:hover .title {
    opacity: 1;
  }
}
.widget_video_slider .slider-arrows {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.widget_video_slider .slider-arrows .go-left,
.widget_video_slider .slider-arrows .go-right {
  pointer-events: all;
  font-size: 0;
  text-indent: -1000px;
  display: block;
  width: 40px;
  background: #fff;
  top: 0;
  bottom: 0;
  position: absolute;
}
.widget_video_slider .slider-arrows .go-left:before,
.widget_video_slider .slider-arrows .go-right:before {
  display: block;
  background: url(../png/slider-arrows.png);
  content: "";
  width: 21px;
  height: 27px;
  margin-top: -14px;
  top: 50%;
  position: absolute;
}
.widget_video_slider .slider-arrows .go-left {
  left: 0;
}
.widget_video_slider .slider-arrows .go-left:before {
  left: 0;
}
.widget_video_slider .slider-arrows .go-right {
  right: 0;
}
.widget_video_slider .slider-arrows .go-right:before {
  background-position: -21px 0;
  right: 0;
}
.ipso_grid {
  padding: 20px 0;
}
.tab-content .taxonomy-category li,
.tab-content .taxonomy-post_tag li {
  text-align: center;
}
.tab-content .taxonomy-category li a,
.tab-content .taxonomy-post_tag li a {
  color: #888;
  text-transform: uppercase;
  text-align: center;
}
#primary .search-content .favorite-things {
  font-size: 18px;
  color: #888;
  text-transform: uppercase;
}
#primary .search-content .favorite-things:before,
#primary .search-content .favorite-things:after {
  content: '';
  height: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAK0lEQVQIW2M8ePDg/+PHjzNYWloy2NvbMzKgAcaOjo7/MLGKigpMBYRMAAA7URIEfMT79gAAAABJRU5ErkJggg==) 0 0;
  width: 100%;
  display: block;
  clear: both;
}
#primary .search-content .ipso_grid {
  margin-top: 70px;
  margin-bottom: 56px;
  overflow: hidden;
  border: 3px solid #eaeaec;
}
#primary .search-content .widget_taxonomy_list {
  text-align: center;
  padding: 0 40px 40px;
}
#primary .search-content .widget_taxonomy_list .feature {
  margin-bottom: 25px;
  padding: 0;
}
#primary .search-content .widget_taxonomy_list .feature img {
  display: block;
  margin: 0 auto 11px auto;
}
#primary .search-content .widget_taxonomy_list .feature a {
  background-color: #dddf87;
  padding: 5px;
  text-align: center;
  color: #888;
  text-transform: uppercase;
  display: block;
}
#primary .search-content .widget_taxonomy_list .feature .widget_thumbnail_link {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}
#primary .search-content .widget_taxonomy_list .view-all-link {
  border: solid 1px #757575;
  border-left: 0;
  border-right: 0;
  margin-bottom: 20px;
}
#primary .search-content .widget_taxonomy_list ul a,
#primary .search-content .widget_taxonomy_list .view-all-link {
  font-size: 14px;
  text-transform: uppercase;
  color: #757575;
  padding: 5px;
  display: block;
  font-family: 'Josefin Sans';
}
#primary .search-content .widget-title {
  font-size: 18px;
  font-weight: normal;
  color: #757575;
}
#primary .search-content .widget-title a {
  color: #757575;
}
#primary .ipso-grid-cell {
  position: relative;
}
#primary .ipso-grid-cell:after {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3woHDC8wxQTV5wAAAC1JREFUCNeVxTEBwCAQBLCAq5teO9PJohMCmiXrnHPbSmJmFuy24A07CXj/8wFxkg0GkzbLKAAAAABJRU5ErkJggg==) 0 0;
  width: 3px;
  content: "";
  position: absolute;
  top: 60px;
  bottom: 20px;
  right: 0;
  display: block;
}
#primary .ipso-grid-cell:last-child:after {
  display: none;
}
@media screen and (max-width: 767px) {
  #primary .ipso-grid-cell:after {
    height: 3px;
    width: auto;
    content: "";
    position: absolute;
    visibility: visible;
    top: auto;
    bottom: 0;
    left: 20px;
    right: 20px;
    margin-bottom: 20px;
  }
}
#primary .widget_taxonomy_post_list ul li a {
  line-height: 1.5;
}
#primary section {
  clear: both;
}
#primary section img {
  display: inline-block;
}
#primary section .favorite-things {
  padding: 04px 0 62px 0;
  text-align: center;
}
#primary section .favorite-things strong {
  color: #83cdc6;
}
#primary section .favorite-things .button {
  margin: 30px 0 30px 39px;
  padding: 5px 0;
}
#primary .taxonomy-series .icon {
  padding-left: 0;
}
#primary .taxonomy-series a {
  color: #757575;
  font-weight: bold;
  padding-top: 18px;
}
#primary .taxonomy-series a:after {
  content: "VIEW SERIES >>";
  font-weight: lighter;
  display: block;
  font-size: 12px;
}
div.ial-set {
  position: relative;
}
div.ial-set .ial-item:before {
  width: 3px;
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAJCAYAAAD3s5bZAAAAJ0lEQVQIW2M8ePDg/+PHjzNYWloyMHZ0dPxngAJGFBmYKIhmpJQDAOR5DyWM+2AQAAAAAElFTkSuQmCC) repeat-y center center;
  height: auto;
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  margin-left: -3px;
  display: block;
}
div.ial-set .ial-item:first-child:before {
  display: none;
}
#primary .ial-div {
  background-color: #fff;
  height: 20px;
  position: relative;
}
.ial-set {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border: 3px solid #eaeaec;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ial-set .ial-item {
  border-left: none;
  padding-top: 25px;
}
.ial-set .ial-item img {
  margin: 0 auto 20px;
}
.ial-set .ial-item p {
  font-size: 11px;
  line-height: 1.1;
}
.ial-set .ial-item ul li {
  display: inline-block;
}
.ial-set .ial-item ul li a {
  padding: 2px 8px;
  display: block;
  background-color: #83cdc6;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .ial-set .ial-div + .ial-item:before {
    display: none;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  .ial-set .ial-tl-div + .ial-item:before {
    display: none;
  }
}
@media screen and (max-width: 767px) and (min-width: 479px) {
  .ial-set .ial-tp-div + .ial-item:before {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .ial-set .ial-m-div + .ial-item:before {
    display: none;
  }
}
.card-classes {
  margin-top: 60px;
  text-align: center;
}
.card-classes p {
  color: #757575;
  margin-top: 20px;
}
.card-classes a,
.card-classes .buttton {
  color: #757575 !important;
  margin-bottom: 20px;
}
.card-classes a:hover,
.card-classes .buttton:hover {
  color: white !important;
}
.random-affiliate {
  padding: 0 10px 0 10px;
  text-align: center;
}
.random-affiliate .button {
  margin: 0 10px;
}
.random-affiliate img {
  margin: 0 auto 5px;
  display: block;
}
#primary section .random-affiliate img {
  display: block;
}
body.home #main .blue-titles .widget-title {
  background: #83cdc6;
  color: #fff;
  font-family: 'Josefin Sans';
}
/* The following entries are to give the basics of a print stylesheet. */
/* This will remove some of the top navigation and sidebar during printing. */
@media print {
  * {
    box-sizing: border-box;
  }
  #masthead {
    position: absolute;
    height: 80px;
  }
  #masthead .site-title img {
    max-height: 60px;
  }
  #colophon .widget_nav_menu,
  #colophon .widget_recent_entries,
  #colophon .bottom-line,
  #colophon #footer {
    display: none;
  }
  #cookie-notice {
    display: none;
  }
  .grid-container {
    max-width: none;
  }
  #main {
    margin-top: 90px;
    padding-bottom: 0px;
  }
  #colophon .site-info {
    font-size: 12px;
    padding: 10px;
  }
  article {
    padding-bottom: 0px;
  }
  #primary h1.post-title {
    margin: 0;
    line-height: 1;
  }
  #primary .title-container {
    border-bottom: solid 1px;
    clear: both;
  }
  #primary .print-instructions {
    margin: 10px 0 20px;
    clear: both;
  }
  #primary .print-instructions strong {
    color: #000;
  }
  #primary .card-no {
    color: #83cdc6;
  }
  #primary .gallery-container,
  #primary .content-container {
    width: 50%;
    float: left;
  }
  #primary .card-top {
    display: block;
    padding: 0;
  }
  #primary a {
    color: #5d5d5d;
  }
  #primary .content-container {
    font-size: 13px;
  }
  #primary .card-tags {
    font-size: 24px;
    margin-bottom: 10px;
    margin-left: -10px;
  }
  #primary .card-tags a {
    display: inline-block;
    border-right: solid 2px;
    font-size: 20px;
    padding: 0 10px;
    line-height: 1;
    margin: 10px 0;
  }
  #primary .card-tags a:last-child {
    border-right: none;
  }
  #primary .supplies-and-related {
    clear: both;
  }
  #primary .card-images-wrapper {
    padding: 0;
  }
  #primary .card-images-wrapper .card-images {
    overflow: hidden;
  }
  #primary .card-images-wrapper .card-image {
    width: 33.33333333%;
    float: left;
    padding: 10px 20px;
  }
  #primary .card-images-wrapper .card-image:nth-child(3n + 1) {
    clear: left;
  }
  #primary .card-images-wrapper .card-image img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  #primary a[href]:after {
    content: none;
  }
}
/* These are the CSS entries for the InLinkz Fixer version 1.1 */
.inlinkz-cont {
  width: 100%;
  margin: 0 auto;
}
.inlinkz-footer {
  margin-left: 0;
}
.inlinkz-shoplabel {
  color: #888;
  text-transform: uppercase;
}
.inlinkz-border {
  border: 3px dotted #888;
}
.inlinkz-vendorlinks a.button {
  font-size: 15px;
  line-height: 1.4em;
  padding: 2px 6px;
  margin: 2px 4px;
  color: #888 !important;
}
.inlinkz-vendorlinks a.button:hover {
  color: #FFF !important;
}
@media screen and (min-device-width: 1024px), print {
  .inlinkz-cont {
    width: 95%;
  }
  .inlinkz-footer {
    margin-left: 2.5%;
  }
}
@media screen and (max-device-width: 1023px) and (orientation: portrait) {
  .inlinkz-cell {
    position: relative;
    min-width: 325px;
    height: 60px;
    padding: 6px;
    border-top-style: none;
  }
  .inlinkz-topcell {
    border-top-style: dotted;
  }
  .inlinkz-cell:active {
    background-color: #f2f2f2;
  }
  .inlinkz-prodimg {
    position: relative;
    float: left;
    width: 75px;
    height: 100%;
    z-index: 2;
  }
  .inlinkz-prodimg img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-style: none;
    max-height: 100%;
    max-width: 100%;
  }
  .inlinkz-clickable {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
  }
  .inlinkz-proddesc {
    display: block;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin-left: 85px;
    z-index: 2;
  }
  .inlinkz-proddesc * {
    line-height: 115%;
    font-size: 105%;
  }
  .inlinkz-prodlink {
    text-align: left;
  }
  .inlinkz-shoplabel {
    display: inline-block;
    text-align: left;
  }
  .inlinkz-vendorlinks {
    display: inline-block;
    text-align: left;
  }
  .inlinkz-vendorlinks a.button {
    line-height: 110% !important;
    font-size: 100% !important;
  }
  .inlinkz-footer {
    text-align: left;
  }
}
@media all and (max-device-width: 399px) and (orientation: portrait) {
  .inlinkz-proddesc * {
    line-height: 100%;
    font-size: 100%;
  }
  .inlinkz-vendorlinks a.button {
    line-height: 100%;
    font-size: 95%;
  }
}
@media screen and (min-device-width: 1024px), (orientation: landscape), print {
  .inlinkz-cont {
    display: table;
  }
  .inlinkz-row {
    display: table-row;
  }
  .inlinkz-cell {
    display: table-cell;
    min-width: 110px;
    max-width: 300px;
    border-left-style: none;
    border-top-style: none;
  }
  .inlinkz-10col .inlinkz-cell {
    width: 10%;
  }
  .inlinkz-9col .inlinkz-cell {
    width: 11.1%;
  }
  .inlinkz-8col .inlinkz-cell {
    width: 12.5%;
  }
  .inlinkz-7col .inlinkz-cell {
    width: 14.3%;
  }
  .inlinkz-6col .inlinkz-cell {
    width: 16.7%;
  }
  .inlinkz-5col .inlinkz-cell {
    width: 20%;
  }
  .inlinkz-4col .inlinkz-cell {
    width: 25%;
  }
  .inlinkz-3col .inlinkz-cell {
    width: 33.3%;
  }
  .inlinkz-2col .inlinkz-cell {
    width: 50%;
  }
  .inlinkz-1col .inlinkz-cell {
    width: 100%;
  }
  .inlinkz-cell:first-child {
    border-left-style: dotted;
  }
  .inlinkz-row:first-child .inlinkz-cell {
    border-top-style: dotted;
  }
  .inlinkz-prodimg {
    display: block;
    position: relative;
    min-height: 100px;
    min-width: 100px;
    padding: 6px;
  }
  .inlinkz-prodimg img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-style: none;
  }
  .inlinkz-proddesc {
    padding: 0 6px 6px 6px;
  }
  .inlinkz-proddesc * {
    line-height: 115%;
  }
  .inlinkz-prodlink {
    text-align: center;
  }
  .inlinkz-shoplabel {
    text-align: center;
    line-height: 1.5em;
  }
  .inlinkz-vendorlinks {
    text-align: center;
  }
  .inlinkz-footer {
    text-align: left;
  }
}
/* These are entries for old InLinkz table styles taken from CSS plugin. */
/* <table cellspacing="0" cellpadding="2"> */
table[cellspacing="0"][cellpadding="2"] {
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* <td> */
table[cellspacing="0"][cellpadding="2"] td {
  /* Mine */
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 6px !important;
  width: 18% !important;
  border: 3px dotted lightgray !important;
  vertical-align: top !important;
  min-height: 125px;
}
/* <div style="overflow: hidden; width: 100px; line-height: 1.1; text-align: center; vertical-align: bottom;"> */
table[cellspacing="0"][cellpadding="2"] div[style^="overflow: hidden; width:"] {
  width: 100% !important;
}
/* <div style="display: table-cell; vertical-align: middle; width: 100px; height: 114px;"> */
table[cellspacing="0"][cellpadding="2"] div[style^="display: table-cell; vertical-align: middle;"] {
  width: auto !important;
  margin: auto !important;
  display: inline-block !important;
}
/* <div style="display: table-cell; vertical-align: middle; width: 100px; height: 114px;"> <img> */
table[cellspacing="0"][cellpadding="2"] div[style^="display: table-cell; vertical-align: middle;"] > a > img {
  margin: auto !important;
  padding-bottom: 5px !important;
}
table[cellspacing="0"][cellpadding="2"] td > p {
  line-height: 10% !important;
}
/* <div style="display: table-cell; text-align: center; float: left; height: 170px;"> */
table[cellspacing="0"][cellpadding="2"] div[style^="display: table-cell; text-align: center; float: left;"],
table[cellspacing="0"][cellpadding="2"] div[style^="overflow: hidden; text-align: center;"] {
  width: 100% !important;
  height: auto !important;
  padding-bottom: 0px 0px 5px 0px !important;
  min-height: 125px;
}
/* The following are custom style for InLinkzFixer generated HTML */
/* Most existing styles are copied from the default InLinkz web output */
/* Style for individual table cells */
.InLinkzFixer_Old_Cell {
  display: table-cell;
  text-align: center;
  float: left;
}
/* Style for each product image */
.InLinkzFixer_Old_ProductImage {
  display: table-cell;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}
/* Style for the description text under each product image */
.InLinkzFixer_Old_ProductLink {
  overflow: hidden;
  line-height: 1.1;
  text-align: center;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}
/* mrd: make a common center class */
/* Style for the "Click A Shop" label */
.InLinkzFixer_Old_ShopLabel {
  overflow: hidden;
  line-height: 1.1;
  text-align: center;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
  color: #33cccc;
}
/* Style for the collection of links to individual vendors.  This includes the '()' characters */
.InLinkzFixer_Old_VendorLinks {
  overflow: hidden;
  line-height: 1.1;
  text-align: center;
  vertical-align: bottom;
  margin-left: auto;
  margin-right: auto;
}
/* Use this to style just the links in the vendor links div */
.InLinkzFixer_Old_VendorLinks a {
  text-decoration: underline;
}
/* New InLinkz Fixer Styles 11-15-2015 */
@media only screen and (min-device-width: 0px) and (max-device-width: 720px) {
  .mrdhidemobile {
    visibility: hidden;
    height: 0 !important;
  }
}
@media only screen and (min-device-width: 720px) {
  .mrdhidefull {
    visibility: hidden;
    height: 0 !important;
  }
}
/* My div table style */
@media only screen and (max-device-width: 899px) and (orientation: portrait) {
  .InLinkzFixer_Container {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .InLinkzFixer_Cell {
    min-width: 325px;
    border: 3px dotted #d3d3d3;
    border-top-style: none;
    padding: 6px;
    height: 100px;
    position: relative;
  }
  .InLinkzFixer_Cell_Top_Cell {
    border-top-style: dotted !important;
  }
  .InLinkzFixer_Cell:active {
    background-color: #f2f2f2;
  }
  .InLinkzFixer_ProductImage_Container {
    float: left;
    width: 100px;
    height: 100%;
    position: relative;
  }
  .InLinkzFixer_ProductImage_Container img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
  }
  .InLinkzFixer_ProductDesc_Container {
    overflow: hidden;
    height: 100%;
    padding-left: 10px;
    position: relative;
    display: block;
  }
  .InLinkzFixer_ProductDesc {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
  }
  .InLinkzFixer_ProductDesc * {
    line-height: 120% !important;
    font-size: 110%;
  }
  .InLinkzFixer_ProductLink {
    text-align: left;
  }
  .InLinkzFixer_ShopLabel {
    text-align: left;
    color: #3cc;
  }
  .InLinkzFixer_VendorLinks {
    text-align: left;
  }
  .InLinkzFixer_Footer {
    text-align: left;
    margin-left: 2.5%;
  }
}
@media only screen and (max-device-width: 899px) and (orientation: landscape) {
  InLinkzFixer_Container {
    display: table !important;
    width: 95% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .InLinkzFixer_Row {
    display: table-row !important;
  }
  .InLinkzFixer_Cell {
    display: table-cell !important;
    min-width: 110px;
    max-width: 300px;
    width: 20%;
    border: 3px dotted #d3d3d3;
  }
  .InLinkzFixer_Cell:not(:first-child) {
    border-left-style: none;
  }
  .InLinkzFixer_Row:not(:first-child) .InLinkzFixer_Cell {
    border-top-style: none;
  }
  .InLinkzFixer_ProductImage_Container {
    display: block;
    position: relative !important;
    padding: 6px !important;
    min-height: 100px;
    min-width: 100px;
  }
  .InLinkzFixer_ProductImage_Container img {
    display: block !important;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
  }
  .InLinkzFixer_ProductDesc_Container {
    padding: 0 6px 6px !important;
  }
  .InLinkzFixer_ProductDesc * {
    line-height: 120% !important;
  }
  .InLinkzFixer_ProductLink {
    text-align: center;
  }
  .InLinkzFixer_ShopLabel {
    text-align: center;
    color: #3cc;
  }
  .InLinkzFixer_VendorLinks {
    text-align: center;
  }
  .InLinkzFixer_Footer {
    margin-left: 2.5%;
  }
}
@media only screen and (min-device-width: 900px) {
  .InLinkzFixer_Container {
    display: table !important;
    width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .InLinkzFixer_Row {
    display: table-row !important;
  }
  .InLinkzFixer_Cell {
    display: table-cell !important;
    min-width: 110px;
    max-width: 300px;
    width: 20%;
    border: 3px dotted #d3d3d3;
  }
  .InLinkzFixer_Cell:not(:first-child) {
    border-left-style: none;
  }
  .InLinkzFixer_Row:not(:first-child) .InLinkzFixer_Cell {
    border-top-style: none;
  }
  .InLinkzFixer_ProductImage_Container {
    display: block;
    position: relative !important;
    padding: 6px !important;
    min-height: 100px;
    min-width: 100px;
  }
  .InLinkzFixer_ProductImage_Container img {
    display: block !important;
    position: absolute !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
  }
  .InLinkzFixer_ProductDesc_Container {
    padding: 0 6px 6px !important;
  }
  .InLinkzFixer_ProductDesc * {
    line-height: 120% !important;
  }
  .InLinkzFixer_ProductLink {
    text-align: center;
  }
  .InLinkzFixer_ShopLabel {
    text-align: center;
    color: #3cc;
  }
  .InLinkzFixer_VendorLinks {
    text-align: center;
  }
  .InLinkzFixer_Footer {
    margin-left: 5%;
  }
}
#primary .tml-login {
  background: #fff url("../png/star-blue.png") no-repeat top left;
  margin-top: -75px;
  margin-left: -75px;
  padding: 75px 0 0 75px;
  max-width: 500px;
}
#primary .tml-login .widget_login_box {
  background-color: transparent;
}
#primary .tml-login .widget_login_box .circle-button {
  border-radius: 0;
  background: #dddf87;
  float: none;
  width: auto;
  height: auto;
  padding: 5px 20px;
  margin: 20px 0;
  display: inline-block;
}
#primary .tml-login .widget_login_box .circle-button input {
  color: #757575;
}
#primary .tml-login .widget_login_box small {
  font-size: 0.8rem;
  text-transform: capitalize;
  margin-top: 10px;
}
#primary .tml-login .widget_login_box a {
  text-decoration: underline;
}
#primary .tml-login .widget_login_box .field {
  display: block;
}
#primary .tml-login .widget_login_box .field input[type="text"],
#primary .tml-login .widget_login_box .field input[type="password"] {
  background: #f8f9e7;
  padding: 5px 10px;
}
#primary .tml-login .widget_login_box .grid-33 {
  float: none;
  width: 100%;
  max-width: 500px;
}
#primary .tml-login .widget_login_box .message.last {
  border-top: solid 1px #83cdc6;
}
#page .multi-reg-static {
  max-width: 500px;
  margin: 0 auto;
  padding: 50px 15px;
}
@media (min-width: 768px) {
  #page .multi-reg-static {
    padding: 50px 45px;
  }
}
#page .multi-reg-static .grid-50 {
  width: 100%;
}
@media (min-width: 768px) {
  #page .multi-reg-static .field-row {
    display: flex;
  }
}
#page .multi-reg-static .field-row .field {
  margin-bottom: 10px;
}
#page .multi-reg-static .field-row.last,
#page .multi-reg-static .lists {
  margin-bottom: 30px;
}
#page .multi-reg-static .lists label {
  margin-bottom: 5px;
  display: block;
}
#page .multi-reg-static .title-container {
  margin-left: -35px;
  margin-right: -35px;
  margin-bottom: 30px;
}
#page .multi-reg-static h3 {
  font-size: 30px;
  font-family: 'Josefin Sans';
  text-align: center;
}
#page .multi-reg-static .message {
  text-align: center;
  padding: 10px;
  margin: 20px;
   background: #099696;
   color: #fff;
 }
 #page .multi-reg-static .message.error_message {
   background-color: #F19B7D;
 }
 #page .multi-reg-static .sms-signup-mr-section {
   display: inline-block;
   margin: 30px 0px 20px 0px;
  padding-left: 10px;
  padding-right: 10px;
}
#page .multi-reg-static .sms-signup-mr-section .sms-popup-button {
  margin: 0px;
  letter-spacing: normal;
}
.temporary {
  cursor: pointer;
}
.temporary:after {
  content: "x";
  float: right;
  background: #fff;
  color: #000;
  width: 17px;
  height: 17px;
  text-align: center;
  line-height: 14px;
}
.in-process {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
#primary .star-bg {
  background: transparent url("../png/star-blue.png") no-repeat top left;
  margin-top: -40px;
  padding-top: 40px;
  margin-left: -80px;
  padding-left: 80px;
  min-height: 116px;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tml-lostpassword {
  margin-top: 20px;
  max-width: 500px;
}
#primary ul.tml-links {
  padding: 0;
  margin: 0;
}
#primary ul.tml-links li:before {
  content: none;
}
#primary ul.tml-links li {
  margin-bottom: 1em;
}
body.tax-crafty-things-year .site-main h1,
body.post-type-archive-crafty-things .site-main h1 {
  font-size: 26px;
  text-transform: uppercase;
  margin: 0;
}
body.tax-crafty-things-year .site-main .year-header,
body.post-type-archive-crafty-things .site-main .year-header {
  margin-bottom: 1.5em;
}
body.tax-crafty-things-year .site-main h2,
body.post-type-archive-crafty-things .site-main h2 {
  font-size: 26px;
  text-transform: uppercase;
  overflow: hidden;
}
body.tax-crafty-things-year .site-main h2 a,
body.post-type-archive-crafty-things .site-main h2 a {
  text-decoration: none;
  color: inherit;
}
body.tax-crafty-things-year .site-main h2 a:hover,
body.post-type-archive-crafty-things .site-main h2 a:hover {
  color: #83cdc6;
}
body.tax-crafty-things-year .site-main h2 .button,
body.post-type-archive-crafty-things .site-main h2 .button {
  float: right;
}
body.tax-crafty-things-year .site-main .favorite-post,
body.post-type-archive-crafty-things .site-main .favorite-post {
  margin-bottom: 40px;
}
body.tax-crafty-things-year .site-main ul.crafty-things-list,
body.post-type-archive-crafty-things .site-main ul.crafty-things-list {
  list-style: none;
}
body.tax-crafty-things-year .site-main ul.crafty-things-list li,
body.post-type-archive-crafty-things .site-main ul.crafty-things-list li {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-right: 20px;
  font-size: 1.25rem;
}
body.tax-crafty-things-year .site-main ul.crafty-things-list li:before,
body.post-type-archive-crafty-things .site-main ul.crafty-things-list li:before {
  content: '' !important;
}
@media (max-width: 767px) {
  body.tax-crafty-things-year .site-main ul.crafty-things-list li,
  body.post-type-archive-crafty-things .site-main ul.crafty-things-list li {
    text-align: center;
  }
}
body.tax-crafty-things-year .site-main .links,
body.post-type-archive-crafty-things .site-main .links {
  max-height: 515px;
  overflow: hidden;
  position: relative;
}
body.tax-crafty-things-year .site-main .links.expanded,
body.post-type-archive-crafty-things .site-main .links.expanded {
  max-height: none;
}
body.tax-crafty-things-year .site-main .links.expandable .expand-trigger,
body.post-type-archive-crafty-things .site-main .links.expandable .expand-trigger {
  cursor: pointer;
  line-height: 62px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  background-color: #ffffff;
  display: block;
}
body.tax-crafty-things-year .site-main .links.expandable .expand-trigger:before,
body.post-type-archive-crafty-things .site-main .links.expandable .expand-trigger:before {
  content: "SEE MORE";
}
body.tax-crafty-things-year .site-main .links.expandable .expand-trigger:after,
body.post-type-archive-crafty-things .site-main .links.expandable .expand-trigger:after {
  content: "";
  overflow: hidden;
  background: transparent url(../png/show-more-arrow.png) no-repeat right center;
  display: inline-block;
  width: 24px;
  height: 11px;
}
body.tax-crafty-things-year .site-main .side-nav,
body.post-type-archive-crafty-things .site-main .side-nav {
  margin-bottom: 30px;
}
body.tax-crafty-things-year .site-main .side-nav h2,
body.post-type-archive-crafty-things .site-main .side-nav h2 {
  margin-bottom: 0.5em;
}
body.tax-crafty-things-year .site-main .side-nav a,
body.post-type-archive-crafty-things .site-main .side-nav a {
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 5px 0;
  color: inherit;
}
body.tax-crafty-things-year .site-main .side-nav a:hover,
body.post-type-archive-crafty-things .site-main .side-nav a:hover {
  color: #83cdc6;
}
dl.download-accordion {
  border-bottom: none;
}
dl.download-accordion dt {
  background: #ededed;
  border: none;
  text-transform: none;
  color: #83cdc6;
  font-size: 18px;
  padding: 10px 0;
  margin-bottom: 5px;
}
dl.download-accordion dt:before {
  content: "";
  margin-left: 14px;
  margin-right: 0px;
  border: solid 1.5px;
  border-left: none;
  border-bottom: none;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  float: left;
  margin-top: 8px;
}
dl.download-accordion dt.active {
  background: #ededed;
}
dl.download-accordion dt.active:before {
  content: "";
  margin-left: 17px;
  margin-right: 0;
  border-top: none;
  border-bottom: solid 1.5px;
}
dl.download-accordion .download-set-name {
  margin-left: 44px;
}
dl.download-accordion .download-all {
  color: #5d5d5d;
  float: right;
  font-size: 16px;
  padding-right: 26px;
  text-decoration: underline !important;
}
dl.download-accordion .download-all::after {
  content: "";
  height: 18px;
  width: 20px;
  background: transparent url("../svg/icon-download-5d5d5d.svg") no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
}
dl.download-accordion dd {
  margin: 24px 5px 24px 44px;
  line-height: 1.375;
}
dl.download-accordion .learn-more-link,
dl.download-accordion .shop-inks-link {
  color: #5d5d5d;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px 10px 0;
}
dl.download-accordion .learn-more-link:before,
dl.download-accordion .shop-inks-link:before {
  content: "";
  background: #83cdc6;
  -webkit-border-top-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topright: 100%;
  -moz-border-radius-bottomright: 100%;
  -moz-border-radius-bottomleft: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  width: 28px;
  height: 28px;
  background: #83cdc6 no-repeat center center;
  background-size: 16px 16px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
dl.download-accordion .download-item {
  margin: 20px 0;
}
dl.download-accordion .download-item .description {
  font-size: 24px;
  margin-right: 80px;
}
dl.download-accordion .download-one {
  float: right;
  margin-right: clamp(1px, 25%, 300px);
}
dl.download-accordion .download-one:before {
  content: "";
  background: #83cdc6;
  -webkit-border-top-right-radius: 100%;
  -webkit-border-bottom-right-radius: 100%;
  -webkit-border-bottom-left-radius: 100%;
  -webkit-border-top-left-radius: 100%;
  -moz-border-radius-topright: 100%;
  -moz-border-radius-bottomright: 100%;
  -moz-border-radius-bottomleft: 100%;
  -moz-border-radius-topleft: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  border-bottom-left-radius: 100%;
  border-top-left-radius: 100%;
  -moz-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  width: 37px;
  height: 37px;
  background: #83cdc6 url("../svg/icon-download.svg") no-repeat center center;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
dl.download-accordion .download-item-icon-new {
  color: #F19B7D;
}
dl.download-accordion .download-item-icon-updated {
  color: #F19B7D;
}
dl.download-accordion .learn-more-link:before {
  background-image: url("../svg/icon-play.svg");
}
dl.download-accordion .learn-more-link:after {
  content: "learn more";
  text-decoration: underline;
}
dl.download-accordion .shop-inks-link:before {
  background-image: url("../svg/icon-bag-shopping.svg");
}
dl.download-accordion .shop-inks-link:after {
  content: "Shop";
  text-decoration: underline;
}
body.post-type-archive-downloads #primary .download-set-title,
body.post-type-archive-downloads #sidebar h2 {
  font-family: 'Josefin Sans';
  font-size: 34px;
  line-height: 1.23529412;
  text-transform: uppercase;
}
body.post-type-archive-downloads #primary,
body.post-type-archive-downloads #sidebar {
  padding: 10px;
}
body.post-type-archive-downloads #sidebar {
  text-align: left;
}
body.post-type-archive-downloads #sidebar h2 {
  margin-bottom: 0.5em;
}
body.post-type-archive-downloads #sidebar ul {
  max-width: 250px;
}
body.post-type-archive-downloads #sidebar ul a {
  text-transform: uppercase;
  font-family: 'Josefin Sans';
  font-size: 16px;
  color: #5d5d5d;
  font-weight: bold;
  display: block;
  line-height: 1.1875;
  margin-bottom: 1em;
}
body.post-type-archive-downloads #sidebar ul a:hover,
body.post-type-archive-downloads #sidebar ul a:active {
  color: #83cdc6;
  text-decoration: none;
}
.error404 {
  height: 100vh;
}
@media (max-width: 767px) and (orientation: portrait) {
  .error404 {
    background: linear-gradient(rgba(50, 50, 50, 0.3), rgba(50, 50, 50, 0.2)), url(../jpg/404_bg_abby.jpg) no-repeat center center / cover fixed;
  }
}
@media (min-width: 768px), (orientation: landscape) {
  .error404 {
    background: linear-gradient(rgba(50, 50, 50, 0.3), rgba(50, 50, 50, 0.2)), url(../jpg/404_bg_abby.jpg) no-repeat center center / cover fixed;
  }
}
.error404 .primary {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}
.error404 #main {
  margin-top: 7vh;
  padding-bottom: 0;
}
.error404 .logo-404 {
  max-width: 150px;
  margin: 0 auto;
  display: block;
  -webkit-filter: drop-shadow(0px 0px 6px white);
  filter: drop-shadow(0px 0px 6px white);
}
@media (min-width: 768px) {
  .error404 .logo-404 {
    max-width: 200px;
  }
}
.error404 .error-title,
.error404 .error-msg {
  text-align: center;
  margin: 0 auto;
  padding: 0 40px;
  color: white;
  text-shadow: 0 0 15px #323232, 0 0 10px #323232;
  line-height: normal;
}
.error404 .error-title {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .error404 .error-title {
    font-size: 5rem;
  }
}
.error404 .error-msg {
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .error404 .error-msg {
    font-size: 2rem;
  }
}
.error404 .search-form {
  text-align: center;
  margin: 20px auto;
}
.error404 .search-form .search-submit {
  margin: 10px auto;
}
.aboutus-grid-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}
.aboutus-card {
  max-width: 260px;
  margin: 20px;
  font: 16px 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
}
.aboutus-card h2 {
  margin: 10px !important;
}
@media screen and (max-width: 767px) {
  .aboutus-card {
    max-width: 400px;
  }
}
.aboutus-card * {
  text-align: center;
}
.aboutus-card *:not(:first-child):not(img) {
  margin-top: 7px;
}
.aboutus-card *:not(.person-img):not(img) {
  margin-left: 10px;
  margin-right: 10px;
  padding: 5px;
}
.aboutus-card .person-img {
  width: 260px;
  height: 300px;
  position: relative;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 5px 0px #757575;
  -moz-box-shadow: 0px 0px 5px 0px #757575;
  box-shadow: 0px 0px 5px 0px #757575;
}
@media screen and (max-width: 767px) {
  .aboutus-card .person-img {
    width: 90vw;
    height: 362px;
  }
}
.aboutus-card .person-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* To overcome the height: auto that overrides */
  min-height: 300px;
}
@media screen and (max-width: 767px) {
  .aboutus-card .person-img img {
    min-height: 362px;
  }
}
.aboutus-card .person-img .primary-img {
  opacity: 1;
  z-index: 2;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.aboutus-card .person-img .secondary-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  -webkit-transition: all 350ms ease-in-out;
  -moz-transition: all 350ms ease-in-out;
  -o-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.aboutus-card .person-img:hover .secondary-img {
  opacity: 1;
}
.aboutus-card .person-img:hover .primary-img {
  opacity: 0;
}
.aboutus-card .person-name {
  color: #727272;
  background-color: #dddf87;
}
.aboutus-card .person-title {
  color: #ffffff;
  background-color: #83cdc6;
}
.aboutus-card .person-desc {
  color: #ffffff;
  background-color: #F19B7D;
}
 .sms-popup-button {
   margin: 5px 0 20px 0;
 }
 .filterable-search-wrapper {
   display: block;
   margin: 15px;
 }
 .filterable-search-wrapper input {
   width: 100%;
   border-bottom: solid 1px #757575;
   background: transparent;
   padding: 10px 0 5px;
   font-size: 22px;
 }
 .filterable-search-wrapper input::-webkit-search-cancel-button,
 .filterable-search-wrapper input::-webkit-search-decoration {
   -webkit-appearance: none;
   appearance: none;
 }
 .filterable.is-hidden {
   display: none;
 }
 @media screen {
   .print-only {
     display: none !important;
  }
}
@media print {
  .do-not-print {
    display: none !important;
  }
}