/*
  Theme Name: Divi Child Theme
  Theme URI: https://www.elegantthemes.com/
  Version: 1.0
  Template: Divi
  Author: JAMOS Web Service GmbH
  Author URI: https://www.jamos.ch
  Text Domain: divi-child-theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
:root {
  --text-color: 16 24 40;
  --background: 255 255 255;
  --border-color: var(--text-color) / 0.15;
  --button-background: 205 18 32;
  --button-text-color: 255 255 255;
}

/* Mehrsprachig im Footer */

html[lang="de_DE_formal"] .hide-de {
  display: none;
}

html[lang="en-US"] .hide-en {
  display: none;
}

html[lang="fr-FR"] .hide-fr {
  display: none;
}

html[lang="it-IT"] .hide-it {
  display: none;
}


/* FilterGrid - Hover START */
.dp-dfg-skin-default.dp-dfg-skin-itemsinoverlay .dp-dfg-item {
  position: relative;
  overflow: hidden;
  justify-content: flex-end !important;
}

.dp-dfg-overlay {
  display: none !important;
}

.dp-dfg-skin-default.dp-dfg-skin-itemsinoverlay .dp-dfg-item .dp-dfg-header {
  opacity: 1;
  background-color: rgba(255, 255, 255, .7);
  margin: 0 -1em;
  padding: 1em;
}

