.woocommerce.collapse-layout div:not(.header-image-box) + .site-inner {
    margin-top: 24px;
}


/* gutenberg */
body.woocommerce-page .entry-header > *,
body.search.woocommerce-page .content > *{
    max-width: none;
}

/* else */

.woocommerce-page h1, 
.woocommerce-page .h1,
.woocommerce-page h1.entry-title, 
.woocommerce-page h1.title {
    margin-top:16px;
}
.woocommerce-page .woo-content-mce p {
    margin-bottom:0px;
}
.woo-title{
    text-align: center;
    min-height: 88px;
    margin-top: 12px;
}
.woo-title h1,
.woo-title .h1{
    margin: 0px;
    padding: 0px;
    font-size: 32px;
    font-size: 3.2rem;
}



.woocommerce[class*="flex-content-sidebar"] .entry-flex,
.woocommerce-page[class*="flex-content-sidebar"] .entry-flex {
    padding-top: 0px;
}
.flex-content-sidebar-woo.single-product .entry-flex {
    padding-bottom: 32px;
}
.woocommerce[class*="flex-content-sidebar"] .content-flex, 
.woocommerce-page[class*="flex-content-sidebar"] .content-flex,
.woocommerce[class*="flex-content-sidebar"] .sidebar-flex, 
.woocommerce-page[class*="flex-content-sidebar"] .sidebar-flex {
    display: block;
    position: relative;
}

.woocommerce[class*="flex-content-sidebar"] .sidebar-flex, 
.woocommerce-page[class*="flex-content-sidebar"] .sidebar-flex {
    width: 260px;
    -webkit-flex: 0 0 260px;
    -moz-flex: 0 0 260px;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    margin-right: 0px;
}
@media all and (max-width: 1000px) 
{
    .woocommerce[class*="flex-content-sidebar"] .sidebar-flex, 
    .woocommerce-page[class*="flex-content-sidebar"] .sidebar-flex {
        width: 240px;
        -webkit-flex: 0 0 240px;
        -moz-flex: 0 0 2640px;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px;
        margin-right: 0px;
    }
}
.woocommerce[class*="flex-content-sidebar"].collapse-layout .entry-flex,
.woocommerce-page[class*="flex-content-sidebar"].collapse-layout .entry-flex{
    flex-wrap: wrap;
    display: flex !important;
}
.woocommerce[class*="flex-content-sidebar"].collapse-layout .sidebar-flex,
.woocommerce[class*="flex-content-sidebar"].collapse-layout .content-flex,
.woocommerce-page[class*="flex-content-sidebar"].collapse-layout .sidebar-flex,
.woocommerce-page[class*="flex-content-sidebar"].collapse-layout .content-flex{
    flex: 0 0 100%;
}

.woocommerce [class*='grid-outer-margin'],
.woocommerce-page [class*='grid-outer-margin'] {
    
}
.woocommerce .content-flex,
.woocommerce-page .content-flex {
    margin-top: 16px;
}
.woocommerce .site-inner .wrap,
.woocommerce-page .site-inner .wrap {
    max-width: 1280px;
}
.woocommerce .woocommerce-breadcrumb{
    padding-left:28px;
    position: relative;
}
.woocommerce .woocommerce-breadcrumb .icon-before:before{
    width:24px;
    bottom: -12px;
    left:-32px;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
    color: #399cc2;
    text-decoration: none;
}
.woocommerce .woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}


/*
*   icons
*/

/*
.woocommerce-page [class*='icon-']{
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.woocommerce-page [class*='icon-left']{
    background-position: left center;
}
.woocommerce-page [class*='icon-before']:before{
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    left:0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border-radius: 100%;
    background-image: inherit;
}
.icon-login-white{
    background-image: url(../images/icon-login-white.svg);
}
.icon-logout-white{
    background-image: url(../images/icon-logout-white.svg);
}
.icon-account-white{
    background-image: url(../images/icon-account-white.svg);
}
.icon-cart-white{
    background-image: url(../images/icon-cart-white.svg);
}
.icon-settings-white{
    background-image: url(../images/icon-settings-white.svg);
}
.icon-featured-blue{
    background-image: url(../images/icon-featured-blue.svg);
}
.icon-food-blue{
    background-image: url(../images/icon-food-blue.svg);
}
.icon-gift-blue{
    background-image: url(../images/icon-gift-blue.svg);
}
.icon-lifestyle-blue{
    background-image: url(../images/icon-lifestyle-blue.svg);
}
.woocommerce-page [class*='icon-before']{
    background-size: 0px 0px;
}
*/




/*
 *  custommer-menu
*/

.custommer-menu{
    padding: 16px;
    display: block;
}
.custommer-menu a{
    padding: 4px 0px;;
    padding-left: 48px;
    display: block;
    position: relative;
}
.single-product.collapse-layout .custommer-menu a.logout,
.single-product.collapse-layout .custommer-menu a.login,
.archive-product.collapse-layout .custommer-menu a.logout,
.archive-product.collapse-layout .custommer-menu a.login{
    display: none;
}
.custommer-menu .cart,
.custommer-menu .login-box{
    min-height: 36px;
}
@media all and (max-width: 768px) 
{
    .archive-product .custommer-menu .cart,
    .single-product .custommer-menu .cart {
        width: 33%;
        float: left;
    }
}
@media all and (max-width: 600px) 
{
    .archive-product .custommer-menu .cart,
    .single-product .custommer-menu .cart {
        width: 100%;
        float: left;
    }
}

.custommer-menu .sub-menu{
    margin-top: 8px;
    margin-bottom: 16px;
    font-size: 110%;
    font-variant: all-small-caps;
    letter-spacing: 1px;
}
.custommer-menu .sub-menu ul{
    padding: 0px;
    padding-left: 48px;
}
.custommer-menu .sub-menu li{
    list-style-type: none;
}
.custommer-menu .sub-menu a{
    padding-top: 0px;
    padding-left: 16px;
    padding-bottom: 0px;
}
.custommer-menu .active ~ .sub-menu{
    margin-top: 0px;
}
.custommer-menu .amount{
    font-size: 90%;
}
.custommer-menu .amount > span{
    margin-right: 4px;
}
.custommer-menu a.active,
.custommer-menu .sub-menu .is-active a{
    color: #000;
}

.custommer-menu .sub-menu a:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 12px;
    width: 5px;
    height: 5px;
    background-color: #fff;
    border-radius: 100%;
}
.custommer-menu .sub-menu .is-active a:before{
    background-color: #000;
}
.custommer-menu .icon-before:before{
   left:0px;
   top: 1px;
}

.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce-MyAccount-navigation {
    clear: both;
    float: none;
    width: 100%;
}


 
/*
*   featured-menu
*/
.back-to-shop-box{
    margin: 48px 0px;
    text-align: center;
}
@media all and (max-width: 768px) 
{
    .back-to-shop-box{
        margin: 24px 0px;
        text-align: left;
        padding: 0 16px;
    }
    .back-to-shop-box .buttonlink{
        text-align: left;
    }
}




/*
*   featured-menu
*/

