/*
Theme Name: PVC Strokengordijn Child
Theme URI: https://pvc-strokengordijn.nl/
Template: webinweb
Author: Mountain IT
Author URI: https://www.mountain-it.nl
Description: Description
*/

/** ===== GLOBAL ===== **/
body {
    font-family:'Assistant', sans-serif !important;
    color:#575756 !important;
}

.container {
    max-width:1400px !important;
}

ul {
    -webkit-padding-start:0;
    padding-left:0;
}

label {
    margin-bottom:0 !important;
}

:focus {
    outline:0;
}

.tooltip {
    opacity:1 !important;
    display:inline-block !important;
}

::-webkit-input-placeholder {
    color:#575756 !important;
}

::-moz-placeholder {
    color:#575756 !important;
}

:-ms-input-placeholder {
    color:#575756 !important;
}

:-moz-placeholder {
    color:#575756 !important;
}

sup {
    font-size:12px !important;
}

.hide {
    display:none !important;
}

/** ===== CONTACT SIDE ===== **/
.contact-side {
    left:-334px;
    width:334px;
    padding:15px;
    background:#c10a27;
    position: fixed;
    z-index: 999999;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border-radius: 0 33px 33px 0;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.contact-side:after {
    content:'';
    width:80px;
    height:60px;
    position:absolute;
    top:30%;
    right:-70px;
    z-index:999;
    background-size:auto;
    background-repeat:no-repeat;
    background:#c10a27;
    border-radius:0 999px 999px 0;
    background-image:url(../webinweb-child/img/contact-side.svg);
    background-size:auto;
    background-repeat:no-repeat;
    background-size:40%;
    background-position:60% 50%;
    opacity: 1;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}

.contact-side:hover {
    left:0;
    opacity:1;
}

.contact-side:hover:after {
    opacity:0;
}

.contact-side .inner {
    padding:15px;
}

.contact-side .inner h3 {
    text-transform:uppercase;
    font-weight:800;
    font-size:24px;
}

.contact-side .inner ul li {
    list-style-type:none;
    padding:4px 0;
}

.contact-side .inner ul li.telefoon:before {
    content:'';
    display:inline-block;
    position:relative;
    background-image: url(../webinweb-child/img/phone.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:23px;
    height:23px;
    left:0;
    top:6px;
}

.contact-side .inner ul li.email:before {
    content:'';
    display:inline-block;
    position:relative;
    background-image:url(../webinweb-child/img/mail.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:23px;
    height:23px;
    left:0;
    top:6px;
}

.contact-side .inner ul li a {
    padding-left:10px;
    color:#fff;
}

.contact-side .inner input[type="text"], .contact-side .inner input[type="email"] {
    width:100%;
    height:40px;
    border:1px solid #fff;
    margin:10px 0;
    padding-left:10px;
}

.contact-side .inner textarea {
    width:100%;
    border:1px solid #fff;
    margin-top:10px;
    height:200px;
    padding-left:10px;
}
.contact-side .inner input[type="submit"] {
    background-color:#003A78;
    border:1px solid #003A78;
    border-radius:0;
    height:40px;
    transition:all .2s ease-in-out;
    color:#fff;
    padding:5px 30px;
}

.slide-product-img {
    background-color: #fff;
    padding: 20px;
}

/** ===== PRODUCT ADDONS ===== **/
.pewc-group-heading-wrapper h3 {
    display:none;
}

label.pewc-field-label {
    font-weight:700;
    width:100%;
}

label.pewc-field-label .dashicons {
    margin-top:-5px;
}

.dashicons-editor-help:before {
    content:"\f129";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    border:1px solid #888;
    border-radius:50%;
    padding:2.8px 5.25px;
    font-size:7px;
}

.pewc-product-extra-groups ul.pewc-checkbox-group-wrapper li {
    margin-bottom:0;
}

p.pewc-description {
    display:none;
}

.pewc-item-field-wrapper input[type="number"] {
    width:75%;
    border:1px solid #d0d0d0;
    height:32px;
}

.pewc-item-field-wrapper .pewc-calculation-field-wrapper {
    float:left;
}

/** ===== KLEUREN ===== **/
.blauw-color {
    color:#003A78;
}

.blauw-bgcolor {
    background-color:#003A78;
}

.donkerblauw-color {
    color:#0D2137;
}

.donkerblauw-bgcolor {
    background-color:#0D2137;
}

.rood-color {
    color:#C10927;
}

.rood-bg-color {
    background-color:#C10927;
}

span.flexthum-title {
    position:relative;
    bottom:25px;
    width:100%;
    text-align:center;
    background-color:rgba(0,0,0,.6);
    color:#fff;
    z-index:99999;
    display:grid;
}

/** ===== FONTS ===== **/
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');


/** ===== BUTTONS ===== **/
/** -- blauw -- **/
button.btn.btn-wiw.rood {
    background-color:#C10927;
    border:1px solid #C10927;
    color:#fff;
    font-weight:700;
    padding:7.5px 40px;
    color:#fff !important;
    border-radius:0;
    position:relative;
    transition:all .2s ease-in-out;
}

button.btn.btn-wiw.rood:hover {
    background-color:#C10927;
    border:1px solid #C10927;
    padding-left:30px;
    transition:all .2s ease-in-out;
}

button.btn.btn-wiw.rood:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #C10927;
    position:absolute;
}

button.btn.btn-wiw.rood:after {
    content:"\f30b";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    position:absolute;
    right:10px;
}

/** -- read-more toggle -- **/
button.btn.btn-wiw.read-more {
    background-color:#003A78;
    border:1px solid #003A78;
    color:#fff;
    font-weight:700;
    padding:7.5px 20px;
    color:#fff !important;
    border-radius:0;
    margin-top:-1.5em;
}

/** ===== BROODKRUIMELS ===== **/
#broodkruimels {
    color:#003A78;
    margin-bottom:15px;
    margin-left:-5px;
}

#broodkruimels a {
    color:#003A78;
    padding:0 5px;
}