.dp-dfg-item>*:not(.dp-dfg-image):not(.dp-dfg-header) {
  height: 0px;
  padding: 0;
  padding-bottom: 0 !important;
  opacity: 0;
  transform: translateY(200%);
  transition: all 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.dp-dfg-item:hover>*:not(.dp-dfg-image):not(.dp-dfg-header) {
  height: auto;
  opacity: 1;
  transform: translateY(0);
}

.dp-dfg-item .dp-dfg-image:after {
  content: "";
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: all 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.dp-dfg-item:hover .dp-dfg-image:after {
  opacity: 0.5 !important;
}

/* FilterGrid - Rahmen bei Dropdown entfernen */
.dp-dfg-skin-default .dp-dfg-filters-dropdown-layout .dp-dfg-dropdown-label {
  border: 0px solid #e2e2e2;
}

.et-pb-icon.menu-item {
  position: relative;
  font-size: 14px;
  margin-right: 5px;
  color: #0067FF;
}

/* Menu mit Icons */
.pa-menu-shop>a:before {
  font-family: 'ETMODULES';
  content: '\e015';
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px;
  color: #0b4e80;
  font-size: 1em;
  transition: all .3s ease;
}

.pa-menu-contact>a:before {
  font-family: 'ETMODULES';
  content: '\e010';
  text-align: center;
  vertical-align: middle;
  margin-right: 10px;
  margin-left: -10px;
  color: #0b4e80;
  font-size: 1em;
  transition: all .3s ease;
}


/* Silbentrennung Body */
body {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

/* Silbentrennung Titel */
h1,
h2,
h3,
h4,
h5,
h6 {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}


/* Text Schriftstärke */
strong {
  font-weight: 500;
}

/* JAMOS: WPML Flag Abstand */
.wpml-ls-menu-item .wpml-ls-flag {
  display: inline;
  vertical-align: baseline;
  margin-right: 5px;
}

/* Parallax Hintergrund zentrieren */
.et_parallax_bg {
  background-position: center;
}


/*style 21-08-2023*/
.custome_list {
  border: unset !important;
}

.custome_list tr td {
  border: unset !important;
  padding: 15px 20px;
}

.custome_list tr td:nth-child(4) {
  display: inline-block;
  width: 300px;
}

.listfilter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.listSearch {
  height: 48px;
}

.seachSubmit {
  height: 48px;
  padding: 0 25px;
  background: #879198;
  border: none !important;
  margin-left: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
  margin-bottom: 20px;
}

.seachSubmit:hover {
  color: #091332;
}

.seachSubmit::after {
  content: "";
  position: absolute;
  background-image: url("https://www.vonhoff.ch/wp-content/uploads/2023/08/outline_search_white_24dp.png");
  top: 0;
  right: 0;
  background-repeat: no-repeat;
}

.cvs_btn a {

  background-color: #2c3d4990;

  font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;

  font-size: 13px;
  letter-spacing: 0px;
  color: #ffffff !important;
  padding: 13px 20px;
  float: right;
  min-width: 150px;
  text-align: center;
  font-weight: 500;
  height: 48px;
  margin-bottom: 20px;

}

@media (max-width: 980px) {
  .page-id-21248226 #et_mobile_nav_menu {
    visibility: hidden !important;
    width: 0 !important;
  }
}

/*style 21-08-2023 end*/

/*----------------------------------------------*/
/*----- WooCommerce Warenkorb verbergen --------*/
/*----------------------------------------------*/
.et-cart-info {
  display: none;
}

@supports (aspect-ratio: 1/1) {
  .woocommerce ul.products li.product a img {
    aspect-ratio: 4/3;
    object-fit: contain;
    width: 100%;
    height: auto;
  }
}

@supports not (aspect-ratio: 1/1) {
  .woocommerce ul.products li.product a {
    position: relative;
    padding-top: 75%;
    /* 4:3 aspect ratio */
    display: block;
  }

  .woocommerce ul.products li.product a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

/*----------------------------------------------*/
/*----- Filter Everything --------------*/
@media screen and (min-width: 769px) {
  .wpc_show_bottom_widget .wpc-filters-widget-content {
    height: auto !important
  }

  body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-closed,
  body.wpc_show_open_close_button .wpc-filters-widget-content.wpc-opened,
  body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened) {
    display: block !important
  }
}

@media screen and (min-width: 768px) {
  .wpc-custom-selected-terms {
    clear: both;
    width: 100%
  }

  .wpc-custom-selected-terms ul.wpc-filter-chips-list {
    display: flex;
    overflow-x: auto;
    padding-left: 0
  }

  .wpc-filters-main-wrap .wpc-custom-selected-terms ul.wpc-filter-chips-list {
    display: block;
    overflow: visible
  }

  html.is-active .wpc-filters-overlay {
    top: 0;
    opacity: .3;
    background: #fff
  }

  .wpc-filters-main-wrap input.wpc-label-input+label:hover {
    border: 1px solid rgba(0, 0, 0, .25);
    border-radius: 5px
  }

  .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper {
    color: #333;
    background-color: rgba(0, 0, 0, .25)
  }

  .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a {
    color: #333
  }

  .theme-storefront #primary .storefront-sorting .wpc-custom-selected-terms {
    font-size: inherit
  }

  .theme-storefront #primary .wpc-custom-selected-terms {
    font-size: .875em
  }
}

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

  .wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:after,
  .wpc-filters-labels li.wpc-term-item label:hover .wpc-term-swatch-wrapper:before {
    display: none;
  }

  .wpc_show_bottom_widget .wpc-filters-widget-top-container,
  .wpc_show_open_close_button .wpc-filters-widget-top-container {
    text-align: center
  }

  .wpc_show_bottom_widget .wpc-filters-widget-top-container {
    position: sticky;
    top: 0;
    z-index: 99999;
    border-bottom: 1px solid #f7f7f7
  }

  .wpc-custom-selected-terms:not(.wpc-show-on-mobile),
  .wpc-edit-filter-set,
  .wpc_show_bottom_widget .widget_wpc_selected_filters_widget,
  .wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,
  .wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,
  .wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,
  .wpc_show_bottom_widget .wpc-posts-found,
  body.wpc_show_bottom_widget .wpc-open-close-filters-button,
  body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened) {
    display: none
  }

  .wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
  .wpc_show_bottom_widget .wpc-spinner.is-active,
  .wpc_show_bottom_widget .wpc-widget-close-container,
  html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner {
    display: block
  }

  body .wpc-filters-main-wrap li.wpc-term-item {
    padding: 2px 0
  }

  .wpc-chip-empty {
    width: 0;
    display: list-item;
    visibility: hidden;
    margin-right: 0 !important
  }

  .wpc-overlay-visible #secondary {
    z-index: auto
  }

  html.is-active:not(.wpc-overlay-visible) .wpc-filters-overlay {
    top: 0;
    opacity: .2;
    background: #fff
  }

  .wpc-custom-selected-terms.wpc-show-on-mobile ul.wpc-filter-chips-list {
    display: flex;
    overflow-x: auto;
    padding-left: 0
  }

  html.is-active body:not(.wpc_show_bottom_widget) .wpc-filters-overlay {
    top: 0;
    opacity: .3;
    background: #fff
  }

  body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,
  body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,
  body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened) {
    display: block !important
  }

  .wpc-open-close-filters-button {
    display: block;
    margin-bottom: 20px
  }

  .wpc-overlay-visible body,
  html.wpc-overlay-visible {
    overflow: hidden !important
  }

  .wpc_show_bottom_widget .widget_wpc_filters_widget,
  .wpc_show_bottom_widget .wpc-filters-main-wrap {
    padding: 0 !important;
    margin: 0 !important
  }

  .wpc_show_bottom_widget .wpc-filters-range-column {
    width: 48%;
    max-width: none
  }

  .wpc_show_bottom_widget .wpc-filters-toolbar {
    display: flex;
    margin: 1em 0
  }

  .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper {
    display: block;
    padding-left: 20px;
    padding-right: 20px
  }



  .wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title {
    display: flex
  }

  .wpc_show_bottom_widget .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list,
  .wpc_show_open_close_button .wpc-inner-widget-chips-wrapper .wpc-filter-chips-list {
    display: flex;
    -webkit-box-pack: start;
    place-content: center flex-start;
    overflow-x: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 0;
    padding-left: 0
  }

  .wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay {
    top: 0;
    opacity: .4
  }

  .wpc_show_bottom_widget .wpc-filters-main-wrap .wpc-spinner.is-active+.wpc-filters-widget-content .wpc-filters-scroll-container .wpc-filters-widget-wrapper {
    opacity: .6;
    pointer-events: none
  }

  .wpc_show_bottom_widget .wpc-filters-open-button-container {
    margin-top: 1em;
    margin-bottom: 1em
  }

  .wpc_show_bottom_widget .wpc-filters-widget-content {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 5%;
    z-index: 999999;
    padding: 0;
    background-color: #fff;
    margin: 0;
    box-sizing: border-box;
    border-radius: 7px 7px 0 0;
    transition: transform .25s;
    transform: translate3d(0, 120%, 0);
    -webkit-overflow-scrolling: touch;
    height: auto
  }

  .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper {
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    box-sizing: border-box;
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    bottom: 0
  }

  .wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened {
    transform: translate3d(0, 0, 0)
  }

  .theme-twentyfourteen .wpc_show_bottom_widget .wpc-filters-widget-content,
  .theme-twentyfourteen.wpc_show_bottom_widget .wpc-filters-scroll-container {
    background-color: #000
  }

  .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list,
  .wpc_show_open_close_button .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list {
    max-height: none
  }

  .wpc_show_bottom_widget .wpc-filters-scroll-container {
    background: #fff;
    min-height: 100%
  }

  .wpc_show_bottom_widget .wpc-filters-widget-wrapper {
    padding: 20px 20px 15px
  }

  .wpc-filter-everything-dropdown .select2-search--dropdown .select2-search__field,
  .wpc-sorting-form select,
  .wpc_show_bottom_widget .wpc-filters-main-wrap input[type=number],
  .wpc_show_bottom_widget .wpc-filters-main-wrap input[type=text],
  .wpc_show_bottom_widget .wpc-filters-main-wrap select,
  .wpc_show_bottom_widget .wpc-filters-main-wrap textarea,
  .wpc_show_bottom_widget .wpc-search-field,
  .wpc_show_open_close_button .wpc-search-field,
  .wpc_show_open_close_button .wpc-filter-search-field {
    font-size: 16px
  }

  .wpc-filter-layout-dropdown .select2-container .select2-selection--single,
  .wpc-sorting-form .select2-container .select2-selection--single {
    height: auto;
    padding: 6px
  }

  .wpc_show_bottom_widget .wpc-filters-section:not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric) .wpc-filter-content ul.wpc-filters-ul-list {
    overflow-y: visible
  }

  .theme-twentyeleven #primary,
  .theme-twentyeleven #secondary {
    margin-left: 0;
    margin-right: 0;
    clear: both;
    float: none
  }

  #main>.fusion-row {
    max-width: 100%
  }

  .wpc_show_bottom_widget .wpc-filters-open-button-container,
  .wpc_show_bottom_widget .wpc-filters-widget-controls-container,
  .wpc_show_bottom_widget .wpc-filters-widget-top-container,
  .wpc_show_open_close_button .wpc-filters-open-button-container {
    display: block
  }
}