.featured-menu
{
    padding : 16px 0px;
}
.featured-menu .menu-item 
{
    display: block;
    position: relative;
    padding-left : 40px;
}
.featured-menu .menu-item.active a{
    text-decoration: underline;
}
.featured-menu .icon-before:before{
   left:-32px;
   top: 1px;
   width: 24px;
   height: 24px;
}
@keyframes featured-menu-rotate {
    0% {
      transform: rotate(0deg);
    }
    40% {
      transform: rotate(0deg)
    }
    60% {
      transform: rotate(-360deg);
    }
    100% {
      transform: rotate(0deg)
    }
}
.featured-menu .icon-before:before {
  animation: featured-menu-rotate 8s infinite ease-in-out;
}
.featured-menu .menu-item:nth-child(1) .icon-before:before { animation-delay: 0.1s; }
.featured-menu .menu-item:nth-child(2) .icon-before:before { animation-delay: 0.2s; }
.featured-menu .menu-item:nth-child(3) .icon-before:before { animation-delay: 0.3s; }
.featured-menu .menu-item:nth-child(4) .icon-before:before { animation-delay: 0.4s; }
.featured-menu .menu-item:nth-child(5) .icon-before:before { animation-delay: 0.5s; }
.featured-menu .menu-item:nth-child(6) .icon-before:before { animation-delay: 0.6s; }
.featured-menu .menu-item:nth-child(7) .icon-before:before { animation-delay: 0.7s; }
.featured-menu .menu-item:nth-child(8) .icon-before:before { animation-delay: 0.8s; }
.featured-menu .menu-item:nth-child(9) .icon-before:before { animation-delay: 0.9s; }
.featured-menu .menu-item:nth-child(10) .icon-before:before { animation-delay: 1s; }


.collapse-layout .featured-menu{
    display: none;
}




/*
*   product-cat-menu
*/

.product-cat-menu {
    padding : 16px 0px;
    padding-top: 16px;
}
.product-cat-menu .menu-item {
    display: block;
    position: relative;
    padding-left : 24px;
}

.product-cat-menu .sub-menu .sub-menu .menu-item a:before {
    content: '';
    position: absolute;
    height: 100%;
    width:1px;
    left:2px;
    top:-1px;
    border-left: 2px solid #399cc2;
    opacity: .50;
}
.product-cat-menu .sub-menu .sub-menu  .sub-menu .menu-item a:before {
    left:2px;
    border-left: 2px dotted #399cc2;
}
.product-cat-menu .sub-menu .menu-item.current-menu-item > a:after {
    content: '';
    position: absolute;
    height: 6px;
    width:6px;
    border-radius: 100%;
    left:8px;
    top: 11px;
    background-color: #399cc2;
    opacity: 1;
}
.product-cat-menu > ul > li:not(.active) .menu-item.current-menu-item > a:after{
    content: none;
}
.product-cat-menu .sub-menu .sub-menu .menu-item.current-menu-item > a:after {
    left:0px;
}
.product-cat-menu .sub-menu .sub-menu .menu-item {
    padding-left : 0px;
}
.product-cat-menu .sub-menu .sub-menu .menu-item a {
    position: relative;
    padding-left : 16px;
}
.product-cat-menu .sub-menu .sub-menu .sub-menu .menu-item a {
    color: #888;
}
.product-cat-menu .menu > .menu-item {
    margin: 12px 0px;
    padding-left : 44px;
}
.product-cat-menu .menu > .menu-item > a{
    font-style: italic;
}

.product-cat-menu .sub-menu{
    padding: 0px;
}
.product-cat-menu .sub-menu .menu-item{
    display: block;
}
.product-cat-menu .sub-menu > .menu-item:first-child{
    padding-top : 0px;
}
.product-cat-menu .sub-menu .menu-item a{
    overflow: hidden;
    max-height: 0;
    display: block;
    line-height: 1;
}
.product-cat-menu .active .sub-menu .menu-item a{
    line-height: 1.2;
    padding-top: 5px;
    padding-bottom: 5px;
}
.product-cat-menu .menu > .menu-item > .sub-menu > .menu-item:first-child > a{
    margin-top: 8px;
}
.product-cat-menu .icon-before:before{
    left:-40px;
    top: -2px;
    width: 32px;
    height: 32px;
}

.product-cat-menu .menu-item .active-switch{
    margin-left: 8px;
    width: 16px;
    height: 16px;
    margin-bottom:-2px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 75%;
    border-radius: 100%;
    background-image: inherit;
    background-image: url(../../images/icon-arrow-blue.svg);
    
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg); /* IE 9 */
    -ms-transform: rotate(90deg); /* IE 9 */
    -o-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg);
    cursor: pointer;
    opacity: 1;
}
.product-cat-menu .menu-item.active .active-switch{
    background-color: transparent ;
    opacity: 0.25;
}
.product-cat-menu .menu-item .active-switch:hover{
    background-color: #ddd;
    opacity: 1;
}
.product-cat-menu .menu-item.active .active-switch,
.product-cat-menu .menu-item.active .active-switch:hover{
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(-90deg); /* IE 9 */
    -ms-transform: rotate(-90deg); /* IE 9 */
    -o-transform: rotate(-90deg); /* IE 9 */
    transform: rotate(-90deg);
}
.product-cat-menu .menu-item .active-switch:active{
    background-color: #bbb;
}
.product-cat-menu .active .sub-menu .menu-item a{
    max-height: 1000px;
    /*
    -webkit-transition: all 0.5s ease-in;
    -moz-transition:    all 0.5s ease-in;
    -ms-transition:     all 0.5s ease-in;
    -o-transition:      all 0.5s ease-in;
    transition:         all 0.5s ease-in;
    */
}
.product-cat-menu .active .sub-menu .sub-menu{
    padding-top : 0px;
}
.product-cat-menu .sub-menu .sub-menu {
    display: none;
}
.product-cat-menu .active .current-menu-ancestor > .sub-menu,
.product-cat-menu .active .current-menu-parent > .sub-menu,
.product-cat-menu .active .current-menu-item > .sub-menu{
    display: block;
}


.product-cat-menu .menu{
    -webkit-transition: all 0.5s ease-in;
    -moz-transition:    all 0.5s ease-in;
    -ms-transition:     all 0.5s ease-in;
    -o-transition:      all 0.5s ease-in;
    transition:         all 0.5s ease-in;
}
.collapse-layout .product-cat-menu{
    margin-top: 0px;
    padding-bottom: 0px;
}
.collapse-layout .product-cat-menu .menu{
    max-height: 0;
    overflow: hidden;
    margin-top: 16px;
    padding: 0 24px;
}
.collapse-layout .product-cat-menu.active .menu{
    max-height: 2000px;
    overflow: hidden;
}
.collapse-info{
    display: none;
    margin: -16px 0px;
    padding: 16px;
    padding-right: 64px;
    font-weight: 600;
    font-size: 120%;
    position: relative;
    cursor: pointer;
}
.collapse-layout .product-cat-menu .collapse-info{
    display: block;
}
.collapse-layout .product-cat-menu .collapse-info:hover{
    background-color: rgba( 75,156,194,.15 );  /*#399cc2*/
    color: #000;
}
.collapse-layout .product-cat-menu .collapse-info:after{
    content: '';
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    top:32px;
    right: 0px;
    -webkit-transform: translate(-50%,-50%) rotate( 0deg ); 
    -moz-transform: translate(-50%,-50%) rotate( 0deg ); 
    -ms-transform: translate(-50%,-50%) rotate( 0deg ); 
    -o-transform: translate(-50%,-50%) rotate( 0deg ); 
    transform: translate(-50%,-50%) rotate( 0deg ); 
    background-position: center center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-image: url(../images/menu-open-blue.svg);
    -webkit-transition: all 0.4s ease-in;
    -moz-transition:    all 0.4s ease-in;
    -ms-transition:     all 0.4s ease-in;
    -o-transition:      all 0.4s ease-in;
    transition:         all 0.4s ease-in;
}
.collapse-layout .product-cat-menu.active .collapse-info:after{
    background-image: url(../images/menu-close-blue.svg);
    -webkit-transform: translate(-50%,-50%) rotate( 360deg ); 
    -moz-transform: translate(-50%,-50%) rotate( 360deg ); 
    -ms-transform: translate(-50%,-50%) rotate( 360deg ); 
    -o-transform: translate(-50%,-50%) rotate( 360deg ); 
    transform: translate(-50%,-50%) rotate( 360deg ); 
}




/*
*   search
*/

.woocommerce-page.search .content {
    padding-top: 0px;
}

