/* =========================================================
   SWIVELS GLOBAL VARIABLES
   ========================================================= */

:root {
  --swivels-orange: #be4e30;
  --swivels-orange-dark: #9f3f26;
  --swivels-white: #ffffff;
  --swivels-border: #dfe7ef;
  --swivels-muted: #5b7188;
}


/* =========================================================
   FORM STYLING
   ========================================================= */

.input {
  border: 2px solid #000000;
  background-color: #ffffff;
}

.hs-error-msg {
  color: red;
}


/* =========================================================
   ENGINEERED SECTION
   ========================================================= */

.swivels-engineered-row {
  --sw-blue: #be4e30;
  --sw-blue-dark: #be4e30;
  --sw-accent: #be4e30;
  --sw-button: #be4e30;
  --sw-border: #dfe7ef;
  --sw-text: #be4e30;
  --sw-muted: #5b7188;
  --sw-bg: #ffffff;

  background: #ffffff;
  padding: 0 24px 56px;
}

.swivels-engineered-row,
.swivels-engineered-row * {
  box-sizing: border-box;
}

.swivels-top-bar {
  background: #be4e30;
  margin: 0 -24px 42px;
  padding: 22px 20px;
  text-align: center;
}

.swivels-top-bar img {
  max-width: 230px;
  width: 100%;
  height: auto;
  display: inline-block;
}

.swivels-engineered-wrap {
  max-width: 1240px;
  margin: 0 auto;

  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 48px;

  align-items: center;
}

.swivels-engineered-copy {
  color: var(--sw-text);
}

.swivels-engineered-eyebrow {
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #be4e30;
  margin-bottom: 18px;
}

