:root {
   --damfi_active-button-text-color: #ffffff;
   --damfi_active-button-bg-color: #ff8181;
   --damfi_active-button-border-color: #ff8181;
}


/* SET THE CURSOR TO POINTER WHEN HOVERING THE FILTER BUTTONS */
.damfi__section .et_pb_promo_button {
   cursor: pointer;
}


/* SET THE ACTIVE BUTTON STYLE */
body.et-db #page-container #et-boc .et-l .et_pb_section.damfi__section .et_pb_cta_0.et_pb_promo .et_pb_promo_button.et_pb_button.filter-item.is-checked {
   color: var(--damfi_active-button-text-color) !important;
   background-color: var(--damfi_active-button-bg-color) !important;
   border-color: var(--damfi_active-button-border-color) !important;
}


/* POSITIONING - SETTING THE WIDTH AND GLUTTER */

/* --MOBILE */
.damfi__section .filtered__item,
.damfi__section .grid-sizer {
   width: 100%;
   margin-bottom: calc(calc(20px/2) * 2) !important;
}

/* --TABLET */
@media screen and (min-width: 768px) {
   .damfi__section .filtered__item,
   .damfi__section .grid-sizer {
      width: calc(calc(100%/2) - calc(20px/2));
   }
}

/* --DESKTOP */
@media screen and (min-width: 981px) {
   .damfi__section .filtered__item,
   .damfi__section .grid-sizer {
      width: calc(calc(100%/3) - calc(40px/3));
      margin-bottom: calc(calc(40px/3) * 2) !important;
   }
}


/*VISUAL BUILDER ONLY*/

/* --SHOW THE IMAGES AS A GRID ON THE VB */
.et-fb-root-ancestor .et-db #et-boc .et-l .damfi__section .filtered__row .et_pb_column {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   grid-gap: 20px;
}

.et-fb-root-ancestor .et-db #et-boc .et-l .damfi__section .filtered__item {
   width: 100%;
}

/* --SHOW DEFAULT BUTTON ON THE THEME EDITOR ONLY */
.et-fb-root-ancestor .et-db #et-boc .et-l .damfi__section .et_pb_promo_button,
.damfi__section .et_pb_promo_button.filter-item {
   display: inline-block !important;
}

.damfi__section .et_pb_promo_button {
   display: none !important;
}

.et-fb-root-ancestor .et-db #et-boc .et-l .visual-builder-onlly__code-module-style {
   display: block;
   color: #fff;
   background: #ef5858;
   border: 1px dashed #ffffff;
   padding: 20px;
   text-align: center;
}

.visual-builder-onlly__code-module-style {
   display: none;
}