.search-form.woo{
    position: relative;
    margin-top: 0px;
    top: 12px;
}
@media all and (max-width: 768px) 
{
    .search-form.woo {
        width: 66%;
    }
}
@media all and (max-width: 600px) 
{
    .search-form.woo {
        width: 100%;
    }
}
.search-form.woo .search-field{
    width: 100%;
    border: 1px solid transparent;
    border-right: none;
    background-color: transparent;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 8px 16px;
    padding-right: 56px;
}
.search-form.woo .search-button{
    position: absolute;
    top:0px;
    right: 0px;
    border: 1px solid transparent;
    border-left: none;
    float: left;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding: 0px;
    text-transform: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; 
    background-size: 32px;
}
.search-form.woo + .search-result{
    padding-top: 16px;
}

.search-form.woo .search-filter .woo-options {
    padding: 8px 16px;
    border: 1px dashed #fff;
    border-top: none;
}
.search-form.woo .result{
    display: block;
    width: 100%;
    height: auto;
    margin:auto;
    padding-left: 28px;
    color:  #000 ;
    border-top: 1px solid #000;
    opacity: .5;
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 90%;
    font-weight: 600;
}
.search-form.woo .parent-group:before {
    content: 'of zoek in';
    font-size: 90%;
    display: block;
    border-top: 1px solid rgba( 0,0,0,0.5 );
    color: rgba( 0,0,0,0.5 );
    margin-top: 12px;
    font-weight: 600;
}
.search-form.woo .radio-box.current + .term-children{
    margin-left:18px;
}
.search-form.woo .result:before{
    width: 24px;
    height: 24px;
    left: 0px;
}
.search-form.woo .input-box input[type='radio']{
    display: none;
}
.search-form.woo input[type='radio']{
    display: none;
}
.search-form.woo .term-children{
    padding-left: 18px;
    display: block;
}
.search-form.woo .radio-label{
    display: block;
}
.search-form.woo .radio-label:hover{
    color: #000;
    text-decoration: underline;
    cursor: pointer;
    display: block;
}
.search-form.woo .term-children .radio-label{
    position: relative;
}

.search-form.woo .term-children .radio-label:before{
    content: '•';
    position: absolute;
    left: -12px;
}
.search-form.woo .radio-count,
.search-form.woo .radio-count:hover{
    position: relative;
    display: inline-block;
    margin-left: 16px;
    font-size: 90%;
    font-weight: 600;
    text-decoration: none !important;
    z-index: 0;
    color: rgba(0,0,0,.3);
}
.search-form.woo .radio-count:before{
    -webkit-transform: translate(-50%,-50%); 
    -moz-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    -o-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%); 
    z-index: -1;
    content: '';
    left:50%;
    top:50%;
    position: absolute;
    display: block;
    min-width: 20px;
    height: 20px;
    background-color: #000;
    border-radius: 100%;
    opacity: .1;
}


/*
*   note
*/

.note-box{
    margin: 16px auto;
    margin-bottom: 32px;
    text-align: center;
}
.note-box .note{
    max-width: 500px;
    padding: 16px 32px;
    text-align: left;
    border: 2px solid #3b4;
    margin: auto;
    display: inline-block;
    background-color: #fff;
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.25);
}
.note-box .note-title{
    color: #3b4;
    font-weight: 600;
    font-size: 115%;
    margin-bottom: 8px;
    margin-top: -8px;
}
.note-box p{
    margin:0;
}
.note-box.type-oranje .note{
    border-color: #f60;
}
.note-box.type-oranje .note-title{
    color: #f60;
}
.note-box.type-rood .note{
    border-color: #f00;
}
.note-box.type-rood .note-title{
    color: #f00;
}
.note-box.type-dkn-groen .note{
    border-color: #99cc55;
}
.note-box.type-dkn-groen .note-title{
    color: #99cc55;
}
.note-box.type-dkn-blauw .note{
    border-color: #399cc2;
}
.note-box.type-dkn-blauw .note-title{
    color: #399cc2;
}



/*
*   archive product
*/