#broodkruimels a:hover {
    text-decoration:none;
}

#broodkruimels .breadcrumb_last {
    padding-left:5px;
}

/** ===== HEADER ===== **/

header {
    -webkit-box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

/* -- topbar -- */

header .topbar {
    height:50px;
}

header .topbar .telefoon {
    padding:12px 0;
}

header .topbar .telefoon a {
    color:#fff;
}

header .topbar .telefoon:before {
    content:"\f879";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    padding-right:5px;
    color:#fff;
}

header .topbar .account {
    text-align:right;
    padding:12px 0;
}

header .topbar .account a {
    background-color:#102C4B;
    height:50px;
    font-size:16px;
    text-transform: uppercase;
    font-weight:700;
    color:#fff;
    padding:15px 59px;
    position: relative;
}

header .topbar .account a:before {
    position: absolute;
    content:'';
    background-image: url("/wp-content/themes/webinweb-child/img/user.svg");
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 21px;
    left: 30px;
}

/* -- menubar -- */

header section.menubar .row {
    justify-content: space-between;
}

header section.menubar .col-md-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

header section.menubar .col-md-7 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: static;
}

header section.menubar .col-md-3 {
    max-width: 288px;
}

header section.menubar .col-md-12 {
    position: static;
}

header .menubar .logo {
    padding:10px 0;
}

header .menubar .zoeken {
    width:100%;
    padding-top:25px;
}

header .menubar .zoeken button.btn.btn-wiw.rood {
    padding:5px 20px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}

header .menubar .zoeken button.btn.btn-wiw.rood:after {
    content:'';
}

header .menubar .zoeken button.btn.btn-wiw.rood:before {
    border:0;
    background-image: url("/wp-content/themes/webinweb-child/img/search-icon.svg");
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

header .menubar .zoeken form {
    min-width: 550px;
}

header .menubar .cart {
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .menubar .cart a {
    position:relative;
    z-index:1;
    color:#102C4B;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .menubar .cart a:hover {
    text-decoration:none;
}

header .menubar .cart i {
    padding-right:10px;
    font-size:22px;
    position:relative;
    top:2.5px;
}

header .menubar .cart:after {
    content:'';
    background:#ededed;
    position:absolute;
    left:-5px;
    width:100%;
    top:0;
    height:100%;
    z-index:0;
    transform: skew(-6deg);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

header .menubar .cart:hover:after {
    background:#d8d8d8;
}

header .menubar .nav .main-navigation {
    margin-top:15px;
}

header .menubar .nav .main-navigation ul {
    -webkit-padding-start:0;
    padding-left:0;
    width:100%;
    margin:0;
}

header .menubar .nav .main-navigation ul.sub-menu {
    display: flex;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    background-color: white;
    width: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,.05);
    justify-content: center;
}

header .menubar .nav .main-navigation ul.sub-menu li a {
    flex-direction: column-reverse;
    display: flex;
    padding: 0 15px;
}

header .menubar .nav .main-navigation li.menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transition: all 1s ease-in-out;
}

/*header .menubar .nav .main-navigation ul li.menu-btn {
    background-color:#C10927;
    border-radius:4px;
    padding:7.5px 40px 7.5px 30px;
    margin-right:20px;
}*/

/*header .menubar .nav .main-navigation ul li.menu-btn a {
    color:#fff;
}*/

/*header .menubar .nav .main-navigation ul li.menu-btn a:hover {
    color:#fff;
}*/

header .menubar .nav .main-navigation ul li.menu-btn a:after {
    content:"\f0dd";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    position:relative;
    top:-2.5px;
    left:15px;
}

header .menubar .nav .main-navigation ul li {
    list-style-type:none;
    display:inline-block;
    padding:0 10px;
    margin-bottom: 10px;
}

header .menubar .nav .main-navigation ul li a {
    font-weight:700;
    color:#003A78;
}

header .menubar .nav .main-navigation ul li a:hover {
    text-decoration:none;
    color:#C10927;
}

.menu-item-image {
    min-height: 100px;
    margin-bottom: 15px;
}

/* -- bottombar -- */

header .bottombar {
    margin-top:48px;
}

header .bottombar .nav .main-navigation {
    width:100%;
}

header .bottombar .nav .main-navigation ul {
    -webkit-padding-start:0;
    padding-left:0;
    width:100%;
}

header .bottombar .nav .main-navigation ul li {
    list-style-type:none;
    display:inline-block;
    padding:0 10px;
}

header .bottombar .nav .main-navigation ul li:last-child {
    padding:0 0 0 10px;
    margin-top:-10px;
}

header .bottombar .nav .main-navigation ul li a {
    color:#1b3781;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:45px;
    font-size:15px;
}

header .bottombar .nav .main-navigation ul li a:hover {
    text-decoration:none;
}

header .bottombar .nav .main-navigation ul li .wpmenucart-icon-shopping-cart-5:before {
    content: '';
    position: absolute;
    width: 30px;
    background: url("/wp-content/themes/convident-theme-child/img/incart.svg");
    height: 28px;
    background-repeat: no-repeat;
    left: -30px;
}

header a.wpmenucart-contents span {
    font-size:14px;
    font-weight:400;
}

header .wpmenucart-shortcode.hover {
    height: 100%;
    width:100%;
}

header .bottombar .nav .main-navigation ul#primary-menu li.fa-caret-down:before {
    display:none;
}

header .bottombar .nav .main-navigation ul#primary-menu li.fa-caret-down:after {
    content: "\f078";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#1b3781;
    font-size:12px;
    padding-left:0;
}

/* -- Submenu --*/
header .bottombar .nav .main-navigation ul#primary-menu ul.sub-menu {
    display:none;
    position:absolute;
    margin-top:24px;
    z-index:9999;
    -webkit-padding-start:0;
    margin-left:-30px;
    width:325px;
    -webkit-box-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 5px 5px rgba(0, 0, 0, 0.15);
}