.wpc-preload-img {
  display: none;
}

.wpc-filter-more-less:not(.wpc-search-active) .wpc-filters-ul-list>li:nth-child(-n+5) {
  display: list-item;
}

.widget-area .widget li.wpc-term-item a,
.wpc-filters-main-wrap li.wpc-term-item a {
  color: rgb(var(--text-color)) !important;
}

li.wpc-term-item label span.wpc-term-swatch,
.wpc-term-swatch-wrapper {
  width: 31px;
  min-width: 31px;
  border-radius: 31px;
  height: 31px;
}

.wpc-term-swatch-wrapper:after {
  width: 12.4px;
  height: 6.2px;
  left: 8.8571428571429px;
  top: 8.8571428571429px;
}

.wpc-term-image-wrapper {
  width: 70px;
  min-width: 70px;
  height: 40px;
}

.wpc-filters-section:not(.wpc-filter-more-less):not(.wpc-filter-post_meta_num):not(.wpc-filter-tax_numeric):not(.wpc-filter-layout-dropdown):not(.wpc-filter-terms-count-0) .wpc-filter-content:not(.wpc-filter-has-hierarchy) ul.wpc-filters-ul-list {
  max-height: 550px;
  overflow-y: auto;
}

.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
  background-color: #3858E9;
}

