/*-----------------------------------------------------------------------------
version:   1.0.4
date:      29/11/07
author:    Lex
email:     info@atvise.nl
website:   https://atvise.nl
-----------------------------------------------------------------------------*/

* {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway';
}

h1 {
    font-size: 2.2em;
}

h2 {
    font-size: 18px;
    color: #005790;
}

h3 {
    font-size: 14px;
    color: #005790;
    margin-bottom: 2px;
}

h4 {
    font-size: 1.6em;
}

h5 {
    font-size: 1.4em;
}

p {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    line-height: 25px;
    margin: 15px 0;
}

small {
    font-size: 10px;
    line-height: 13px;
}

.border-right {
    border-right: 2px solid #f9f9f9;
}

a.blue-grad:hover {
    color: #fff;
}

/* HEADER */
.header-top-container {
    background: url('../images/header_top_pattern.png');
    background-repeat: repeat;
}
.header-container .logo-wrapper .logo img {
    width: 100%;
    height: auto !important;
}
.nav-container {
    background: #006aa9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #006aa9, #005790);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #006aa9, #005790);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #006aa9, #005790);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #006aa9, #005790);
    /* Standard syntax */
}

.payment-options img {
    margin-right: 10px;
}

.payment-options img:last-child {
    margin-right: 0px;
}

.payment-options:after {
    display: block;
    content: " ";
    background: url(../images/payment_border.png);
    width: 100%; 
    height: 4px;
    background-size: 100% 100%;
    margin-top: 5px;
}

.cms-veelgestelde-vragen div.sparsh-block-item:nth-child(8), .cms-veelgestelde-vragen div.sparsh-block-item:nth-child(9), 
.cms-veelgestelde-vragen div.sparsh-block-item:nth-child(10), .cms-veelgestelde-vragen div.sparsh-block-item:nth-child(11), 
.cms-veelgestelde-vragen div.sparsh-block-item:nth-child(12), .sparsh-block-subtitle {
    display: none !important;
}

.customer-service-text {
    display: inline-block;
    margin-left: 10px;
    font-weight: bold;
}
.customer-service-text a {
    font-weight: 400;
}

.customer-service-text a:hover {
    font-weight: bold;
}
.customer-service-text a span {
    margin: 0 30px;
}

.customer-service-text:after {
    display: block;
    content: " ";
    background: url(../images/advies_border.png);
    width: 100%;
    height: 4px;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    margin-top: -4px;
}

@media screen and (max-width: 767px) {
    .amsearch-wrapper-block {
        display: none;
    }   
    .skip-link.skip-search.skip-active ~ .amsearch-wrapper-block {
        display: inline-block;
    }
    .amsearch-form-block{
        width: 100% !important;
    }
}

@media screen and (min-width: 1024px) {
    .amsearch-products-section.-grid .amsearch-item {
        max-width: calc(33%) !important;
    }
    .amsearch-input {
        width: 360px !important;
    }
    .amsearch-items-section:not(:first-child:last-child) {
        max-width: 210px;
    }
}
.amsearch-input {
    border: none !important;
}
.amsearch-wrapper-block::after {
    display: block;
    content: " ";
    background: url(../images/search_border.png);
    background-repeat: repeat;
    background-size: auto;
    width: 100%;
    height: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 5px;
}

/* Amasty - Blog */
.amblog-title a.amblog-link {
    font-size: 22px;
}
h3.amblog-title {
    min-height: 80px;
}
a.amblog-read {
    background: linear-gradient(to right, #8bc34a, #4caf50) !important;
    font-size: 13px !important;
}
span.amblog-arrow {
    width: 11px !important;
    height: 10px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



/* CART BTN */
div#block-discount {
    display: none;
}
.minicart-wrapper.mini-cart {
    margin-top: 5px;
}
span.counter.qty.ic.ic-char.ib.ib-size-s.ib-rounded {
    background-color: #4caf50;
}
.mini-cart .mini-cart-heading .icon.ic.ic-cart {
    font-size: 24px !important;
    line-height: 1.5em !important;
    color: #4caf50 !important;
}
.mini-cart .mini-cart-heading span.label {
    display: none;
}
.sticky-container .mini-cart .mini-cart-heading .ic {
    color: #fff;
}

.sticky-container .mini-cart:hover .mini-cart-heading .ic {
    color: #4caf50;
}


@media screen and (max-width: 769px) {
    .header-top-container,
    .header-primary-container {
        display: none;
    } 
}

/* Mijn Account */
span.delimiter {
    border-top: 1px solid #d1d1d1;
    display: block;
    margin: 10px 1.8rem;
}


/* Cookie Bar */
.avg-cookiebar {
    z-index: 99999 !important;
}
.block-search{
    z-index: 10 !important;
}

/* GRADIENTS */

.blue-grad {
    background: #006aa9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #006aa9, #005790);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #006aa9, #005790);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #006aa9, #005790);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #006aa9, #005790);
    /* Standard syntax */
}

.green-grad {
    background: #8bc34a;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #8bc34a, #4caf50);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #8bc34a, #4caf50);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #8bc34a, #4caf50);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #8bc34a, #4caf50);
    /* Standard syntax */
}

.white-grad {
    background: none;
    /* For browsers that do not support gradients */
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 0.9) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.9) 100%);
}

