/* --------------------------------------------------------------------------
 * wf-mediabox override (JCE Mediabox)
 * -------------------------------------------------------------------------- */
.wf-mediabox-frame {
  padding-left: 5em;
  padding-right: 5em;
}
.wf-mediabox-body::after {
  background-color: transparent;
}
.wf-mediabox-loader:after {
  border-left-color: var(--primary, #fff);
}
.wf-mediabox-numbers button {
  background-color: va(--light, #f8f9fa);
  color: white;
  opacity: 0.5;
}
.wf-mediabox-numbers button:hover {
  background-color: var(--primary, transparent);
  opacity: 1;
}
.wf-mediabox-numbers button.active {
  background: var(--primary, #444);
  color: var(--white, #fff);
  opacity: 1;
}
.wf-mediabox-numbers button:focus {
  background-color: var(--primary, #444);
  color: var(--white, #fff);
  opacity: 1;
}
.wf-mediabox-caption:empty {
  display: none;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-body {
  box-shadow: none;
  -webkit-box-shadow: none;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-container {
  background-color: transparent !important;
}
[class*="wf-mediabox-transition-"] .wf-.wf-mediabox-container {
  background-color: transparent !important;
}
[class*="wf-mediabox-transition-"] .wf-mediabox-body {
  opacity: 0;
  transition: 0.3s ease-in;
  transition-property: opacity, transform;
}
.wf-mediabox-transition-scale .wf-mediabox-body {
  transform: scale3d(1,1,1);
}
.wf-mediabox-content-ratio-3by2 .wf-mediabox-content-item {
  padding-bottom: 66.6666666%;
}
.wf-mediabox-theme-bootstrap.wf-mediabox .modal {
  display: block;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-content-image {
  padding: 0px 0px 0px 0px;
  border-top: 0px solid var(--primary, #ff0f38);
  border-left: 0px solid var(--primary, #ff0f38);
}
.wf-mediabox-theme-bootstrap .modal-header {
  position: relative;
  top: -1em;
  margin-left: 3em;
  margin-right: 3em;
  width: auto;
  min-height: 5em;
  z-index: 100;
  background: var(--gray-200, #e9ecef);
  color: #000;
  border-style: none;
  border-width: 0px;
  border-color: var(--primary, #ff0f38);
  border-top-width: 2px;
  border-top-style: solid;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-content-video ~ .modal-header {
  top: 1em;
 }
.wf-mediabox-theme-bootstrap .modal-header.hidden {
  visibility: hidden;
}
.wf-mediabox-theme-bootstrap .modal-header::after {
  content: '';
  position: absolute;
  top: -1em;
  left: 1em;
  margin: 0;
  padding: 0;
  border-bottom: 1em solid var(--primary, #ff0f38);
  border-right: 1.1em solid transparent;
  border-left: 1.1em solid transparent;
}

.wf-mediabox-theme-bootstrap .wf-mediabox-prev,
.wf-mediabox-theme-bootstrap .wf-mediabox-next,
.wf-mediabox-theme-bootstrap .wf-mediabox-close {
  font-family: "Font Awesome 6 Free";
  font-size: 3em !important;
  position: fixed;
  color: var(--secondary, #ff0f38);
  opacity: 1;
  transition: color 0.3s;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-prev:hover,
.wf-mediabox-theme-bootstrap .wf-mediabox-next:hover,
.wf-mediabox-theme-bootstrap .wf-mediabox-close:hover {
  color: var(--primary, #ff0f38);
  opacity: 1;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-prev::after,
.wf-mediabox-theme-bootstrap .wf-mediabox-next::after,
.wf-mediabox-theme-bootstrap .wf-mediabox-close::after {
  content: initial;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-prev {
  /* content: "\f053"; /* fa-solid fa-chevron-left */
  top: 45%;
  left: 0em;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-next {
  /* content: "\f054"; /* fa-solid fa-chevron-right */
  top: 45%;
  right: 0em;
}
.wf-mediabox-theme-bootstrap .wf-mediabox-close {
  /*content: "\f00d"; /* fa-solid fa-xmark */
  right: 0em;
  top: 0em;
}