header .bottombar .nav .main-navigation ul#primary-menu ul li {
    float:none;
    display:block;
    background-color:#fff;
    line-height:38px;
    padding: 0 10px;
    text-align:left;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    border-bottom: 1px solid #d9d9d9;
}

header .bottombar .nav .main-navigation ul#primary-menu ul li:hover {
    color:#fff !important;
    background-color:#1b3781;
    transition:color .2s ease;
    -moz-transition:color .2s ease;
    -webkit-transition:color .2s ease;
    -ms-transition:color .2s ease;
}

header .bottombar .nav .main-navigation ul#primary-menu ul li:hover a {
    color:#fff;
}

header .bottombar .nav .main-navigation ul#primary-menu ul li.current-menu-item {
    background-color:#1b3781;
}

header .bottombar .nav .main-navigation ul#primary-menu ul li.current-menu-item a {
    color:#fff;
}

header .bottombar .nav .main-navigation ul#primary-menu ul li a {
    padding: 5px 20px 5px 10px;
    display: -webkit-box;
    padding-left:20px;
    font-size:14px;
}

header .bottombar .nav .main-navigation ul#primary-menu li:hover > ul {
    display: block;
}

header .bottombar .nav .main-navigation ul#primary-menu ul.sub-menu li:last-child {
    padding:0 0 0 10px; margin-top:0;
}

/** ===== HOME ===== **/

/* -- Slider --*/
.slide-product-img {
    background-color:#fff;
    padding:20px;
}

/* -- Categorien --*/
#home .categorien {
    background-color:#ededed;
    padding:30px 0;
}

#home .categorien .titel {
    text-align:center;
    padding:15px 0 30px;
}

#home .categorien .titel h1 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#home .categorien .item ul {
    -webkit-padding-start:0;
    padding-left:0;
    padding:0 30px;
}

#home .categorien .item ul li {
    display:inline-block;
    max-width:19.85%;
    padding:0 10px;
    position:relative;
}

#home .categorien .item ul li .overlay {
    position: absolute;
    background: linear-gradient(180deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.5) 80%);
    height:85.2%;
    bottom:60px;
    width:94.5%;
    background-color:rgba(0,0,0,.4);
    overflow:hidden;
    display:none;
    transition:all 1.25s ease-in-out;
}

#home .categorien .item ul li .overlay:after {
    content:"\f06e";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    position:absolute;
    left:0;
    right:0;
    margin:auto;
    font-size:36px;
    text-align:center;
    top:42.5%;
}

#home .categorien .item ul li:hover .overlay {
    display:block;
    transition:all 1.25s ease-in-out;
}

#home .categorien .item h3 {
    font-size:18px;
    font-weight:700;
    color:#003A78;
    text-align:center;
    padding:15px 0;
}

#home .categorien .button {
    text-align:center;
}

/* -- Meest gekocht --*/
#home .meest-gekocht {
    padding:45px 0;
}
#home .meest-gekocht .titel h2 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

/* -- Sale --*/
#home .sale {
    padding:45px 0;
}
#home .sale .titel h2 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

/* -- Klanten --*/
#home .klanten {
    padding:45px 0 0;
    border-top:1px solid #e4e4e4;
}

#home .klanten .titel {
    text-align:center;
}

#home .klanten .titel h2 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

/* -- Industriegordijn op maat --*/
#home .op-maat {
    padding:45px 0;
}
#home .op-maat .op-maat_background {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
}

#home .op-maat .op-maat_background .content {
    color:#fff;
    padding:150px 0;
}

#home .op-maat .op-maat_background .content h2 {
    font-size:48px;
    font-weight:800;
    text-transform:uppercase;
    line-height:1;
    padding-bottom:.5em;
}

#home .op-maat .op-maat_background .content button.btn.btn-wiw.rood {
    margin-top:15px;
}

/* -- Over --*/
#home .over .item {
    margin:15px 0;
}

#home .over .item  .blok-xs_background {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:300px;
    padding:15px;
    flex-grow: 1;
    flex-basis: 0;
    display:grid;
    text-align: center;
    align-items:center;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#home .over .item  .blok-xl_background {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    height:300px;
    padding:15px;
    flex-grow: 1;
    flex-basis: 0;
    display:grid;
    text-align: center;
    align-items:center;
    position: relative;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

#home .over .item .blok-xs_background:before, #home .over .item .blok-xl_background:before {
    content: '';
    left:0;
    top:0;
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    transition: all .25s ease-in-out;
}

#home .over .item .inner-content {
    color:#fff;
    position:relative;
    z-index:10;
    text-align:center;
    width:100%;
}

#home .over .item .inner-content h3 {
    font-weight:800;
    font-size:32px;
    text-transform:uppercase;
    line-height:1;
}

#home .over .item .inner-content .hidden-content {
    display:none;
    transition: all .5s linear;
}

#home .over .item .blok-xs_background:hover .inner-content .hidden-content {
    display:block;
    transition: all .5s linear;
}

#home .over .item .blok-xl_background:hover .inner-content .hidden-content {
    display:block;
    transition: all .5s linear;
}

#home .over .item .blok-xs_background:hover:before, #home .over .item .blok-xl_background:hover:before {
    background:rgba(0,0,0,.75);
    transition: all .25s ease-in-out;
}

/* -- SEO tekst --*/
#home .seo-tekst {
    padding:45px 0;
}

#home .seo-tekst h2 {
    font-size:40px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
    padding-bottom:.5em;
}

/* -- FAQ --*/
#home .faq {
    padding:45px 0;
}

#home .faq h2 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
    padding-bottom:.5em;
}

#home .faq #accordion .card {
    margin:10px 0;
    background-color:#fff;
    border-radius:0;
    border:0;
}

#home .faq #accordion .card .card-header {
    background-color:#f6f6f6;
    border:0;
    padding: .75rem 1.25rem 0 0;
}

#home .faq #accordion .card .card-header h5 {
    font-size:1rem;
    padding-left:15px;
    font-weight:500;
}

