/*!
Theme Name: Scratchmap Storefront Child
Version: 1.0
Description: Scratchmap's Child theme for Storefront.
Author: Tom Newman
Author URI: tom-newman.co.uk
Template: storefront
*/




/* --------------- hacks that I am dissapointed with having to use ---------------*/
body.home, body.page-id-79344 {
    overflow-x: hidden;
}
/* ---------------/hacks that I am dissapointed with having to use ---------------*/

/* --------------- debug ---------------*/
pre.hook {
    height: 10px;
    width: 10px;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 5px solid red;
    border-radius: 25px;
    transition: 1s;
    background: rgba(255,255,255,1);
}
pre.hook:hover {
    height: auto;
    width: auto;
    position: absolute;
    overflow: visible;
}
/* --------------- /debug ---------------*/


/* --------------- Storefront Resets ---------------*/

body, button, input, textarea, a, p, b, i, h1, h2, h3, h4, h5, div {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    text-rendering: geometricPrecision;
}


a:focus,
.button:focus,
.button.alt:focus,
.button.added_to_cart:focus,
.button.wc-forward:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline-color: transparent;
}

body, .site, #content {
  overflow-x: visible;
  }


h2 {
    font-weight: 600;
    font-size: 5.5vw;
}

p.small {
    font-size: 3.5vw !important;
}

small {
    font-size: 52%;
}

img {
    border-radius: 0;
}


select {
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 2px;
    padding: 5px 5px;
}

#content a:not(.button, .page-numbers) {
    color: #c79a67 !important;
    text-decoration: underline;
}

.product_features a {
    color: inherit !important;
    text-decoration: none;
}

.site-header {
    padding-bottom: 0;
}

.site-main, .content-area {
    margin-bottom: 0;
}

.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top: 0;
}

.col-full {
    max-width: none;
}

.sph-hero .col-full.sph-inner {
    max-width: none;
    padding: 0 !important;
}

.fullWidth {
//    width: 100vw;
//    left: -9vw;
  //  width: 122%;
  //  left: -11%;
    width: 100vw;
//    left: -6vw;
    left: -5.5vw;
//    position: relative;
}

.fullWidthBackground, nav.secondary-navigation, #sb_instagram #sbi_images {
//    width: 100vw !important;
//    left: -9vw;
    width: 122% !important;
    left: -11%;
    position: relative;
    padding-left: 9vw;
    padding-right: 9vw;
    margin: 0 !important;
}

.sph-hero {
    margin-bottom: 0;
}

ul.products li.product img {
    margin: 0 auto 0.25vw;
    padding-bottom: 5px;
}

.add_to_cart_button {
    display: none;
}

body.woocommerce #primary {
	float: none;
	width: 100%;
}

body:not(.home) div#primary {
    padding-top: 2vw;
}

.woocommerce-breadcrumb {
    display: none;
}

form.form-wppp-select.products-per-page {
    display: none;
}

.products+.storefront-sorting .woocommerce-ordering {
    display: none;
}

nav.storefront-product-pagination {
    display: none;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews, p.no-comments {
    background: #c79a67;
}

.overlay.animated span:before {
    background-color: transparent !important;
}

/* ---------------/Storefront Resets ---------------*/


/* ------------------------- Plugin Resets -------------------------*/
/* --------------- Cookie Consent Resets ---------------*/
div#cookie-law-info-again {
    right: 9vw !important;
}
/* ---------------/Cookie Consent Resets ---------------*/
/* -------------------------/Plugin Resets -------------------------*/


/* --------------- mobile specific styling...first ---------------*/
button.menu-toggle {
    border: 0 none;
    color: transparent;
    position: ABSOLUTE;
    right: 0;
    top: 40px;
    font-size: 0;
    min-height: 15px;
    min-width: 15px;
    z-index: 10;
}

.storefront-handheld-footer-bar ul li.cart .count, button.menu-toggle:after, button.menu-toggle:before, button.menu-toggle span:before {
    background-color: #c79a67;
}

.main-navigation .menu {
    clear: both;
    background: #FFFFFF;
//    width: 100vw;
    width: 88vw;
    left: 0;
    position: relative;
    text-align: center;
}

.main-navigation.toggled .menu {
    padding-top: 60px;
    padding-bottom: 60px;
}




/* ---------------/mobile specific styling...first ---------------*/





/* --------------- Extend grid system ---------------*/
.columns-2 {
    white-space: nowrap;
}
.columns-2>div {
    width: 50%;
//    float: left;
    white-space: normal;
}

/* ---------------/Extend grid system ---------------*/


/* --------------- Top Strip ---------------*/

.topStripWidget {
    position: absolute;
    // right: 550px;
    // right: 30vw;
    right: 36vw;
    z-index: 10;
    font-size: 0.95vw;
    line-height: 1;
}
.top_strip_widget.wcml_currency_switcher {
    display: none;
    border: 0 none;
}
.handheld_menu_widget.wcml_currency_switcher {
    display: block;
}

/* ----- new currency switcher -----*/
.wcml-horizontal-list li a {
    color: #FFFFFF;
    padding: 0.4vw 0.75vw;
    font-size: 0.875em;
}

.wcml-horizontal-list li.wcml-cs-active-currency {
    background: #c5c5c5;
}

.wcml-horizontal-list li a:hover {
    background: #c79a67;
}
/* -----/new currency switcher -----*/

ul.currency_switcher li a {
    padding: 0.4vw 0.75vw;
    font-size: .875em;
    line-height: 1;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
}

ul.currency_switcher li a.active, ul.currency_switcher li a:hover {
    background: #c5c5c5;
}

nav.secondary-navigation {
    background: #d7d7d7;
//    width: 106% !important;
//    position: relative;
//    left: -3%;
//    padding: 0 3%;
    font-size: 0.95vw;
}

.secondary-navigation ul.menu a {
    color: #FFFFFF;
    padding: 0.4vw 0.75vw;
}
/* ---------------/Top Strip ---------------*/


/* --------------- Rearrange header ---------------*/

header#masthead {
    // overflow: hidden;
    position: fixed;
}


body:not(.page-template-template-interactive-scratchmap) #content {
   // padding-top: 22vw;
    padding-top: calc(22vw + 28px);
}


nav.secondary-navigation {
    margin: 0;
    min-width: 100%;
}

.site-header {
    padding-top: 0;
}

.site-header .site-branding {
    width: 21.5%;
    margin: 0;
    float: left;
    clear: none;
    // padding: 20px 0;
    padding: 15px 0 5px;
    position: relative;
    z-index: 1;
}

.storefront-primary-navigation {
    margin: 0;
    padding: 0;
    float: left;
    clear: none;
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {
    text-align: center;
}

.woocommerce-active .site-header .site-header-cart {
    width: 17.5%;
    float: left;
}


#site-header-cart.full  .cart-contents {
    display: block;
}

#site-header-cart.full  .cart-contents::after {
    background: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Cart.png');
    height: 20px !important;
    width: 20px !important;
    margin: 10px;
    background-size: cover;
    content: ' ' !important;
    position: absolute;
    right: 35px;
    top: 27px;
}

.woocommerce-active .site-header .main-navigation.toggled+ul+.site-search {
    display: block;
    height: 60px;
}

.woocommerce-active .site-header .site-search {
    width: 2.5%;
    // padding: 36px 25px;
    padding: 2vw 0.75% 0;
    text-align: right;
    margin: 0;
    position: absolute;
    // margin: -7px 0px 0px 0px;
    margin: 0px;
    top: 100px;
    left: 0;
    width: 100%;
}

#site-header-cart {
    transition: 1s;
    opacity: 1;
}
#site-header-cart.empty {
    opacity: 0;
}

.site-header-cart .cart-contents {
    padding-top: 2vw;
}

.site-header-cart .cart-contents>span {
    display: none;
}

.site-header-cart .cart-contents>span.count {
    display: block !important;
    position: absolute;
    color: #FFFFFF !important;
    z-index: 10;
    background: #444;
    opacity: 1 !important;
    border-radius: 25px;
    overflow: hidden;
    line-height: 1.4;
    text-align: center;
    border: 2px solid #FFFFFF;
    top: 5.5vw;
    right: 6vw;
    font-size: 3vw;
    padding: 0.5vw;
    width: 6vw;
    height: 6vw;
}


.site-header-cart .cart-contents:after {
    background: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Cart.png");
    height: 1.5vw;
    width: 1.5vw;
    margin: 0.5vw 0;
    background-size: cover;
    content: '';
}

.widget.woocommerce.widget_shopping_cart {
    width: 200%;
    margin-left: -85%;
    margin-top: 0;
    position: absolute;
    top: 4.2vw;
}

#site-header-cart .widget.woocommerce.widget_shopping_cart {
    transform: scaleY(0);
    transition: 0.5s;
    transform-origin: top center;
    left: auto;
}

#site-header-cart:hover .widget.woocommerce.widget_shopping_cart {
    transform: scaleY(1);
}
/*
#site-header-cart.open .widget.woocommerce.widget_shopping_cart {
    transform: scaleY(1);
}
*/
/*
.woocommerce-active .site-header .site-search::before {
    content: '\f002';
    font-family: 'FontAwesome';
    color: #c79a67;
    font-size: 1.25vw;
}
*/
.woocommerce-active .site-header .site-search .widget_product_search {
    width: 100%;
    background: #FFFFFF;
    right: 0;
    height: 0;
    padding: 0;
    padding: 0 1vw;
    transition: 0.5s;
    z-index: -1;
}

/*
.woocommerce-active .site-header .site-search .widget_product_search.open {
    height: auto;
    padding: 1vw;
    padding-top: 70px;
}
*/
/*
.site-header .site-search:hover .widget_product_search, .woocommerce-active .site-header .site-search .widget_product_search.open {
    height: auto;
    padding: 1vw;
    padding-top: 50px;
}
*/

.site-search .widget_product_search form input[type=search], .site-search .widget_product_search form input[type=text] {
    border: 0 none;
    box-shadow: none;
}

/* ---------------/Rearrange header ---------------*/

/* --------------- Main Navigation ---------------*/
.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a  {
    color: #c79a67;
    font-weight: 600;
    font-size: 5vw;
    padding: 3vw;
}


.handheld-navigation {
    pointer-events: all;
}

.handheld-navigation .menu {
    transition: 1s;
}