@media screen and (max-width: 1199px) {
    .white-grad {
        background: none;
        /* For browsers that do not support gradients */
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0.9) 100%);
    }
}


@media screen and (max-width: 991px) {
    .white-grad {
        background: rgba(255,255,255,0.8);
    }
    .nav-item a.level-top {
        color: #fff !important;
    }
    .navi.nav-mobile ul.level0 .nav-item > a {
        color: #333 !important;
    }
}

@media screen and (max-width: 767px) {
    .white-grad {
        background: rgba(255,255,255,0.6);
    }
}


/* GLOBAL ELEMENTS */

.action.primary {
    background: -webkit-linear-gradient(left, #8bc34a, #4caf50);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #8bc34a, #4caf50);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #8bc34a, #4caf50);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #8bc34a, #4caf50);
    /* Standard syntax */
}

.blue-underline:after {
    display: block;
    content: " ";
    background: url(../images/blue-underline.png);
    width: 100%;
    height: 3px;
    background-size: cover;
    margin-top: 5px;
}

.special-price .price,
.special-price .price-label {
    color: #005790 !important;
}

.nav-container li.nav-item span {
    text-transform: lowercase;
    font-size: 14px;
}

/* MOBILE HEADER GRAD */
.header-mobile .skip-link.skip-active {
    background: #006aa9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #006aa9, #005790);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #006aa9, #005790);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #006aa9, #005790);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #006aa9, #005790);
    /* Standard syntax */
}

.nav-mobile .nav-item.level0 > a {
    background: #006aa9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #006aa9, #005790);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #006aa9, #005790);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #006aa9, #005790);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #006aa9, #005790);
    /* Standard syntax */
}

.header-mobile #header-search.skip-content--style {
    background: #006aa9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #006aa9, #005790);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #006aa9, #005790);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #006aa9, #005790);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #006aa9, #005790);
    /* Standard syntax */
}

.navi .nav-panel--dropdown {
    background: #006aa9;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #006aa9, #005790);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #006aa9, #005790);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #006aa9, #005790);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #006aa9, #005790);
    /* Standard syntax */
}

/* DROPDOWN MENU ITEMS */
.navi .nav-panel--dropdown a,
.navi .nav-panel--dropdown a:hover {
    color: #fff !important;
}

.navi .nav-panel--dropdown a:hover {
    font-weight: bold;
}


/* LANUGAGE SWITCHER */

.lang-switcher .label.dropdown-icon {
    width: 30px;
}

.lang-switcher span.value {
    display: none !important;
}