.woocommerce .woocommerce-result-count {
    color: #399cc2;
}
.woocommerce ul.products.columns-3 li.product, 
.woocommerce-page ul.products.columns-3 li.product {
    width: 33.3%;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    float: left;
    margin: 0px;
    padding: 0;
    position: relative;
    margin-left: 0;
    margin-bottom: 48px;
    border-top-width: 6px;
}
.woocommerce ul.products li.product .product-content{
    margin: 0px 4%;
    margin-top: 32px;
    position: relative;
}
.woocommerce ul.products li.product:nth-child(3n+1) .product-content{
    margin-left: 0%;
    margin-right: 8%;
}
.woocommerce ul.products li.product:nth-child(3n) .product-content{
    margin-left: 8%;
    margin-right: 0%;
}
@media all and (max-width: 768px) 
{
        .woocommerce ul.products.columns-3 li.product, 
        .woocommerce-page ul.products.columns-3 li.product {
            width: 50%;
        }
        .woocommerce ul.products li.product:nth-child(2n+1) .product-content{
            margin-left: 0%;
            margin-right: 8%;
        }
        .woocommerce ul.products li.product:nth-child(2n) .product-content{
            margin-left: 8%;
            margin-right: 0%;
        }
}
@media all and (max-width: 480px) 
{
        .woocommerce ul.products.columns-3 li.product, 
        .woocommerce-page ul.products.columns-3 li.product {
            width: 100%;
        }
        .woocommerce ul.products li.product:nth-child(2n+1) .product-content,
        .woocommerce ul.products li.product:nth-child(2n) .product-content,
        .woocommerce ul.products li.product:nth-child(3n) .product-content,
        .woocommerce ul.products li.product:nth-child(1) .product-content{
            margin-left: 0%;
            margin-right: 0%;
        }
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    padding: 0px;
    margin: 48px 8px 8px 16px;
    line-height: 20px;
    font-size: 110%;
    min-height: 60px;
    color: #399cc2;
}
.woocommerce ul.products li.product .onsale {
    top: 0;
    right: auto;
    left: 0;
    margin: 0;
}
.woocommerce span.onsale {
    background-color:  #f60;
    line-height: inherit;
    font-weight: 400;
    padding: 3px 6px;
    min-height: 0px;
    min-width: 0px;
    top: 0px;
    left: 0px;
    font-size: 80%;
    border-radius: 0px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.woocommerce .mask-image {
    border-radius: 8px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.products .product:not(.has-post-thumbnail) .woocommerce-LoopProduct-link,
.woocommerce-product-gallery__image--placeholder,
.woocommerce .mask-image.placeholder {
    background-color: #1fc8db;
    background-position: bottom center , 90% 100% , -15% 100% ;  
    background-repeat: repeat-x, no-repeat, no-repeat;
    background-size: 60% , 75% , 50% ,100%;
    background-image:  url(../../images/grass_green.svg) , url(../../images/thumbnail_farm.svg) , url(../../images/thumbnail_trees.svg) , linear-gradient(180deg, #a9d76b 10%, #99cc55 30% , #99cc55 55% , #88b749 100%);
    border-radius: 8px;
}
.woocommerce-product-gallery__image--placeholder {
    box-shadow: 0px 0px 0px 1px #399cc2;
    border: 3px solid #FFF;
}
.woocommerce div.product div.woocommerce-product-gallery--without-images img,
.woocommerce .mask-image.placeholder img{
    opacity: 0;
}
.woocommerce .mask-image-box.thumbnail  {
    float: left;
    width: 100px;
    padding-top: 12px;
    padding-right: 12px;
}
.woocommerce .mask-image-box.thumbnail .mask-image-content,
.woocommerce .mask-image-content.hide {
    opacity: 0;
}


.woocommerce .weight-as-unit.quantity-info
{
    display: inline-block;
    margin-right: 12px;
    margin-left: -12px;
}
.woocommerce .weight-as-unit .weight-total:not(:empty){
    display: inline-block;
    min-width: 65px;
    text-align: left;
    font-weight: 600;
}
.woocommerce .weight-as-unit .weight-is:before {
    content: ' = ';
    display: inline-block;
    margin: auto 6px;
}
.woocommerce .weight-as-unit.weight-per-kg{
    text-align: right;
    padding-top: 4px;
    padding-bottom: 8px;
    font-style: italic;
    color: #999;
}
.woocommerce .weight-as-unit.weight-per-kg.archive{
    height: 0;
    padding:0px;
}
.woocommerce .weight-as-unit.weight-per-kg.archive > span{
    margin-top: 4px;
    position: relative;
    display: inline-block;
}
.woocommerce .weight-as-unit.weight-per-kg,
.woocommerce .price .price-suffix{
    font-size: 75%;
}
.woocommerce .weight-as-unit.weight-per-kg-unit{
    letter-spacing: 1.5px;
    padding-left: 2px;
}
.woocommerce .weight-as-unit.weight-per-kg-unit:before{
    content: '/';
}

.woocommerce .woocommerce-variation-price{
    margin-bottom: 16px;
}
.woocommerce .products .product .price-box {
    position: relative;
    display:  block;
    height: 0;
    line-height: 0;
}
.woocommerce .products .product .price-box .price {
    margin-top:-16px;
    position: relative;
    line-height: 1.4;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price {
    color: #77a464;
    display: inline-block;
    font-weight: 400;
    margin: 0px;
    margin-left: 16px;
    font-size: inherit;
    padding:0px;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price,
.woocommerce .products .product .price {
    background-color: #fff;
    position: relative;
    border-radius: 8px;
    border: 2px solid #fff;
}
.woocommerce div.product p.price .price-inner .woocommerce-Price-currencySymbol, 
.woocommerce div.product span.price .price-inner .woocommerce-Price-currencySymbol,
.woocommerce .products .product .price .price-inner .woocommerce-Price-currencySymbol{
    /* display: none; */
}
.woocommerce .price del .woocommerce-Price-currencySymbol{
    display: none;
}
.woocommerce div.product p.price .price-inner del, 
.woocommerce div.product span.price .price-inner del,
.woocommerce ul.products li.product .price .price-inner del {
    display: inline-block;
    /* padding:4px 8px;
    color: #399cc2; */
    margin-left: -4px;
    margin-right: 4px;
    text-decoration: line-through;
    opacity: 1;
    font-size: 90%;
}
.woocommerce li.product span.price .price-inner del,
.woocommerce div.product span.price .price-inner del{
    color: rgba(0,0,0,0.6);
}
.woocommerce div.product p.price .price-inner del span:last-child:before, 
.woocommerce div.product p.price .price-inner del span:last-child:after, 
.woocommerce div.product span.price .price-inner del span:last-child:before,
.woocommerce div.product span.price .price-inner del span:last-child:after,
.woocommerce ul.products li.product .price .price-inner del span:last-child:before,
.woocommerce ul.products li.product .price .price-inner del span:last-child:after {
    content: '\00a0';
    display: inline;
}
.woocommerce div.product p.price.sale .price-inner ins > span:first-child, 
.woocommerce div.product p.price.simple .price-inner > span:first-child, 
.woocommerce div.product p.price.variable .price-inner, 
.woocommerce div.product p.price.variation .price-inner, 

/* .woocommerce div.product span.price.sale .price-inner ins > span:first-child, */
.woocommerce div.product span.price.simple .price-inner,
.woocommerce div.product span.price.variable:not(.range) .price-inner,
.woocommerce div.product span.price.variable.range .price-inner ins > span:first-child,
.woocommerce div.product span.price.variable.range .price-inner > span.amount:first-child,

.woocommerce div.product span.price.variation:not(.range) .price-inner,
.woocommerce div.product span.price.variation.range .price-inner ins > span:first-child,
.woocommerce div.product span.price.variation.range .price-inner > span.amount:first-child,

/* .woocommerce ul.products li.product .price.sale .price-inner ins > span:first-child,*/
.woocommerce ul.products li.product .price.simple .price-inner,
.woocommerce ul.products li.product .price.variable .price-inner,
.woocommerce ul.products li.product .price.variation .price-inner {
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    padding:4px 8px;
    color: #fff;
    background-color: #399cc2;
    border-radius: 6px;
}
.woocommerce div.product span.price.sale .price-inner ins > span:first-child,
.woocommerce ul.products li.product .price.sale .price-inner ins > span:first-child{
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    color: #fff;
}
.woocommerce div.product p.price.grouped, 
.woocommerce div.product span.price.grouped,
.woocommerce ul.products li.product .price.grouped,
.woocommerce div.product .woocommerce-variation-price p.price.variable.range, 
.woocommerce div.product .woocommerce-variation-price span.price.variable.range  ,

.woocommerce div.product .woocommerce-variation-price p.price.variation.range, 
.woocommerce div.product .woocommerce-variation-price span.price.variation.range  {
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    padding:4px 8px;
    color: #fff;
    border-radius: 6px;
}
.woocommerce ul.products li.product .price.grouped,
.woocommerce ul.products li.product .price.variable.range,
.woocommerce ul.products li.product .price.variation.range  {
    background-color: #399cc2;
}
.woocommerce ul.products li.product .price .from {
    font-size: 80%;
    margin: 0px;
    margin-left: -2px;
    margin-right: 4px;
    text-transform: none;
    color: inherit;
}
.woocommerce div.product .woocommerce-variation-price .p.price.variable.range, 
.woocommerce div.product .woocommerce-variation-price .span.price.variable.range,
.woocommerce div.product .woocommerce-variation-price .p.price.variation.range, 
.woocommerce div.product .woocommerce-variation-price .span.price.variation.range{
    background-color: transparent;
}

.woocommerce .btn-add-to-cart-box{
    text-align: right;
}
.woocommerce .btn-add-to-cart{
    padding-right: 48px;
    border-width: 1px;
    border-style: solid;
    min-height: 38px;
}
.woocommerce .btn-add-to-cart:before{
    right: 2px;
    top: 2px;
    width:32px;
    height:32px;
    left: auto;
    border-radius: 4px;
}
.woocommerce .sale .sale-indicator:after{
    content: '';
    position: absolute;
    right: -6px;
    top: -6px;
    width:12px;
    height:12px;
    background-color: #f60;
    border-radius: 100%;
    border: 2px solid #fff;
}


/*
*   pagination
*/
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #399cc2;
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.woocommerce nav.woocommerce-pagination ul li span.current {
    min-width: 32px;
}




/*
*   single product
*/

.vbox-content {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px !important;
    padding: 30px;
}
.vbox-close {
    width: 72px;
    height: 72px;
    vertical-align: middle;
    line-height: 72px;
    font-size: 64px;
    padding: 0px;
}
.vbox-close:hover {
    color: #fff!important;
    background-color: #399cc2 !important;
}
.vbox-next,
.vbox-prev {
    background-color: #399cc2;
}
.vbox-next span, 
.vbox-prev span {
    top: 12px;
    border-top-color: #fff;
    border-right-color: #fff;
}
.vbox-next {
    right: 0px;
}
.vbox-next span{
    right: 16px;
}
.vbox-prev {
    left: 0px;
}
.vbox-prev span{
    left: 16px;
}
.vbox-content img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    background-color: transparent !important;
    box-shadow: none;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%); 
    -ms-transform: translateY(-50%); 
    -o-transform: translateY(-50%); 
    transform: translateY(-50%); 
}
.woocommerce-product-gallery__image {
    /*pointer-events: none;*/
}
.wpgis-pgs.slick-slider{
    box-shadow: 0px 0px 0px 1px #399cc2;
    border-radius: 8px;
    border: 3px solid #FFF;
    background-image: radial-gradient(rgba(107,191,255,1) 10%, transparent 10%), radial-gradient(rgba(107,191,255,1) 10%, transparent 10%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}
.wpgis-pgs {
    position: absolute;
    top:0px;
    height: 100%;
}
.wpgis-pgs .slick-slide{
    position: relative;
    width: 100%;
    height: 100%;
}
.wpgis-pgs .slick-slide a {
    position: relative;
    display: block;
    width:100%;
    height:100%;
}
.wpgis-pgs .slick-slide img {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    left:50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%); 
    -moz-transform: translate(-50%,-50%); 
    -ms-transform: translate(-50%,-50%); 
    -o-transform: translate(-50%,-50%); 
    transform: translate(-50%,-50%); 
}
.wpgis-pgs .slick-dots{
    position: absolute;
    bottom: 0px;
    padding-bottom: 16px;
}
.wpgis-pgs .slick-dots li:only-child{
    display: none;
}
.wpgis-pgs .btn-prev, 
.wpgis-pgs .btn-next {
    color: #fff;
    background: #399cc2;
}
.wpgis-pgs .slick-dots li button:before {
    content: '';
    border-radius: 100%;
    background-color: #fff;
    opacity: 1;
    top:2px;
    left:2px;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 0px 2px #399cc2;
}
.wpgis-pgs .slick-dots li.slick-active button:before {
    background-color: #399cc2;
}
.wpgis-pgs .slick-dots li button:hover:before {
    box-shadow: 0px 0px 0px 2px #000;
}
.wpgis-pgs .slick-dots li button{
    background-color: transparent;
}

.woocommerce div.product .product_title {
    color: #399cc2;
    font-size: 28px;
}
.woocommerce div.product div.summary,
.woocommerce-page div.product div.summary {
    width: 45%;
}
.woocommerce div.product div.images, 
.woocommerce-page div.product div.images {
    width: 50%;
    padding-top: 50%;
    position: relative;
}
@media all and (max-width: 770px) 
{
        .woocommerce div.product div.images, 
        .woocommerce-page div.product div.images {
            width: 100%;
            padding-top: 50%;
        }
        .woocommerce div.product div.summary,
        .woocommerce-page div.product div.summary {
            width: 100%;
        }
}
@media all and (max-width: 500px) 
{
        .woocommerce div.product div.images, 
        .woocommerce-page div.product div.images {
            width: 100%;
            padding-top: 66%;
        }
}
.woocommerce div.product div.images figure, 
.woocommerce-page div.product div.images figure{
    position: absolute;
    top: 0;
}
.single-product .price-box{
    text-align: right;
}
.single-product h1 + .price,
.single-product h1 + .price-box{
    margin-top: 32px;
}
.single-product .woocommerce-product-details__short-description{
    margin: 16px 0px 32px 0px;
}
.woocommerce div.product div.summary > .price{
    color: #000;
}
.woocommerce div.product div.summary > .price .from{
    margin-right: 4px;
}
.single-product .related-products .price-box{
    text-align: left;
}
.woocommerce div.product form.cart { /* box add-to-cart */
    text-align: right;
    margin-top: 16px;
}
.woocommerce div.product form.cart div.quantity { /* amount form field */
    float: none;
    margin: 0 16px 0 0;
    display: inline-block;
}
.single-product .link-cloud.wrap,
.single-product .product > .wrap{
    margin: 0px;
    max-width: 700px;
    clear: both;
}
.single-product .product .wrap > h2{
    clear: both;
    font-style: italic;
    color: #399cc2;
    border-width: 0px;
    border-bottom-width: 6px;
    border-style: solid;
    border-image: url(../../images/border-dot-16-32-32-blue.svg) 32 repeat;
    margin-top: 48px;
    margin-bottom: 16px;
}
.single-product .product .wrap > h2:first-of-type{
    margin-top: 16px;
}
.single-product .link-cloud h2,
.single-product .product .up-sells > h2{
    clear: both;
    font-style: italic;
    color: #99cc55;
    border-width: 0px;
    border-top-width: 6px;
    border-style: solid;
    border-image: url(../../images/border-dot-16-32-32-green.svg) 32 repeat;
    margin-top: 64px;
    padding-top: 16px;
}
.single-product .up-sells .up-sell {
    color: #399cc2;
    margin: 8px 0px;
    display: block;
    position: relative;
    padding-left: 24px;
    margin-top:8px;    
    background-image: url(../../images/icon-arrow-blue.svg);
    background-repeat: no-repeat;
    background-position: 0px 10px; 
    background-size: 16px;
}
.single-product .up-sells .up-sell > .product-name {
    font-weight: 700;
    font-size: 120%;
}
.single-product .up-sells .up-sell:hover .product-name{
    color: #000;
}
.woocommerce div.product .up-sells .price-box{
    display: inline-block;
}
.woocommerce div.product .up-sells .up-sell span.price del{
    display: none;
}
.woocommerce .up-sells .up-sell .price.sale:after{
    content: '';
    position: absolute;
    right: -6px;
    top: -6px;
    width:12px;
    height:12px;
    background-color: #f60;
    border-radius: 100%;
    border: 2px solid #fff; 
}

.woocommerce div.product .up-sells span.price.sale .price-inner ins > span:first-child,
.woocommerce div.product .up-sells span.price.simple .price-inner,
.woocommerce div.product .up-sells span.price.variable .price-inner,
.woocommerce div.product .up-sells span.price.variation .price-inner {
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    padding:3px 6px;
    color: #399cc2;
    background-color: #fff;
    border-radius: 6px;
    border: 2px solid #399cc2;
}

.woocommerce div.product .out-of-stock {
    text-align: right;
}




/*
*   single product - related
*/

.single-product .related-products {
    padding-top: 0px;
    padding-bottom: 32px;
}
.single-product .related-products h2 {
    color: #399cc2;
}
.woocommerce.single-product .related-products ul.products li.product .product-content {
    margin-top: 12px; 
}
.woocommerce.single-product  ul.products li.product .woocommerce-loop-category__title, 
.woocommerce.single-product  ul.products li.product .woocommerce-loop-product__title, 
.woocommerce.single-product  ul.products li.product h3 {
    /* color: #fff; */
    min-height: 0px;
}
.woocommerce.single-product ul.products li.product, 
.woocommerce-page.single-product  ul.products li.product {
    margin-bottom: 0px; 
}

.woocommerce.single-product .related-products .mask-image {
    border: 2px solid #fff;
}
.woocommerce.single-product .related-products ul.products li.product .onsale {
    top: 2px;
    left: 2px;
    border-top-left-radius: 6px;
}




/*
*   single product - tags
*/

.single-product .link-cloud {
    margin-top: 32px;
    margin-bottom: 16px;
}
.search .link-cloud .item,
.single-product .link-cloud .item {
    display: inline-block;
    padding: 4px 12px;
    margin-right: 8px;
    line-height: 16px;
    border-radius: 24px;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    margin-bottom: 8px;
}
a.added_to_cart.wc-forward, /* in list after add-to-cart click */
.woocommerce-info,
.woocommerce-message,
.search-tag-hints{
    position: relative;
    background-color: rgba( 75,156,194,.15 );  /*#399cc2*/
    border: 1px solid rgba( 75,156,194,.15 );  /*#399cc2*/
    padding: 16px;
    padding-left: 60px;
    margin: 0 32px !important;
    margin-bottom: 20px !important;
    border-radius: 8px;
}
a.added_to_cart.wc-forward {
    margin: 0px !important;
    margin-top: 12px !important;
    margin-bottom: 0px !important;
}
.search-tag-hints{
    padding-bottom: 8px;
}
a.added_to_cart.wc-forward:before, /* in list after add-to-cart click */
.woocommerce-message:before,
.woocommerce-info:before,
.search-tag-hints:before{
    content: '';
    width:40px;
    height: 40px;
    left: 12px;
    top: 8px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-image: url('../../images/icon-woo-note-blue.svg');
}
.search-tag-hints.small{
    padding-bottom: 4px;
}

.search-tag-hints .tag-hints-title{
    padding-left: 4px; 
    padding-bottom: 8px; 
    position: relative;
    padding-right: 12px;
}
.search-tag-hints.small .tag-hints-title{
    float: left;
}
.search-tag-hints .link-cloud .item{
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.15);
}


/*
*   woo cart
*/

.woocommerce-Price-currencySymbol{
    margin-right: 4px;
}
.cart{
    font-size: 90%;
}

.cart .item-variation{
    font-size: 80%;
}


.woocommerce .quantity .qty {
    width: 50px;
    text-align: center;
}
/* if option shipping only has pickup: then hide shipping adress - only shows when user is custome, bug??  */
#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, 
.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, 
woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination {
    display: none;
}



/* 
 *  woo cart table 
*/


.woocommerce table.cart td {
    vertical-align: top;
}
.woocommerce table.cart .product-quantity {
    width: 60px;
}
.woocommerce table.cart .product-subtotal {
    width: 100px;
}
.woocommerce table.cart .product-thumbnail {
    width: 80px;
    padding: 8px;
}
.woocommerce table.cart .product-thumbnail .image-wrapper{
    margin-bottom: 0px; 
}
.woocommerce table.cart .product-remove{
    width: 50px;
}
.woocommerce table.cart .product-name{
    width: 40%;
}
.woocommerce table.cart .variation{
   font-size: 90%;
   margin-top:4px;   
}
table.cart img, 
.woocommerce-cart table.cart img, 
.woocommerce-checkout table.cart img {
    width: 64px;
}
.woocommerce table.cart .product-subtotal{
    text-align: right;
}
.woocommerce table.cart .product-thumbnail {
    display: none;
}
.woocommerce table.cart .product-price{
    text-align: right;
    padding-right: 24px;
}

@media all and (max-width: 768px) 
{
    .woocommerce a.remove{
        position: relative;
    }
    .woocommerce a.remove:before{
        content: '';
        position: absolute;
        width: calc( 100% + 8px);
        height: calc( 100% + 8px);
        left: -4px;
        top: -4px;
        border: 1px solid red;
        border-radius: 100%;
    }
    body:not(.single-product):not(.archive-product) .search-form.woo{
        display: none;
    }
    
    .woocommerce table.shop_table_responsive tr,
    .woocommerce-page table.shop_table_responsive tr {
        clear: both;
    }
    .woocommerce table.cart .product-name {
        width: 100%;
    }
    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
        text-align: left !important;
    }
    .woocommerce table.shop_table_responsive tr td::before, 
    .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
        float: none;
    }
    .woocommerce table.shop_table_responsive tr td.product-price::before, 
    .woocommerce-page table.shop_table_responsive tr td.product-price::before {
        display: inline-block;
        float: none;
        font-weight: 400;
    }
    .woocommerce table.shop_table_responsive tr td, 
    .woocommerce-page table.shop_table_responsive tr td {
        display: table-cell;
    }
    .woocommerce table.cart .product-remove{
        padding: 9px 0px;
        min-width: 50px;
    }
    .woocommerce table.shop_table td.product-name, 
    .shop_table .cart_item .product-name {
        padding-left: 0px !important;
        font-weight: 600;
        font-size: 110%;
    }
    .woocommerce table.shop_table td.product-name,
    .woocommerce table.shop_table td.product-total{
        border-top: 1px solid rgba(0,0,0,.2) !important;
    }
    .woocommerce table.shop_table td.product-name .product-quantity {
        display: none;
    }
    .woocommerce td.product-name .wc-item-meta,
    .woocommerce td.product-name dl.variation {
        margin-left: 0px !important;
    }
    .woocommerce table.cart .product-price {
        width: 66%;
        float: left;
        padding-top: 0px;
        padding-left: 50px;
    }
    .woocommerce table.cart .product-quantity {
        float: left;
        width: auto;
        padding-top: 0px;
    }
    .woocommerce table.cart .product-subtotal {
        width: auto;
        float: right;
        text-align: right !important;
        padding-top: 0px;
    }
    .woocommerce table.shop_table_responsive tr  td.product-remove,
    .woocommerce-page table.shop_table_responsive tr td.product-remove,
    .woocommerce table.shop_table_responsive tr  td.product-name,
    .woocommerce-page table.shop_table_responsive tr td.product-name {
        border-top: 1px solid rgba(0,0,0,.2) !important;
        padding-top: 24px;
    }
    .woocommerce-cart-form__cart-item.cart_item{
    }
    
    /* totals */
    .woocommerce .cart-collaterals table.shop_table_responsive tr, 
    .woocommerce-page .cart-collaterals table.shop_table_responsive tr {
        display: table-row;
    }
    .woocommerce table.shop_table.order_details tfoot tr:first-child td, 
    .woocommerce table.shop_table tbody:first-child tr:first-child td, 
    .woocommerce table.shop_table tfoot .cart-subtotal td,
    .woocommerce table.shop_table.order_details tfoot tr:last-child td, 
    .woocommerce table.shop_table tbody:last-child tr.order-total td, .woocommerce table.shop_table tfoot .order-total td {
        text-align: right !important;
    }
    #add_payment_method .cart-collaterals .cart_totals table th,
    .woocommerce-cart .cart-collaterals .cart_totals table th, 
    .woocommerce-checkout .cart-collaterals .cart_totals table th {
        display: table-cell;
    }
    
    
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number{
        display: block;
        padding-top: 12px;
        border-top: 1px solid rgba(0,0,0,.2) !important;
    }
    .woocommerce .woocommerce-orders-table.woocommerce-MyAccount-orders{
        border-bottom: 1px solid rgba(0,0,0,.2) !important;
    }
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-date,
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status{
        display: block;
        width: auto;
        float: left;
        font-style: italic;
        opacity: 0.6;
        padding-bottom: 0px;
    }
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-status:before{
        content: '(';
    }
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total{
        display: block;
        clear: both;
        float: left;
        width: 50%;
        padding-top: 4px;
    }
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions{
        float: right;
        width: 50%;
        text-align: right !important;
    }
    .woocommerce .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions .button{
        position: relative;
        top:-16px;
    }
    
    
    /* checkout wizard */
    #wizard .steps ul li {
        width: auto !important;
        float: left;
        min-width: 33%;
        text-align: center;
    }
    #wizard .steps ul li a {
        display: inline-block;
        text-align: center;
        width: 100%;
    }
}
@media all and (max-width: 480px) 
{
    .woocommerce table.cart .product-price {
        width: 50%;
        padding-left: 40px;
    }
    .woocommerce table.cart .product-remove {
        min-width: 40px;
    }
}