.site-search {
    height: 0;
    transition: 1s;
    overflow: hidden;
    display: block;
}
.widget_product_search button {
    display: none;
}

#site-navigation .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher, #site-navigation #currency_converter {
    position: absolute;
    top: 110vw;
    opacity: 0;
    z-index: 10;
    transition: 0.25s;
    pointer-events: none;
}

#site-navigation.toggled .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher, #site-navigation.toggled #currency_converter {
    // top: 110vw;
    top: calc( 11em + 90vw);
    transition-delay: 0.5s;
    opacity: 1;
    pointer-events: all;
}

#site-navigation .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher ul li a:hover, #site-navigation .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher ul li.wcml-cs-active-currency a, #site-navigation ul.currency_switcher li a.active, ul.currency_switcher li a:hover {
    background: #c79a67;
    color: #FFFFFF;
}

#site-navigation .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher ul li a, #site-navigation ul.currency_switcher li a {
    color: #c79a67;
    font-size: 4.5vw;
    padding: 1.5vw 3vw;
}

#site-navigation .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher ul, #site-navigation ul.currency_switcher {
    width: 90vw;
    text-align: center;
}

#site-navigation .wcml-horizontal-list.handheld_menu_widget.wcml_currency_switcher ul li, #site-navigation ul.currency_switcher li {
    float: none;
    display: inline-block;
}
/* ---------------/Main Navigation ---------------*/


/* --------------- Homepage - remove title and spacing for it ---------------*/
.home .entry-title {
    display: none;
}
.page-template-template-homepage .page {
    padding: 0;
    margin: 0;
}
/* ---------------/Homepage - remove title and spacing for it ---------------*/


/* --------------- Resize and offset homepage parralax ---------------*/
/*
.home .sph-hero:not([id^="sph"]) {
    padding-top: 20%;
    margin-top: -27%;
}
.home .sph-hero:not([id^="sph"]) .overlay {
    min-height: auto !important;
    height: 25vw;
}
.sph-hero:not([id^="sph"]) .sph-hero-content-wrapper {
    margin-bottom: 2.5vw;
}
*/
.sph-hero:not([id^="sph"]) {
    padding-top: 21vw;
    margin-top: -21vw;
}

.sph-hero:not([id^="sph"]) .overlay {
    min-height: 22VW;
}
.sph-hero:not([id^="sph"]) .sph-inner-wrapper {
 //   min-height: 30VW;
}
.sph-hero:not([id^="sph"]) .sph-inner {
    top: 42.5%;
}
/* --------------- Resize and offset homepage parralax ---------------*/



/* --------------- logo in hero ---------------*/
/*
img.heroLogo {
    width: 15vw;
    margin: 0 auto;
    position: absolute;
    top: -18vw;
    left: 0;
    right: 0;
    bottom: 0;
}
.sph-hero:not([id^="sph"]) .overlay.animated .sph-hero-content-wrapper {
    overflow: visible;
}
.sph-hero:not([id^="sph"]) .col-full.sph-inner {
    top: calc(50% + 7vw);
}
*/
.sph-hero img.heroLogo {
    margin: 0 auto;
    width: 65%;
}
/* ---------------/logo in hero ---------------*/


/* --------------- text in hero ---------------*/
.sph-hero h1, .sph-hero h2 {
    font-weight: 600;
    font-size: 6vw;
}

.sph-hero p {
    font-weight: 100;
    text-transform: lowercase;
}

.sph-hero a.button {
    color: #c79a67;
    font-size: 3.5vw;
  //  text-transform: capitalize;
    text-transform: none;
}
/* ---------------/text in hero ---------------*/

/* --------------- overlay on hero ---------------*/
section.sph-hero.center.full {
    position: relative;
    overflow: hidden !important;
    width: 100vw;
}

.sph-hero:not([id^="sph"]) {
    width: 114%;
    margin-left: -7%;
}

.sph-hero:not([id^="sph"]) .overlay {
    background-color: rgba(0, 0, 0, 0.35) !important;
    /*
    position: relative;
    overflow: hidden !important;
    width: 84.5vw;
    */
}
/* ---------------/overlay on hero ---------------*/


/* --------------- homepage featured products ---------------*/

.storefront-featured-products h2.section-title {
    display: none;
}

section.storefront-featured-products {
    margin-top: 2vw;
    position: relative;
    z-index: 10;
    margin-bottom: 2vw;
}

section.storefront-featured-products ul.products li.product .woocommerce-loop-product__title, section:not(.storefront-featured-products) ul.products li.product h2, section:not(.storefront-featured-products) ul.products li.product h3 {
        text-align: left;
        width: 75%;
        float: left;
}

section.storefront-featured-products ul.products li.product .price {
    width: 27%;
    font-weight: 300;
    float: left;
    line-height: 1.1;
    text-align: right;
}


/* ---------------/homepage featured products ---------------*/

/* --------------- homepage categories ---------------*/
section.storefront-product-categories {
    // padding: 4vw 0 0;
    padding: 0;
    margin-left: -5.5vw;
}

.storefront-product-categories ul.products li.product {
    width: 100%;
    height: 40vw;
    overflow: hidden;
    margin: 0 0 -7px 0 !important;
}

.storefront-product-categories ul.products li.product img {
    position: absolute;
    width: 100%;
    bottom: 0;
   // right: 2%;
    margin: 0;
}

.storefront-product-categories>div>h2 {
    text-align: center;
    margin: 0 25%;
    padding-top: 40px;
}

.storefront-product-categories>div>h2::after {
    content: '';
    border-bottom: 2px solid #c79967;
    width: 25%;
    display: block;
    margin: 1.5vw auto 3.5vw;
}

.storefront-product-categories .product h2 span  {
}

.storefront-product-categories ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2 {
 //   display: none;
    text-align: right !important;
    position: absolute;
    top: 65%;
//    transform: translateY(-50%) translateX(-50%);
//    left: 50%;
    right: 10%;
    width: 100% !important;
//    height: 35%;
    vertical-align: middle;
    color: #FFFFFF;
//    font-size: 1.8vw !important;
    font-size: 8.5vw !important;
//    background: rgba(0,0,0,0.5);
//    border: 3px solid rgba(255,255,255,0.75);
    line-height: 1;
}

.storefront-product-categories .product .count {
    display: none;
}

.storefront-product-categories ul.products {
    width: 100%;
    margin-left: 0%;
}


.storefront-product-categories a.button, a.button.fullRange {
    // margin: 0 auto 3.5vw;
    margin: 0 auto 10vw;
    text-align: center;
    display: block;
    color: #FFFFFF;
    background: #c79967;
    width: 50vw;
    font-size: 3.75vw;
}

/* ---------------/homepage categories ---------------*/

/* --------------- Content blocks ---------------*/

.content-block>div {
    position: relative;
//    width: 100%;
//    width: 114%;
    width: 100vw;
    left: -5.5vw;
//    left: -7%;
//    left: -7.5vw;
}

.content-block>div>div {
    background: #ebebeb;
    background-size: cover;
    width: 100%;
    min-height: 30vw;
    height: auto;
}

.content-block h2 {
    margin-bottom: 0;
    padding-top: 2.75vw;
}
.second.content-block h2 {
    margin-top: 3vw;
}
.third.content-block h2 {
    margin-top: 0;
    padding-top: 0.5vw;
}

.content-block .beta+h3, .content-block h2+h3 {
    border-top: 0 none;
    border-bottom: 0.1vw solid #c79967;
    color: #c79967;
    font-size: 3.5vw;
    font-weight: 400;
    padding: 1vw 0 1.25vw;
    margin-top: 0 !important;
    margin-bottom: 1.25vw;
    width: 22%;
    overflow: visible;
    white-space: nowrap;
}

.content-block p {
    font-size: 3vw;
    line-height: 4vw;
    font-weight: 300;
}

.content-block .button {
    width: 50vw;
    text-align: center;
    display: block;
    font-size: 3.5vw;
    color: #FFFFFF;
    background: #c79967;
    margin: 0 auto;
}

.first.content-block>div>div:first-child {
   // background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/scratchmap-design-cmp.png");
   background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/IMG_7965.jpg");
    background-position: 10%;
}

.second.content-block>div>div:first-child {
    background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Van-@irenyap.jpg");
    background-position: 0 -64vw;
    margin-top: 0 !important;
    padding-top: 36vw;
    background-clip: border-box;
    border-bottom: 52vw solid #ebebeb;
    height: 0;
}

.second.content-block>div>div:last-child {
   background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Van-@irenyap.jpg");
   background-position: 0 55%;
}

.third.content-block>div>div:first-child {
   // background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Heldberg - @heldbergs_official.jpg");
   // background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/IMG_5205.jpg");
   background-image: url("/wp-content/themes/Scratchmap Storefront Child/assets/imgs/LUKAJ7RGB.jpg");
   background-position: 0 71%;
}


.content-block>div>div:first-child h2, .content-block>div>div:first-child h3, .content-block>div>div:first-child p, .content-block>div>div:last-child h2, .content-block>div>div:last-child h3, .content-block>div>div:last-child p {
    margin-left: 8vw;
    margin-right: 8vw;
}
/*------ reverse order (picture then text) on mobile ------*/
.second.content-block>div>div:first-child, .third.content-block>div>div:first-child {
 //   float: right;
    // margin-top: 44vw;
    margin-top: 50vw;
}

.second.content-block>div>div:last-child, .third.content-block>div>div:last-child {
    float: none;
}
.third.content-block>div>div:first-child {
    position: absolute;
}
.third.content-block>div>div:last-child {
    padding: 10px 0 30px;
}
/*------/reverse order (picture then text) on mobile ------*/

/* ---------------/Content blocks ---------------*/

/* --------------- rearrange product logo parralax ---------------*/
.home .sph-hero[id^="sph"] .product_logos img {
    display: inline-block;
   // padding: 0 5vw;
   // height: 20vw;
    padding: 0 3.833vw;
    width: 19vw;
    box-sizing: content-box;
}

.sph-hero[id^="sph"] {
    height: 29vw;
    width: 100vw;
    // margin-left: -7.5vw;
    margin-left: -5.5vw;
    border: 2vw solid white !important;
    border-width: 1.5vw 0 1.5vw 0 !important;
}