.wpc-spinner:after {
  border-top-color: #3858E9;
}

.theme-Avada .wpc-filter-product_visibility .star-rating:before,
.wpc-filter-product_visibility .star-rating span:before {
  color: #3858E9;
}

body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {
  background-color: #3858E9;
}

body .wpc-filters-main-wrap input.wpc-label-input:checked+label {
  border-color: #3858E9;
}

body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper {
  background-color: #d8d8d8;
}

body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label {
  border-color: #d8d8d8;
}

body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input+label:hover {
  border-color: #d8d8d8;
}

body .wpc-filters-main-wrap .wpc-term-disabled input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item.wpc-term-disabled input:checked+label a {
  color: #333333;
}

body .wpc-filters-main-wrap input.wpc-label-input:checked+label span.wpc-filter-label-wrapper,
body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input:checked+label a {
  color: #f5f5f5;
}

body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
  border-color: #3858E9;
}

body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
body .wpc-filters-main-wrap a.wpc-filters-submit-button {
  border-color: #3858E9;
  background-color: #3858E9;
  color: #f5f5f5;
}

body .wpc-filter-chips-list li.wpc-filter-chip a:hover {
  opacity: 0.9;
}

body .wpc-filter-chips-list li.wpc-filter-chip a:active {
  opacity: 0.75;
}

.star-rating span,
.star-rating span:before {
  color: #3858E9;
}

body a.wpc-filters-open-widget:active,
a.wpc-filters-open-widget:active,
.wpc-filters-open-widget:active {
  border-color: #3858E9;
  background-color: #3858E9;
  color: #f5f5f5;
}

a.wpc-filters-open-widget:active span.wpc-icon-line-1:after,
a.wpc-filters-open-widget:active span.wpc-icon-line-2:after,
a.wpc-filters-open-widget:active span.wpc-icon-line-3:after {
  background-color: #3858E9;
  border-color: #f5f5f5;
}

a.wpc-filters-open-widget:active .wpc-icon-html-wrapper span {
  background-color: #f5f5f5;
}

@media screen and (min-width: 768px) {
  body .wpc-filters-main-wrap input.wpc-label-input+label:hover span.wpc-filter-label-wrapper {
    color: #f5f5f5;
    background-color: #3858E9;
  }

  body .wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item input+label:hover a {
    color: #f5f5f5;
  }

  body .wpc-filters-main-wrap input.wpc-label-input+label:hover {
    border-color: #3858E9;
  }

  #ui-datepicker-div.wpc-filter-datepicker .ui-state-active,
  #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-active,
  #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-active {
    border-color: #3858E9;
    background: #3858E9;
    opacity: 0.95;
  }

  #ui-datepicker-div.wpc-filter-datepicker .ui-state-hover,
  #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-hover,
  #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-hover,
  #ui-datepicker-div.wpc-filter-datepicker .ui-state-focus,
  #ui-datepicker-div.ui-widget-content.wpc-filter-datepicker .ui-state-focus,
  #ui-datepicker-div.wpc-filter-datepicker .ui-widget-header .ui-state-focus {
    border-color: #3858E9;
    background: #3858E9;
    opacity: 0.6;
  }

  #ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default {
    background: #3858E9;
    color: #f5f5f5;
  }
}

.wpc-filters-main-wrap input[type=checkbox],
.wpc-filters-main-wrap input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #c9d1e0;
  background: #ffffff;
  border-radius: 5px;
  min-width: 20px;
}

i.wpc-toggle-children-list:after,
i.wpc-toggle-children-list:before {
  background-color: #b8bcc8;
}

i.wpc-toggle-children-list:hover:after,
i.wpc-toggle-children-list:hover:before {
  background-color: #3858E9;
}

.wpc-filters-widget-content input[type=email],
.wpc-filters-widget-content input[type=number],
.wpc-filters-widget-content input[type=password],
.wpc-filters-widget-content input[type=search],
.wpc-filters-widget-content input[type=tel],
.wpc-filters-widget-content input[type=text],
.wpc-filters-widget-content input[type=url] {
  height: 44px;
}

.wpc-filters-widget-content .wpc-filters-section input[type="number"],
.wpc-filters-widget-content .wpc-filters-section input[type="text"] {
  border: 1px solid #ccd0dc;
  border-radius: 6px;
  background: transparent;
  box-shadow: none;
  padding: 8px 16px;
}

