@import url("/count/35a0a6");


@font-face {
    font-family: 'CabritoSans-NorExB';
    src: url('https://dl.dropbox.com/s/6ce2jg10odqmxwb/35A0A6_0_0.eot?dl=0');
    src: url('https://dl.dropbox.com/s/4g769z10d19bytk/35A0A6_0_0.ttf?dl=0#iefix') format('embedded-opentype'), url('https://dl.dropbox.com/s/26vasmw1ydkc8v2/35A0A6_0_0.woff2?dl=0') format('woff2'), url('https://dl.dropbox.com/s/y3b2zp13tltvvgp/35A0A6_0_0.woff?dl=0') format('woff'), url('https://dl.dropbox.com/s/4g769z10d19bytk/35A0A6_0_0.ttf?dl=0') format('truetype');
}


@font-face {
    font-family: 'CabritoSans-NorMed';
    src: url('https://dl.dropbox.com/s/foeyjan8kxrdw7w/35A0A6_1_0.eot?dl=0');
    src: url('https://dl.dropbox.com/s/foeyjan8kxrdw7w/35A0A6_1_0.eot?dl=0#iefix') format('embedded-opentype'), url('https://dl.dropbox.com/s/83u0x6y8r5pe0ko/35A0A6_1_0.woff2?dl=0') format('woff2'), url('https://dl.dropbox.com/s/y5ni6xzsedjhjtf/35A0A6_1_0.woff?dl=0') format('woff'), url('https://dl.dropbox.com/s/fvzrn89mq9qvdqz/35A0A6_1_0.ttf?dl=0') format('truetype');
}

/* <----- Structure -----> */

body {
    background-color: white;
}


#footer a {
    color: #c0c920 !important;
    border-bottom: none !important;
}

#siteInfo {
    display: none !important;
}

.footer-inner, .pre-footer-inner {
    width: 100%;
    max-width: none !important;
}

.spacer-block {
height:20px;
}

#secondaryNavWrapper {
    display: none;
}

.banner-thumbnail-wrapper {
    display: none !important;
}

.show-product-item-nav #productWrapper #productNav {
    display: none;
}

/* <----- Typography -----> */

p, a, h2, h3, h4, h5, ul, li { 
	font-family: 'CabritoSans-NorMed' !important; 
	font-weight: normal; 
	font-style: normal;
}

h1 {
    font-family: 'CabritoSans-NorExB' !important;
	font-weight: normal;
	font-style: normal;
}

text {
    font-family: 'CabritoSans-NorExB' !important;
	font-weight: normal;
	font-style: normal;
}

strong {
    font-family: 'CabritoSans-NorExB';
}

ul {
    list-style: circle;
    -webkit-padding-start: 0em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.accordion-2__title  {
    font-size: 1em;
        width: 100%;
}

.accordion-2__title:after  {
    font-size: .9em;
}

.accordion-2__content  {
    font-size: .9em;
    width: 100%;
}

.accordion-2__content ul {
    margin: 2em 0;
    font-size: .8em;
    line-height: 1.8em;
    list-style: circle;
    color: grey;
    -webkit-padding-start: 1em !important;
}

#mainNavWrapper nav label, #overlayNav nav label {
    font-family: CabritoSans-NorMed !important; 
}

#mainNavWrapper nav .subnav, #overlayNav nav .subnav {
    text-align: right !important;
    left: auto;
    right: -.5em;
    z-index: 1002;
}

.form-wrapper .field-list {
    font-family: 'CabritoSans-NorMed' !important;
}

.video-caption-wrapper .video-caption {
    color: #bbb;
    text-align: center;
    padding-top: 2em;
}

.image-caption-banner {
    color: white;
    text-align: center;
    display: block;
}

.sqs-editable-button {
    font-family: 'CabritoSans-NorMed' !important;
    padding: 25px 35px !important;
}