.sph-hero[id^="sph"] .overlay {
    background-color: rgba(0,0,0, 0.2) !important;
    padding: 4vw;
}

[id^="sph"]  .sph-inner-wrapper {
    min-height: 20vw!important;
}

.sph-hero[id^="sph"] h1, .sph-hero[id^="sph"] h2 {
    display: none;
}

.sph-hero[id^="sph"] p {
    margin-bottom: 0;
    margin-top: 0.75vw;
}

[id^="sph"] .col-full.sph-inner {
    padding: 0 !important;
}
/*
[id^="sph"] .sph-hero-content-wrapper:before {
    content: '<';
    position: absolute;
    left: 2vw;
    top: 50%;
}

[id^="sph"] .sph-hero-content-wrapper:after {
    content: '>';
    position: absolute;
    right: 2vw;
    top: 50%;
}
*/
[id^="sph"] .sph-hero-content-wrapper .logo_arrow {
    position: absolute;
    top: 0%;
    height: 100%;
    width: 5vw;
    z-index: 10;
    font-family: FontAwesome;
    cursor: pointer;
    color: #FFFFFF;
}

[id^="sph"] .sph-hero-content-wrapper .logo_arrow.prev {
    left: 0vw;
}

[id^="sph"] .sph-hero-content-wrapper .logo_arrow.next {
    right: 0vw;
}

[id^="sph"] .sph-hero-content-wrapper .logo_arrow.prev:before {
    // content: '<';
    content: '\f053';
    height: 15%;
    display: inline-block;
    margin: 100% 0;
}

[id^="sph"] .sph-hero-content-wrapper .logo_arrow.next:after {
    // content: '>';
    content: '\f054';
    height: 15%;
    display: inline-block;
    margin: 100% 0;
}


[id^="sph"] .sph-hero-content .window {
   // overflow: hidden;
  //  width: 100vw;
    width: 80vw;
    z-index: 5;
}

[id^="sph"] .product_logos .slider {
   // width: 270vw;
    width: 440vw;
    transition: 1s;
   left: 0;
   text-align: left;
}

[id^="sph"] .product_logos .slider a:nth-child(3n) {
    padding-right: 8vw;
}

[id^="sph"] .product_logos .slider a:nth-child(4n) {
 //   padding-right: 0vw;
}

/* ---------------/rearrange product logo parralax ---------------*/

/* --------------- homepage product display ---------------*/
.homepage_product_list>.storefront-product-section>h2 {
    text-align: center;
    margin: 0 25%;
    margin: 0 25%;
    padding: 7vw 0 2vw
}

.homepage_product_list>.storefront-product-section>h2::after {
    content: '';
    border-bottom: 0.1vw solid #c79967;
    width: 25%;
    display: block;
    margin: 1.5vw auto 1.5vw;
}
/* ---------------/homepage product display ---------------*/

/* --------------- product display ---------------*/

.woocommerce-ordering {
    float: left;
}

p.woocommerce-result-count {
    margin: 4px 0;
}

.woocommerce-result-count {
    float: right;
}

section:not(.storefront-featured-products) ul.products li.product .woocommerce-loop-product__title, section:not(.storefront-featured-products) ul.products li.product h2, section:not(.storefront-featured-products) ul.products li.product h3 {
    text-align: left;
    width: 80%;
    max-width: 260px;
    margin: 0;
    margin-left: auto !important;
    display: inline-block;
    float: none;
}

section:not(.storefront-featured-products) ul.products li.product .price {
    // width: 25%;
    width: 27%;
    font-weight: 300;
 //   max-width: 65px;
    margin: 0;
    margin-right: auto;
    display: inline-block;
    text-align: right;
}

section:not(.storefront-featured-products) ul.products li.product span.onsale  {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 12px;
    line-height: 1.1;
    padding: 5px 10px;
    height: 25px;
    background: #c79967;
    color: #fff;
}

.storefront-product-section.storefront-best-selling-products>a.button{
    margin: 4vw auto 2vw;
    width: 50vw;
    text-align: center;
    display: block;
    font-size: 3.75vw;
    color: #FFFFFF;
    background: #c79967;
}

.storefront-product-section.storefront-best-selling-products>a.button.scrollToTop {
    margin: 2vw auto !important;
    border: 1px solid #c79967;
    background: #FFFFFF !important;
    color: #c79967 !important;
}

/* ---------------/product display ---------------*/








/* --------------- product page ---------------*/
.single-product .images {
    width: 114%;
    margin-left: -7%;
}

.single-product #page #primary {
    padding-top: 0;
}

.storefront-full-width-content.single-product div.product .summary {
    width: 100%;
}

.single-product h1.product_title.entry-title {
    font-size: 6.5vw;
    font-weight: 500;
    // margin: 0 0 2.5vw;
    margin: 0 0 1.5vw;
    // line-height: 0.8;
    line-height: 1.2;
    padding: 6px 0;
}

.single-product h1.product_title.entry-title:after {
    content: '';
    display: block;
    height: 0.5vw;
    width: 100%;
    background: #c79a67;
    margin: 2vw 0;
}

.single-product div.product .summary .product_description {
    //width: 33.333%;
    width: 100%;
    float: left;
    position: sticky;
    position: -webkit-sticky;
    // top: 75px;
    top: calc(8.25vw + 35px);
    padding: 0px 3% 50px 0;
}


.panel--description h2 {
    display: none;
}

.product_description h2 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 25px;
}

.product_description p {
    margin: 0;
}

.single-product div.product form.cart {
    float: right;
}

.single-product div.product .product_description form.cart .quantity {
    display: none;
}

.single-product div.product p.price {
    display: inline-block;
    // width: 66.5%;
    margin: 0;
    padding-top: 3px;
}

.single-product div.product form.cart {
    display: inline-block;
    // padding: 0 0 1.5vw 0;
    padding: 0 0 1.2vw 0;
    margin: 0;
}

.single-product div.product .product_features {
    clear: both;
}

.product_feature_bullets, .product_dimensions, .product_materials {
    display: block;
}

.single-product .product_features {
    margin-top: 8vw;
}

.product_description ul {
   margin: 0 0 0 20px;
}

.product_description ul.spansAdded li {
    transition: 1s;
}

.product_description ul.spansAdded li {
    color: #c79a67;
}

.product_description ul.spansAdded li span {
    color: #6d6d6d;
}

.product_delivery_information {
    clear: both;
    padding: 50px 0 20px;
}

.product_delivery_information br {
    clear: both;
}
.product_delivery_information hr {
    margin: 1.5vw auto;
    background-color: #c79a67;
}

.product_delivery_information a {
    display: block;
}

.product_delivery_information a:first-of-type {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: #c79a67;
    margin: 0 0 0.5vw;
}

.product_delivery_information small {
    font-size: 90%;
    opacity: 0.9;
}

.single-product div.product .images, .single-product div.product .summary, .single-product div.product .woocommerce-product-gallery {
    margin-bottom: 25px;
}

.storefront-full-width-content.single-product div.product .woocommerce-product-gallery {
    width: 66.666%;
    margin: 0;
}

.single-product div.product .woocommerce-product-gallery__image {
    float: left;
    width: 48.5%;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(2n-1) {
    padding: 0 3% 3% 0;
    box-sizing: content-box;
}
.single-product div.product .woocommerce-product-gallery__image>img {
    display: none !important;
}

.single-product div.product .woocommerce-product-gallery img {
    float: left;
    border-radius: 0;
    width: 100%;
}

.single-product div.product {
    overflow: visible;
}

button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart, .widget a.button.checkout {
    background-color: #5d5d5d;
    border-color: #5d5d5d;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none;
}

.related.products>h2 {
    text-align: center;
    margin: 0 20%;
    font-size: 5.5vw;
    font-weight: 400;
    margin: 0 25%;
    padding: 0 0 7vw;
}

.related.products>h2:after {
    content: '';
    border-bottom: 0.5vw solid #c79967;
    width: 60%;
    display: block;
    position: relative;
    left: 0%;
    margin: 1.5vw auto 1vw;
    padding: 0 0 1.5vw;
}










.single-product div.product form.cart {
  //  padding: 2vw 0 1.2vw;
    padding: 0vw 0 1.2vw;
}

.bundled_product .price:after {
    content: '£20.21';
    padding-left: 3%;
}

.bundled_product span.woocommerce-Price-amount.amount {
    text-decoration: line-through;
}

.bundled_product_summary .bundled_product_title a.bundled_product_permalink:before {
    content: '' !important;
}

h4.bundled_product_title.product_title {
    margin: 0;
}

.bundle_form.bundle_sells_form {
    padding: 2vw 0 0;
    width: 100%;
    float: left;
}

/*
	button.single_add_to_cart_button.button.alt {
		position: absolute;
		top: 5vw;
		// left: 15.85vw;
		left: auto;
		right: 2.5vw;
	}
*/
.bundled_product.bundled_product_summary.product.bundled_item_optional {
    padding: 0 0 1.5vw !important;
    margin: 0;
}

.bundled_product_images.images {
    margin: 0 !important;
    width: 18% !important;
}

figure.bundled_product_image.woocommerce-product-gallery__image {
    width: 100% !important;
}

.storefront-full-width-content .bundle_form div.bundled_product_summary .details {
    width: 78% !important;
}

.bundle_sells_title p {
   // font-size: 1vw;
  font-size: 3.5vw;
    font-weight: 500;
    padding: 0 !important;
  //  text-align: center;
}

.bundled_product span.item_title {
    // font-size: 1vw;
    font-size: 4vw;
    line-height: 1;
}

.bundled_product_excerpt.product_excerpt, .bundled_product_optional_checkbox {
  //  font-size: 0.75vw;
    font-size: 3vw;
}

.bundle_sells_title {
    padding-top: 1vw;
    border-top: 1px solid #c79a67;
}

label.bundled_product_optional_checkbox {
    width: 100%;
}

.bundle_form div.bundled_product_summary {
    border-color: #c79a67 !important;
}

.bundled_product_excerpt.product_excerpt::after {
    content: 'The perfect way to hang your Scratch Map.';
}

.bundled_product_excerpt.product_excerpt p {
    display: none;
}

h4.bundled_product_title.product_title {
    line-height: 1.5;
}

.bundle_sells_title h3 {
    margin-bottom: 1vw;
}

.bundle_sells_title + .bundle_form.bundle_sells_form {
	padding-bottom: 4vw;
}

/* ---------------/product page ---------------*/



/* --------------- archive page ---------------*/

.archive header.woocommerce-products-header h1:after {
    width: 75%;
    margin: 15px auto 15px 0;
    content: '';
    border-bottom: 2px solid #c79967;
    display: block;
}
.archive header.woocommerce-products-header {
    padding-bottom: 20px !important;
}
span.productLabel {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1% 4%;
    color: #FFFFFF;
    background: #c79a67;
	font-size: 100%;
}  
/* ---------------/archive page ---------------*/



/* --------------- general product display ---------------*/

ul.products {
    width: 110%;
    margin-left: -5%;
}

ul.products li.product:nth-child(2n-1) {
    // margin-right: 2%;
    margin: 0 1.15%;
}

.products .product {
    width: 48%;
    display: inline-block;
    margin-bottom: 5% !important;
}

ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 {
    font-size: 3.75vw;
    text-align: left !important;
    width: 73% !important;
    float: left !important;
    min-height: 2.5em;
}

ul.products li.product .price {
    font-size: 3.75vw;
    width: 27%;
    font-weight: 300;
    float: left;
    line-height: 1.1;
}

ul.products li.product .price, ul.products li.product .price ins, ul.products li.product .price del {
    font-weight: 300 !important;
    margin: 0;
}

ul.products li.product span.onsale {
 //   display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    color: white;
    border-color: white;
    font-size: 3vw;
}



/* ---------------/general product display ---------------*/



/* --------------- General Information Pages ---------------*/
.page-template-default h1:after {
    content: ' ';
    width: 7.5%;
    margin: 15px auto 15px;
    border-bottom: 2px solid #c79967;
    display: block;
}

.page-template-default div#content {
    text-align: center;
}
/* ---------------/General Information Pages ---------------*/