#home .faq #accordion .card .card-header h5 a {
    color:rgba(40,40,40,1);
}

#home .faq #accordion .card .card-header h5 a:focus, #sub .faq #accordion .card .card-header h5 a:hover {
    text-decoration:none;
}

#home .faq #accordion .card .card-header h5 a:focus {
    color:#003A78;
}

#home .faq #accordion .card .card-header h5 a:hover {
    text-decoration:none;
}

#home .faq #accordion .card .card-header h5.mb-0 {
    margin-bottom:-5px !important;
    line-height:1.3;
}

#home .faq #accordion .card .card-header h5:after {
    content:"\f0d7";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    position:absolute;
    top:9px;
    right:15px;
    color:#003A78;
    font-size:20px;
}

#home .faq #accordion .card .card-body {
    padding: 1.25rem 1.25rem 1.25rem 1rem;
    background-color:#fff;
}

#home .faq #accordion .card .card-body a {
    color:#ff9900;
    text-decoration:underline;
}

#home .faq #accordion .card .card-body ul {
    -webkit-padding-start:20px;
    padding-left:20px;
}

#home .faq #accordion .card .card-body ol {
    -webkit-padding-start:20px;
    padding-left:20px;
}

#home .faq #accordion .card .card-body ol li {
    margin:10px 0;
}

#home .faq #accordion .card .show {
    border:0;
}

/* -- Blog --*/
#home .blog {
    padding:45px 0;
    border-top:1px solid #e4e4e4;
}

#home .blog .titel {
    text-align:center;
}

#home .blog .titel h2 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#home .blog .blog-items {
    padding:30px 0;
}

#home .blog .blog-items .item img {
    display:block;
    max-width:100%;
    height:auto;
}

#home .blog .blog-items .item a {
    color:#fff;
}

#home .blog .blog-items .item .overlay {
    position:absolute;
    top:0;
    bottom:0;
    left:15px;
    right:15px;
}

#home .blog .blog-items .item .overlay .content {
    position:absolute;
    background:rgba(0,0,0,.5);
    height:100%;
    width:100%;
    transition:all 0.25s ease;
    padding:45px 30px;
    text-align:center;
}

#home .blog .blog-items .item .overlay .content p {
    position:absolute;
    bottom:0;
    transform:translate(-50%, -50%);
    left:50%;
    color:#fff;
    text-transform:uppercase;
    font-size:150%;
    line-height:2.25;
    font-weight:400;
}

#home .blog .blog-items .item .overlay .content button.btn.btn-wiw.rood {
    margin-top:1.5em;
}

#home .blog .blog-items .item .overlay .content:hover {
    background:rgba(0,0,0,.75);
    height:100%;
    width:100%;
    transition:all 0.25s ease;
}

/** ===== WOOCOMMERCE GLOBAL ===== **/
#woocommerce {
    margin-top:15px;
    margin-bottom:30px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color:#20901D;
    border-radius:0;
    height:40px;
    transition:all .2s ease-in-out;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color:#1e831a;
    padding-left:5px;
    transition:all .2s ease-in-out;
}

.woocommerce #respond input#submit.alt:before,
.woocommerce a.button.alt:before,
.woocommerce button.button.alt:before,
.woocommerce input.button.alt:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #20901D;
    position:absolute;
}

.bekijk-product {
    width:100%;
    height:45px;
    background:#c10a27;
    position:absolute;
    bottom:0;
    left:0;
    display:flex;
    align-items:center;
    padding:15px;
    color:#fff;
    margin-top:5px;
    font-weight:700;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

ul.products li:hover .bekijk-product {
    height:50px;
}

.bekijk-product a.button {
    height:45px;
    width:100%;
    background: #c10a27;
    color:#fff;
    margin-top:0 !important;
    padding:15px 1em .618em 0;
}

.bekijk-product a.button:hover {
    background: #c10a27;
    color:#fff;
}

.bekijk-product:after {
    content: '';
    position: absolute;
    right:15px;
    top:15px;
    background-image: url(../webinweb-child/img/to-product.svg);
    width:15px;
    height:15px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}


/** ===== WOOCOMMERCE MESSAGES ===== **/
.woocommerce-message {
    border-top-color:#20901D;
}

.woocommerce-message::before {
    color:#20901D;
}

.woocommerce-message a.button.wc-forward {
    background-color:#20901D;
    border-radius:0;
    height:35px;
    color:#fff;
    transition: all .2s ease-in-out;
}

.woocommerce-message a.button.wc-forward:hover {
    background-color:#20901D;
    padding-left:1em;
    transition: all .2s ease-in-out;
}

.woocommerce-message a.button.wc-forward:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #20901D;
    position:absolute;
}

.woocommerce-info {
    border-top-color:#003A78;
}

.woocommerce-info::before {
    color:#003A78;
}

.woocommerce-info a {
    color:#003A78;
}

/** ===== WOOCOMMERCE ARCHIVE / CAT ===== **/
#woocommerce .archive .term-description h1 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#woocommerce .archive .term-description h2 {
    font-size:20px;
    font-weight:800;
    color:#003A78;
    margin-bottom:0;
}

#woocommerce .archive .term-description ul {
    -webkit-padding-start:20px;
    padding-left:20px;
}

#woocommerce .archive .term-description #text{
    display:none;
}

#woocommerce .archive .woocommerce-ordering select {
    border:1px solid #ddd;
    height:30px;
}

.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products li.product {
    margin:0 3.8% 2.992em 0;
    width:30.75%;
}

.woocommerce ul.products.columns-3 li.last, .woocommerce-page ul.products li.last {
    margin-right:0 !important;
}

.woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products li.product {
    margin:0 2.6% 2.992em 0;
    width:23.05%;
}

.woocommerce ul.products.columns-4 li.last, .woocommerce-page ul.products li.last {
    margin-right:0 !important;
}

#woocommerce .archive ul.products li {
    border:1px solid rgba(0,58,128,.2);
}