/* 
 *  winkelmand totalen 
*/

.cart-empty{
    margin-bottom: 32px;
}
.woocommerce .cart-collaterals h2{
   display: none;
}
.woocommerce .cart-collaterals .cart_totals{
    float: none;
    width: 100%;
}
.woocommerce .cart_totals .cart-subtotal td,
.woocommerce .cart_totals .order-total td{
    text-align: right;
}

#add_payment_method .wc-proceed-to-checkout, 
.woocommerce-cart .wc-proceed-to-checkout, 
.woocommerce-checkout .wc-proceed-to-checkout {
    padding: 1em 0;
    text-align: right;
}


#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: inline-block;
    font-size: 100%;
    padding: 4px 8px;
}
#add_payment_method .cart-collaterals .cart_totals table th, 
.woocommerce-cart .cart-collaterals .cart_totals table th, 
.woocommerce-checkout .cart-collaterals .cart_totals table th {
    width: 60%;
}
.woocommerce table.shop_table td.actions {
    padding: 6px 0px;
    vertical-align: middle;
}


/*
 *  Checkout Wizzard
 */

.woocommerce form .form-row .optional{
    display: none ;
}

#wizard .content {
    margin: 0px;
    padding: 8px;
}

/* tabs */

.wizard>.steps a{
    min-height: 60px;
    font-weight: 400;
    border-right: 2px solid #fff;
}
.wizard>.steps .current a, 
.wizard>.steps .current a:active, 
.wizard>.steps .current a:hover {
    background: #399cc2;
    color: #fff;
    cursor: default;
}
.wizard > .steps .done a, 
.wizard > .steps .done a:active {
    background-color: #fff;
    border: 1px solid #399cc2;
    border-right: 2px solid #fff;
    color: #399cc2;
}
.wizard > .steps .done:first-child a{
}
.wizard > .steps a:hover {
    font-weight: 400;
}
.wizard > .steps .done a:hover {
    background-color: #399cc2;
    border-right: 2px solid #fff;
    color: #fff;
    font-weight: 400;
}
.wizard > .steps .current ~ .wizard > .steps .done > a{
    border-left: none;
}
.wizard > .steps .current:last-child a {
    border-right: 1px solid #399cc2;
}
.wizard > .steps .done:last-child a {
    border-right: 1px solid #399cc2;
}
#wizard [role="tab"]{
    position: relative;
}
.tabcontrol, .wizard {
    overflow: visible;
}