/* --------------- Contact page ---------------*/
/* .page-id-12446 .entry-content, .page-id-6 .entry-content { */
.page-contact .entry-content {
    max-width: 650px;
    margin: 0 auto;
}
/* ---------------/Contact page ---------------*/

/* --------------- FAQ page ---------------*/

.page-id-12443 h4, .page-id-66436 h4 {
    padding-top: 25px;
    border-top: 1px solid #BBBBBB;
}

.page-id-12443 h4:first-child, .page-id-66436 h4:first-child {
    border-top: 0 none;
}


.question {
    padding: 5px;
//    margin: 5px 0;
    border: 1px solid #BBBBBB;
    border-width: 1px 0 0 0;
    font-size: 105%;
//    border-radius: 2px;
    cursor: pointer;
    overflow: hidden;
}

.question:last-child {
    border-width: 1px 0 1px 0;
}

.answer {
    max-height: 0;
    transition: 1s;
}
.question.open .answer {
    max-height: 750px;
}

.question table.deliveryDetails {
    margin-bottom: 0;
}

.question>p{
    margin: 0;
}
/* ---------------/FAQ page ---------------*/


/* --------------- Cart page ---------------*/
form.woocommerce-cart-form .product-remove {
 //   display: none !important;
}

form.woocommerce-cart-form .product-remove a.remove:before {
    color: #c79a67;
}


table.cart .product-thumbnail img {
    max-width: 50vw;
}

form.woocommerce-cart-form td {
    vertical-align: middle;
}
/* ---------------/Cart page ---------------*/



/* --------------- Checkout page ---------------*/
.woocommerce-checkout .woocommerce-info>a {
    color: #c79a67 !important;
}
.woocommerce-checkout .woocommerce-info {
    color: grey;
    background: rgba(0,0,0,0.1);
}
/*--------------/Checkout page ---------------*/



/* --------------- Origins page ---------------*/
.page-origins-of-the-scratch-map header.entry-header {
    position: absolute;
    width: 100%;
    margin-left: -9vw;
    margin-top: 0.8vw;
}

.page-origins-of-the-scratch-map div#primary {
    padding-top: 0 !important;
    margin-top: -0.5vw;
}

.page-origins-of-the-scratch-map h1.entry-title {
    width: 40vw;
    position: absolute;
    font-size: 7vw;
    top: 36VW;
    left: 35vw;
    text-align: center;
    padding-top: 10px;
}

.page-origins-of-the-scratch-map h1:after {
    width: 18%;
}

.page-origins-of-the-scratch-map .entry-content>p, .page-origins-of-the-scratch-map .entry-content>blockquote {
    padding: 5% 53vw 5% 9vw;
    background-size: 105vw;
    background-repeat: no-repeat;
    background-position: right;
    height: 12vw;
    width: 104vw;
    margin-left: -9vw;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 3.5vw;
    text-align: left;
    height: 23.5vw;
}
.page-origins-of-the-scratch-map .entry-content>p:nth-child(2n), .page-origins-of-the-scratch-map .entry-content>blockquote:nth-child(2n) {
    padding: 61vw 5vw 0 6vw;
    background-position: right;
    height: auto;
}

.page-origins-of-the-scratch-map .entry-content p.first {
    background-image: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/origins/01.jpg');
    background-size: 150%;
    height: 95vw;
    padding: 75% 6% 0;
    background-position: -24vw 0vw;
    text-align: center;
    color: #333333;
}

.page-origins-of-the-scratch-map .entry-content blockquote.second {
    background-image: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/origins/02.jpg');
    background-position: 0 -1.5vw;
    border: 0 none;
    margin-top: 10px;
}

.page-origins-of-the-scratch-map .entry-content p.third {
    background-image: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/origins/03.jpg');
    padding: 60vw 4vw 4vw 6vw;
    background-position: 100% -15vw;
    // height: 109vw;
    height: 115vw;
}

.page-origins-of-the-scratch-map .entry-content p.fourth {
    background-image: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/origins/04.jpg');
    background-position: 0 -0.5vw;;
    padding-top: 74vw;
    padding-bottom: 4vw;
}

.page-origins-of-the-scratch-map .entry-content p.fifth {
    background-image: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/origins/05.jpg');
    background-position: 100% -3vw;
    padding: 72vw 4vw 3vw 6vw;
    // height: 99vw;
    height: 105vw;
}
.page-origins-of-the-scratch-map section.sph-hero.center.full[id^="sph"] {
    background-origin: content-box;
    // padding-top: 14vw;
    margin-left: -5vw;
}

.page-origins-of-the-scratch-map [id^="sph"] .overlay.animated {
   // margin-top: -14vw;
}

.page-origins-of-the-scratch-map [id^="sph"] img.heroLogo {
    display: none;
}

.page-origins-of-the-scratch-map [id^="sph"] a.button {
    color: #c79a67;
    font-size: 3.5vw;
    text-transform: none;
    margin-top: 4vw;
}
/* ---------------/Origins page ---------------*/


/* --------------- instagram feed ---------------*/
.instagram_feed.col-full {
    margin: 0;
}
.instagram_feed>h2 {
    margin-bottom: 0;
}
.instagram_feed>h2:after {
    content: '';
    border-bottom: 0.5vw solid #c79967;
    width: 30%;
    display: block;
    position: relative;
    left: 0%;
    margin: 1.5vw auto 1vw;
}

#sb_instagram {
    overflow: scroll;
    width: 100vw !important;
    // margin-left: -5.5vw;
    margin-left: 0vw;
    padding-left: 9.5vw;
    padding-bottom: 0 !important;
}

#sb_instagram .sb_instagram_header {
    display: none;
}

#sb_instagram #sbi_images {
//    width: 100vw;
//    margin-left: -3vw;
    padding: 0 0 0.5vw !important;
}

#sb_instagram #sbi_images .sbi_item {
    padding: 0 !important;
}

#sb_instagram .sbi_photo {
    margin: 0 0.35vw !important;
}

.instagram_feed h2 {
    font-size: 5.5vw;
    font-weight: 500;
    // padding-top: 6vw;
    padding-top: 10vw;
    text-align: center;
}

.instagram_feed .beta+h3, .instagram_feed h2+h3 {
//    border-top: 2px solid #c79967;
    border-top: 0 none;
    font-style: italic;
    margin-top: 0 !important;
    text-align: center;
}



.sbi_photo {
    width: 40vw;
    min-height: 40vw !important;
    max-height: 40vw !important;
    float: left;
}

.sbi_item {
    width: 40vw !important;
}

#sb_instagram #sbi_images {
    width: 320vw !important;
}


div#sbi_load {
    display: none;
}

/* ---------------/instagram feed ---------------*/

/* --------------- newsletter signup ---------------*/
.newsletter-signup {
    // background: #e1e1e1;
    background: #c7c7c7;
    // padding-top: 5vw !important;
    // padding-bottom: 5vw !important;
    padding: 5vw 20vw !important;
    margin: 0;
}

.newsletter-signup form .mc-field-group {
    width: 100%;
}

.newsletter-signup p {
  //  width: 25%;
   // width: 100%;
    text-align: center;
    float: left;
    margin: 0;
    font-size: 5vw;
    margin-top: -1vw;
    color: #FFFFFF;
    font-style: italic;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    width: 130%;
    margin-left: -15%;
    padding-bottom: 10px;
    border-radius: 0;
}

.newsletter-signup form {
    width: 100%;
    display: inline-block;
    margin: 0;
}

.newsletter-signup #mc_embed_signup form .mc-field-group label, .newsletter-signup #mc_embed_signup form .mc-field-group #mc-indicates-required {
    display: none;
}

.newsletter-signup form input, #mc_embed_signup .mc-field-group input {
    // width: 92%;
    width: 100%;
    text-align: center;
    font-size: 3vw;
    font-weight: 600;
  //  text-transform: capitalize;
    color: #c79967 !important;
//    margin: 0 4%;
}

#mc_embed_signup {
    padding-top: 100px;
}

#mc_embed_signup .mc-field-group input.datepart {
    // width: 40%;
    width: 48%;
    white-space: nowrap;
    display: inline-block;
    float: right;
    border-radius: 0;
}


#mc_embed_signup .mc-field-group .dayfield input.datepart {
    float: left;
}


span.subfield.dayfield, span.subfield.monthfield {
    white-space: nowrap;
}

.dateDivider {
    white-space: nowrap;
    display: inline-block;
    width: 2%;
    height: 8.5vw !important;
    padding: 1vw 0;
}

