/*
Theme Name: The Pageking Framework
Theme URI: https://www.pageking.nl
Version: 2.0
Description: Framework of the kings
Author: Pageking - Full swing digital agency
Author URI: https://www.pageking.nl
template: bb-theme
*/

/* Add your custom styles here... */
.fl-animated.fl-fade-up {
  animation: fl-fade-up 1s ease;
  -webkit-animation: fl-fade-up 1s ease;
}

@-webkit-keyframes fl-fade-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fl-fade-up {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}




.fl-animated.fl-fade-down {
  animation: fl-fade-down 1s ease;
  -webkit-animation: fl-fade-down 1s ease;
}

@-webkit-keyframes fl-fade-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fl-fade-down {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button.cc-revoke.cc-bottom:active,
#cmplz-manage-consent .cmplz-manage-consent:active {
  top: unset !important;
  bottom: 0px !important;
  position: fixed !important;
}

/* ALTIJD ANIMATIE OP KNOPPEN */
a.fl-button {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.fl-col-small {
  max-width: 100%;
}

/* ALS ER MAAR 1 ALINEA IS, GEEN MARGIN GEVEN */
.fl-rich-text>:only-child {
  margin: 0;
}

.fl-rich-text>:first-child {
  margin-top: 0;
}

.fl-rich-text>:last-child {
  margin-bottom: 0;
}

.fl-rich-text>p {
  margin-bottom: 1em;
}

.fl-rich-text h1,
.fl-rich-text h2,
.fl-rich-text h3,
.fl-rich-text h4,
.fl-rich-text h5,
.fl-rich-text h6 {
  margin-top: 1em;
  margin-bottom: 0.75em;
}

.fl-rich-text>blockquote {
  margin-block: 1em;
  font-size: 1.5em;
  padding: 0.5em 0 0.5em 1em;
}

.fl-rich-text>ul,
.fl-rich-text>ol {
  padding-left: 1em;
  margin-bottom: 1em;
}

/*LIST STYLE UL OL*/
.site-inner ul li,
.site-inner ol li {
  list-style-position: inside;
}

.site-inner ul li {
  list-style-type: disc;
}

.site-inner ol li {
  list-style-type: decimal;
}

/*VERWIJDERD OMLIJNING POSTGRID*/
.fl-post-grid-post {
  border: 0px solid #e6e6e6;
}

/* video player lightbox */
.fl-button-lightbox-wrap .mfp-content {
  background: transparent !important;
}

.mfp-iframe {
  border: 0px !Important;
}

div.mfp-wrap .mfp-content button.mfp-close {
  background: transparent !important;
  color: white !important;
  font-size: 39px !important;
  margin-top: -30px !important;
  margin-right: -20px !important;
}

.accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}


.cartpops-cart__toggle .cartpops-cart__container-icon i.cart_icon {
  background: url("/wp-content/uploads/2025/10/cart_icon.svg");
  height: 45px;
  width: 45px;
  display: block;
  background-size: contain;
}

#equiface-page .cartpops-cart__container.cpops-toggle-drawer {
  padding: 0;
}

#equiface-page .cartpops-cart__container.cpops-toggle-drawer .cartpops-cart__container-counter,
body #cartpops-drawer .cpops-powered-by {
  display: none;
}

body #cartpops-drawer .cpops-drawer-header__heading {
  border-color: #DCD3C8;
  border-bottom: none;
  padding-bottom: 50px;

}

body #cartpops-drawer {
  padding: 40px 50px;
}

body #cartpops-drawer .cpops-drawer-header__close {
  background: #E7DDD2 !important;
  height: 36px;
  width: 36px;
  border-radius: 100px;
}

body #cartpops-drawer .cpops-drawer-header__close svg {
  height: 10px;
  width: 10px;
}

body #cartpops-drawer .cpops-drawer-cart .cpops-empty-cart {
  padding: 0;
  align-items: left;
  text-align: left;
}

body #cartpops-drawer .cpops-drawer-footer .cpops-cart-total {
  border-top: none;
}

body #cartpops-drawer .cpops-drawer-footer .cpops-cart-total a.checkout-button {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.8px;
  padding: 8px 16px;
  border-radius: 10px;
}

body #cartpops-drawer .cpops-drawer-footer .cpops-cart-total a.checkout-button:hover {
  background: #8FA4D1;
  opacity: 1;
  padding-right: 16px;
}