.swivels-engineered-title {
  margin: 0;
  color: var(--sw-blue-dark);
  font-size: clamp(36px, 4vw, 58px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.02em;
  max-width: 680px;
}

.swivels-engineered-accent {
  width: 72px;
  height: 5px;
  background: var(--sw-accent);
  border-radius: 999px;
  margin: 22px 0 24px;
}

.swivels-engineered-intro {
  margin: 0 0 18px;
  font-size: 18px;
  line-height: 1.7;
  color: var(--sw-text);
  max-width: 650px;
}

.swivels-engineered-list {
  margin: 0 0 28px 0;
  padding-left: 24px;
  color: var(--sw-text);
}

.swivels-engineered-list li {
  margin-bottom: 14px;
  font-size: 17px;
  line-height: 1.6;
}

.swivels-engineered-note {
  margin: 22px 0 0;
  font-size: 16px;
  line-height: 1.5;
  color: var(--sw-muted);
}

.swivels-engineered-card {
  background: #ffffff;
  border: 1px solid var(--sw-border);
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 12px 28px rgba(190, 78, 48, 0.08);
}

.swivels-engineered-card img {
  display: block;
  width: 100%;
  height: auto;
}


/* =========================================================
   GENERAL SITE LINKS
   ========================================================= */

body a,
body a:visited,
body a:active,
body a:focus {
  color: #be4e30;
}

body a:hover {
  color: #9f3f26;
}


/* =========================================================
   NORMAL PAGE CONTENT LINKS
   ========================================================= */

main a,
.entry-content a,
.wp-block-post-content a,
.site-content a,
.content-area a {
  color: #be4e30 !important;
  text-decoration-color: #be4e30;
}

main a:visited,
.entry-content a:visited,
.wp-block-post-content a:visited,
.site-content a:visited,
.content-area a:visited {
  color: #be4e30 !important;
}

main a:hover,
.entry-content a:hover,
.wp-block-post-content a:hover,
.site-content a:hover,
.content-area a:hover {
  color: #9f3f26 !important;
}


/* =========================================================
   BUTTON BASE
   ========================================================= */

.swivels-btn,
.swivels-engineered-cta,
.button-orange,
.btn-orange,
.button-white,
.btn-white,
.wp-block-button__link,
.wp-element-button {
  display: inline-block;
  text-decoration: none !important;

  font-weight: 700;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}


/* =========================================================
   ORANGE BUTTONS
   Orange fill + WHITE TEXT
   Hover = White fill + Orange text
   ========================================================= */

.swivels-btn-orange,
.swivels-btn-orange:link,
.swivels-btn-orange:visited,
.swivels-btn-orange:active,
.swivels-btn-orange:focus,

.button-orange,
.button-orange:link,
.button-orange:visited,
.button-orange:active,
.button-orange:focus,

.btn-orange,
.btn-orange:link,
.btn-orange:visited,
.btn-orange:active,
.btn-orange:focus,

.swivels-engineered-cta,
.swivels-engineered-cta:link,
.swivels-engineered-cta:visited,
.swivels-engineered-cta:active,
.swivels-engineered-cta:focus,

.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:visited,

.wp-element-button,
.wp-element-button:visited {
  background-color: #be4e30 !important;
  color: #ffffff !important;

  border: 2px solid #be4e30 !important;

  text-decoration: none !important;
}


/* Orange button hover */

.swivels-btn-orange:hover,
.button-orange:hover,
.btn-orange:hover,
.swivels-engineered-cta:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-element-button:hover {
  background-color: #ffffff !important;
  color: #be4e30 !important;

  border-color: #be4e30 !important;

  text-decoration: none !important;
}


/* =========================================================
   WHITE BUTTONS
   SOLID white fill + ORANGE TEXT
   Hover = Orange fill + White text
   ========================================================= */

.swivels-btn-outline,
.swivels-btn-outline:link,
.swivels-btn-outline:visited,
.swivels-btn-outline:active,
.swivels-btn-outline:focus,

.button-white,
.button-white:link,
.button-white:visited,
.button-white:active,
.button-white:focus,

.btn-white,
.btn-white:link,
.btn-white:visited,
.btn-white:active,
.btn-white:focus,

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:visited,

.wp-block-button .has-white-background-color,
.wp-element-button.has-white-background-color {
  background-color: #ffffff !important;

  color: #be4e30 !important;

  border: 2px solid #ffffff !important;

  text-decoration: none !important;
}


/* White button hover */

.swivels-btn-outline:hover,
.button-white:hover,
.btn-white:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button .has-white-background-color:hover,
.wp-element-button.has-white-background-color:hover {
  background-color: #be4e30 !important;

  color: #ffffff !important;

  border-color: #ffffff !important;

  text-decoration: none !important;
}


/* =========================================================
   CRITICAL BUTTON LINK OVERRIDES
   Stops main a / content a rules from turning button
   text orange-on-orange.
   ========================================================= */


/* ORANGE BUTTONS MUST HAVE WHITE TEXT */

body main a.swivels-btn-orange,
body main a.swivels-btn-orange:visited,
body .entry-content a.swivels-btn-orange,
body .entry-content a.swivels-btn-orange:visited,
body .wp-block-post-content a.swivels-btn-orange,
body .wp-block-post-content a.swivels-btn-orange:visited,

body main a.button-orange,
body main a.button-orange:visited,
body .entry-content a.button-orange,
body .entry-content a.button-orange:visited,

body main a.btn-orange,
body main a.btn-orange:visited,
body .entry-content a.btn-orange,
body .entry-content a.btn-orange:visited,

body main a.swivels-engineered-cta,
body main a.swivels-engineered-cta:visited,
body .entry-content a.swivels-engineered-cta,
body .entry-content a.swivels-engineered-cta:visited {
  background-color: #be4e30 !important;
  color: #ffffff !important;
}


/* Orange button hover */

body main a.swivels-btn-orange:hover,
body .entry-content a.swivels-btn-orange:hover,
body .wp-block-post-content a.swivels-btn-orange:hover,

body main a.button-orange:hover,
body .entry-content a.button-orange:hover,

body main a.btn-orange:hover,
body .entry-content a.btn-orange:hover,

body main a.swivels-engineered-cta:hover,
body .entry-content a.swivels-engineered-cta:hover {
  background-color: #ffffff !important;
  color: #be4e30 !important;
}


/* WHITE BUTTONS MUST HAVE ORANGE TEXT */

body main a.swivels-btn-outline,
body main a.swivels-btn-outline:visited,
body .entry-content a.swivels-btn-outline,
body .entry-content a.swivels-btn-outline:visited,
body .wp-block-post-content a.swivels-btn-outline,
body .wp-block-post-content a.swivels-btn-outline:visited,

body main a.button-white,
body main a.button-white:visited,
body .entry-content a.button-white,
body .entry-content a.button-white:visited,

body main a.btn-white,
body main a.btn-white:visited,
body .entry-content a.btn-white,
body .entry-content a.btn-white:visited {
  background-color: #ffffff !important;
  color: #be4e30 !important;
}


/* White button hover */

body main a.swivels-btn-outline:hover,
body .entry-content a.swivels-btn-outline:hover,
body .wp-block-post-content a.swivels-btn-outline:hover,

body main a.button-white:hover,
body .entry-content a.button-white:hover,

body main a.btn-white:hover,
body .entry-content a.btn-white:hover {
  background-color: #be4e30 !important;
  color: #ffffff !important;
}


/* =========================================================
   HERO BUTTONS
   Extra protection for homepage hero
   ========================================================= */


/* GET A QUOTE — orange button */

.swivels-hero a.swivels-btn-orange,
.swivels-hero a.swivels-btn-orange:link,
.swivels-hero a.swivels-btn-orange:visited,
.swivels-hero a.swivels-btn-orange:active,
.swivels-hero a.swivels-btn-orange:focus {
  background: #be4e30 !important;

  color: #ffffff !important;

  border: 2px solid #be4e30 !important;
}

.swivels-hero a.swivels-btn-orange:hover {
  background: #ffffff !important;

  color: #be4e30 !important;

  border-color: #ffffff !important;
}


/* EXPLORE CART SOLUTIONS — solid white */

.swivels-hero a.swivels-btn-outline,
.swivels-hero a.swivels-btn-outline:link,
.swivels-hero a.swivels-btn-outline:visited,
.swivels-hero a.swivels-btn-outline:active,
.swivels-hero a.swivels-btn-outline:focus {
  background: #ffffff !important;

  color: #be4e30 !important;

  border: 2px solid #ffffff !important;
}

.swivels-hero a.swivels-btn-outline:hover {
  background: #be4e30 !important;

  color: #ffffff !important;

  border-color: #ffffff !important;
}


/* =========================================================
   GENERIC BUTTON ELEMENTS
   ========================================================= */

button,
input[type="submit"],
input[type="button"] {
  background-color: #be4e30 !important;

  color: #ffffff !important;

  border: 2px solid #be4e30 !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #ffffff !important;

  color: #be4e30 !important;

  border-color: #be4e30 !important;
}


/* =========================================================
   HEADER NAVIGATION
   ALWAYS WHITE
   ========================================================= */

.header-container a,
.header-container a:visited,
.header-container a:active,
.header-container a:focus,

.nav-bar a,
.nav-bar a:visited,
.nav-bar a:active,
.nav-bar a:focus {
  color: #ffffff !important;
}

.header-container a:hover,
.nav-bar a:hover {
  color: #ffffff !important;
}


/* =========================================================
   HEADER GET A QUOTE
   White fill / Orange text
   ========================================================= */

.header-container .get-quote,
.header-container .get-quote:link,
.header-container .get-quote:visited,
.header-container .get-quote:active,
.header-container .get-quote:focus {
  background-color: #ffffff !important;

  color: #be4e30 !important;

  border: 2px solid #ffffff !important;

  text-decoration: none !important;
}

.header-container .get-quote:hover {
  background-color: #be4e30 !important;

  color: #ffffff !important;

  border-color: #ffffff !important;
}


/* =========================================================
   FOOTER LINKS
   ALWAYS WHITE
   ========================================================= */

footer a,
footer a:visited,
footer a:active,
footer a:focus,
footer a:hover {
  color: #ffffff !important;
}


/* =========================================================
   RESPONSIVE ENGINEERED SECTION
   ========================================================= */

@media (max-width: 980px) {

  .swivels-engineered-wrap {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .swivels-engineered-row {
    padding: 0 20px 42px;
  }

  .swivels-top-bar {
    margin: 0 -20px 34px;
  }
}


@media (max-width: 640px) {

  .swivels-top-bar {
    padding: 18px 16px;
  }

  .swivels-top-bar img {
    max-width: 180px;
  }

  .swivels-engineered-title {
    font-size: 36px;
  }

  .swivels-engineered-intro,
  .swivels-engineered-list li {
    font-size: 16px;
  }

  .swivels-engineered-card {
    padding: 18px;
    border-radius: 14px;
  }

  .swivels-engineered-cta {
    width: 100%;
    text-align: center;
  }
}


/* =========================================================
   BREADCRUMBS
   KEEP THIS SECTION AT THE VERY BOTTOM
   DO NOT CHANGE — CURRENT WHITE BREADCRUMBS
   ========================================================= */

[class*="breadcrumb"],
[id*="breadcrumb"],
[aria-label*="breadcrumb" i] {
  color: #ffffff !important;
}


/* Breadcrumb links */

[class*="breadcrumb"] a,
[class*="breadcrumb"] a:link,
[class*="breadcrumb"] a:visited,
[class*="breadcrumb"] a:active,
[class*="breadcrumb"] a:focus,
[class*="breadcrumb"] a:hover,

[id*="breadcrumb"] a,
[id*="breadcrumb"] a:link,
[id*="breadcrumb"] a:visited,
[id*="breadcrumb"] a:active,
[id*="breadcrumb"] a:focus,
[id*="breadcrumb"] a:hover,

[aria-label*="breadcrumb" i] a,
[aria-label*="breadcrumb" i] a:link,
[aria-label*="breadcrumb" i] a:visited,
[aria-label*="breadcrumb" i] a:active,
[aria-label*="breadcrumb" i] a:focus,
[aria-label*="breadcrumb" i] a:hover,

.breadcrumb a,
.breadcrumbs a,
.breadcrumb-trail a,

.rank-math-breadcrumb a,

nav.breadcrumb a,
nav.breadcrumbs a {
  color: #ffffff !important;

  text-decoration-color: #ffffff !important;
}


/* Breadcrumb text/current page */

[class*="breadcrumb"] span,
[class*="breadcrumb"] p,
[class*="breadcrumb"] li,

[id*="breadcrumb"] span,
[id*="breadcrumb"] p,
[id*="breadcrumb"] li,

[aria-label*="breadcrumb" i] span,
[aria-label*="breadcrumb" i] p,
[aria-label*="breadcrumb" i] li,

.breadcrumb .current,
.breadcrumbs .current,
.breadcrumb-trail .current,
.rank-math-breadcrumb .last {
  color: #ffffff !important;
}


/* Breadcrumb separators */

[class*="breadcrumb"] svg,
[id*="breadcrumb"] svg,
[aria-label*="breadcrumb" i] svg {
  color: #ffffff !important;

  fill: #ffffff !important;
  stroke: #ffffff !important;
}


/* Extra WordPress/theme breadcrumb protection */

body main [class*="breadcrumb"] a,
body .entry-content [class*="breadcrumb"] a,
body .wp-block-post-content [class*="breadcrumb"] a,
body .site-content [class*="breadcrumb"] a,
body .content-area [class*="breadcrumb"] a {
  color: #ffffff !important;
}


/* Common breadcrumb plugins/themes */

.kb-breadcrumbs a,
.kb-breadcrumbs a:visited,
.kb-breadcrumbs a:hover,

.ct-breadcrumbs a,
.ct-breadcrumbs a:visited,
.ct-breadcrumbs a:hover,

.ast-breadcrumbs a,
.ast-breadcrumbs a:visited,
.ast-breadcrumbs a:hover,

.rank-math-breadcrumb a,
.rank-math-breadcrumb a:visited,
.rank-math-breadcrumb a:hover {
  color: #ffffff !important;
}/* =========================================================
   FINAL BUTTON COLOR FIX
   KEEP THIS AT THE ABSOLUTE BOTTOM OF THE CSS
   ========================================================= */

/* ---------------------------------------------------------
   ORANGE BUTTONS
   Orange background = WHITE text
   --------------------------------------------------------- */

a.wp-block-button__link,
a.wp-element-button,
a.button,
a.btn,
a.swivels-btn,
a.swivels-engineered-cta,
button,
input[type="submit"],
input[type="button"] {
  text-decoration: none !important;
}


/* Standard orange buttons */

a.wp-block-button__link:not(.has-white-background-color),
a.wp-element-button:not(.has-white-background-color),
a.button-orange,
a.btn-orange,
a.swivels-btn-orange,
a.swivels-engineered-cta,

main a.wp-block-button__link:not(.has-white-background-color),
main a.wp-element-button:not(.has-white-background-color),

.entry-content a.wp-block-button__link:not(.has-white-background-color),
.entry-content a.wp-element-button:not(.has-white-background-color),

.wp-block-post-content a.wp-block-button__link:not(.has-white-background-color),
.wp-block-post-content a.wp-element-button:not(.has-white-background-color) {

  background-color: #be4e30 !important;
  color: #ffffff !important;

  border: 2px solid #be4e30 !important;
}


/* Every state of orange buttons */

a.wp-block-button__link:not(.has-white-background-color):link,
a.wp-block-button__link:not(.has-white-background-color):visited,
a.wp-block-button__link:not(.has-white-background-color):active,
a.wp-block-button__link:not(.has-white-background-color):focus,

a.wp-element-button:not(.has-white-background-color):link,
a.wp-element-button:not(.has-white-background-color):visited,
a.wp-element-button:not(.has-white-background-color):active,
a.wp-element-button:not(.has-white-background-color):focus,

a.button-orange:link,
a.button-orange:visited,
a.button-orange:active,
a.button-orange:focus,

a.btn-orange:link,
a.btn-orange:visited,
a.btn-orange:active,
a.btn-orange:focus,

a.swivels-btn-orange:link,
a.swivels-btn-orange:visited,
a.swivels-btn-orange:active,
a.swivels-btn-orange:focus,

a.swivels-engineered-cta:link,
a.swivels-engineered-cta:visited,
a.swivels-engineered-cta:active,
a.swivels-engineered-cta:focus {
  color: #ffffff !important;
}


/* Orange button hover:
   flip to WHITE background + ORANGE text */

a.wp-block-button__link:not(.has-white-background-color):hover,
a.wp-element-button:not(.has-white-background-color):hover,
a.button-orange:hover,
a.btn-orange:hover,
a.swivels-btn-orange:hover,
a.swivels-engineered-cta:hover,

main a.wp-block-button__link:not(.has-white-background-color):hover,
.entry-content a.wp-block-button__link:not(.has-white-background-color):hover,
.wp-block-post-content a.wp-block-button__link:not(.has-white-background-color):hover {

  background-color: #ffffff !important;
  color: #be4e30 !important;

  border-color: #be4e30 !important;
}


/* ---------------------------------------------------------
   WHITE BUTTONS
   White background = ORANGE text
   --------------------------------------------------------- */

a.button-white,
a.btn-white,
a.swivels-btn-outline,

.wp-block-button.is-style-outline a.wp-block-button__link,

a.wp-block-button__link.has-white-background-color,
a.wp-element-button.has-white-background-color {

  background-color: #ffffff !important;
  color: #be4e30 !important;

  border: 2px solid #be4e30 !important;
}


/* White button states */

a.button-white:link,
a.button-white:visited,
a.button-white:active,
a.button-white:focus,

a.btn-white:link,
a.btn-white:visited,
a.btn-white:active,
a.btn-white:focus,

a.swivels-btn-outline:link,
a.swivels-btn-outline:visited,
a.swivels-btn-outline:active,
a.swivels-btn-outline:focus,

.wp-block-button.is-style-outline a.wp-block-button__link:link,
.wp-block-button.is-style-outline a.wp-block-button__link:visited,
.wp-block-button.is-style-outline a.wp-block-button__link:active,
.wp-block-button.is-style-outline a.wp-block-button__link:focus,

a.wp-block-button__link.has-white-background-color:link,
a.wp-block-button__link.has-white-background-color:visited,
a.wp-block-button__link.has-white-background-color:active,
a.wp-block-button__link.has-white-background-color:focus {

  color: #be4e30 !important;
}


/* White button hover:
   flip to ORANGE background + WHITE text */

a.button-white:hover,
a.btn-white:hover,
a.swivels-btn-outline:hover,

.wp-block-button.is-style-outline a.wp-block-button__link:hover,

a.wp-block-button__link.has-white-background-color:hover,
a.wp-element-button.has-white-background-color:hover {

  background-color: #be4e30 !important;
  color: #ffffff !important;

  border-color: #be4e30 !important;
}


/* ---------------------------------------------------------
   EXTRA PROTECTION
   If WordPress puts spans inside a button, make the
   child text inherit the button color.
   --------------------------------------------------------- */

.wp-block-button__link *,
.wp-element-button *,
.button-orange *,
.button-white *,
.btn-orange *,
.btn-white *,
.swivels-btn *,
.swivels-engineered-cta * {
  color: inherit !important;
}


/* ---------------------------------------------------------
   BUTTONS THAT HAVE INLINE ORANGE BACKGROUNDS
   Force their link text white.
   --------------------------------------------------------- */

a[style*="background-color:#be4e30"],
a[style*="background-color: #be4e30"],
a[style*="background:#be4e30"],
a[style*="background: #be4e30"] {
  color: #ffffff !important;
}