.wpc-filters-main-wrap input[type=checkbox]:after {
  content: "";
  opacity: 0;
  display: block;
  left: 6px;
  top: 3px;
  position: absolute;
  width: 4px;
  height: 8px;
  border: 2px solid #3858E9;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
  box-sizing: content-box;
}

.wpc-filters-main-wrap input[type=radio]:after {
  content: "";
  opacity: 0;
  display: block;
  left: 5px;
  top: 5px;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3858E9;
  box-sizing: content-box;
}

.wpc-filters-main-wrap input[type=radio]:checked,
.wpc-filters-main-wrap input[type=checkbox]:checked {
  border-color: #3858E9;
}

.wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio],
.wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled>div>input[type=checkbox],
.wpc-filters-main-wrap .wpc-checkbox-item.wpc-term-disabled>div>input[type=checkbox]:after,
.wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:after,
.wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox],
.wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio] {
  border-color: #d8d8d8;
}

.wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio]:after,
.wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio]:after {
  background-color: #d8d8d8;
}

.wpc-filters-main-wrap input[type=radio]:checked:after,
.wpc-filters-main-wrap input[type=checkbox]:checked:after {
  opacity: 1;
}

.wpc-filters-main-wrap input[type=radio] {
  border-radius: 50%;
}

.wpc-filters-widget-content .wpc-filters-date-range-wrapper input[type="text"] {
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.33333' stroke='%23b8bcc8' stroke-width='1.33333'/%3E%3Cpath d='M2.66699 7.3335H13.3337' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M6 10.6667H10' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M5.33301 2L5.33301 4.66667' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.667 2L10.667 4.66667' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 16px bottom 50%;
}

.wpc-filters-widget-content .wpc-filters-date-range-wrapper input[type="text"]:focus,
.wpc-filters-widget-content .wpc-filters-date-range-wrapper input[type="text"]:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='4' width='12' height='10' rx='1.33333' stroke='%233858E9' stroke-width='1.33333'/%3E%3Cpath d='M2.66699 7.3335H13.3337' stroke='%233858E9' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M6 10.6667H10' stroke='%23b8bcc8' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M5.33301 2L5.33301 4.66667' stroke='%233858E9' stroke-width='1.33333' stroke-linecap='round'/%3E%3Cpath d='M10.667 2L10.667 4.66667' stroke='%233858E9' stroke-width='1.33333' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.wpc-help-tip::after {
  color: #b8bcc8;
  border: 1px solid #b8bcc8;
}

.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b,
.wpc-sorting-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-left: 1px solid #b8bcc8;
  border-top: 1px solid #b8bcc8;
}

.wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-left: 1px solid #b8bcc8;
  border-top: 1px solid #b8bcc8;
}

.wpc-filters-widget-main-wrapper .wpc-filter-title,
.wpc-filters-main-wrap .wpc-filter-title {
  font-weight: 600 !important;
  color: rgb(var(--text-color));
}

.wpc-filter-collapsible .wpc-filter-title .wpc-open-icon,
.wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,
.wpc-filter-collapsible.wpc-closed .wpc-filter-title .wpc-open-icon,
.wpc-filter-has-selected.wpc-closed .wpc-filter-title .wpc-open-icon {
  border-left: 1px solid #b8bcc8;
  border-top: 1px solid #b8bcc8;
}

.wpc-help-tip:hover::after,
.wpc-filter-layout-dropdown .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.wpc-sorting-form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
.widget_wpc_sorting_widget .select2-container--default .select2-selection--single:hover .select2-selection__arrow b,
.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single:hover .select2-selection__arrow b,
.wpc-filter-layout-dropdown .select2-container--default .select2-selection--single:hover,
.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown,
.widget_wpc_sorting_widget .select2-container--open .select2-selection--single,
.wpc-filter-layout-dropdown .select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .wpc-filter-everything-dropdown.select2-dropdown:hover,
.wpc-sorting-form .select2-container--default .select2-selection--single:hover,
.wpc-filters-widget-content input[type=email]:hover,
.wpc-filters-widget-content input[type=number]:hover,
.wpc-filters-widget-content input[type=password]:hover,
.wpc-filters-widget-content input[type=search]:hover,
.wpc-filters-widget-content input[type=tel]:hover,
.wpc-filters-widget-content input[type=text]:hover,
.wpc-filters-widget-content input[type=url]:hover,
.wpc-filters-widget-content input[type=email]:focus,
.wpc-filters-widget-content input[type=number]:focus,
.wpc-filters-widget-content input[type=password]:focus,
.wpc-filters-widget-content input[type=search]:focus,
.wpc-filters-widget-content input[type=tel]:focus,
.wpc-filters-widget-content input[type=text]:focus,
.wpc-filters-widget-content input[type=url]:focus,
.wpc-filter-collapsible .wpc-filter-title button:hover .wpc-open-icon,
.wpc-filter-collapsible-reverse.wpc-filter-collapsible.wpc-closed .wpc-filter-title button:hover .wpc-open-icon,
.wpc-filter-collapsible.wpc-closed .wpc-filter-title button:hover .wpc-open-icon,
.wpc-filter-has-selected.wpc-closed .wpc-filter-title button:hover .wpc-open-icon {
  border-color: #3858E9;
}