#mc_embed_signup .mc-field-group .datefield span.small-meta.nowrap {
    display: none;
}

div.mce_inline_error {
    display: none !important;
}

input.mce_inline_error {
    border: 1px solid #dc3545 !important;
    border-width: 1px 1px 1px 1px !important;
}

.mc-field-group:nth-child(2) {
 //   margin: 0 0.25%;
}

.newsletter-signup form input#mce-FNAME {
    margin: 1.5vw 0 2.25vw;
}

.newsletter-signup form input::placeholder {
    color: #c79967;
}

.newsletter-signup form .datefield {
    background: #f2f2f2;
    // width: 91.95%;
    width: 100%;
    // margin-top: 2px;
    top: -2px;
    position: relative;
    border-radius: 0;
}

.datefield.placeheld:before {
    content: 'Your Birthday';
    height: 4vw;
    // width: 92%;
    width: 100%;
    background: #f2f2f2;
    display: block;
    position: absolute;
    color: #c79967;
    font-size: 3vw;
    font-weight: 600;
    text-align: center;
    padding: 2.5vw 0;
    border-radius: 0;
}

.newsletter-signup form .datefield input {
    box-shadow: none;
    border-radius: 0;
}

.newsletter-signup form input[type="submit"] {
    // margin: 20px 33.5%;
    margin: 5% 31% 0;
    // width: 28%;
    width: 38%;
    display: none;
    color: #FFFFFF !important;
    background: #c79967;
}

.newsletter-signup.focussed form input[type="submit"] {
    display: block;
}

/* --------------- /newsletter signup ---------------*/

/* --------------- footer ---------------*/
.site-footer {
    background-color: #b7b7b7;
    color: #FFFFFF;
    padding-bottom: 0;
    position: relative;
}
.site-info {
    clear: both;
    text-align: center;
}
/* ---------------/footer ---------------*/


/* --------------- footer menu ---------------*/
.site-footer .footer-menu ul {
    text-align: center;
    list-style: none;
    margin: 0;
}

.site-footer .footer-menu li {
    margin-bottom: 1.25vw;
    line-height: 1;
}
.site-footer .footer-menu li:nth-child(3), .site-footer .footer-menu li:nth-child(5), .site-footer .footer-menu li:last-child {
    border-right: 0 none;
}
.site-footer .footer-menu li:nth-child(4), .site-footer .footer-menu li:nth-child(6) {
    clear: left;
}

.site-footer .footer-menu a {
    color: #FFFFFF;
    font-size: 3.5vw;
    font-weight: 600;
    text-transform: uppercase;
}
/* ---------------/footer menu ---------------*/


/* --------------- social and kitemarks ---------------*/
.social-and-kitemarks {
//    top: 1vw;
//    position: absolute;
//    right: 3vw;
  //  text-align: center;
    float: left;
    clear: both;
    width: 100%;
}

.social {
    // margin: 5vw auto 3vw;
    float: none;
    text-align: center;
}

.social a {
    display: inline-block;
    // padding-left: 1vw;
    padding: 8px 0;
}

.kitemarks {
    float: none;
}

.kitemarks a img {
    margin: 0 auto;
}
/* ---------------/social and kitemarks ---------------*/



/* --------------- luckies family ---------------*/
.site-info {
	float: left;
    padding: 2.617924em 0;
}
.luckies-family {
    padding: 0 0 2.617924em;
}

.luckies-family img {
   // width: 33%;
    width: 29vw;
    float: right;
   // padding: 0.5vw 0vw 0 1vw;
    padding: 3.5vw 0vw 0 1vw;
}

.luckies-family span {
    width: 100%;
    display: block;
	font-size: 3.5vw;
    font-weight: 600;
}

.luckies-family .logos {
    width: 100%;
    float: right;
    padding: 2vw 0 10vw;
}

.luckies-family a:nth-child(3) img {
    width: 28vw;
    padding: 1.75vw 2vw 1vw 3.5vw;
}
.luckies-family a:nth-child(2) img {
    padding: 3.5vw 2vw 0vw 1vw;
}
.luckies-family a:nth-child(1) img {
    padding: 5vw 4vw 0 0vw;
}
/* ---------------/luckies family ---------------*/



/* --------------- interactive scratchmap ---------------*/

body.page-template-template-interactive-scratchmap {
    background: #d7d7d7;
    border-top: 20vw solid #e8e8e8;
}
/*
.page-template-template-interactive-scratchmap header, .page-template-template-interactive-scratchmap .instagram_feed, .page-template-template-interactive-scratchmap .newsletter-signup, .page-template-template-interactive-scratchmap footer {
    display: none;
} */
.page-template-template-interactive-scratchmap .instagram_feed, .page-template-template-interactive-scratchmap .newsletter-signup, .page-template-template-interactive-scratchmap footer {
    display: none;
}

canvas#maincanvas {
    width: 200vw;
    margin-left: -50vw;
}

.page-template-template-interactive-scratchmap .desktop {
    display: none;
}

.page-template-template-interactive-scratchmap .mobile {
    display: block;
}

.page-template-template-interactive-scratchmap .controls {
    position: absolute;
    top: 10vw;
    text-align: center;
   // margin: 0 2.5vw;
    margin: 0px 34.75vw;
    background: rgba(0,0,0,0.35);
    padding: 1vw;
    line-height: 1;
}

.controls.maps {
    // left: 35vw;
    right: 0;
    top: 6vw;
}

.page-template-template-interactive-scratchmap .buyBox {
    position: absolute;
    top: 45vw;
    text-align: center;
    padding: 1vw;
    line-height: 1;
    width: 100%;
}
.page-template-template-interactive-scratchmap .buyBox a {
    margin: 0px auto;
    width: 15vw;
    color: #FFFFFF !important;
    background: #c79967;
    padding: 1vw;
}
/* belt and braces for iPhone */
.page-template-template-interactive-scratchmap .controls>a#closeButton, .page-template-template-interactive-scratchmap  .controls>a#resetbutton {
    color: transparent !important;
}
.page-template-template-interactive-scratchmap .controls>a#closeButton:before, .page-template-template-interactive-scratchmap  .controls>a#resetbutton:before {
    color: #FFFFFF !important;
}

.page-template-template-interactive-scratchmap .controls a {
    display: inline-block;
    color: #FFFFFF !important;
//    padding: 0 0.5vw;
    width: 6vw;
    cursor: pointer;
}

.page-template-template-interactive-scratchmap .controls a#originalbutton, .page-template-template-interactive-scratchmap .controls a#deluxebutton, .page-template-template-interactive-scratchmap .controls a#rosegoldbutton {
 //   display: none;
}

.page-template-template-interactive-scratchmap .controls a#closeButton, .page-template-template-interactive-scratchmap .controls a#resetbutton {
    font-size: 0;
}

.page-template-template-interactive-scratchmap .controls a#resetbutton {
     transition: transform 0.5s ease 0s;
}

.page-template-template-interactive-scratchmap .controls a#resetbutton:hover {
     transform: rotate(180deg);
}

.page-template-template-interactive-scratchmap .controls a:before {
    font-family: FontAwesome;
    font-size: 7.5vw;
    padding: 3vw;
    margin: 1vw;
    display: block;
    line-height: 5.5vw;
}

.page-template-template-interactive-scratchmap .controls #closeButton:before {
    content: '\f060';
}
.page-template-template-interactive-scratchmap .controls #resetbutton:before {
    content: '\f021';
}



.horizontalAlert {
    display: none;
}
/* ---------------/interactive scratchmap ---------------*/



/* --------------- luckies team travels ---------------*/


.post-type-archive-teamtravels article, .luckiesemployees_slider article {
    display: block;
    float: left;
    background-size: cover;
    background-position: 50% 20%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 10.5vw;
    height: 10.5vw;
    margin: 0.5vw;
    border: 1px solid rgba(0,0,0,0.5);
    background-repeat: no-repeat;
}

.luckiesemployees_slider, .luckiesemployees_slider .container {
    position: relative;
    transition: 1s;
    left: 0;
}

.luckiesemployees_slider .logo_arrow {
    position: absolute;
    top: 0%;
    height: 100%;
    width: 5vw;
    z-index: 10;
    font-family: FontAwesome;
    cursor: pointer;
    color: #000000;
}

.luckiesemployees_slider .logo_arrow.prev {
    left: 0vw;
}

.luckiesemployees_slider .logo_arrow.next {
    right: 0vw;
}

.luckiesemployees_slider .logo_arrow.prev:before {
    // content: '<';
    content: '\f053';
    height: 15%;
    display: inline-block;
    margin: 100% 50%;
}

.luckiesemployees_slider .logo_arrow.next:after {
    // content: '>';
    content: '\f054';
    height: 15%;
    display: inline-block;
    margin: 100% 50%;
}

.luckiesemployees_slider .notAvailable article {
    opacity: 0.5;
}
/* ---------------/luckies team travels ---------------*/






@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* iPad */

    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-5.images {
        display: none;
    }

    .images {
        width: 100% !important;
        margin: 0 auto 5vw !important;
    }

    li.slick-slide {
        width: 12.5vw !important;
    }

    .single-product div.product .summary .product_description {
        padding-right: 0;
    }

    .slick-track.flex-control-nav {
        width: 75vw !important;
    }
    .slick-track .slick-slide img {
        width: 100%;
    }

    .single-product h1.product_title.entry-title {
        font-size: 4vw;
    }

    .single-product div.product .summary .product_description {
        width: 100% !important;
    }
}