.woocommerc .col2-set .col-2:not(.new_user), 
.woocommerce .col2-set .col-2:not(.new_user), 
.woocommerce-page .col2-set .col-2:not(.new_user) {
    display: none;
}
.wizard>.steps .disabled a, 
.wizard>.steps .disabled a:active {
    background: #ddeef6;
    color: #399cc2;
}


/* buttons */

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    border: 1px solid #99cc55;
    background-color: #fff;
    color: #99cc55;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
    background-color: #99cc55;
    color: #fff;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt ,

#wizard .woocommerce-Button,
#wizard .checkout_coupon .button,
#wizard form.login input.button, 
.wizard>.actions a, 
.wizard>.actions a:active, 
.wizard>.actions a:hover {
    border: 1px solid transparent;
    background: #399cc2;
    font-weight: 400;
    padding: 8px 16px;
    border-radius: 3px;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background-color: #3988bb;
    color: #fff;
}
#wizard [href="#next"]{
    background-color: #399cc2;
    border: 1px solid #399cc2;
}
#wizard [href="#previous"]{
    border: 1px solid #99cc55;
    background-color: #fff;
    color: #99cc55;
}
#wizard .woocommerce-Button,
#wizard form.login input.button{
    background: #99cc55;
    border: 1px solid #99cc55;
}
#wizard form .clear + .form-row {
   text-align: right;
}
#wizard form .clear + .form-row > * {
   margin: auto;
   margin-right: 0;
}
#wizard form .clear + .form-row > label {
   width: 100%;
   padding-top: 12px;
}
#wizard form .clear + .form-row > label input {
   top: 3px;
   margin-right: 12px;
}
#wizard [href="#previous"]:before,
#wizard [href="#next"]:after{
    content:'';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left:8px;
    margin-bottom: -3px;
    margin-right: -6px;
    background-image: url(../../images/icon-arrow-white.svg);
    background-repeat: repeat-x;
    background-position: bottom center; 
    background-size: contain;
}
#wizard [href="#previous"]:before{
    margin-right:8px;
    margin-bottom: -3px;
    margin-left: -6px;
    background-image: url(../../images/icon-arrow-green.svg);
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(180deg); /* IE 9 */
    -ms-transform: rotate(180deg); /* IE 9 */
    -o-transform: rotate(180deg); /* IE 9 */
    transform: rotate(180deg);
}