.wpc-filters-main-wrap a.wpc-toggle-a:hover,
.wpc-help-tip:hover::after {
  color: #3858E9;
}

.wpc-sorting-form .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.wpc-filter-layout-dropdown .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.wpc-sorting-form .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.wpc-filter-layout-dropdown .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top: 1px solid transparent;
}

.wpc-search-field-wrapper .wpc-search-clear-icon-wrapper,
.wpc-filter-search-wrapper button.wpc-search-clear {
  color: #b8bcc8;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label {
  border-color: #ccd0dc;
}

.wpc-filters-main-wrap .wpc-filters-labels li.wpc-term-item label span.wpc-filter-label-wrapper {
  padding: 8px 7px;
}

.wpc-filters-labels li.wpc-term-has-image label:hover .wpc-term-image-wrapper,
.wpc-filters-labels li.wpc-term-has-image input[type=checkbox]:checked+label .wpc-term-image-wrapper {
  border-color: #3858E9;
}

@media screen and (min-width: 768px) {

  .wpc-filters-main-wrap input[type=radio]:hover,
  .wpc-filters-main-wrap input[type=checkbox]:hover {
    border-color: #3858E9;
  }

  .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio]:hover,
  .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=checkbox]:hover {
    border-color: #c3c3c3;
  }
}

.wpc-sorting-form select,
.wpc-filter-content select {
  padding: 2px 8px 2px 10px;
  border-color: #c9d1e0;
  border-radius: 3px;
  color: inherit;
  -webkit-appearance: none;
}

.select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted[aria-selected],
.select2-container--default .wpc-filter-everything-dropdown .select2-results__option--highlighted[data-selected] {
  background-color: rgba(0, 0, 0, 0.05);
  color: inherit;
}

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

  .wpc-sorting-form select,
  .wpc-filter-content select {
    padding: 6px 12px 6px 14px;
  }
}

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

  body #main,
  body #content .col-full,
  .woocommerce-page .content-has-sidebar,
  .woocommerce-page .has-one-sidebar,
  .woocommerce-page #main-sidebar-container,
  .woocommerce-page .theme-page-wrapper,
  .woocommerce-page #content-area,
  .theme-jevelin.woocommerce-page .woocomerce-styling,
  .woocommerce-page .content_wrapper,
  .woocommerce-page #col-mask,
  body #main-content .content-area {
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  body #primary,
  .woocommerce-page .has-one-sidebar>section,
  .woocommerce-page .theme-content,
  .woocommerce-page #left-area,
  .woocommerce-page #content,
  .woocommerce-page .sections_group,
  .woocommerce-page .content-box,
  body #main-sidebar-container #main {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }

  body #secondary,
  .woocommerce-page .has-one-sidebar>aside,
  body aside#mk-sidebar,
  .woocommerce-page #sidebar,
  .woocommerce-page .sidebar,
  body #main-sidebar-container #sidebar {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }

  /*second method first method solve issue theme specific*/
  .woocommerce-page:not(.single, .page) .btWithSidebar.btSidebarLeft .btContentHolder,
  body .theme-generatepress.woocommerce #content {
    display: table;
  }

  body .btContent,
  body .theme-generatepress.woocommerce #primary {
    display: table-footer-group;
  }

  body .btSidebar,
  body .theme-generatepress.woocommerce #left-sidebar {
    display: table-header-group;
  }

  #ui-datepicker-div.wpc-filter-datepicker .ui-datepicker-close.ui-state-default {
    background: #3858E9;
    color: #f5f5f5;
  }

  .wpc-filters-date-range-column {
    justify-content: left;
  }
}

.wpc-term-count-brackets-close,
.wpc-term-count-brackets-open {
  display: none;
}

/*----------------------------------------------*/
/*----- Plugin - Filter Everything --------------*/
/*----------------------------------------------*/
.wpc-edit-filter-set {
  display: none;
}