@media only screen and (min-width: 768px) {
/* DESKTOP */


    /* --------------- global ---------------*/
    .spacer {
        display: block;
        height: 1vw;
    }
    /* --------------- global ---------------*/


    /* --------------- storefront resets ---------------*/

    .fullWidth {
        left: -9vw;
    }

    /* padding judders width of hero on page load */
    .col-full {
        padding: 0px 9vw;
      //  width: 82vw;
    }

    h2 {
        font-size: 3.25vw;
    }

    /* ---------------/storefront resets ---------------*/
    
    /* --------------- top strip ---------------*/
    .top_strip_widget.wcml_currency_switcher {
        display: block;
    }
    .handheld_menu_widget.wcml_currency_switcher {
        display: none;
    }
    
    /* ---------------/top strip ---------------*/
    
    /* --------------- navigation ---------------*/
    #masthead {
      height: 8.25vw
    }


    body:not(.page-template-template-interactive-scratchmap) #content {
        // padding-top: 8.25vw;
        padding-top: calc(8.25vw + 30px);
    }

    #masthead>.col-full {
      height: 100%;
    }

    #masthead .storefront-primary-navigation {
        height: calc(95% - 0.95vw);
        display: flex;
        align-items: center;
        //width: 68vw;
        //width: 67vw;
        width: 86%;
    }

    .site-header .site-branding {
        //width: 14vw;
        width: 14%;
        padding: 2vw 0;
    }


    .storefront-primary-navigation {
        display: flex;
    }

    #site-header-cart.full  .cart-contents::after {
        margin: 0 10px;
        top: 0;
    }


    .site-header-cart .cart-contents>span.count {
        top: -0.85vw;
        right: 1vw;
        font-size: 0.75vw;
        padding: 0.1vw;
        width: 1.5vw;
        height: 1.5vw;
    }

    .woocommerce-active .site-header .site-search {
      //  padding: 0 0.75% 0;
        padding: 4% 0.75%;
        margin: 0px;
    }

    .site-header-cart .cart-contents {
        padding-top: 0;
    }

    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a  {
        padding: 0 1em;
    }

    .main-navigation .menu {
        //width: 80vw;
        //left: -17vw;
        width: 59.5vw;
    }
    .storefront-primary-navigation {
        width: 78.5%;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a  {
        color: #c79a67;
        font-weight: 600;
        // font-size: 1vw;
        font-size: 0.9vw;
        // padding: 30% 1em;
        padding: 2vw 1em;
    }
    /* ---------------/navigation ---------------*/

    /* --------------- search ---------------*/
    .main-navigation .menu {
    //    width: 80vw;
        padding-top: 0;
    }

    .site-search {
        height: unset;
        overflow: visible;
    }

    .woocommerce-active .site-header .site-search {
        position: relative;
         top: unset;
        left: unset;
        width: 2.5%;
    }

    .woocommerce-active .site-header .site-search::before {
        content: '\f002';
        font-family: 'FontAwesome';
        color: #c79a67;
        font-size: 1.25vw;
        line-height: 1;
        cursor: pointer;
    }

    .woocommerce-active .site-header .site-search .widget_product_search {
        width: 10%;
        position: absolute;
        width: 15vw;
        top: 4vw;
        overflow: hidden;
    }

    .site-header .site-search:hover .widget_product_search, .woocommerce-active .site-header .site-search .widget_product_search.open {
        height: auto;
        padding: 1vw;
        // padding-top: 20px;
        padding-top: 75px;
    }

    .woocommerce-active .site-header .site-search::before {
        line-height: 1;
    }
    /* ---------------/search ---------------*/

    /* --------------- cart ---------------*/
    #site-header-cart.full .cart-contents::after {
        height: 25px !important;
        width: 25px !important;
        right: 30px;
        top: 36px;
        font-size: 1.25vw;
    }




    #site-header-cart.full .cart-contents::after {
      top: 0;
    }

    /* ---------------/cart ---------------*/

    /* --------------- Origins page ---------------*/

    .page-origins-of-the-scratch-map h1.entry-title {
        text-align: center;
        width: auto;
        // position: unset;
        position: relative;
        // font-size: 2.25vw;
        font-size: 2vw;
        font-weight: 400;
        top: 25vw;
        left: unset;
        margin-top: 0;
    }

    .page-origins-of-the-scratch-map .entry-content>p, .page-origins-of-the-scratch-map .entry-content>blockquote {
        background-size: 49.532vw;
        width: 99vw;
        font-size: 1vw;
        padding: 5% 53vw 5% 9vw !important;
        height: 23.5vw !important;
    }


    .page-origins-of-the-scratch-map .entry-content>p:nth-child(2n), .page-origins-of-the-scratch-map .entry-content>blockquote:nth-child(2n) {
        // padding: 5% 11vw 5% 53vw !important;
        padding: 3.5% 11vw 5% 53vw !important;
        height: 23.5vw;
        margin-top: 0;
    }


    .page-origins-of-the-scratch-map .entry-content p.first {
        background-size: 105%;
        height: 40vw !important;
        // padding: 36% 39% 0 !important;;
        padding: 38% 40% 0 !important;
        background-position: -4.5vw 0vw;
    }

    .page-origins-of-the-scratch-map .entry-content p.third {
        background-position: 100% -3vw;
        // padding: 9% 53vw 5% 9vw !important;
        padding: 8.5% 53vw 5% 9vw !important;
    }

    .page-origins-of-the-scratch-map .entry-content>p.fourth {
        // padding: 10% 11vw 5% 53vw !important;
        padding: 8.5% 11vw 5% 53vw !important;
    }

    .page-origins-of-the-scratch-map .entry-content>p.fifth {
        // padding: 11.5% 53vw 5% 9vw !important;
        padding: 10.5% 53vw 5% 9vw !important;
    }

    .page-origins-of-the-scratch-map section.sph-hero.center.full {
        margin-left: -10vw !important;
    }

    section.sph-hero.center.full#sph-6d6c08aa5ce9c45a79b020b4afc36995 {
        padding-top: 14vw;
    }


    .page-origins-of-the-scratch-map [id^="sph"] a.button {
        margin-top: 0;
        font-size: 1vw;
    }
    /* ---------------/Origins page ---------------*/


    /* --------------- homepage hero ---------------*/

    .sph-hero:not([id^="sph"]) {
      //  background-size: auto !important;
        padding-top: 18vw;
    }

    .sph-hero img.heroLogo {
       // width: 18vw;
        width: 28vw;
    }
    .sph-hero h1, .sph-hero h2 {
        font-size: 1.95vw;
    }
    .sph-hero p {
        font-size: 1.3vw;
    }
    .sph-hero a.button {
        font-size: 1vw;
    }
    /* ---------------/homepage hero ---------------*/


    /* --------------- homepage featured products ---------------*/
    section.storefront-featured-products {
        top: -5vw;
        margin-top: -0.5vw;
        margin-bottom: -2.5vw;
    }

    .storefront-featured-products li.product {
        margin: 0 3.5% !important;
        width: 18% !important;
    }

    section.storefront-featured-products ul.products li.product .woocommerce-loop-product__title, section:not(.storefront-featured-products) ul.products li.product h2, section:not(.storefront-featured-products) ul.products li.product h3 {
        font-size: 1.05vw
    }

    section.storefront-featured-products ul.products li.product .price {
        font-size: 1.05vw;
    }

    ul.products li.product .price, ul.products li.product .price ins, ul.products li.product .price del {
        font-size: 1.05vw;
    }

    /* ---------------/homepage featured products ---------------*/


    /* --------------- homepage content blocks ---------------*/
    .content-block {
         margin-bottom: 30vw;
       // margin-bottom: 26vw;
        clear: both;
    }
    .content-block>div {
        position: absolute;
        // left: -1vw;
        left: 0;
    }
    .content-block>div>div {
        width: 50%;
    }
    .content-block .beta+h3, .content-block h2+h3 {
        font-size: 1.075vw;
    }

    .content-block p {
        font-size: 1.075vw;
        line-height: 1.6;
    }

    .content-block .button {
        // width: 11vw;
        display: inline;
        font-size: 1vw;
        margin: 0;
        margin-left: 5vw;
    }

    .first.content-block {
        margin-bottom: 0;
    }

    .second.content-block>div>div:first-child {
        background-image: none;
        padding-top: 0;
    }

    .second.content-block>div>div:first-child, .third.content-block>div>div:first-child {
        float: left;
        margin-top: 0;
    }

    .second.content-block>div>div:last-child, .third.content-block>div>div:last-child {
        float: right;
    }
    /* ---------------/homepage content blocks ---------------*/

    /* --------------- homepage categories ---------------*/

    section.storefront-product-categories {
        // padding: 4vw 0;
        padding: 34vw 0;
        margin-top: -4vw;
    }

    .category_wrapper {
        position: absolute;
        left: 0;
        width: 100vw;
    }


    .storefront-product-categories>div>h2 {
        font-size: 2.5vw;
        padding-top: 65px;
    }

    .storefront-product-categories>div>h2::after {
      //      border-bottom: 0.1vw solid #c79967;
    }

    .storefront-product-categories ul.products li.product.product-category .woocommerce-loop-category__title, ul.products li.product.product-category h2 {
        top: 86%;
        right: 6%;
        font-size: 1.5vw !important;
    }


    .storefront-product-categories ul.products li.product.product-category {
        width: 16.9% !important;
        margin: 0 1.55% !important;
        height: auto;
    }

    .storefront-product-categories ul.products li.product img {
        position: unset;
    }

    .storefront-product-categories a.button, a.button.fullRange {
        width: 16.9vw;
        font-size: 1vw;
        margin-bottom: 6vw;
    }

    /* ---------------/homepage categories ---------------*/

    /* --------------- product logo parralax ---------------*/

    .sph-hero[id^="sph"] .overlay.animated .sph-hero-content-wrapper {
        overflow: visible;
    }

    .sph-hero[id^="sph"] {
        border: 0 none !important;
        border-width: 0 !important;
        height: 28vw;
    }

    .home .sph-hero[id^="sph"] .product_logos img {
        width: 12vw;
    }

    [id^="sph"] .product_logos .slider {
        width: 345vw;
    }

    [id^="sph"] .product_logos .slider a:nth-child(3n) {
        padding-right: 0;
    }

    [id^="sph"] .product_logos .slider a:nth-child(4n) {
        padding-right: 8vw;
    }

    [id^="sph"] .product_logos .slider a:nth-child(13) {
        margin-left: 14vw;
    }
    /* ---------------/product logo parralax ---------------*/

    /* --------------- homepage content sections ---------------*/
    .content-block>div>div:first-child h2, .content-block>div>div:first-child h3, .content-block>div>div:first-child p, .content-block>div>div:first-child .button {
        margin-left: 12.5vw;
        margin-right: 7.5vw;
    }

    .content-block>div>div:last-child h2, .content-block>div>div:last-child h3, .content-block>div>div:last-child p {
        margin-left: 5vw;
        margin-right: 14vw;
    }

    .first.content-block>div>div:first-child {
        float: left;
    }

    .first.content-block>div>div:last-child {
        float: right;
    }

    .third.content-block>div>div:last-child h2 {
        margin-top: 2.25vw;
    }
    /* ---------------/homepage content sections ---------------*/

    /* --------------- homepage product display ---------------*/
    .homepage_product_list>.storefront-product-section>h2 {
        font-size: 2.5vw;
    }

    .storefront-product-section.storefront-best-selling-products>a.button{
        width: 15vw;
        font-size: 1vw;
    }
    /* ---------------/homepage product display ---------------*/

    /* --------------- product display ---------------*/

    .woocommerce-result-count {
        float: left;
    }

    section:not(.storefront-featured-products) ul.products li.product .price {
        font-size: 0.95vw;
    }
    /* ---------------/product display ---------------*/

    /* --------------- archive page ---------------*/
    .archive header.woocommerce-products-header h1:after {
        width: 25%;
        margin: 15px auto 15px;
    }
    /* --------------- archive page ---------------*/

    /* --------------- general product display ---------------*/
    ul.products {
        width: 100%;
        margin-left: 0%;
    }
    .products li.product {
        margin: 1% 3.5% !important;
        width: 19.75% !important;
    }
    .products li.product.first {
        margin-left: 0 !important;
    }
    .products li.product.last {
        margin-right: 0 !important;
    }
    ul.products li.product .woocommerce-loop-product__title, ul.products li.product h2 {
        font-size: 1.05vw;
    }

    ul.products li.product .price, ul.products li.product .price ins, ul.products li.product .price del {
        font-size: 1.05vw !important;
    }

    ul.products li.product .price {
        font-size: 1.05vw;
    }

    ul.products li.product span.onsale {
        display: block;
        position: absolute;
        right: 2%;
        bottom: 1%;
        font-size: 0.55vw;
        height: 1.25vw;
    }

    ul.products li.product:nth-child(2n-1) {
        margin-right: 0;
    }
    /* --------------- general product display ---------------*/


    /* --------------- product page ---------------*/

    .single-product #page #primary {
        padding-top: 2vw;
    }
    .single-product div.product .summary .product_description {
        width: 33.333%;
    }

    .single-product h1.product_title.entry-title {
        font-size: 1.6vw;
        margin: 0 0 1.5vw;
        padding: 0;
    }

    .single-product h1.product_title.entry-title:after {
       // height: 0.1vw;
        height: 2px;
        // margin: 1vw 0;
        margin: 1.35vw 0 1vw;
    }


    .single-product .product_features {
        margin-top: 0;
    }

    .product_description h2 {
        font-size: 1.1vw;
        margin-top: 1vw;
    }

    .product_feature_bullets, .product_dimensions, .product_materials {
        width: 50%;
        float: left;
        padding-right: 5%;
    }

    .product_delivery_information a:first-of-type {
        font-size: 1.1vw;
    }
    .related.products>h2 {
        font-size: 1.75vw;
        padding: 0 0 1vw;
    }
    .related.products>h2:after {
        border-bottom: 0.15vw solid #c79967;
        width: 25%;
        left: 0;
        margin: 0.5vw auto 1vw;
    }
	.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
		display: block;
	}

  

  .bundle_sells_title p {
     font-size: 1vw;
  }

  .bundled_product span.item_title {
      font-size: 1vw;
  }

  .bundled_product_excerpt.product_excerpt, .bundled_product_optional_checkbox {
     font-size: 0.75vw;
  }

  .bundle_sells_title + .bundle_form.bundle_sells_form {
    padding-bottom:0;
    margin-bottom: 0.75vw;
  }
  
    /* ---------------/product page ---------------*/
    /* ---------------Cart page ---------------*/
    table.cart .product-thumbnail img {
        max-width: 6vw;
    }
    /* ---------------/Cart page ---------------*/


    /* --------------- instagram feed ---------------*/
    #sb_instagram {
        overflow: visible;
        width: 100% !important;
        margin-left: unset;
        padding-left: unset;
    }

    .instagram_feed h2 {
        font-size: 1.75vw;
        font-weight: 400;
        padding-top: 5vw;
    }
    .instagram_feed>h2:after {
        border-bottom: 0.1vw solid #c79967;
        width: 15%;
    }
    .instagram_feed .beta+h3, .instagram_feed h2+h3 {
        // width: 12vw;
        width: 25vw;
        margin: 1vw auto;
        text-align: center;
    }

    .sbi_photo {
        width: auto;
        min-height: unset !important;
        max-height: unset !important;
        float: none;
    }

    .sbi_item {
        width: 12.5% !important;
    }

    #sb_instagram #sbi_images {
        width: 122% !important;
    }

    div#sb_instagram {
        position: relative;
        margin-top: 50px;
    }

    div#sbi_load {
        display: block;
    }
    /* ---------------/instagram feed ---------------*/


    /* --------------- newsletter signup ---------------*/
    .newsletter-signup p {
        // padding-bottom: 75px;
        padding-bottom: 25px;
        font-size: 2vw;
    }
    .newsletter-signup p.small {
        font-size: 1.15vw !important;
    }

    .newsletter-signup form input, #mc_embed_signup .mc-field-group input {
        width: 85%;
        font-size: 1.15vw;
        margin: 0 2.5% !important;
    }

    .newsletter-signup form .mc-field-group {
        display: inline-block;
        // width: 33%;
        width: 32%;
    }

    #mc_embed_signup {
        padding-top: 120px;
    }

    #mc_embed_signup .mc-field-group input.datepart {
        width: 49%;
        margin: 0 !important;
    }
    .dateDivider {
        height: 100% !important;
    }
    .datefield.placeheld:before {
        height: 1.15vw;
        font-size: 1.15vw;
        padding: 0.75vw 0;
    }
    .newsletter-signup form input[type="submit"] {
        margin: 5% 42% 0;
        width: 15%;
    }
    /* ---------------/newsletter signup ---------------*/

    /* --------------- footer ---------------*/

    .site-info {
        text-align: left;
    }


    .site-footer .footer-menu ul {
        text-align: left;
    }

    .site-footer .footer-menu li {
        float: left;
        padding-right: 0.75vw;
        border-right: 2px solid #FFFFFF;
        margin-right: 0.75vw;
        margin-bottom: 0.5vw;
    }

    .site-footer .footer-menu a {
        font-size: 1vw;
    }

    .social-and-kitemarks {
        text-align: right;
        margin-top: 0;
    }

    .social {
        // margin: 0 0 0 3vw;
        float: right;
    }

    .kitemarks {
       // float: right;
       float: left;
    }

	/* --------------- luckies family ---------------*/
	.site-info {
		// width: 50%;
		width: 100%;
       text-align: center;
	}

	.luckies-family {
		width: 30%;
		float: right;
	}

	.luckies-family span {
		font-size: 1vw;
		line-height: 1;
		padding-bottom: 0.25em;
	}

	
	.luckies-family img, .luckies-family a:nth-child(1) img {
		height: 4.5vw;
		width: auto;
		padding: 0.5vw 0vw 0 1vw;
	}



	.luckies-family a:nth-child(3) img {
		padding: 0 1vw 0vw 0vw;
		width: auto;
	}
	.luckies-family a:nth-child(2) img {
		padding: 0.25vw 1vw 0.25vw 0;
	}
	.luckies-family a:nth-child(1) img {
		padding: 0.5vw 0 0 0;
	}

	.luckies-family .logos {
		padding: 0.5vw 0 0 0;
	}
	/* ---------------/luckies family ---------------*/
    /* ---------------/footer ---------------*/

    /* --------------- interactive scratchmap ---------------*/
    body.page-template-template-interactive-scratchmap {
        border-top: 0 none;
    }
    canvas#maincanvas {
        width: 100vw;
        margin-left: auto;
        border-top: 0 none;
    }

    .page-template-template-interactive-scratchmap .controls {
        top: 10vw;
        padding: 0;
        margin: 2.5vw;
    }

    .controls.maps {
        right: 0;
        top: 10vw;
        left: 85vw;
    }

    .controls.maps a {
        width: 8vw;
    }

    .page-template-template-interactive-scratchmap .controls a:before {
        font-size: 2.5vw;
        padding: 1vw;
        line-height: 2.2vw;
    }
    /* ---------------/interactive scratchmap ---------------*/




    /* --------------- luckies team travels ---------------*/
    
    .post-type-archive-teamtravels article h2.entry-title, .luckiesemployees_slider article h2.entry-title {
        text-align: center;
       // color: #FFFFFF;
    }
    
    .main-navigation ul.menu>li:last-child>a {
        color: #444;
    }
    
    
    .luckiesemployees_slider article div {
         width: 100%;
    }
        
    .post-type-archive-teamtravels article h2.entry-title, .luckiesemployees_slider article h2.entry-title {
        background: rgba(0,0,0,0.5);
        color: #FFFFFF;
        width: 100%;
        // min-height: 5.25vw !important;
        margin: 0 !Important;
        font-size: 1vw;
        line-height: 2;
    } 
    
    
    /* ---------------/luckies team travels ---------------*/
}