/*
 *      Form fileds
*/
[placeholder]::-webkit-input-placeholder ,
[placeholder]::-webkit-input-placeholder ,
[placeholder]:-moz-placeholder{
        font-size: 90%;
        font-style: italic;
        letter-spacing: 0.5px;
        opacity: .6;
}
input.search-field[placeholder]::-webkit-input-placeholder {
        color: #fff;
}
input:not(.search-field)[placeholder]::-webkit-input-placeholder,
input:not(.search-field)[placeholder]:-ms-input-placeholder,
input:not(.search-field)[placeholder]:-moz-placeholder {
        color: #99cc55;
}
input, textarea, select {
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom: 1px solid #bbb;
    box-shadow: none;
    padding: 2px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row .input-text,
.woocommerce-page form .form-row .input-text {
    width: 65%;
    float: right;
    padding: 2px 6px;
}
.woocommerce form .form-row input.input-text::placeholder, /* Chrome, Firefox, Opera, Safari 10.1+ */
.woocommerce form .form-row textarea.input-text::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ccc;
}
.woocommerce form .form-row textarea.input-text:-ms-input-placeholder , /* Internet Explorer 10-11 */
.woocommerce form .form-row input.input-text:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ccc;
}
.woocommerce form .form-row textarea.input-text::-ms-input-placeholder, /* Microsoft Edge */
.woocommerce form .form-row input.input-text::-ms-input-placeholder { /* Microsoft Edge */
  color: #ccc;
}
.woocommerce form .form-row label, 
.woocommerce-page form .form-row label,
.wizard > .content > .body label {
    display: inline-block;
    float: left;
    width:35%;
}
.woocommerce form .form-row #order_comments{
    height: 100px;
}
.woocommerce form #billing_country_field strong{
    margin-left: 24px;
}
.woocommerce form .form-row-first, 
.woocommerce form .form-row-last, 
.woocommerce-page form .form-row-first, 
.woocommerce-page form .form-row-last {
    width: 100%;
}
.woocommerce-EditAccountForm  > p:last-child,
.woocommerce-address-fields > p:last-child{
    margin-top: 16px;
    text-align: right;
}
fieldset {
    float: none;
    clear: both;
}
.woocommerce form .form-row .required {
    color: #99cc55;
    font-weight: 400;
    border: 0;
    text-decoration: none;
}


/* shop_table */

.woocommerce table.shop_table {
    vertical-align: top;
    border: none;
    table-layout: auto;
}
.shop_table thead,
.shop_table tbody,
.shop_table tfoot{
    vertical-align: top;
}
#add_payment_method .cart-collaterals .cart_totals tr td, 
#add_payment_method .cart-collaterals .cart_totals tr th, 
.woocommerce-cart .cart-collaterals .cart_totals tr td, 
.woocommerce-cart .cart-collaterals .cart_totals tr th, 
.woocommerce-checkout .cart-collaterals .cart_totals tr td, 
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
#add_payment_method #payment ul.payment_methods, 
.woocommerce-cart #payment ul.payment_methods, 
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
    border: none;
    font-weight: 400; 
}
.woocommerce table.shop_table.order_details tfoot tr:last-child td,
.shop_table .product-total,
.shop_table .cart-subtotal td,
.shop_table .order-total td {
    text-align: right;
}

.woocommerce table.shop_table tfoot th .product-total{ 
    display: none;
}

/* cart header */
.woocommerce table.shop_table th.product-total{
    display: none;
}

