/* Raben IT: design tokens applied over the Enfold theme (WordPress pages only).
   Loaded after Enfold's own CSS by wp-content/mu-plugins/rabenit-design.php.
   Tokens come from site.css. 2026-11-11. */

/* Enfold's own header and its fixed footer bar are replaced by the shared ones
   (the fixed #socket sat on top of the content on every page). */
#top #header, #top #socket, #top #footer, #top .avia-post-nav { display: none !important; }
#top #main, .html_header_top.html_header_sticky #top #main, #top #wrap_all { padding-top: 0 !important; background: var(--rit-bg) !important; border: 0 !important; }
html, #top, body#top { background: var(--rit-bg) !important; }
/* Enfold's overflow-x:hidden on html AND body breaks the sticky header; clip keeps the no-sideways-scroll part. */
html, body#top { overflow-x: clip !important; overflow-y: visible !important; }

/* ---------- Type ---------- */
body#top, #top #wrap_all, #top p, #top li, #top input, #top textarea, #top select, #top button,
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6, #top blockquote,
#top .av-special-heading-tag, #top .iconbox_content_title, #top .avia-caption-title, #top .avia-caption-content,
#top .avia-testimonial-name, #top .avia-testimonial-subtitle, #top .avia-testimonial-content {
  font-family: var(--rit-font) !important;
}
body#top { -webkit-font-smoothing: antialiased; color: var(--rit-text); }
#top #main p, #top #main li, #top #main .avia_textblock { font: var(--rit-body) !important; color: var(--rit-text) !important; }
#top #main p { margin: 0 0 var(--rit-2) !important; }
#top #main strong, #top #main b { font-weight: 600; }
#top #main a:not(.avia-button):not(.rit-btn) { color: var(--rit-accent) !important; text-decoration: underline; text-decoration-color: rgba(59,106,138,.35); text-underline-offset: 3px; transition: color var(--rit-ease), text-decoration-color var(--rit-ease); }
#top #main a:not(.avia-button):not(.rit-btn):hover { color: var(--rit-accent-hover) !important; text-decoration-color: currentColor; }

#top #main h1, #top #main .av-special-heading h1 { font: var(--rit-hero) !important; letter-spacing: -0.02em !important; text-transform: none !important; color: var(--rit-text) !important; }
#top #main h2, #top #main .av-special-heading h2 { font: var(--rit-section) !important; letter-spacing: -0.015em !important; text-transform: none !important; color: var(--rit-text) !important; }
#top #main h3, #top #main h4, #top #main h5 { font: var(--rit-subhead) !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--rit-text) !important; }
#top #main .av-special-heading { margin-bottom: var(--rit-4) !important; padding-bottom: 0 !important; }
#top #main .av-special-heading .special-heading-border { display: none !important; }
#top #main .av-subheading, #top #main .av-subheading p, #top #main .av-subheading * { font: 400 17px/28px var(--rit-font) !important; color: var(--rit-muted) !important; opacity: 1 !important; margin-top: var(--rit-1) !important; }

/* ---------- Sections become surface cards on the page background ---------- */
#top #main .avia-section, #top #main .container_wrap {
  background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important;
}
#top #main .avia-section .av-section-color-overlay-wrap, #top #main .avia-section .av-section-color-overlay { background: transparent !important; }
#top #main .avia-section > .container, #top #main .avia-section .av-section-color-overlay-wrap > .container,
#top #main .container_wrap > .container {
  max-width: var(--rit-max) !important; width: calc(100% - 48px) !important; margin: var(--rit-6) auto !important;
  background: var(--rit-surface); border: 1px solid var(--rit-border); border-radius: var(--rit-radius);
  box-shadow: var(--rit-shadow); padding: 0 var(--rit-6) !important;
}
#top #main .avia-section .content, #top #main .container_wrap .content { padding: var(--rit-6) 0 !important; border: 0 !important; }
#top #main .avia-section + .avia-section > .container,
#top #main .avia-section + .avia-section .av-section-color-overlay-wrap > .container { margin-top: 0 !important; }
#top #main .entry-content-wrapper img, #top #main .avia-image-container img, #top #main .avia_image { border-radius: var(--rit-radius) !important; }
#top #main iframe { border-radius: var(--rit-radius); }
#top #main .flex_column { margin-bottom: var(--rit-3); }

/* ---------- Home hero slider ---------- */
#top #main .avia-fullwidth-slider { border: 0 !important; box-shadow: none !important; }
#top .avia-slideshow li .avia-slide-wrap { position: relative; }
#top .avia-slideshow li .avia-slide-wrap::after {
  content: ''; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(30,40,51,.10) 0%, rgba(30,40,51,.55) 100%);
}
#top .avia-slideshow .avia-caption { z-index: 5 !important; }
#top #main .avia-slideshow .avia-caption-title, #top #main .avia-slideshow .avia-caption-content, #top #main .avia-slideshow .avia-caption-content p {
  background: transparent !important; text-shadow: 0 2px 12px rgba(30,40,51,.45); color: #fff !important; text-transform: none !important;
}
#top #main .avia-slideshow .avia-caption-title { font: var(--rit-hero) !important; letter-spacing: -0.02em !important; padding: 0 var(--rit-2) !important; }
#top #main .avia-slideshow .avia-caption-content, #top #main .avia-slideshow .avia-caption-content p { font: 400 19px/28px var(--rit-font) !important; padding: var(--rit-1) var(--rit-2) 0 !important; max-width: 720px; margin: 0 auto !important; }