#woocommerce .archive ul.products li.product .onsale {
    color: #fff;
    background: #c10a27;
    padding:5px 15px;
    margin:0;
    display:inline-block;
    position:absolute;
    right:0;
    top:20px;
    font-weight:700;
    text-transform: uppercase;
    border-radius:0;
    min-height:auto;
    min-width:auto;
    line-height:1.6;
}

#woocommerce .archive ul.products li.product .product-content {
    padding: 0 10px 60px 15px;
}

#woocommerce .archive ul.products li.product .product-content h2 {
    font-size:16px;
    color:#003A78;
    text-transform:capitalize;
    padding:.5em 0 .5em;
    font-weight:700;
}

#woocommerce .archive ul.products li .product-content .price {
    color:#212121;
    font-weight:700;
    font-size:15px;
}

/** ===== WOOCOMMERCE SINGLE ===== **/
#woocommerce .woocommerce-product-gallery {
    width:38%;
}

#woocommerce .woocommerce-product-gallery a:hover {
    text-decoration:none;
}

#woocommerce .woocommerce-product-gallery span.flexthum-title {
    position:relative;
    bottom:25px;
    width:100%;
    text-align:center;
    background-color:rgba(0,0,0,.6);
    color:#fff;
    z-index:99999;
    display:grid;
}

#woocommerce .summary {
    width:56%;
    border:1px solid rgba(0,58,128,.2);
    box-shadow:0 1px 10px 1px rgba(0,0,0,0.1);
    border-radius:8px;
    padding:20px 30px;
}

#woocommerce .summary .prev_next_buttons {
    text-align:right;
}

#woocommerce .summary .prev_next_buttons ul li {
    display:inline-block;
}

#woocommerce .summary .prev_next_buttons ul li:first-child {
    padding-right:10px;
}

#woocommerce .summary .prev_next_buttons ul li a {
    color:rgba(87,87,86,.58);
}

#woocommerce .summary .prev_next_buttons ul li a:hover {
    text-decoration:none;
}

#woocommerce .summary h1.product_title {
    font-size:32px;
    font-weight:800;
    color:#003A78;
    line-height:1;
}

#woocommerce .summary .price {
    color:#575756;
    font-size:16px;
}

#woocommerce .summary .price bdi {
    color:#212121;
    font-size:28px;
    font-weight:700;
    padding-right:5px;
}

#woocommerce .summary .price bdi span.woocommerce-Price-currencySymbol {
    padding-right:2px;
}

#woocommerce .summary form.cart .button {
    width:calc(100% - 80px);
    margin-left:5px;
}

#woocommerce .summary form.cart .button:after {
    content:"\f30b";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    position:absolute;
    right:15px;
}

#woocommerce .summary .quantity .qty {
    display:block !important;
    border:1px solid #b4b4b4;
    color:#6c6c6c;
    width:70px;
    border-radius:0;
    padding:12px 0 12px 15px;
    margin-top:-5px;
}

#woocommerce .summary .levertijden {
    color:#20901D;
}

#woocommerce .summary .levertijden p:before {
    content:"\f0d1";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    padding-right:10px;
}

.pewc-summary-panel-wrapper tr {
    float:left;
    padding-right:10px;
}

.pewc-summary-panel-wrapper tr.pewc-summary-panel-row.pewc-summary-panel-group-title {
    float:none;
}

.pewc-summary-panel-wrapper tr.pewc-summary-panel-row.pewc-summary-panel-header {
    display:none;
}

.pewc-summary-panel-wrapper table {
    width:100%;
}

.pewc-summary-panel-wrapper table.pewc-summary-sub-panel-table tr td.pewc-summary-panel-price {
    display:none;
}

.pewc-summary-panel-wrapper table.pewc-summary-sub-panel-table tr td.pewc-summary-panel-label span.pewc-summary-panel-product-name {
    font-weight:700;
}

.pewc-summary-panel-wrapper table tfoot tr th {
    padding-top:30px;
    display:inline-block;
}

.pewc-summary-panel-wrapper table tfoot tr th.pewc-summary-panel-label:after {
    content:':';
    padding-right:5px;
}

.pewc-summary-panel-wrapper table tfoot tr th#pewc-summary-panel-subtotal {
    color:#20901D;
}

.pewc-total-only {
    display:none;
}

#woocommerce .product .woocommerce-tabs {
    margin-top:30px;
}

#woocommerce .product .woocommerce-tabs .panel h2 {
    font-size:20px;
    font-weight:bold;
}

#woocommerce .product .woocommerce-tabs .panel h3 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:.25rem;
}

#woocommerce .related.products {
    margin-top:60px;
}

#woocommerce .related.products h2 {
    font-size:42px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#woocommerce .related.products ul {
    margin:30px 0 30px;
}

#woocommerce .related.products ul li {
    border:1px solid rgb(206, 212, 218);
}

#woocommerce .related.products ul li h2 {
    font-size:16px;
    color:#003A78;
    text-transform:capitalize;
    padding:.5em 0 .5em;
}

#woocommerce .related.products ul li .product-content {
    padding:0 10px 60px 15px;
}

#woocommerce .related.products ul li .product-content .price {
    color:#212121;
    font-weight:700;
    font-size:15px;
}

#woocommerce .related.products ul li .onsale {
    color: #fff;
    background: #c10a27;
    padding: 5px 15px;
    margin: 0;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0;
    min-height: auto;
    min-width: auto;
    line-height: 1.6;
}

/** ===== WOOCOMMERCE CART ===== **/
#woocommerce.cart-checkout .pagina_titel h1 {
    font-size:48px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#woocommerce.cart-checkout #shopping-cart-table a {
    color:#212121;
}

#woocommerce.cart-checkout #shopping-cart-table a:hover {
    text-decoration:none;
}

#woocommerce.cart-checkout #shopping-cart-table .product-thumbnail img {
    width:80px;
}

#woocommerce.cart-checkout #shopping-cart-table .quantity .qty {
    height:3em; border:1px solid #e4e4e4;
}