.testimonial {
    font-family: 'CabritoSans-NorMed' !important;
    color: #1f1f1fa1;
    border-left: 1px solid lightgrey;
    padding: 0em 1em !important;
    margin: 2em 0 !important;
}

.testimonial-source {
    margin-top: .75em !important;
    font-size: .75em;
    color: #1f1f1fa1;
    
}

/* <----- Homepage Intro -----> */

.homepage-intro {
    text-align: center;
    font-size: 18px;
    line-height: 1.75em;
}

/* <----- Navigation Styling -----> */

@media only screen and (max-width: 768px){
#header #headerNav { display: none !important; }
nav#mobileNavigation { text-align: left !important; }
.subnav a { text-align: left !important; }
}

#overlayNav #mobileNavWrapper nav {
    padding: 1em;
}

#overlayNav .folder label:after {
    content: '+';
    width: .8em;
    display: inline-block;
    margin-left: .5em;
    position: relative;
}

#overlayNav .folder label:before {
    content: none !important;
}

#header #mainNavWrapper { 
    text-align: right !important; 
}

#header #headerNav {
    display: inline-block;
    width: 60%;
    position: relative;
    float: right;
    vertical-align: middle;
    margin-left: auto !important;
    margin-top: 1em !important;
    margin-bottom: auto !important;
}

#header #logoWrapper, #header #siteTitleWrapper {
    position: relative;
    width: 40%;
    display: inline-block;
    left: 0;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    text-align: left;
}

#header #mainNavWrapper .collection,
#header #mainNavWrapper .external, 
#header #mainNavWrapper .index, 
#header #mainNavWrapper .folder { 
    margin: .125em !important;
}

.mobile-nav-toggle-label {
    width: 50%;
    position: relative;
    top: 10px;
    right: auto !important;
    left: auto !important;
    float: right;
}


/* <----- Accordian Card -----> */

.accordian-card {
    background-color: white;
    box-shadow: 0px 0px 80px 0px #00000008;
}

.accordian-card:hover {
    background-color: white;
    box-shadow: 0px 0px 80px 0px #0000001a;
}

.accordian-card-content {
}

.accordian-card-image {
    overflow: hidden;
}

/* <----- Honeycomb -----> */

a.honeycomb:hover{
    opacity: .4;
    cursor: pointer;
}

.honeycomb-label {
    font-family: "CabritoSans-NorExB, Cabrito Sans"; 
    font-size: 10px; 
    font-weight: bold; 
    fill: #000000;
}

.honeycomb-label:hover{
    cursor: pointer;
}


/* <----- Banner Block -----> */

.index-section-wrapper .content.has-main-media h3 {
    color: black;
    font-size: 2em;
}

.banner-block-light {
    background-color: #ffffffeb;
    margin: auto;
    padding: 60px;
    text-align: left;
}

.banner-block {
    background-color: #ffffffeb;
    margin: auto;
    padding: 60px;
    text-align: left;
    box-shadow: 0px 0px 80px 0px #0000001a;
}

.center {
    text-align: center !important;
}

.banner-block-title {
    display: inline-block;
    width: 100%;
    padding: 10px 0px;
}

.banner-block-description {
    display: inline-block;
    width: 100%;
    padding: 0px 0px 40px 0px;
}

.banner-block a {
    padding: 20px 30px 20px 30px;
    color: white;
    background-color: #c2cb20;
}

.banner-block a:hover {
    opacity: .8;
}

@media only screen and (max-width: 768px){
.banner-block {    
    width: 80%;
    padding: 30px;
}
}

/* <----- Testimonial Carousel -----> */



.sqs-block-summary-v2 .summary-title, .sqs-block-summary-v2 .summary-heading {
    font-family: 'CabritoSans-NorMed';
    text-transform: none;
    color: black;
    letter-spacing: 0;
}

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item {
    background-color: white;
    box-shadow: none !important;
    padding: 1em;
}

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item strong {
    font-size: 1.5em;
    line-height: 1.5em;
    font-family: 'CabritoSans-NorMed';
    font-weight: 200;
}

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-item .summary-excerpt p {
    margin: 3em 0;
}

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-block-header {
    overflow: hidden;
    margin: auto;
    width: 100%;
}

.sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-carousel-pager {
    float: right;
    width: 50px;
    margin-bottom: 3em;
}

/* <----- Summary Block -----> */

.sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt) .summary-title, .sqs-block-summary-v2 .summary-block-wrapper:not(.summary-block-setting-show-excerpt) .summary-price {
    margin: 30px 20px 30px 20px;
}

a.summary-title-link {
    text-transform: none;
    color: black !important;
    letter-spacing: .05em;
    font-size: 20px;
    line-height: 1.3em;
}

.summary-metadata.summary-metadata--primary {
    padding: 10px 0px 0px 20px;
}

.sqs-block-summary-v2 .summary-item.positioned:hover {
    box-shadow: 0px 0px 80px 0px #0000001a;
}

.sqs-block-summary-v2 .summary-item {
    background-color: white;
    box-shadow: 0px 0px 80px 0px #00000008;
}

/* <----- Image Card Block -----> */

/* Drop Shadow on Collage Cards */

.image-card {
    background-color: #fff;
    box-shadow: 0px 0px 80px 0px #0000001a;
    padding: 30px;
    box-sizing: border-box;
}

.sqs-block-image .design-layout-overlap img {
    box-shadow: 0px 0px 80px 0px #0000001a;
}

.sqs-block-image .design-layout-overlap .image-title p {
    padding: 5px;
}

/* <----- Contact Cards -----> */

.contact-card {
    background: #c0c920;
    display: flex;
    padding: 1em;
    box-shadow: 0px 0px 80px 0px #00000008;
    text-align: center;
}

.contact-card:hover {
    box-shadow: 0px 0px 80px 0px #0000001a;
    opacity: .9;
}

.contact-info {
    display: inline-block;
    width: 100%;
}

.contact-info-icon {
    display: inline-block;
    font-size: 20px;
    color: white;
    margin-right: 10px;
}

.contact-info-text {
    color: white;
    display: inline-block;
}


/* <----- Homepage Slider -----> */

.index-gallery .title {
    font-weight: 700;
    padding: 30px;
    width: 75%;
}

.index-gallery .description p a {
    position: relative;
    background-color: transparent;
    border: 2px solid white;
    padding: 20px;
    font-size: 16px;
    color: white;
    z-index: 2;
}

.index-gallery .description p a:hover {
    background-color: white;
    color: black;
}

/* <----- Cart Icon -----> */

.custom-cart {
    position: fixed;
    top: 0;
    right: 60px;
    opacity: 1;
    background-color: #c0c920;
    color: rgba(28,28,28,.9);
    visibility: visible;
    font-family: 'CabritoSans-NorMed';
    font-size: 14px;
    text-transform: none;
    z-index: 1101;
}

.custom-cart:hover {
    opacity: .8;
}

/* <----- Video Icon -----> */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 1.5dppx)
.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    background-image: url(//static.squarespace.com/universal/images-v6/damask/play-button@2x.png);
    background-size: 60px;
}
.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    background: transparent url(//static.squarespace.com/universal/images-v6/damask/play-button.png) center center no-repeat;
    height: 60px;
    width: 60px;
    margin-left: -24px;
    margin-top: -24px;
    cursor: pointer;
}

.sqs-video-wrapper:hover {
    box-shadow: 0px 0px 80px 0px #0000001a;
    cursor: pointer;
}

/* <----- Social Footer -----> */

.social-footer {
    text-align: right;
    display: block;
    float: right;
}

.social-icon {
    display: inline-block;
}

.social-icon:hover {
    cursor: pointer;
}

.social-footer i {
    display: inline-block;
    font-size: 1em;
}


.social-footer p {
    display: inline-block;
    padding: 0 1em;
}