/*----------------------------------------------*/
/*----- Divi Tabs --------------*/
/*----------------------------------------------*/
.et_pb_module.et_pb_tabs {
  border: none !important;
}

.et_pb_tabs ul.et_pb_tabs_controls {
  background: none !important;
}

.et_pb_tabs ul.et_pb_tabs_controls:after {
  border-color: rgb(var(--border-color));
}

.et_pb_tabs .et_pb_tabs_controls>li {
  border-color: transparent;
  border-width: 0 0 2px !important;
  border-style: solid;
}

.et_pb_tabs .et_pb_tabs_controls>li a {
  background: none;
  padding: 16px 4px;
  line-height: 1.43;
}

.et_pb_tabs_controls li.et_pb_tab_active {
  border-color: rgb(var(--button-background));
  background: none !important;
}

.et_pb_tabs_controls li.et_pb_tab_active>a {
  color: rgb(var(--button-background)) !important;
}

.et_pb_all_tabs .et_pb_tab {
  padding: 40px 0 !important;
}

@media (min-width: 768px) {
  .et_pb_tabs .et_pb_tabs_controls>li:not(:last-child) {
    margin-right: 32px;
  }
}

@supports (aspect-ratio: 1/1) {
  .productGallery .et_pb_gallery_image img {
    aspect-ratio: 4/3;
    object-fit: contain;
  }
}

@supports not (aspect-ratio: 1/1) {
  .productGallery .et_pb_gallery_image {
    position: relative;
    padding-top: 75%;
    /* 4:3 aspect ratio */
    display: block;
  }

  .productGallery .et_pb_gallery_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.productGallery .et_post_gallery {
  padding-block-end: 30px !important;
}

.productGallery .et-pb-controllers {
  bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*----------------------------------------------*/
/*----- Product Tabs --------------*/
/*----------------------------------------------*/
#productTabs {
  display: none;
  --show-tab: table;
}

:has(#productTabs .et_pb_all_tabs .et_pb_tab_content) #productTabs {
  display: block;
}

#productTabs .et_pb_tabs_controls .et_pb_tab_0_tb_body {
  display: none !important;
}

:has(#productTabs .et_pb_all_tabs .et_pb_tab_0_tb_body .et_pb_tab_content) #productTabs .et_pb_tabs_controls .et_pb_tab_0_tb_body {
  display: var(--show-tab) !important;
}

#productTabs .et_pb_tabs_controls .et_pb_tab_1_tb_body {
  display: none !important;
}

:has(#productTabs .et_pb_all_tabs .et_pb_tab_1_tb_body .et_pb_tab_content) #productTabs .et_pb_tabs_controls .et_pb_tab_1_tb_body {
  display: var(--show-tab) !important;
}

#productTabs .et_pb_tabs_controls .et_pb_tab_2_tb_body {
  display: none !important;
}

:has(#productTabs .et_pb_all_tabs .et_pb_tab_2_tb_body .et_pb_tab_content) #productTabs .et_pb_tabs_controls .et_pb_tab_2_tb_body {
  display: var(--show-tab) !important;
}

#productTabs .et_pb_tabs_controls .et_pb_tab_3_tb_body {
  display: none !important;
}

:has(#productTabs .et_pb_all_tabs .et_pb_tab_3_tb_body .et_pb_tab_content) #productTabs .et_pb_tabs_controls .et_pb_tab_3_tb_body {
  display: var(--show-tab) !important;
}

@media (max-width: 767px) {
  #productTabs {
    --show-tab: block;
  }
}

/*----------------------------------------------*/
/*------------- Product Accessories --------------*/
/*----------------------------------------------*/
.productAccessories {}

.productAccessories__title {
  margin-bottom: 20px;
}

.productAccessories__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 32px;
}

.productAccessories__gridItem {
  display: grid;
  gap: 16px;
  text-decoration: none;
  border-radius: 8px;
  overflow: hidden;
}