@media only screen and (max-width: 767px) and (orientation: landscape) {



    .site-header-cart .cart-contents>span.count {
        top: 2vw;
        right: 2.5vw;
        font-size: 1.95vw;
        padding: 0.75vw;
        width: 4.5vw;
        height: 4.5vw;
    }


    section.sph-hero.center.full {
        margin-top:-29vw;
    }

    body.page-template-template-interactive-scratchmap {
        border-top: 0 none;
    }

    body.page-template-template-interactive-scratchmap div#page {
        max-height: 120vh !important;
        overflow: hidden;
    }

    .page-template-template-interactive-scratchmap header#masthead .storefront-primary-navigation {
        position: absolute;
        top: -16vw !important;
    }

    .page-template-template-interactive-scratchmap header#masthead a, .page-template-template-interactive-scratchmap header#masthead nav.secondary-navigation, .page-template-template-interactive-scratchmap header#masthead .site-branding {
        display: none;
    }

    .page-template-template-interactive-scratchmap header#masthead {
        background: none;
        position: relative;
    }

    .page-template-template-interactive-scratchmap .handheld-navigation a {
        display: block !important;
    }

    .page-template-template-interactive-scratchmap .main-navigation ul.menu>li>a, .page-template-template-interactive-scratchmap .main-navigation ul.nav-menu>li>a {
        font-size: 4.5vh;
        padding: 2vh;
    }

    .page-template-template-interactive-scratchmap #site-header-cart {
        top: 34vw;
        position: relative;
        left: 8.5vw;
    }

    .page-template-template-interactive-scratchmap #site-header-cart.full .cart-contents::after {
        background: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Cart_white.png') !important;
        background-size: contain !important;
        width: 3.5vw !important;
        height: 3.5vw !important;
        top: 10vh;
    }

    .page-template-template-interactive-scratchmap #site-header-cart .cart-contents>span.count {
        display: none !important;
    }

    .page-template-template-interactive-scratchmap nav#site-navigation {
        top: 40vw;
        position: absolute;
        left: -86vw;
        transition: 0.5s;
    }

    .page-template-template-interactive-scratchmap nav#site-navigation.toggled {
        left: -7vw;
        top: 14vw;
    }


    .page-template-template-interactive-scratchmap .storefront-handheld-footer-bar ul li.cart .count, .page-template-template-interactive-scratchmap button.menu-toggle:after, .page-template-template-interactive-scratchmap button.menu-toggle:before, .page-template-template-interactive-scratchmap button.menu-toggle span:before {
        background: #FFFFFF;
        width: 100%;
        height: 3px;
    }
    .page-template-template-interactive-scratchmap .storefront-handheld-footer-bar ul li.cart .count, .page-template-template-interactive-scratchmap .toggled button.menu-toggle:after, .page-template-template-interactive-scratchmap .toggled button.menu-toggle:before, .page-template-template-interactive-scratchmap .toggled button.menu-toggle span:before {
        background: #666666;
    }

    .page-template-template-interactive-scratchmap button.menu-toggle {
        background: none !Important;
        min-width: 20px;
        top: 14vh;
    }

    .page-template-template-interactive-scratchmap .toggled button.menu-toggle {
        right: 4vw;
    }

    .page-template-template-interactive-scratchmap button.menu-toggle:before {
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    .page-template-template-interactive-scratchmap button.menu-toggle:after {
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }


    .toggled button.menu-toggle:after, .toggled button.menu-toggle:before {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .toggled button.menu-toggle:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


    .page-template-template-interactive-scratchmap canvas#maincanvas {
        //width: 155vw;
        //margin-left: -27.5vw;
        //margin-top: -25vw;
        width: 140vw;
        margin-left: -20vw;
        margin-top: -24vw;
    }

    .page-template-template-interactive-scratchmap .controls {
        margin: 1vw !important;
        width: 10vw;
        top: 10vh !important;
    }

    .page-template-template-interactive-scratchmap .controls.functions {
        padding-bottom: 25vh;
        top: 15vh !important;
    }

    .page-template-template-interactive-scratchmap .controls a:before {
        font-size: 4vw;
        line-height: 1.5vw;
        padding: 1.5vw;
    }

    .horizontalAlert {
        display: none;
    }


    .page-template-template-interactive-scratchmap .buyBox {
        // top: 47vw;
        top: 80vh;
    }

    .page-template-template-interactive-scratchmap .buyBox a {
        width: 26vw;
        padding: 2vw;
    }

    .page-template-template-interactive-scratchmap .controls a {
        width: 9vw;
    }

}