/* HOME IMAGE BANNER */
.home-slider-ban .ban-overlay.white-grad {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.home-slider-ban .cap {
    max-width: 450px;
}

.home-slider-ban .slider-img {
    min-height: 200px;
}

.home-slider-ban p {
    color: #005790;
}

.home-slider-ban .banner-btn {
    width: 60%;
    display: inline-block;
    color: #fff;
    padding: 10px 0;
    margin: 0 -2px;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width: 1199px) {
    .home-slider-ban .cap {
        max-width: 530px;
    }
}

@media screen and (max-width: 769px) {
    .home-slider-ban .cap {
        left: 5%;
    }
}

/* CMS HOME */
.cms-home .main.container {
    padding-top: 0;
}


@media screen and (max-width: 991px) and (min-width: 768px) {
    .page.messages, .column.main {
        margin-top: 0;
    }    
}


/* FEATURED */
.loading-mask {
    display: none !important;
}
.featured-products {
    margin: 45px 0;
}

.featured-products ul {
    margin-top: 15px;
}

.featured-products ul.info li {
    font-weight: 600;
    font-size: 10px;
    display: inline-flex;
}

.featured-products ul.info li:before {
    font-family: 'Linearicons';
    content: "\e86d";
    margin-right: 15px;
}

.featured-products .pricewipe {
    background: url(../images/price-brush.png);
    background-size: 160px auto;
    background-repeat: no-repeat;
    display: block;
    padding: 4px;
    font-size: 16px;
    text-align: center;
    max-width: 160px;
    color: #fff;
    font-weight: bold;
}

.featured-products a {
    display: inline-block;
    margin: 10px 0;
    padding: 10px 15px;
    color: #fff;
}

.featured-products a:hover {
    color: #fff;
}

.featured-products a span {
    margin: 0 5px;
}

/* Category */
.catalog-category-view img.product-image-photo {
    max-height: 280px !important;
    width: auto !important;
}

/* POPULAR */

.popular-products, .highlighted-categories {
    background: #f8f8f8;
    padding: 45px 0 25px;
}

a.product-item-link {
    color: #4caf50 !important;
    font-weight: bold !important;
}

.popular-products .itemslider .block-title {
    padding-right: 0 !important;
}

.popular-products .itemslider .block-title > strong {
    font-weight: bold !important;
    font-size: 18px;
}

.popular-products .itemslider .block-title:after {
    display: block;
    content: " ";
    background: url(../images/blue-underline.png);
    width: 100%;
    height: 3px;
    background-size: cover;
    margin-top: 5px;
}

.popular-products .slider-arrows1-pos-top-right .owl-controls .owl-buttons {
    top: -55px !important;
}

.popular-products .itemslider .block-title {
    border-bottom: 0 !important;
}


/* BRANDS */

.brands {
    background: #ffffff;
    padding: 50px 0 30px;
}

.brands .itemslider .block-title {
    padding-right: 0 !important;
}

.brands .itemslider .block-title > strong {
    font-weight: bold !important;
    font-size: 18px;
}

.brands .itemslider .block-title > strong span {
    font-weight: 400 !important;
    font-size: 12px;
    display: block;
}

.brands .itemslider .block-title:after {
    display: block;
    content: " ";
    background: url(../images/blue-underline.png);
    width: 100%;
    height: 3px;
    background-size: cover;
    margin-top: 5px;
}

.brands .slider-arrows1-pos-top-right .owl-controls .owl-buttons {
    top: -55px !important;
}

.brands .itemslider .block-title {
    border-bottom: 0 !important;
}


/* CTA */

.cta {
    background: url('../images/cta-background.jpg');
    background-size: cover;
    padding: 30px 0;
}

.cta .heading {
    color: #4caf50;
    font-size: 24px;
    margin-top: -7px;
}

.cta a {
    display: inline-block;
    padding: 10px 40px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.cta a span {
    margin: 0 5px;
}


/* SEARCHFORM */

.block-search .input-text {
    color: #007ac3;
    border: 0;
}


/* FOOTER */


/* FOOTER TOP */

.about-us {
    margin-bottom: 20px;
}

.about-store-shop {
    margin-bottom: 20px;
}

ul.quality-guaranteed {
    margin: 0px;
}

ul.quality-guaranteed li {
    margin-bottom: 20px;
    font-weight: 600;
    display: flex;
}

ul.quality-guaranteed li:before {
    font-family: 'Linearicons';
    content: "\e814";
    margin-right: 15px;
    font-weight: 400;
}

@media screen and (max-width: 767px) {
    ul.quality-guaranteed li {
        display: list-item;
    }
}

.winkelimpression {
    padding: 10px 0 50px;
}

.winkelimpression img {
    width: 100%;
}

/* Contact Form */
.field.note.no-label:before {
    display: none;
}
.field.note.no-label {
    margin-left: 25.8%;
}
form#contact-form {
    margin: 0 auto;
}
form#login-form .fieldset > .field:not(.choice) > .label {
    width: 20% !important;
    line-height: 25px;
}

/* FOOTER CONTACT */

.contact-group i {
    margin-right: 15px;
    vertical-align: top;
    margin-top: 5px;
}

.contact-group i,
.contact-group p {
    display: inline-block;
}

/* FOOTER TOP */
.footer-top {
    padding-top: 20px;
    border-top: 2px solid #f8f8f8;
}

/* FOOTER PRIMARY */

.footer-primary-container {
    background: url(../images/airbrush-art-ogen.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-primary-container p {
    margin: 0 0 10px;
}

.footer-primary-container h2 {
    color: #cddc39;
}

.footer-container .footer-primary-bottom {
    margin-top: 60px;
}

.footer-container .footer-primary-bottom:before {
    display: block;
    content: " ";
    background: url(../images/footer_border.png);
    width: 100%;
    height: 3px;
    background-size: cover;
}

.footer-container .footer-primary-bottom-spacing {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    border: 0;
    padding-top: 10px;
}
.footer-container .footer-primary-bottom-spacing .item-middle {
    display: flex;
    flex-direction: column;
    justify-self: center;
    justify-content: center;
    gap: 8px;
}
.footer-container .footer-primary-bottom-spacing .item-middle .footer-betaalmethodes img{
    height: 24px !important;
}
.footer-container .footer-primary-bottom-spacing .item-right {
    text-align: right;
}

.footer-container .item-right {
    line-height: 16px;
    margin: 4px 0;
}

.footer-container ul.customer-service li {
    margin-bottom: 5px;
}

.footer-container ul.customer-service li:before {
    content: "\e876";
    display: inline-block;
    margin-right: 10px;
    font-family: 'Linearicons';
}

.footer-container .social-media i {
    font-size: 20px;
    margin-right: 15px;
}


/* FOOTER BOTTOM */

.footer-bottom-container {
    background-color: rgba(6, 51, 81, 0.6) !important;
}

@media only screen and (max-width: 767px) {
    .page-footer .grid12-3 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

@media only screen and (min-width: 768px) {
    .amblog-shot {
        min-height: 160px;
    }
}