#woocommerce.cart-checkout #shopping-cart-table .product-remove a:before {
    content:"\f2ed";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#282828;
    font-size:13px;
}

#woocommerce.cart-checkout #shopping-cart-table .product-remove a {
    height:35px !important;
    width: 35px !important;
    border:1px solid #e4e4e4;
    border-radius:0;
    transition:background-color 0.3s linear;
}

#woocommerce.cart-checkout #shopping-cart-table .product-remove a:hover {
    background-color:#003A78;
    transition:background-color 0.3s linear;
}

#woocommerce.cart-checkout #shopping-cart-table .product-remove:hover a:before {
    color:#fff;
}

#woocommerce.cart-checkout #shopping-cart-table .coupon input[type="text"] {
    width:120px;
    height:40px;
}
#woocommerce.cart-checkout #shopping-cart-table .coupon button[type="submit"] {
    color:#fff;
    margin:5px 0 0 10px;
    padding:0.45em 1em;
}

#woocommerce.cart-checkout #shopping-cart-table .coupon button[type="submit"] {
    background-color:#003A78;
    border-radius:0;
    height:30px;
    transition: all .2s ease-in-out;
}

#woocommerce.cart-checkout #shopping-cart-table .coupon button[type="submit"]:hover {
    background-color:#003A78;
    padding-left:1em;
    transition:all .2s ease-in-out;
}

#woocommerce.cart-checkout #shopping-cart-table .coupon button[type="submit"]:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #003A78;
    position:absolute;
}

#woocommerce.cart-checkout #shopping-cart-table .actions button[type="submit"] {
    color:#fff;
    margin:5px 0 0 10px;
    padding:0.45em 1em;
    background-color:#003A78;
    border-radius:0;
    height:30px;
    transition: all .2s ease-in-out;
}

#woocommerce.cart-checkout #shopping-cart-table .actions button[type="submit"]:hover {
    background-color:#003A78;
    padding-left:1em;
    transition: all .2s ease-in-out;
}

#woocommerce.cart-checkout #shopping-cart-table .actions button[type="submit"]:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #003A78;
    position:absolute;
}

#woocommerce.cart-checkout .cart-collaterals .cart_totals h2 {
    font-size:32px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#woocommerce.cart-checkout .cart-collaterals .cart_totals a {
    color:#003A78;
}

#woocommerce.cart-checkout .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
    padding:.5em 0;
    color:#fff;
}
#woocommerce.cart-checkout .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:after {
    content:"\f30b";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    position:absolute;
    right:15px;
}

#woocommerce.cart-checkout #shopping-cart-table dl.variation,
#woocommerce.cart-checkout #shopping-cart-table dl.variation dt span.pewc-cart-group-heading {
    font-size:14px;
}

#woocommerce.cart-checkout #shopping-cart-table dl.variation dt.variation-spanclasspewc-cart-group-headingGekozenconfiguratiespan {
    width:100%;
}

#woocommerce.cart-checkout #shopping-cart-table dl.variation dd span.pewc-cart-item-price {
    display:none;
}

/** ===== WOOCOMMERCE CHECKOUT ===== **/
#woocommerce.cart-checkout form.checkout.woocommerce-checkout {
    padding:0 0 60px;
}

#woocommerce.cart-checkout form.checkout.woocommerce-checkout h3 {
    font-size:32px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
    line-height:1;
}

#woocommerce.cart-checkout .woocommerce form .form-row {
    display:block;
}

#woocommerce.cart-checkout form.checkout.woocommerce-checkout label {
    margin-bottom:0;
}

#woocommerce.cart-checkout form.checkout.woocommerce-checkout input[type="text"] {
    width:100%;
}

#woocommerce.cart-checkout input[type="text"],
#woocommerce.cart-checkout input[type="tel"],
#woocommerce.cart-checkout input[type="email"],
#woocommerce.cart-checkout input[type="password"] {
    width:100%;
    height:40px;
    border:1px solid #d1d1d1;
    padding-left:10px;
    color:#323232;
}

#woocommerce.cart-checkout .select2-container--default .select2-selection--single {
    height:40px;
    border:1px solid #d1d1d1;
}

#woocommerce.cart-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height:40px;
}

#woocommerce.cart-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height:38px;
}

#woocommerce.cart-checkout form.checkout.woocommerce-checkout .woocommerce-shipping-fields h3 {
    margin-top:30px;
    font-size:20px;
}

#woocommerce.cart-checkout form.checkout.woocommerce-checkout .woocommerce-additional-fields textarea {
    border:1px solid #ebe9eb;
    padding-left:10px;
    color:#004268;
}

#woocommerce.cart-checkout form.checkout.woocommerce-checkout table.shop_table {
    border:0;
}

#woocommerce.cart-checkout div#payment {
    background-color:#f6f6f6;
}

#woocommerce.cart-checkout #payment div.payment_box {
    background-color:#fff;
}

#woocommerce.cart-checkout #payment div.payment_box p {
    color:#323232;
}

#woocommerce.cart-checkout #payment div.payment_box::before {
    border:1em solid #fff;
    border-right-color:transparent;
    border-left-color:transparent;
    border-top-color:transparent;
}

#woocommerce.cart-checkout .place-order .woocommerce-terms-and-conditions-wrapper a {
    color:#323232;
    text-decoration:underline;
}

#woocommerce.cart-checkout .place-order button {
    float:none;
    width:100%;
    margin:15px 0;
    height:50px;
    font-weight:700;
    text-transform:uppercase;
}

#woocommerce.cart-checkout .place-order button:hover {
    background-color:#198437;
    border:1px solid #198437;
}

#woocommerce.cart-checkout .place-order button:after {
    content:"\f30b";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    position:absolute;
    right:15px;
}

/** ===== WOOCOMMERCE BEDANKT PAGINA ===== **/
#woocommerce.cart-checkout .woocommerce-order .woocommerce-order-details h2 {
    font-size:32px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
}