#cpops-drawer-modal .cpops-drawer-cart {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item {
  padding: 12px;
  border-radius: 8px;
  border: 1px solid rgba(60, 21, 24, 0.15);
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item .cpops-cart-item__container {
  display: flex;
  align-items: center;
  padding: 0;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item .cpops-cart-item__actions {
  max-width: 100px;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item .cpops-cart-item__quantity input {
  border: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.64px;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item .cpops-cart-item__quantity .quantity__button--down {
  border-radius: 2px 0 0 2px;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item .cpops-cart-item__quantity .quantity__button--up {
  border-radius: 0 2px 2px 0;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item__image {
  background: transparent;
  padding: 0;
  height: unset;
  min-height: unset;
  width: unset;
  min-width: unset;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item__image img {
  border-radius: 4px;
  max-width: 56px;
  max-height: 56px;
  min-height: 56px;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-cart-item__actions--remove {
  margin-top: 0;
  min-height: 20px;
  min-width: 20px;
}

#cpops-drawer-modal .cpops-drawer-cart .cpops-price {
  margin: 0;
}

#cpops-drawer-modal a {
  transition: color 180ms ease-in-out;
}

#cpops-drawer-modal button,
body #cartpops-drawer .cpops-drawer-footer .cpops-cart-total a.checkout-button {
  transition: all 180ms ease-in-out;
}

#cpops-drawer-modal .cpops-cart-item__actions--remove svg {
  transition: fill 180ms ease-in-out;
}

#cpops-drawer-modal .cpops-cart-item__actions--remove:hover svg {
  fill: #8FA4D1;
}

#cartpops-drawer .cpops-drawer-footer .cpops-cart-total .cpops-cart-line-items {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 38px;
}

#cartpops-drawer .cpops-drawer-footer .cpops-cart-total .cpops-cart-line-items .cpops-cart-line-items__item {
  padding-bottom: 12px;
  border-bottom: 1px solid #DCD3C8;
}

#cpops-drawer-modal .cpops-cart-item__actions--pricing .cpops-price,
#cartpops-drawer .cpops-drawer-footer .cpops-cart-total .cpops-cart-line-items__item span {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: -0.64px;
  color: #3C1518;
}

#cartpops-drawer .cpops-drawer-footer .cpops-cart-total .cpops-cart-line-items__item span {
  font-weight: 500;
}

.variations_form.cart,
.variations_form.cart .variations_button {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.variations_form.cart .variations .variation_field label {
  margin-bottom: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.64px;
  color: #59332A;
  margin-bottom: 8px;
}

.variations_form.cart .variations .variation_field .variation_input select,
.variations_form.cart .quantity input {
  border-radius: 4px;
  border: 1px solid #9B8379;
  background: transparent;
  padding: 12px 24px;
  font-size: 16px;
  width: 100%;
  text-align: left;
  color: #59332A
}

.variations_form.cart .variations .reset_variations {
  display: none;
}

.variations_form.cart .added_to_cart.wc-forward {
  display: none;
}

.variations_form.cart .variations .variation_field .variation_input select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.variations_form.cart .variations .variation_field .variation_input {
  position: relative;
}

.variations_form.cart .variations .variation_field .variation_input:after {
  content: '';
  position: absolute;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M5 7.5L10 12.5L15 7.5" stroke="%2359332A" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  height: 20px;
  width: 20px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

#productPopup img {
  height: 300px;
  width: 400px;
  object-fit: cover;
  margin-bottom: 16px;
}

.mouse_follower {
  display: flex;
  width: fit-content;
  align-items: center;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 10px;
  border: 1px solid #E3E3D4;
  background: #AEB29F;
  font-weight: 500;
  color: #363C2E;
  line-height: 150%;
  letter-spacing: -0.64px;
  padding: 10px 14px;

  opacity: 0;

  transition: opacity 300ms ease-in-out;
}

[data-follower] {
  position: relative !important;
}

[data-follower]:hover .mouse_follower {
  opacity: 1;
}

/************************/
/**** CSS PER RIJ/ID ****/
/************************/



/************************/
/* MEDIA QUERIES DESKTOP*/
/************************/
@media screen and (min-width: 993px) {
  .pp-content-posts-inner:not(.owl-carousel) .pp-content-post {
    width: 31.9% !important;
  }

  .fl-rich-text>blockquote {
    max-width: 75%;
  }
}

/************************/
/* MEDIA QUERIES TABLET */
/************************/
@media screen and (max-width: 992px) {}

/************************/
/* MEDIA QUERIES MOBILE */
/************************/
@media screen and (max-width: 767px) {

  .fl-col-small:not(.fl-col-small-full-width) {
    max-width: 100%;
  }

  .owl-carousel.owl-loaded {
    overflow: hidden !important;
  }

  div.mfp-wrap .mfp-content button.mfp-close {
    background: transparent !important;
    color: white !important;
    font-size: 39px !important;
    margin-top: -40px !important;
    margin-right: 10px !important;
  }

  #productPopup img {
    height: 300px;
    width: 100%;
  }
}