/* === Paralax === */

.product-category-image {
    /* Set a specific height */
    height: 210px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.product-category-image img{
    opacity: 0;
    max-width: 280px;
    max-height: 210px;
    width: 100%;
}

.nav li ul {
    width: 270px;
}

#top-menu li li a {
    width: 230px;
}

#footer-bottom #footer-info a {
    color: #ffffff;
}



/* ==== Lavendel kleur ==== */
/* == Zaken die zelfde moeten blijven == */
.term-lavendel a.cart-contents {
    color: rgba(51, 51, 51, 0.94);
}

.term-lavendel .et_pb_widget a {
    color: #666;
}


/* Background */
.term-lavendel #ts-nav-color-strip,
.term-lavendel.woocommerce #respond input#submit,
.term-lavendel.woocommerce-page #respond input#submit,
.term-lavendel.woocommerce #content input.button,
.term-lavendel.woocommerce-page #content input.button,
.term-lavendel .woocommerce-message,
.term-lavendel .woocommerce-error,
.term-lavendel .woocommerce-info,
.term-lavendel.woocommerce span.onsale,
.term-lavendel.woocommerce-page span.onsale,
.term-lavendel.woocommerce ul.products li.product .onsale,
.term-lavendel.woocommerce-page ul.products li.product .onsale,
.term-lavendelbody .et_pb_button,
.term-lavendelbody.et-db #et-boc .et-l .et_pb_button, 
.term-lavendel.woocommerce a.button.alt, 
.term-lavendel.woocommerce.et-db #et-boc .et-l a.button.alt, 
.term-lavendel.woocommerce-page a.button.alt, 
.term-lavendel.woocommerce-page.et-db #et-boc .et-l a.button.alt, 
.term-lavendel.woocommerce button.button.alt, 
.term-lavendel.woocommerce.et-db #et-boc .et-l button.button.alt, 
.term-lavendel.woocommerce button.button.alt.disabled, 
.term-lavendel.woocommerce.et-db #et-boc .et-l button.button.alt.disabled, 
.term-lavendel.woocommerce-page button.button.alt, 
.term-lavendel.woocommerce-page.et-db #et-boc .et-l button.button.alt, 
.term-lavendel.woocommerce-page button.button.alt.disabled, 
.term-lavendel.woocommerce-page.et-db #et-boc .et-l button.button.alt.disabled, 
.term-lavendel.woocommerce input.button.alt, 
.term-lavendel.woocommerce.et-db #et-boc .et-l input.button.alt, 
.term-lavendel.woocommerce-page input.button.alt, 
.term-lavendel.woocommerce-page.et-db #et-boc .et-l input.button.alt, 
.term-lavendel.woocommerce #respond input#submit.alt, 
.term-lavendel.woocommerce-page #respond input#submit.alt, 
.term-lavendel.woocommerce #content input.button.alt, 
.term-lavendel.woocommerce #content.et-db #et-boc .et-l input.button.alt, 
.term-lavendel.woocommerce-page #content input.button.alt, 
.term-lavendel.woocommerce-page #content.et-db #et-boc .et-l input.button.alt, 
.term-lavendel.woocommerce a.button,
.term-lavendel.woocommerce.et-db #et-boc .et-l a.button,
.term-lavendel.woocommerce-page a.button,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l a.button,
.term-lavendel.woocommerce button.button,
.term-lavendel.woocommerce.et-db #et-boc .et-l button.button,
.term-lavendel.woocommerce-page button.button,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l button.button,
.term-lavendel.woocommerce input.button,
.term-lavendel.woocommerce.et-db #et-boc .et-l input.button,
.term-lavendel.woocommerce-page input.button,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l input.button,
.term-lavendel.woocommerce #respond input#submit,
.term-lavendel.woocommerce-page #respond input#submit,
.term-lavendel.woocommerce #content input.button,
.term-lavendel.woocommerce #content.et-db #et-boc .et-l input.button,
.term-lavendel.woocommerce-page #content input.button,
.term-lavendel.woocommerce-page #content.et-db #et-boc .et-l input.button,
.term-lavendel.woocommerce-message a.button.wc-forward,
.term-lavendel .cn-button.bootstrap {
    background-color: #524aef !important;
}

/* Background hover */
.term-lavendel.woocommerce a.button.alt:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l a.button.alt:hover,
.term-lavendel.woocommerce-page a.button.alt:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l a.button.alt:hover,
.term-lavendel.woocommerce button.button.alt:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l button.button.alt:hover,
.term-lavendel.woocommerce button.button.alt.disabled:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l button.button.alt.disabled:hover,
.term-lavendel.woocommerce-page button.button.alt:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l button.button.alt:hover,
.term-lavendel.woocommerce-page button.button.alt.disabled:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l button.button.alt.disabled:hover,
.term-lavendel.woocommerce input.button.alt:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l input.button.alt:hover,
.term-lavendel.woocommerce-page input.button.alt:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l input.button.alt:hover,
.term-lavendel.woocommerce #respond input#submit.alt:hover,
.term-lavendel.woocommerce-page #respond input#submit.alt:hover,
.term-lavendel.woocommerce #content input.button.alt:hover,
.term-lavendel.woocommerce #content.et-db #et-boc .et-l input.button.alt:hover,
.term-lavendel.woocommerce-page #content input.button.alt:hover,
.term-lavendel.woocommerce-page #content.et-db #et-boc .et-l input.button.alt:hover,
.term-lavendel.woocommerce a.button:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l a.button:hover,
.term-lavendel.woocommerce-page a.button:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l a.button:hover,
.term-lavendel.woocommerce button.button:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l button.button:hover,
.term-lavendel.woocommerce-page button.button:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l button.button:hover,
.term-lavendel.woocommerce input.button:hover,
.term-lavendel.woocommerce.et-db #et-boc .et-l input.button:hover,
.term-lavendel.woocommerce-page input.button:hover,
.term-lavendel.woocommerce-page.et-db #et-boc .et-l input.button:hover,
.term-lavendel.woocommerce #respond input#submit:hover,
.term-lavendel.woocommerce-page #respond input#submit:hover,
.term-lavendel.woocommerce #content input.button:hover,
.term-lavendel.woocommerce #content.et-db #et-boc .et-l input.button:hover,
.term-lavendel.woocommerce-page #content input.button:hover,
.term-lavendel.woocommerce-page #content.et-db #et-boc .et-l input.button:hover {
    background-color:rgba(82, 74, 239,0.83)!important;
}