.productAccessories__gridItemImage {
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

@supports (aspect-ratio: 1/1) {

  .productAccessories__gridItemImage img,
  .productAccessories__gridItemImage svg {
    width: 100%;
    height: auto;
    object-fit: contain;
    aspect-ratio: 4/3;
  }
}

@supports not (aspect-ratio: 1/1) {
  .productAccessories__gridItemImage {
    position: relative;
    padding-top: 75%;
    /* 4:3 aspect ratio */
    display: block;
  }

  .productAccessories__gridItemImage img,
  .productAccessories__gridItemImage svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}

.productAccessories__gridItemImage svg {
  opacity: 0.5;
}

.productAccessories__gridItemContent {
  display: grid;
  gap: 4px;
}

.productAccessories__gridItemTitle {
  padding: 0;
  font-size: 16px;
  color: rgb(var(--text-color));
  text-align: left;
  font-weight: 500;
  line-height: 1.5;
}

.productAccessories__gridItemPrice {
  text-align: left;
  font-size: 14px;
  color: rgb(var(--text-color) / 0.85);
  font-weight: 500;
  line-height: 1.5;
}

.productAccessories__gridItemPrice del {
  font-weight: 400;
  color: rgb(var(--text-color) / 0.7);
}

.productAccessories__gridItem:hover .productAccessories__gridItemImage {
  opacity: 0.75;
}


/*----------------------------------------------*/
/*------------- Product Videos --------------*/
/*----------------------------------------------*/
.productVideos {}

.productVideos__title {
  margin-bottom: 20px;
}

.productVideos__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 32px;
}

.productVideos__gridItem {
  display: grid;
  gap: 16px;
}

.productVideos__gridItemVideoWrapper {
  border-radius: 8px;
  overflow: hidden;
}

.productVideos__gridItemVideoWrapper .fluid-width-video-wrapper {
  position: relative;
  width: 100%;
  padding-top: 56.25% !important;
  /* 16:9 Aspect Ratio */
  background: #000;
}

.productVideos__gridItemVideoWrapper iframe,
.productVideos__gridItemVideoWrapper video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 102%;
  height: 102%;
  border: none;
}

.productVideos__gridItemTitle {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: rgb(var(--text-color));
  text-align: left;
  font-weight: 500;
  line-height: 1.4;
}


/*----------------------------------------------*/
/*------------- Product Technical Docs --------------*/
/*----------------------------------------------*/
.technicalDocs {}

.technicalDocs h2 {
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 600;
  color: #333;
}

.technicalDocs__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 25px;
}

.technicalDocs__gridItem {
  display: grid;
  gap: 16px;
}

.technicalDocs__gridItem:hover .technicalDocs__gridItem__preview {
  opacity: 0.75;
}

.technicalDocs__gridItem__preview {
  width: 100%;
  padding-top: 75%;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.technicalDocs__gridItem__preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.technicalDocs__gridItem__preview svg {
  position: absolute;
  width: 60px;
  height: 60px;
  color: rgb(var(--text-color) / 0.75);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.technicalDocs__gridItem__preview:has(svg) {
  background-color: rgb(var(--text-color) / 0.1);
}


.technicalDocs__gridItem__title {
  margin: 0;
  font-size: 16px;
  color: rgb(var(--text-color));
  text-align: left;
  font-weight: 500;
  line-height: 1.4;
}

/*----------------------------------------------*/
/*------------- Product Category Hero --------------*/
/*----------------------------------------------*/
.categoryHero {
  --vertical-gutter: 38px;
  min-height: 45svh;
  display: grid;
  grid-template: var(--vertical-gutter) 1fr var(--vertical-gutter) / 1fr min(80%, 1280px) 1fr;
  overflow: hidden;
}

.categoryHero:after {
  content: '';
  display: block;
  grid-area: 1 / 1 / 4 / 4;
  background: linear-gradient(58deg,#bdbec0 0%,rgba(209,210,211,0.7) 0%,rgba(255,255,255,0.65) 0%,rgba(255,255,255,0.81) 36%,rgba(255,255,255,0) 66%);
  position: relative;
  z-index: 2;
}

.categoryHero__imageWrapper {
  grid-area: 1 / 1 / 4 / 4;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.categoryHero__content {
  grid-area: 2 / 2 / 3 / 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  gap: 8px;
  z-index: 3;
}

.categoryHero__imageWrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
}

.et-db #et-boc .et-l .et_pb_text_0_tb_body .categoryHero__title {
  font-weight: 600;
  font-size: 34px;
  color: #CD0D21 !important;
  padding: 0;

  @media only screen and (min-width: 768px) {
    font-size: 60px;
  }
}

.categoryHero__text {
  font-size: 22px;
  font-weight: 500;
  color: #000000;
  line-height: 1.2em;
  max-width: 620px;

  @media only screen and (min-width: 768px) {
    font-size: 30px;
  }
}

/*----------------------------------------------*/
/*------------- Product Category Richtext --------------*/
/*----------------------------------------------*/
.categoryRichtext {
  padding-block: 32px;
}

.et-db #et-boc .et-l .et_pb_text_2_tb_body .categoryRichtext__title {
  font-size: 30px;
  font-weight: 500;
  color: #CD0D21 !important;
}

.categoryRichtext__content {
  display: grid;
  gap: 12px;
}