/* ---------- Icon boxes (Specialty) ---------- */
#top #main .iconbox {
  background: var(--rit-bg); border: 1px solid var(--rit-border); border-radius: var(--rit-radius);
  padding: var(--rit-3) !important; margin-bottom: var(--rit-3) !important;
  transition: transform var(--rit-ease), box-shadow var(--rit-ease), background-color var(--rit-ease);
}
#top #main .iconbox:hover { transform: translateY(-2px) scale(1.01); box-shadow: var(--rit-shadow-hover); background: var(--rit-surface); }
#top #main .iconbox .iconbox_content { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; }
#top #main .iconbox_icon {
  background: var(--rit-accent-soft) !important; color: var(--rit-accent) !important; border: 0 !important;
  border-radius: var(--rit-radius) !important; box-shadow: none !important;
}
#top #main .iconbox .iconbox_content_title { font: var(--rit-subhead) !important; text-transform: none !important; letter-spacing: -0.01em !important; color: var(--rit-text) !important; margin-bottom: var(--rit-1) !important; }
#top #main .iconbox .iconbox_content_container, #top #main .iconbox .iconbox_content_container p { color: var(--rit-muted) !important; font: 400 16px/24px var(--rit-font) !important; }

#top #main .iconbox .iconbox_icon { float: none !important; position: static !important; display: flex !important; align-items: center; justify-content: center;
  width: 48px !important; height: 48px !important; line-height: 48px !important; font-size: 22px !important; margin: 0 0 var(--rit-2) !important; }
#top #main .iconbox .iconbox_content { overflow: visible !important; margin: 0 !important; }

/* ---------- Testimonials ---------- */
#top #main .avia-testimonial-content, #top #main .avia-testimonial-content p { font: 400 19px/32px var(--rit-font) !important; color: var(--rit-text) !important; font-style: normal !important; }
#top #main .avia-testimonial-name { font: 600 16px/24px var(--rit-font) !important; color: var(--rit-text) !important; }
#top #main .avia-testimonial-subtitle, #top #main .avia-testimonial-subtitle a { font: var(--rit-caption) !important; color: var(--rit-muted) !important; }
#top #main .avia-testimonial-content::before, #top #main .avia-testimonial-content::after { display: none !important; }
#top #main .avia-grid-testimonials .avia-testimonial { border-color: var(--rit-border) !important; padding: var(--rit-3) !important; }
#top #main .avia-grid-testimonials .avia-testimonial-row, #top #main .avia-grid-testimonials .avia-testimonial { border-color: var(--rit-border) !important; }
#top #main .avia-testimonial-image { border-radius: 50% !important; }
#top .avia-slideshow-arrows a, #top .avia-testimonial-wrapper .avia-slideshow-arrows a {
  color: var(--rit-text) !important; background: var(--rit-surface) !important; border: 1px solid var(--rit-border-strong) !important;
  border-radius: var(--rit-radius) !important; opacity: 1 !important; width: 44px !important; height: 44px !important;
}

/* ---------- Buttons, forms ---------- */
#top .avia-button, #top input[type="submit"], #top button[type="submit"] {
  background: var(--rit-accent) !important; color: #fff !important; border: 0 !important; border-radius: var(--rit-radius) !important;
  min-height: 44px; padding: 12px 24px !important; font: 600 15px/20px var(--rit-font) !important;
  transition: transform var(--rit-ease), background-color var(--rit-ease) !important;
}
#top .avia-button:hover, #top input[type="submit"]:hover { background: var(--rit-accent-hover) !important; transform: scale(1.01); }
#top #main input[type="text"], #top #main input[type="email"], #top #main textarea {
  border: 1px solid var(--rit-border-strong) !important; border-radius: var(--rit-radius) !important; min-height: 44px; padding: 10px 16px !important; background: var(--rit-surface) !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  #top #main .avia-slideshow .avia-caption-title { font: 600 24px/32px var(--rit-font) !important; }
  #top #main .avia-slideshow .avia-caption-content { display: none !important; }
  #top #main .avia-testimonial-meta { text-align: center !important; float: none !important; }
  #top #main .avia-slider-testimonials .avia-testimonial { padding: 0 !important; }
  #top #main .avia-slider-testimonials { padding-bottom: 64px !important; }
  #top #main .avia-slider-testimonials .avia-slideshow-arrows a { top: auto !important; bottom: 0 !important; margin: 0 !important; }
  #top #main .avia-slider-testimonials .avia-slideshow-arrows a.prev-slide { left: calc(50% - 52px) !important; }
  #top #main .avia-slider-testimonials .avia-slideshow-arrows a.next-slide { right: calc(50% - 52px) !important; }
  #top #main .avia-testimonial-content, #top #main .avia-testimonial-content p { font: 400 17px/28px var(--rit-font) !important; }
  #top #main .avia-section > .container, #top #main .avia-section .av-section-color-overlay-wrap > .container,
  #top #main .container_wrap > .container { width: calc(100% - 32px) !important; margin: var(--rit-3) auto !important; padding: 0 var(--rit-3) !important; }
  #top #main .avia-section .content, #top #main .container_wrap .content { padding: var(--rit-4) 0 !important; }
  #top #main .avia-section + .avia-section > .container { margin-top: 0 !important; }
  #top #main .avia-slideshow .avia-caption-content, #top #main .avia-slideshow .avia-caption-content p { font: 400 16px/24px var(--rit-font) !important; }
}
@media (prefers-reduced-motion: reduce) {
  #top #main .iconbox, #top .avia-button { transition: none !important; }
  #top #main .iconbox:hover, #top .avia-button:hover { transform: none; }
}