/* Text color */
.term-lavendel a,
.term-lavendel #et_search_icon:hover,
.term-lavendel .mobile_menu_bar::before,
.term-lavendel .mobile_menu_bar::after,
.term-lavendel .et_toggle_slide_menu::after,
.term-lavendel .et-social-icon a:hover,
.term-lavendel .et_pb_sum,
.term-lavendel .et-db #et-boc .et-l .et_pb_sum,
.term-lavendel .et-db #et-boc .et-l .et_pb_pricing li a,
.term-lavendel .et-db #et-boc .et-l .et_pb_pricing_table_button,
.term-lavendel .et_overlay::before,
.term-lavendel .et-db #et-boc .et-l .et_overlay::before,
.term-lavendel .entry-summary p.price ins,
.term-lavendel .et-db #et-boc .et-l .entry-summary p.price ins,
.term-lavendel .woocommerce div.product span.price,
.term-lavendel .woocommerce-page div.product span.price,
.term-lavendel .woocommerce #content div.product span.price,
.term-lavendel .woocommerce-page #content div.product span.price,
.term-lavendel .woocommerce div.product p.price,
.term-lavendel .woocommerce-page div.product p.price,
.term-lavendel .woocommerce #content div.product p.price,
.term-lavendel .woocommerce-page #content div.product p.price,
.term-lavendel .et-db #et-boc .et-l .et_pb_member_social_links a:hover,
.term-lavendel .woocommerce .star-rating span::before,
.term-lavendel .woocommerce-page .star-rating span::before,
.term-lavendel .et_pb_widget li a:hover,
.term-lavendel .et-db #et-boc .et-l .et_pb_widget li a:hover,
.term-lavendel .et-db #et-boc .et-l .et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active,
.term-lavendel .et-db #et-boc .et-l .et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active,
.term-lavendel .et-db #et-boc .et-l .et_pb_gallery .et_pb_gallery_pagination ul li a.active,
.term-lavendel .wp-pagenavi span.current,
.term-lavendel .wp-pagenavi a:hover,
.term-lavendel .nav-single a,
.term-lavendel .et-db #et-boc .et-l .nav-single a,
.term-lavendel .tagged_as a,
.term-lavendel .et-db #et-boc .et-l .tagged_as a,
.term-lavendel .posted_in a,
.term-lavendel .et-db #et-boc .et-l .posted_in a,
.term-lavendel #top-menu li.current-menu-ancestor > a,
.term-lavendel #top-menu li.current-menu-item > a,
.term-lavendel #top-menu li.current_page_item > a,
.term-lavendel .et_color_scheme_red #top-menu li.current-menu-ancestor > a,
.term-lavendel .et_color_scheme_red #top-menu li.current-menu-item > a,
.term-lavendel .et_color_scheme_red #top-menu li.current_page_item > a,
.term-lavendel .et_color_scheme_pink #top-menu li.current-menu-ancestor > a,
.term-lavendel .et_color_scheme_pink #top-menu li.current-menu-item > a,
.term-lavendel .et_color_scheme_pink #top-menu li.current_page_item > a,
.term-lavendel .et_color_scheme_orange #top-menu li.current-menu-ancestor > a,
.term-lavendel .et_color_scheme_orange #top-menu li.current-menu-item > a,
.term-lavendel .et_color_scheme_orange #top-menu li.current_page_item > a,
.term-lavendel .et_color_scheme_green #top-menu li.current-menu-ancestor > a,
.term-lavendel .et_color_scheme_green #top-menu li.current-menu-item > a,
.term-lavendel .et_color_scheme_green #top-menu li.current_page_item > a,
.term-lavendel #sidebar .product-categories li.current-cat a{
    color: #524aef;
}


.term-lavendel .et-fixed-header #top-menu li.current-menu-ancestor > a,
.term-lavendel .et-fixed-header #top-menu li.current-menu-item > a,
.term-lavendel .et-fixed-header #top-menu li.current_page_item > a {
    color: #524aef !important;
}

/* border color */
.term-lavendel .et-search-form,
.term-lavendel .et-db #et-boc .et-l .et-search-form,
.term-lavendel .nav li ul,
.term-lavendel .et-db #et-boc .et-l .nav li ul,
.term-lavendel .et_mobile_menu,
.term-lavendel .et-db #et-boc .et-l .et_mobile_menu,
.term-lavendel .footer-widget li::before,
.term-lavendel .et-db #et-boc .et-l .footer-widget li::before,
.term-lavendel .et-db #et-boc .et-l .et_pb_pricing li::before, blockquote,
.term-lavendel .et-db #et-boc .et-l blockquote,
.term-lavendel .footer-widget li::before {
    border-color: #524aef;
}

a:where(:not(.wp-element-button)),
a, a:hover {
  text-decoration: none;
}


#logo {
    padding: 5px 0;
}