/* cart or order rows */
.woocommerce table.shop_table td.product-name,
.shop_table .cart_item .product-name{
    padding-left: 32px;
}
.shop_table .cart_item .product-name .quantity,
.shop_table .order_item .product-name .quantity{
    width:20px;
    display: inline-block;
    text-align: right;
}
.shop_table .cart_item .product-name .element,
.shop_table .order_item .product-name .element{
    display: inline-block;
    margin: 0px 8px;
}
.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation{
    font-style: italic;
    font-size: 90%;
    margin:0px;
    margin-left:48px;   
    color: #399cc2;
}
.woocommerce td.product-name .wc-item-meta *,
.woocommerce td.product-name dl.variation *{
   display: inline;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt{
   display:none;
}
.woocommerce td.product-name .wc-item-meta li p:before,
.woocommerce td.product-name dl.variation dd:before{
   content: ' / ';
}
.woocommerce td.product-name .wc-item-meta li:first-of-type p:before,
.woocommerce td.product-name dl.variation dd:first-of-type:before{
   content: none;
}


/* row subtotal */

.shop_table .cart_item:last-child td,
.shop_table .order_item:last-child td {
    padding-bottom: 24px;
}
.woocommerce table.shop_table.order_details tfoot tr:first-child th,
.woocommerce table.shop_table.order_details tfoot tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th,  /* cart */
.woocommerce table.shop_table tbody:first-child tr:first-child td,  /* cart */
.woocommerce table.shop_table tfoot .cart-subtotal th, 
.woocommerce table.shop_table tfoot .cart-subtotal td {
    border-top: 1px solid #99cc55;
    
}
.woocommerce table.shop_table.order_details tfoot tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child td,  /* cart */
.woocommerce table.shop_table tfoot .cart-subtotal td {
    border-top: 3px solid #99cc55;
    color: #99cc55;
    font-weight: 700;
    text-align: right;
}


/* row total */

.woocommerce table.shop_table.order_details tfoot tr:last-child th,
.woocommerce table.shop_table.order_details tfoot tr:last-child td,
.woocommerce table.shop_table tbody:last-child tr.order-total th,  /* cart */
.woocommerce table.shop_table tbody:last-child tr.order-total td,  /* cart */
.woocommerce table.shop_table tfoot .order-total th, 
.woocommerce table.shop_table tfoot .order-total td {
    border-top: 1px solid #399cc2;
}
.woocommerce table.shop_table.order_details tfoot tr:last-child td,
.woocommerce table.shop_table tbody:last-child tr.order-total td,  /* cart */
.woocommerce table.shop_table tfoot .order-total td {
    border-top: 3px solid #399cc2;
}
.woocommerce table.shop_table.order_details tfoot tr:last-child .includes_tax,
.shop_table .order-total .includes_tax{
    display: block;
    margin-top: 8px;
}
.woocommerce table.shop_table.order_details tfoot tr:last-child .includes_tax,
.woocommerce .cart_totals .order-total .includes_tax{
    /* display: block; */
}
.woocommerce table.shop_table.order_details tfoot tr:last-child td > span.amount,
.shop_table .order-total strong .amount{
    font-size: 200%;
    font-weight: 700;
}
.shop_table .order-total strong .woocommerce-Price-currencySymbol{
    margin-right:8px;
}


/* Shipping */
.woocommerce-checkout .checkout #payment {
    margin-top: 1em;
}
.woocommerce-checkout #payment ul.payment_methods{
    padding-top: 0px;
}
#payment .methods .payment_method_cod{
    display: block;
}
.wizard > .content > .body .payment_method_cod label{
    display: none;
    float: none;
}
.woocommerce-checkout #payment div.payment_box{
    float: right;
    width: 50%;
    margin-right: -1em;
}
.woocommerce ul#shipping_method li {
    padding: 0px;
}
.woocommerce ul#shipping_method li input {
    float: left;
    clear: both;
    margin-right: 32px;
}
.woocommerce-checkout #payment div.payment_box::before {
    left: auto;
    right: 1em;
}


/* order */
.woocommerce .woocommerce-order-details{
    margin-top: 64px;
    margin-bottom: 64px;
}
.woocommerce-notice{
    margin-bottom: 32px;
    padding:16px 32px;
    background-color: #399cc2;
    color: #fff;
}
.woocommerce ul.order_details {
    margin-bottom: 32px;
    list-style: none;
}
.woocommerce-order .woocommerce-order-overview + p{
    padding-bottom: 32px; 
}

.woocommerce-order h2{
    font-style: italic;
    color: #399cc2;
    border-width: 0px;
    border-bottom-width: 6px;
    border-style: solid;
    border-image: url(../../images/border-dot-16-32-32-blue.svg) 32 repeat;
    margin-top: 8px;
    margin-bottom: 16px;
}
.woocommerce .woocommerce-customer-details address {
    border: none;
    border-radius: 0px;
    padding: 0px;
}


/* my-account order */

.woocommerce-MyAccount-content h2{
    font-style: italic;
    color: #399cc2;
    border-width: 0px;
    border-bottom-width: 6px;
    border-style: solid;
    border-image: url(../../images/border-dot-16-32-32-blue.svg) 32 repeat;
    margin-top: 8px;
    margin-bottom: 16px;
}
.woocommerce-MyAccount-content > p:first-child{
    margin-bottom: 32px;
}
.woocommerce-MyAccount-content fieldset {
    float: none;
    clear: both;
    margin: 16px 0px;
    border-color: #99cc55;
    border-width: 2px;
}
.woocommerce-MyAccount-content fieldset legend{
    display: inline-block;
    background-color: #99cc55;
    padding: 4px 8px;
}
.woocommerce-MyAccount-content .woocommerce-orders-table thead{
    color: #99cc55;
    font-style: italic;
}
.woocommerce-MyAccount-content mark {
    border-bottom: 2px solid #99cc55;
    background-color: transparent;
}



/*
 *  woo-home
 */

.banners-box{ 
    margin-top: 16px;
}
.banners{}
.banner{
    width: 100%;
    opacity: 0;
}
.banner.default{
    opacity: 1;   
}
.banner.default,
.banner a{
    display: block;
    width: 100%;
    padding-top: 25%;
}


/*
 *  openingstijden
 */

.openingstijden{
    border: 1px solid #99cc55;  
    padding: 12px 24px;
}
.openingstijden .item-header{
    background-color: #99cc55;  
    padding: 8px 24px;
    margin: -12px -24px;
    margin-bottom: 12px;
    color: #fff;
    font-weight: 600;
}
.openingstijden table{
    margin-bottom: 0px; 
    float: none;
    margin: 8px 0px;
}
.openingstijden td{
    padding: 4px 0px;    
}
.openingstijden td{
    border-bottom: 1px solid #99cc55;    
}
.openingstijden tr:first-of-type td{
    border-top: 1px solid #99cc55;    
}
.openingstijden td:nth-of-type(1){
    width: 60px;    
}
.openingstijden td:nth-of-type(2){
    width: 50px;    
}
.openingstijden .icon-before:before{
    width: 24px;    
    top:-20px;
}
.openingstijden .icon-nee:before{
    width: 18px;  
    left: 2px;
}
.openingstijden table + p{
    height: 0px;
}



/*
 *  categoryicons
 */

.categoryicons{
    text-align: left; 
    position: relative;
    margin-bottom: 32px;
}
.categoryicons .cell{
    text-align: center;  
    position: relative;
    height: 140px;
    z-index: 0;
}
.categoryicons .item-title{
    font-size: 120%;
    font-weight: 600;
    position: absolute;
    bottom:0px;
    width: 100%;
}
.categoryicons .icon-before{
    width: 100%;
    height: 100%; 
    display: block;
    position: absolute;
    z-index: 1;
}
.categoryicons .icon-before:before{
    width: inherit;
    height: 128px;
    left:0px;
}



.account-btns{
    text-align: center;
    padding-top: 32px;
}
.account-btn{
    position: relative;
    display: inline-block;
    width: 160px;
    padding-top: 160px;
    margin-right: 32px;
    border: 2px solid #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 18px -5px #000;
    font-size: 100%;
    letter-spacing: 1px;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: contain;
}
.account-btn.account{
    background-image: url('../images/icon-woo-dashboard-account.svg');
}
.account-btn.address{
    background-image: url('../images/icon-woo-dashboard-address.svg');
}
.account-btn.orders{
    background-image: url('../images/icon-woo-dashboard-orders.svg');
}
.account-btn.downloads{
    background-image: url('../images/icon-woo-dashboard-downloads.svg');
}
.account-btn:hover {
    border-color: #333;
}
.account-btn span{
    display: block;
    width: 100%;
    height: 54px;
    padding: 0px 8px;
    background-color: #333;
    text-align: center;
    line-height: 54px;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}