#woocommerce.cart-checkout .woocommerce-order .woocommerce-order-details a {
    color:#323232;
    font-weight:500;
}

#woocommerce.cart-checkout .woocommerce-order .woocommerce-order-details a:hover {
    text-decoration:none;
}

#woocommerce.cart-checkout .woocommerce-order .woocommerce-order-details ul {
    -webkit-padding-start:30px;
    padding-left:30px;
}

#woocommerce.cart-checkout .woocommerce-order .woocommerce-customer-details h2 {
    font-size:32px;
    font-weight:800;
    color:#003A78;
    text-transform:uppercase;
}

#woocommerce.cart-checkout .woocommerce-order .woocommerce-customer-details address {
    border:0;
    padding:0;
}

/** ===== WOOCOMMERCE MIJN ACCOUNT ===== **/
#woocommerce.cart-checkout #customer_login {
    margin:30px 0;
}

#woocommerce.cart-checkout #customer_login h2 {
    font-size:22px !important;
    font-weight:700;
    color:#003A78;
    margin-bottom:-1em;
}

#woocommerce.cart-checkout #customer_login a {
    color:#003A78;
    text-decoration:underline;
}

#woocommerce.cart-checkout #customer_login .woocommerce-form-login .woocommerce-form-login__rememberme {
    display:block;
}

#woocommerce.cart-checkout #customer_login button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
#woocommerce.cart-checkout #customer_login .woocommerce-form-login .woocommerce-form-login__submit {
    background-color:#c10a27;
    border:1px solid #c10a27;
    color:#fff; margin:15px 0 0 5px;
    border-radius:0;
    height:40px;
    transition:all .2s ease-in-out;
}

#woocommerce.cart-checkout #customer_login button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:hover,
#woocommerce.cart-checkout #customer_login .woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color:#c10a27;
    border:1px solid #c10a27;
    padding-left:1em;
    transition:all .2s ease-in-out;
}