@media only screen and (max-width: 767px) and (orientation: portrait) {

    header#masthead .storefront-primary-navigation {
      //  width: 50vw;
      //  left: 40vw;
    }



    .page-template-template-interactive-scratchmap header#masthead .storefront-primary-navigation {
        position: absolute;
        top: -16vw !important;
    }

    .page-template-template-interactive-scratchmap header#masthead a, .page-template-template-interactive-scratchmap header#masthead nav.secondary-navigation, .page-template-template-interactive-scratchmap header#masthead .site-branding {
        display: none;
    }

    .page-template-template-interactive-scratchmap header#masthead {
        background: none;
    }

    .page-template-template-interactive-scratchmap .controls {
        width: 100%;
        margin: 0px auto;
    }

    .page-template-template-interactive-scratchmap .handheld-navigation a {
        display: block !important;
    }



   .page-template-template-interactive-scratchmap  #site-header-cart.full .cart-contents::after {
        background: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/Cart_white.png') !important;
        background-size: contain !important;
        width: 3.5vw !important;
        height: 3.5vw !important;
    }

    .page-template-template-interactive-scratchmap #site-header-cart .cart-contents>span.count {
        display: none !important;
    }

    .page-template-template-interactive-scratchmap nav#site-navigation {
        margin-top: 21.5vw;
    }

    .page-template-template-interactive-scratchmap .main-navigation.toggled .menu {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .page-template-template-interactive-scratchmap .controls.maps {
        right: 0;
        top: 130vw;
        margin: 0 auto;
        left: 0;
    }

    .page-template-template-interactive-scratchmap .controls a {
        width: 20vw;
    }

    .page-template-template-interactive-scratchmap .controls.functions a {
        float: left;
        width: 12vw;
    }

    .page-template-template-interactive-scratchmap #site-header-cart.full .cart-contents::after {
        height: 7.5vw !important;
        width: 7.5vw !important;
        margin-top: 3.5vw;
    }

    .page-template-template-interactive-scratchmap button.menu-toggle {
        min-width: 7.5vw !important;
        min-height: 7.5vw !important;
    }

    .page-template-template-interactive-scratchmap .storefront-handheld-footer-bar ul li.cart .count, .page-template-template-interactive-scratchmap button.menu-toggle:after, .page-template-template-interactive-scratchmap button.menu-toggle:before, .page-template-template-interactive-scratchmap button.menu-toggle span:before {
        background: #FFFFFF;
        width: 100%;
        height: 4px;
    }

    .page-template-template-interactive-scratchmap .storefront-primary-navigation {
        pointer-events: none;
    }


    .page-template-template-interactive-scratchmap button.menu-toggle, .page-template-template-interactive-scratchmap #site-header-cart.full .cart-contents::after {
            pointer-events: all;
    }

    .page-template-template-interactive-scratchmap button.menu-toggle {
        background: none !Important;
    }

    .page-template-template-interactive-scratchmap button.menu-toggle:before {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    .page-template-template-interactive-scratchmap button.menu-toggle:after {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }


    .toggled button.menu-toggle:after, .toggled button.menu-toggle:before {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .toggled button.menu-toggle:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }


    .page-template-template-interactive-scratchmap .buyBox {
        top: 115vw;
    }

    .page-template-template-interactive-scratchmap .buyBox a {
        width: 50vw;
        padding: 3vw 1vw;
    }

    .horizontalAlert {
        display: block !important;
        // position: absolute;
        // bottom: 10vw;
    }

    .horizontalAlert p {
        font-size: 4.5vw;
        text-align: center;
        padding: 0 10vw;
        margin: 0;
    }
}






@media only screen and (max-width: 767px) {

    .sph-hero:not([id^="sph"]) {
        background-size: 135vw !important;
    background-position: -10vw 15%;
    }

    /* content blocks */
    .second.content-block>div>div:last-child {
        display: none;
    }
    section.third.content-block {
        margin-bottom: 30vw;
    }



    /* product image gallery */


    a.wpis-popup { display: none; }

    section#wpis-gallery {
        transform: translate(0, -10vw);
        position: absolute;
        width: 100vw;
        text-align: center;
    }



    .wpis-slider-for .slick-prev, .wpis-slider-for .slick-next {
        display: block !important;
        z-index: 10;
        pointer-events: all;
        top: auto;
        bottom: 10px;
    }

    .slick-prev:before, .slick-next:before {
        color: #FFFFFF;
    }

    button.slick-prev.slick-arrow {
        left: 0;
    }

    button.slick-next.slick-arrow {
        right: 0;
    }



    .woocommerce-product-gallery figure {
        display: none;
    }


    .slick-track.flex-control-nav {
        transform: none !important;
        text-align: center;
        display: flex;
        justify-content: center;
        width: 100vw !important;
    }

    li.slick-slide.slick-current {
        opacity: 1;
    }

    li.slick-slide {
        width: 10px !important;
        float: none;
        height: 10px;
        background: #FFFFFF;
        opacity: 0.5;
        border-radius: 25px;
        margin: 2px;
        transition: 0.5s !important;
    }

    li.slick-slide img {
        display: none;
    }


    .slick-initialized .slick-slide{
        display: inline-block;
    }

    .archive .page-description:not(.open)  {
        max-height: 21vh;
        overflow: hidden;
        position: relative;
    }

    .page-description:not(.open) :after {
        background-image: linear-gradient(to bottom, rgba(255,255,255,0) -29%, rgba(255,255,255,1) 38%);
        height: 6vh;
        width: 90%;
        content: 'read more';
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 4vh 5vw 0;
        text-align: center;
    }

}







/* --------------- hide admin bar ---------------*/
div#wpadminbar {
   /* display: none; */
   background: transparent !important;
   color: #ffffff !important;
   max-width: 50%;
}

ul#wp-admin-bar-top-secondary {
    display: none;
}

html[lang^=en] {
    margin-top: 0 !important;
}
@media screen and (max-width: 782px) {
    html[lang^=en] {
        margin-top: 0 !important;
    }
}
/* ---------------/hide admin bar ---------------*/



.woocommerce div.product .images .slick-slider:first-child  {pointer-events: none !important;}


/* --------------- Black Friday Hang Discount Change ---------------*/
.bundle_form.bundle_sells_form::before {
    content: "Get 25% off Hang! when you buy with this map...";
    font-size: 1vw;
    font-weight: 500;
    color: #333333;
}

.bundle_sells_title h3 {
    display: none;
}

.bundle_sells_title {
    padding-top: 0.75vw;
    margin-top: 0.75vw;
}

.bundled_product.bundled_product_summary.product.bundled_item_optional {
    padding: 0.5vw 0 1.5vw !important;
}

.bundled_product .price:after {
    padding-left: 3%;
}
/* ---------------/Black Friday Hang Discount Change ---------------*/


/*------------ Christmas stocking ------------
#site-header-cart.full .cart-contents::after {
    background-image: url('/wp-content/themes/Scratchmap Storefront Child/assets/imgs/stocking_gold.png');
}
------------/Christmas stocking ------------*/






/* IE10+ CSS here */


.ie.single-product div.product .summary .product_description { 
    position: relative !important; 
    top: 10px;
}






a {
    color: #c79a67;
   }