/* ---------
 * COLORS
 * ---------*/
body {
  --admin-bar-height: 0px;
}

body.admin-bar {
  --admin-bar-height:32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar {
    --admin-bar-height:46px;
  }
}

.l-preloader {
  background: #090938;
}

.l-preloader img {
  -webkit-animation: mymove 6s;
  animation: mymove 6s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-webkit-keyframes mymove {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1);
  }
}

@keyframes mymove {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1);
  }
}

/* ---------
 * HEADER
 * ---------*/
@media (min-width: 1025px) {
  .l-subheader.at_middle .l-subheader-cell.at_left, .l-subheader.at_middle .l-subheader-cell.at_right {
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
  }
}

@media (max-width: 1024px) {
  html body .w-separator.width_30 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.owl-dots {
  margin-left: -45px;
  position: absolute;
  bottom: 5vh;
  left: 50%;
}

/* ---------
 * BODY
 * ---------*/
.w-separator.sep-left {
  margin-left: 0 !important;
}

.firstletter :first-letter, .firstletter:first-letter {
  color: var(--color-content-primary);
  font-size: 200%;
  line-height: 1;
}

.firstletter:first-letter {
  font-size: 140%;
}

.logo-container img {
  max-width: 200px;
}

html body .wpex-timeline > li .wpex-timeline-label {
  background: var(--color-content-secondary);
  color: white;
}

html body .wpex-timeline > li .wpex-timeline-label a {
  color: White;
}

html body .wpex-timeline > li .wpex-timeline-label h2 {
  color: white;
  text-transform: none;
}

/* ---------
 * FOOTER
 * ---------*/
/* ---------
 * GENERAL
 * ---------*/
body.logged-in .signed-out {
  display: none;
}

body:not(.logged-in) .signed-in {
  display: none;
}

/* ---------
 * IMPREZA FIXES
 * ---------*/
.woocommerce #payment .payment_methods li img {
  max-width: 30px;
  margin-right: 2px;
}

.no-touch .bg_solid .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after,
.no-touch .bg_transparent.sticky .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after {
  background: var(--color-content-primary);
}

.w-nav.type_mobile .menu-item > a.w-btn {
  margin-top: 0.5rem;
  width: calc(100% - 1.4rem);
}

.pagination > :not(.custom) .page-numbers {
  border-radius: 0.2em;
  font-size: 0.8rem;
  height: 2rem;
  line-height: 2rem;
  width: 2rem;
}

@media (max-width: 600px) {
  .l-section-shape {
    height: 0 !important;
  }
}

@media (max-width: 1024px) {
  html body .w-separator.size_small {
    height: 1rem;
  }
  html body .w-separator.size_small.with_line {
    height: 2rem;
  }
  html body .w-separator.size_medium:empty {
    height: 2rem;
  }
  html body .w-separator.size_medium.with_line {
    height: 3rem;
  }
  html body .w-separator.size_large:empty {
    height: 3rem;
  }
  html body .w-separator.size_large.with_line {
    height: 4rem;
  }
  html body .w-separator.size_huge:empty {
    height: 4rem;
  }
  html body .w-separator.size_huge.with_line {
    height: 5rem;
  }
}

.w-post-elm > .l-section:first-of-type {
  padding-top: 0;
}

.w-post-elm > .l-section:last-of-type {
  padding-bottom: 0;
}

/* ---------
 * MISC FIXES
 * ---------*/
.gform_confirmation_message {
  background: #c9f7b2;
  padding: 1rem 1.5rem;
  color: #333;
}

.gform_wrapper .validation_error {
  background: rgba(255, 0, 0, 0.85);
  padding: 1rem 1.5rem;
  color: white;
}

.l-main .w-image.align_right,
.l-main img.alignright {
  margin-left: 1.5rem;
}

.l-main .w-image.align_left,
.l-main img.alignleft {
  margin-right: 1.5rem;
}

.l-main .w-image.align_right,
.l-main .w-image.align_left,
.l-main .w-image.align_center,
.l-main img.alignright,
.l-main img.alignleft,
.l-main img.aligncenter {
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .l-main .w-image.align_right,
.l-main .w-image.align_left,
.l-main .w-image.align_center,
.l-main img.alignright,
.l-main img.alignleft,
.l-main img.aligncenter {
    display: block;
    float: none;
    margin: 10px auto 1.5rem auto;
    text-align: center;
  }
  .l-main .w-image.align_right img,
.l-main .w-image.align_left img,
.l-main .w-image.align_center img,
.l-main img.alignright img,
.l-main img.alignleft img,
.l-main img.aligncenter img {
    height: auto;
    max-width: 100%;
    width: auto;
  }
}

@media (max-width: 767px) {
  .l-main img.alignright,
.l-main img.alignleft,
.l-main img.aligncenter {
    height: auto;
    max-width: 100%;
    width: auto;
  }
}