#woocommerce.cart-checkout #customer_login button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:before,
#woocommerce.cart-checkout #customer_login .woocommerce-form-login .woocommerce-form-login__submit:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #c10a27;
    position:absolute;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation {
    width:25%;
    margin:1em 0 60px;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul {
    -webkit-padding-start:0;
    padding-left:0;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li {
    list-style-type:none;
    border-bottom:1px solid rgba(0,0,0,.1);
    margin:5px 0;
    padding:10px 0 10px 15px;
    font-weight:600;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li a {
    color:#212121;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li:after {
    content:"\f105";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#212121;
    float:right;
    right:30px;
    padding-right:15px;
    display:none;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li:hover a {
    text-decoration:none;
    transition:all 0.3s ease;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li:hover:after {
    display:block;
    transition:all 0.3s ease;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li.is-active a {
    color:#212121;
    font-weight:700;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-navigation ul li.is-active:after {
    display:block;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content {
    margin:15px 0 60px;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content a {
    color:#003A78;
    text-decoration:underline;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content tr td {
    padding:10px 8px;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content a.woocommerce-Button.button {
    background-color:#003A78;
    border:1px solid #003A78;
    color:#fff;
    text-decoration:none;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content .woocommerce-MyAccount-orders a.woocommerce-button.button.view {
    background-color:#003A78;
    border:1px solid #003A78;
    color:#fff;
    text-decoration:none;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content .woocommerce-Address {
    margin-bottom:30px;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content header.woocommerce-Address-title.title {
    box-shadow:none;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content header.woocommerce-Address-title.title h3 {
    font-weight:600;
    color:#003A78;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content input[type="password"] {
    border:1px solid #e4e4e4;
    height:40px;
    padding-left:5px;
    color:#003A78;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input[type="text"],
#woocommerce.winkelmand .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account input[type="email"] {
    border:1px solid #d4d4d4;
    height:40px;
    padding-left:10px;
    font-size:16px;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account button {
    background-color:#c10a27;
    border:1px solid #c10a27;
    color:#fff;
    margin-left:8px;
    margin-top:15px;
    border-radius:0;
    height:40px;
    transition:all .2s ease-in-out;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account button:hover {
    background-color:#c10a27;
    border:1px solid #c10a27;
    padding-left:1em;
    transition:all .2s ease-in-out;
}

#woocommerce.cart-checkout .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.edit-account button:before {
    content:'';
    left:-5px;
    top:-5px;
    width:calc(100% + 10px);
    height:calc(100% + 10px);
    border:1px solid #c10a27;
    position:absolute;
}

/** ===== FOOTER ===== **/
footer .top-footer {
    padding:15px 0;
    color:#fff;
}

footer .top-footer .usp1:before {
    content:"\f48b";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    padding-right:5px;
}

footer .top-footer .usp2:before {
    content:"\f559";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    padding-right:5px;
}

footer .top-footer .usp3:before {
    content:"\f218";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    padding-right:5px;
}

footer .content-footer {
    background-color:#0d2136;
}

footer .content-footer .kolom {
    color:#fff;
    padding:45px 0 30px;
}

footer .content-footer .kolom h3 {
    font-size:20px;
    font-weight:700;
    text-transform:uppercase;
    padding-bottom:.5em;
}

footer .content-footer .kolom ul {
    -webkit-padding-start:0;
    padding-left:0;
}

footer .content-footer .kolom ul li {
    list-style-type:none;
    line-height:1.5;
    font-weight:400;
}

footer .content-footer .kolom ul li a {
    color:#fff;
}

footer .content-footer .kolom ul li a:before {
    content:"\f105";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    padding-right:10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

footer .content-footer .kolom ul li a:hover:before {
    content:"\f105";
    font-family:'Font Awesome\ 5 Free';
    font-weight:900;
    color:#fff;
    padding-right:14px;
}

footer .content-footer .kolom ul li a:hover {
    text-decoration:none;
}

footer .content-footer .kolom.kolom3 ul li a:before {
    content:'';
}

footer .content-footer .kolom.kolom3 ul li.phone {
    position:relative;
    width:100%;
    display:block;
    font-weight:700;
    padding:0 0 15px 30px;
}

footer .content-footer .kolom.kolom3 ul li.phone:before {
    content:'';
    display:block;
    position:absolute;
    background-image: url(../webinweb-child/img/phone.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:23px;
    height:23px;
    left:0;
    top:6px;
}

footer .content-footer .kolom.kolom3 ul li.phone a {
    font-size:22px;
}

footer .content-footer .kolom.kolom3 ul li.phone span.bereikbaar {
    font-size:12px;
    font-weight:400;
    padding:0 0 0 10px;
/*    line-height:-5px;*/
    display:flex;
    margin-top:-3px;
}

footer .content-footer .kolom.kolom3 ul li.mail {
    position:relative;
    width:100%;
    display:block;
    font-weight:700;
    padding:0 0 15px 30px;
}

footer .content-footer .kolom.kolom3 ul li.mail:before {
    content:'';
    display:block;
    position:absolute;
    background-image: url(../webinweb-child/img/mail.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:23px;
    height:23px;
    left:0;
    top:0;
}

footer .content-footer .kolom.kolom3 ul li.mail a {
    font-size:16px;
    font-weight:700;
}

footer .content-footer .kolom.kolom3 ul li a:hover:before {
    padding-right:10px;
}

footer .content-footer .kolom.kolom3 ul li.adres {
    position:relative;
    width:100%;
    display:block;
    font-weight:700;
    padding:0 0 0 40px;
}

footer .content-footer .kolom.kolom3 ul li.adres:before {
    content:'';
    display:block;
    position:absolute;
    background-image: url(../webinweb-child/img/adres.svg);
    background-repeat:no-repeat;
    background-size:contain;
    width:23px;
    height:23px;
    left:0;
    top:0;
}

footer .below-footer {
    background-color:#091726;
    color:#fff;
    padding:15px 0 0;
}

footer .below-footer a {
    color:#fff;
}

footer .below-footer .social ul {
    -webkit-padding-start:0;
    padding-left:0;
}

footer .below-footer .social ul li {
    list-style-type:none;
    display:inline-block;
    padding-right:10px;
}

footer .below-footer .social ul li i {
    width:30px;
    height:30px;
    background-color:#fff;
    border-radius:50%;
}

footer .below-footer .social ul li i:before {
    color:#091726;
}

footer .below-footer .social ul li i.fa-facebook-f:before {
    position:relative;
    left:9.5px;
    top:7px;
}

footer .below-footer .social ul li i.fa-twitter:before {
    position:relative;
    left:8px;
    top:7px;
}

footer .below-footer .social ul li i.fa-instagram-square:before {
    position:relative;
    left:8px;
    top:7px;
}

footer .below-footer .copy {
    font-size:14px;
    margin-bottom:0;
    padding-top:7.5px;
}

footer .below-footer .betaalmethoden {
    padding-top:5px;
}

footer .below-footer .betaalmethoden ul li {
    list-style-type:none;
    display:inline-block;
    padding-right:10px;
}

footer .below-footer .betaalmethoden ul li img {
    height:15px;
    width:100%;
}




@media only screen and (max-width: 991px) {
    /*login knop*/
    header section.topbar .row .col-md-6 {
        padding-right: unset;
    }
    header section.topbar .telefoon {
        display: none;
    }
    /*.topbar .container .row .col-md-6 {*/
    /*    width: 50%;*/
    /*}*/
    /* logo */
    header section.menubar .col-md-2 {
        display: block;
        width: 20%;
    }

    header section.menubar .col-md-3 {
        width: 100%;
        max-width: unset;
        flex: unset;
    }

    header section.menubar .cart:after {
        transform: unset;
        /* width: 100%; */
        left: unset;
    }

    /*search field*/
    header section.menubar .col-md-12 .row {
        max-width: unset;
        width: 100%;
    }

    header section.menubar .zoeken.open {
        padding-top: 0px;
    }
    /*header section.menubar .zoeken{*/
    /*    padding-top: 0px;*/
    /*}*/
    header section.menubar .zoeken.open form {
        display: block;
        max-width: unset;
        width: 100%;
    }

    header section.menubar .zoeken form {
        display: none;
    }

    header section.menubar .col-md-7 {
        max-width: 100%;
        flex: unset;
        align-items: unset;
    }

    header section.menubar .zoeken:before {
        content: url(https://nlefdstroke-itan.savviihq.com/wp-content/themes/webinweb-child/img/header_search_icon.svg);
        fill: #003a78;
        right: 100px;
        top: 88px;
        position: absolute;
        width: 33px;
        height: auto;
        cursor: pointer;
    }

    /* close icon*/
    header nav.main-navigation.mobile_menu:before {
        /*content: "\f00d";*/
        content: url(https://nlefdstroke-itan.savviihq.com/wp-content/themes/webinweb-child/img/close_icon.svg);
        top: 80px;
        right: 45px;
        width: 33px;
        height: auto;
    }

    header section.menubar nav.main-navigation:before {
        /*content: "\f0c9";*/
        /*font-family: 'Font Awesome 5 Free';*/
        /*font-weight: 900;*/
        content: url(https://nlefdstroke-itan.savviihq.com/wp-content/themes/webinweb-child/img/mobile_menu_icon.svg);
        fill: #003a78;
        top: 80px;
        position: absolute;
        width: 45px;
        height: 64px;
        right: 40px;
        cursor: pointer;
    }

    header section.menubar .main-navigation .menu-hoofdmenu-container {
        display: none;
    }

    /*mobile_menu*/
    header section.menubar .main-navigation.mobile_menu .menu-hoofdmenu-container {
        display: block;
    }

    /*header .menubar .nav .main-navigation ul li {*/
    /*    display: block;*/
    /*}*/

    /*header .menubar .nav .main-navigation li.menu-item-has-children:hover ul.sub-menu{*/
    /*    */
    /*}*/
}