/* ---------
 * COLORS
 * ---------*/
/* ---------
 * HEADER
 * ---------*/
/* ---------
 * BODY
 * ---------*/
.chat_window {
  height: 0;
}

.chat_window, .chat_window * {
  overflow: visible !important;
}

.chat_widget {
  position: relative;
  bottom: -100px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.chat_widget.active {
  bottom: 7.5rem;
  opacity: 1;
  pointer-events: auto;
}

.chat_toggle {
  cursor: pointer;
}

.page-id-1490 .chat_toggle {
  display: none !important;
}

.application_form .gform_footer button, .application_form .gform_footer input[type='submit'] {
  width: 100% !important;
  background: #ffffff !important;
  color: var(--color-content-primary) !important;
}

.application_form .gform_footer button:hover, .application_form .gform_footer input[type='submit']:hover {
  background: var(--color-content-secondary);
}

.gform_button_select_files {
  color: var(--color-content-primary) !important;
}

.full_width_button .w-btn {
  width: 100% !important;
}

/* ---------
 * 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: 1200px) {
  .l-section-shape {
    height: 3vh !important;
  }
}

@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 > .l-section-h {
  padding-top: 0;
}

.w-post-elm > .l-section:last-of-type > .l-section-h {
  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;
  }
}
