/**
 * @file 
 * Subtheme specific CSS.
 */
 :root {
  --header-margin: 5px;
  --header-height: 70px;
  --header-area: calc(var(--header-height) + var(--header-margin) * 2);
  --hero-radius: 5px;
}
.libre-franklin-regular {
  font-family: "Libre Franklin", sans-serif; 
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.libre-franklin-black {
  font-family: "Libre Franklin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}
clear {
  clear: left;
}
#page {
  background-color: #e0ded9 !important;
  overflow: hidden;
}
/*.highlighted,
.featured-top,
.layout-main-wrapper,
.featured-bottom {
  background-color: #e0ded9 red !important;
}*/

 .desktop {
  display: none !important;
 }
 body {
  font-family: "Libre Franklin", sans-serif !important;
  font-weight: 400 !important;
  padding-top: 0;
  overflow-x: hidden;
  background-color:#e0ded9 !important;
 }
 /*
 header {
  z-index: 200;
  position: fixed;
  top: 0;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent; 
  overflow: hidden;
  width: 100%;
 }
 header.is-sticky {
  width: 100%;
  left: 0;
  right: 0;
}*/
header {
  z-index: 200;
  position: fixed;
  top: var(--header-margin);
  left: var(--header-margin);
  right: var(--header-margin);
  width: calc(100% - var(--header-margin) * 2);
  border-radius: var(--hero-radius);
  overflow: hidden;
}
header.is-sticky {
  top: var(--header-margin);
  left: var(--header-margin);
  right: var(--header-margin);
  width: calc(100% - var(--header-margin) * 2);
}
.title {
  display: none;
}
.inline {
  display: inline-block;
}

h1 {

}
h2 {
  font-weight: 900 !important;
  text-transform: uppercase;
  font-size: 24px !important;
}
h3 {
  font-size: 12px !important;
  text-transform: uppercase;
}
h4 {
  font-size: 16px !important;
  margin-bottom: 20px !important;
  text-transform: uppercase;
}
h5 {
  font-size: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
h6 {
  font-size: 10px !important;
}
p {
  font-size: 16px;
  margin-bottom: 8px;
  line-height: 1.4 !important;
}
.bold {
  font-weight: 700;
}
blockquote {
  color: #b36e33;
  font-size: 24px;
  font-style: italic;
  padding: 20px;
}
svg.ext {
  display: none;
/*  width: 16px;
  height: 16px;*/
}

.ajax-progress-fullscreen {
  display: none !important;
}
/* BUTTONS - BUTTONS - BUTTONS -BUTTONS -BUTTONS -BUTTONS -BUTTONS -BUTTONS -BUTTONS -BUTTONS -BUTTONS */
.btn {
  background-color: #b36e33 !important;
}
.btn-primary {
  color: #e0ded9 !important;
  background-color: #b36e33 !important;
  border: solid 2px #e0ded9 !important;
  border-color: #e0e0e0 !important;
  --bs-btn-bg: #b36e33 !important;
  --bs-btn-border-color: #b36e33 !important;
  --bs-btn-hover-bg: #b36e33 !important;
  --bs-btn-hover-border-color: #b36e33 !important;
  --bs-btn-active-bg: #b36e33 !important;
  --bs-btn-active-border-color: #b36e33 !important;
  --bs-btn-disabled-bg: #b36e33 !important;
  --bs-btn-disabled-border-color: #b36e33 !important;
    border-color: #e0e0e0 !important;

}
.btn-primary a {
  color: #e0ded9 !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  border: solid 2px #e0ded9;
  border-radius: 5px;
  padding: 15px 15px;
  background-color: #b36e33 !important;
  text-decoration: none !important;
  border-radius: 5px !important;
  padding: 10px 10px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  text-align: center !important;
}
.btn-primary:hover {
  background-color: transparent !important;
  color: #b36e33 !important;
  border-color: #b36e33 !important;
}


.contact-btn {
  text-decoration: none;
}
.contact-btn a {
  color: #e0ded9 !important;
  text-decoration: none;
  border: solid 2px #b36e33;
  background-color: #b36e33;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.contact-btn a:hover {
  background-color: transparent !important;
  color: #b36e33 !important;
  border-color: #b36e33 !important;
}
.highlight-btn {
  padding-top: 20px;
}
.highlight-btn a {
  color: #b36e33;
  text-decoration: none;
  border: solid 2px #b36e33;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.highlight-btn a:hover {
  background-color: #b36e33;
  color: #e0ded9;
}
.bord-btn {
padding: 0px;
}
.bord-btn a {
  color: #e0ded9 !important;
  text-decoration: none;
  background-color: transparent;
  border: solid 2px #e0ded9;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.bord-btn a:hover {
  border: solid 2px #e0ded9;
  color: #292929 !important;
  background-color: #e0ded9;
}
.bord-btn-k {
padding: 20px 0;
}
.bord-btn-k a {
  color: #292929;
  text-decoration: none;
  background-color: transparent;
  border: solid 2px #292929;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.bord-btn-k a:hover {
  border: solid 2px #292929;
  color: #e0ded9;
  background-color: #292929;
}
.brand-btn {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  border:#e0ded9 solid 2px;
  font-size: 8px;
  display: inline-block;
  color: #e0ded9 !important;
  text-decoration: none;
  text-wrap: balance;
  font-weight: 900;
  text-transform: uppercase;
}
.brand-btn:first-child {

}
.brand-btn:last-child {

}
.brand-btn a {

}
.brand-btn:hover {
  background-color: #b36e33 !important;
  color: #292929 !important;
}
.top-spacer-block {
  height: 100px !important;
}


/* FORMS */
.form-item-address-country,
.form-item-address-address,
.form-item-address-address-2,
.form-item-address-city,
.form-item-address-state-province,
.form-item-address-postal-code {
  padding-bottom: 20px;
}
.form-control,
.form-select {
  height: 30px;
  border-radius: 5px !important;
}
#owner-registration-form,
#request-quote-form,
#factory-tour-form,
#customer-service-form,
#key-connect-form {
  padding-right: 20px;
  padding-left: 20px;
}
.form-item-date-requested {
  display: flex;
  flex-direction: column;
}
#edit-product-lines-of-interest--wrapper .fieldset-wrapper {
  margin-left: auto;
  margin-right: auto;
}
#edit-product-lines-of-interest {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 10px;
}
#edit-product-lines-of-interest .form-check-label {
  font-size: 16px;
  padding-left: 7px;
  padding-top: 7px;
}
#edit-product-lines-of-interest .form-check-input {
  width: 1.5em;
  height: 1.5em;
}
#edit-product-lines-of-interest .checkbox {
  display: flex;
  align-items: center;
  height: 1.5em;
}

.fade-top {
  -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
  mask-image: linear-gradient(to top, black 80%, transparent 100%);
}
a:active,
.link:active {
  color: #b36e33 !important;
}




.border {
  padding: 10px;
}
#main-wrapper {
  background-color: #e0ded9 !important;
}
.featured-bottom {
  background-color: #e0ded9;
}




 /* MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU MAIN MENU */
/* Menu CSS is in another file */













/* HIGHLIGHTED - HIGHLIGHTED - HIGHLIGHTED - HIGHLIGHTED - HIGHLIGHTED - HIGHLIGHTED - HIGHLIGHTED */
/*.highlighted {
  padding: 5px;
  position: relative;
}
#keystone-homevideo,
#brand-video { 
  height: 790px;
  position: relative;
  overflow: hidden;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;;
  border-top: 5px solid #e0ded9;
  margin-top: 15px;
}
#keystone-homevideo video,
#brand-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
  #keystone-homevideo .top-cover-image > div,
  #brand-video .top-cover-image > div {
    padding: 0 !important;
    height: 1150vh;        
    overflow: hidden;
  }

  #keystone-homevideo .top-cover-image iframe,
  #brand-video .top-cover-image iframe {
    position: absolute;
    top: 55% !important;
    left: 50% !important;
    width: 100vw !important;
    height: 65vw !important;
    min-height: 100%;
    min-width: 177.78vh;
    transform: translate(-50%, -50%);
  }
    */
.highlighted {
  padding: 0;
  position: relative;
}
#keystone-homevideo .content,
#keystone-homevideo .field__item,
#brand-video .content,
#brand-video .content > div,
#brand-video .view,
#brand-video .view-content.row {
  height: 100%;
}

#keystone-homevideo .top-wrapper,
#brand-video .top-wrapper {
  position: relative;
  height: 100%;
  width: 100%;
}
#keystone-homevideo,
#brand-video {
  height: calc(var(--svh, 1svh) * 100);
  padding: var(--header-area) var(--header-margin) var(--header-margin) var(--header-margin);
  position: relative;
  width: 100%;
}
#keystone-homevideo .top-cover-image,
#brand-video .top-cover-image {
  height: 100%;
  width: 100%;
  border-radius: var(--hero-radius);
  overflow: hidden;
  position: relative;
}
#keystone-homevideo .top-cover-image iframe,
#brand-video .top-cover-image iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100vw !important;
  height: 56.25vw !important;
  min-height: 100% !important;
  min-width: 177.78vh !important;
  transform: translate(-50%, -50%) !important;
}
#keystone-homevideo .top-cover-image > div,
#brand-video .top-cover-image > div {
  padding: 0 !important;
  height: 100%; 
  overflow: hidden;
}
#keystone-homevideo video,
#brand-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
}
.path-frontpage #main-wrapper {
  display: none;
}
/*.top-wrapper {
  display: flex;
  align-items: center;
}*/
.top-text {
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 35px;
  color: #e0ded9;
background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 50%,
rgba(0, 0, 0, 0) 100%
);
}
.top-tagline {
  text-align: left;
}
.top-text h2 {
  font-size: 34px !important;
}
.bottom-tagline.phone {
  color: #e0ded9;
  font-size: 9px;
  border-top: 1px solid #e0ded9;
  z-index: 10;
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin-left: 35px;
  margin-right: 35px;
  padding-top: 15px;
}
.bottom-tagline.desktop {
  font-size: 9px;
  border-top: 1px solid #e0ded9;
  margin-top: 10px;
  padding-top: 14px;
}
.bottom-tagline .col-11 {
  text-align: left;
  display: inline-block;
}
.bottom-tagline .col-1 {
  text-align: right;
  display: inline-block;
}
.bottom-tagline svg {
  height: 11px;
  width: 9px;
}



/* THREE IMAGES -  THREE IMAGES - THREE IMAGES - THREE IMAGES - THREE IMAGES - THREE IMAGES - THREE IMAGES - THREE IMAGES - THREE IMAGES - THREE IMAGES -*/
.featured-top {
  display: flex;
}
.conty {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  overflow: hidden;
  justify-content: center;
  width: 100vw;
  /*margin-left: calc(50% - 50vw);*/
}
.three-card {
  flex: 0 0 80vw;
  width: 80vw;
  max-width: none;
  height: 600px;
  background: lightgray;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 5px;
}

.three-center {
  flex: 0 0 70vw;
  width: 70vw;
}
.three-center iframe {
  position: relative !important;
  min-width: 90vh;
}

.three-card img,
.three-card video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.three-card video {
  pointer-events: none;
}
#block-keystone-3tierblock {
  padding-bottom: 5px;
}









/* FAMILY BLOCK - FAMILY BLOCK - FAMILY BLOCK - FAMILY BLOCK - FAMILY BLOCK - FAMILY BLOCK - FAMILY BLOCK */
.featured-bottom {
  padding: 0 5px;
  overflow: hidden;
}
.region-featured-bottom-zero {
  position: relative;
}
.human-block {
  padding-bottom: 5px;
  position: relative;
  height: 650px;
}
.family-text {
  position: absolute;
  bottom: 58px;
  color: #e0ded9;
  margin: 0 30px;
  padding-right: 30px !important;
  padding-left: 30px !important;
  width: 95% !important;
}
.human-block .content {
  width: 100%;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.human-block img {
  width: 100%;
  height: 100%;
}


/* DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS - DIVISIONS*/
.divisions {
  background-color: #292929;
  position: relative;
  padding-right: 0 !important;
  padding-left: 0 !important;
  height:688px;
  color: #e0ded9;
}
.view-id-homepage .view-display-id-block_3 {
  width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.divisions .view-header {
  padding: 35px 40px;
}
.divisions .division-heading {
  align-items: center; 
}
.find-text h2 {
  margin-bottom: 0;
}

.divisions .view-content.row {
  width: 100%;
  height: 500px;
  margin-left: 0;
  margin-right: 0;
}
.divisions .view-content .slick{
  padding-left: 0;
  padding-right: 0;
}
.views-element-container.divisions .container-lg {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: 0;
  padding-right: 0;
}
.slick,
.slick__slider,
.slick-list,
.slick-track {
  height: 100%;
}

.slick-track {
  display: flex;
}

.slick__slide.slick-slide {
  height: 100%;
  position: relative;
}

.division-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.division-video iframe {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100vw !important;
  height: 56.25vw !important;   /* 100 * 9/16, keeps 16:9 ratio based on width */
  min-height: 150%;              /* ensures it never falls short of the div's height */
  min-width: 177.78vh;           /* 100 * 16/9, ensures it never falls short of the div's width */
  transform: translate(-50%, -50%);
  border: none;
}
.division-slide {
  position: relative;
  bottom: 190px;
  padding-left: 30px;
  padding-right: 30px;
}
.division-text h2 {
  font-size: 52px !important;
  line-height: .9;
  margin-bottom: 30px;
}


/* SLICK DOTS - SLICK DOTS - SLICK DOTS - SLICK DOTS - SLICK DOTS - SLICK DOTS - SLICK DOTS */
.divisions .slick .slick__arrow {
  padding-left: 20px;
  padding-right: 20px;
}
.slick-dots li {
  display: inline-block;
  width: 5px;
  height: 5px;
  border: solid 1px #e0ded9;
  background-color: #e0ded9;
  text-indent: -9999px;
  margin: 5px 10px;
}
.slick-dots li.slick-active {
  border:solid 1px #b36e33;
  background-color:#292929;
}
.slick-arrow {
  width: 50px;
  height: 50px;
  border: none;
  background-color: #b36e33;
  margin: 20px 5px;
  font-size: 0;
}
.slick-arrow:hover {
  border: solid 1px white;
}
.slick-prev::after {
  font-family: FontAwesome;
  content: "\f060";
  color: #e0ded9;
  font-size: 15px;  
}
.slick-prev:hover::after {
    color: white;
}
.slick-next::after {
  font-family: FontAwesome;
  content: "\f061";
  color: #e0ded9;
  font-size: 15px;  
}
.slick-next:hover::after {
    color: white;
}
.slick-disabled {
  pointer-events: none;
  width: 50px;
  height: 50px;
  border: none;
  background-color: #202020;
  margin: 20px 5px;
  font-size: 0;
}
.slick-prev a span,
.slick-next a span {
  position: absolute;
  left: -9999px;
}
.slick-dots {
  float: right;
  width: 60%;
  padding-top: 50px;
  padding-left: 10px;
}






/* REAL OWNERS - REAL OWNERS - REAL OWNERS - REAL OWNERS - REAL OWNERS - REAL OWNERS - REAL OWNERS - REAL OWNERS*/
.owners-highlight {
  padding: 5px;
  padding-bottom: 20px;
}
.owners-highlight img {
  width: 100%;
}
.owners-text {
  padding-top: 25px;
  padding-right: 20px;
  padding-left: 20px;
}
.owners-image img {
  border-radius: 5px;
}
.real-owners {
  padding-right: 0 !important;
  padding-left: 0 !important;
}





/* LOWER ROTATOR - LOWER ROTATOR - LOWER ROTATOR - LOWER ROTATOR - LOWER ROTATOR - LOWER ROTATOR - LOWER ROTATOR */
.blog-highlights {
  position: relative;
  padding-top: 10px;
  padding-bottom: 110px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.blog-highlights .division-head {
  color: #97958f;
}
.additional-sub-brand-footer-slider .view-content {
  width: 100%;
  height: 550px;
  margin-left: 0;
  margin-right: 0;
}
#block-keystone-views-block-sub-brand-block-17 {
  padding-top: 50px;
}
.additional-sub-brand-footer-slider h2 {
  padding-left:20px;
}
.front-blog-img,
.sub-brand-blog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  border-radius: 5px;
}
.sup-top {
  position: relative;
  height: 175px;
}
.sup-top-image {
  width: 100vw;
  height: 100%;
  border-radius: 5px;
  overflow: hidden;
}
.sup-top-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.blog-highlights .view-content.row {
width: 100%;
height: 500px;
margin-left: 0px;
margin-right: 0px;
}
.r
.additional-sub-brand-footer-slider .sub-brand-blog-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 90vh;
  border-radius: 5px;
}
.additional-sub-brand-footer-slider .slick-slide {
  border-radius: 5px;
  overflow: hidden;
}

.front-blog-img img,
.additional-sub-brand-footer-slider .sub-brand-blog-img img,
.sub-brand-blog-img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.additional-sub-brand-footer-slider .slick__arrow,
.blog-highlights .slick__arrow,
.solar-highlight .slick__arrow,
.proven-stories-slider .slick__arrow {
  padding-left: 20px;
  padding-right: 20px;
}
.blog-highlights .views-form,
.blog-highlights .views-form form,
.blog-highlights .slick,
.blog-highlights .slick__slider,
.blog-highlights .slick-list,
.blog-highlights .slick-track,
.blog-highlights .slick__slide.slick-slide,
.sub-brand-footer-slider .slick__slide.slick-slide {
  height: 100%;
  border-radius: 5px;
}
.sub-brand-blog-blocking {
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  position: absolute;
  bottom: 0;
  padding: 30px;
  font-size: 12px;
  color: #e0ded9;
/*  -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
  mask-image: linear-gradient(to top, black 80%, transparent 100%);*/
  max-width: 450px;
  padding-bottom: 60px;
}
.additional-sub-brand-footer-slider .slick-arrow,
.blog-highlights .slick-arrow,
.solar-highlight .slick-arrow,
.proven-stories-slider .slick-arrow {
  background-color: #ceccc7;
}
.additional-sub-brand-footer-slider .slick-disabled,
.blog-highlights .slick-disabled,
.solar-highlight .slick-disabled,
.proven-stories-slider .slick-disabled {
  background-color: #dad8d2;
}
.additional-sub-brand-footer-slider .slick-dots li.slick-active,
.blog-highlights .slick-dots li.slick-active,
.solar-highlight .slick-dots li.slick-active,
.proven-stories-slider .slick-dots li.slick-active{
  background-color: #94928c;
}
.additional-sub-brand-footer-slider .slick-dots li,
.blog-highlights .slick-dots li,
.solar-highlight .slick-dots li,
.proven-stories-slider .slick-dots li {
  border: solid 1px #94928c;
  background-color: #e0ded9;
}
.additional-sub-brand-footer-slider .slick-next::after,
.additional-sub-brand-footer-slider .slick-prev::after,
.blog-highlights .slick-next::after,
.blog-highlights .slick-prev::after,
.solar-highlight .slick-next::after,
.solar-highlight .slick-prev::after,
.proven-stories-slider .slick-next::after,
.proven-stories-slider .slick-prev::after {
  color: #94928c;
}



.front-blog-text,
.sub-brand-blog-text {
  z-index: 10;
  position: absolute;
  bottom: 60px;
  padding: 0 30px;
  color: #e0ded9;
  max-width: 450px;
}
.sup-top-cover-text {
  z-index: 10;
  position: absolute;
  bottom: 60px;
  color: #e0ded9;
}
.sub-brand-blog-text .bord-btn,
.front-blog-text .bord-btn,
.sub-brand-blog-text .bord-btn,
.sup-top-cover-text .bord-btn {
  padding-top: 1rem;
}




/* MORE TO EXPLORE - MORE TO EXPLORE - MORE TO EXPLORE - MORE TO EXPLORE - MORE TO EXPLORE - MORE TO EXPLORE - MORE TO EXPLORE */

.explore {
  position: relative;
}
.ex1,
.ex2,
.ex3 {
  margin-bottom: 5px;
}
 .explore-image a img { 
  width: 100%;
  height: auto;
  border-radius: 5px;
 }
.cover-text,
.sup-top-cover-text {
  position: absolute;
  z-index: 10;
  bottom: 20px;
}
.cover-text a,
.sup-top-cover-text a {
  text-decoration: none;
  text-transform: uppercase;
  color: #e0ded9;
  font-weight: 900;
}
.line {
  border-bottom: 2px solid #e0ded9;
  margin-left: 30px;
  margin-right: 30px;
  position: relative;
}
.arrow {
  margin-bottom: 3px;
}
.arrow a::after {
  background-size: cover;
  font-family: FontAwesome;
  content: "\f061";
  color: #e0ded9;
  font-size: 14px;  
  position: absolute;
  right: 0;
}
.lower-links,
.owners-links {
  display: block;
}
.explore-image:hover ~ .cover-text a,
.cover-text a:hover,
.arrow:hover a::after,
.explore-image:hover ~ .cover-text .arw a::after {
  color: #b36e33;
}
.cover-text:has(.col-8 a:hover) .col-3 a::after,
.explore-image:hover ~ .cover-text .arrow a::after {
 color: #b36e33;
}
.headline {
  text-align: center;
  padding-bottom: 20px;
}
/*.lower-support-topics .slick__slide .col-12 {
  display: inline-flex;
}*/





/* JOIN THE STONE - JOIN THE STONE - JOIN THE STONE - JOIN THE STONE - JOIN THE STONE - JOIN THE STONE - JOIN THE STONE - JOIN THE STONE */
.region-featured-bottom-fourth {
  position: relative;
}
.newsletter {
  position: relative;
  height: 500px;
}
.join-text {
  color: #e0ded9;
  padding: 0 !important ;
  position: absolute;
  bottom: 50px;
  left: 45px;
}
.join-image img {
  border-radius: 5px;
  width: 100%;
}
.join-image.phone {
  height: 500px;
  border-radius: 5px;
  overflow: hidden;
}
.newsletter-form .form-control {
  font-size: 12px;
  background-color:#e0ded9;
  height: 100%;
}
.newsletter-form .form-item-email-address {
  flex: 1; 
  margin-bottom: 0 !important;
}



.newsletter-form #edit-container {
  display: flex;
  align-items: stretch;
  background-color: #e0ded9;
  border-radius: 6px;
  overflow: hidden;
  border: none;
  margin-left: 0 !important;
}

.newsletter-form .form-item-email-address {
  flex: 1;
  margin-bottom: 0 !important;
}

.newsletter-form #edit-email-address {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 0;
  background-color: transparent;
  padding: 0 15px;
}

.newsletter-form #edit-actions {
  margin-bottom: 0 !important;
  flex: 0 0 auto;
  margin-left: 0;
}

.newsletter-form .btn-primary {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #292929 !important;
  background-color: #e0ded9  !important;
  border: solid 2px #292929 !important;
  border-radius: 5px !important;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
  margin: 2px;
}

.newsletter-form #edit-actions:hover .btn-primary{
  color: #b36e33 !important;
  background-color: #e0ded9 !important;
  border: solid 2px #b36e33 !important;
}

.newsletter-form .btn-primary::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;   /* arrow now inherits the text color, including on hover */
  -webkit-mask-image: url(/sites/default/files/images/arrow-right-short-lg.svg);
  mask-image: url(/sites/default/files/images/arrow-right-short-lg.svg);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}





/* FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER FOOTER */
.site-footer__top .region {
  width: 26.5%;
}
.site-footer {
  background-color: transparent !important;
  padding-top: 20px;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.site-footer .content  {
  color: #222;
}
.privacy-menu {
  font-size: 12px;
}
.site-footer .nav-link {
  color: #222;
}
.site-footer .nav-link:hover,
.site-footer .nav-link:focus,
.site-footer .nav-link:target {
  color: #b36e33;
}
.footer-logo {
  height: 250px;
  text-align: left;
}
.footer-logo img {
  height: 250px;
  width: auto;
}
.footer-title {
  font-weight: bolder;
  text-transform: uppercase;
}
.region-footer-first {

}
.region-footer-second {
  
}
.region-footer-third {
  
}
.region-footer-fourth {
  
}
.site-footer .block {
  padding: 2px 0;
}
.social-icon {
  padding-right: 32px;
  display: inline-block;
}
.social-icon img {
  width: 18px;
  height: 18px;
}
.site-footer__top {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.site-footer__top .region {
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
}
.site-footer__top ul.nav {
  display: block;
}
.site-footer__top .footer-accordion-toggle {
  border-bottom: 1px solid #cbcbc7 !important;
  padding-bottom: 5px !important;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.site-footer__top li.footer-title {
  list-style: none;
  margin: 0;
}
.site-footer__top .footer-accordion-toggle {
  background: none;
  border: 0;
  padding: 5px 0;
  text-decoration: none;
  box-shadow: none;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
font-size: 12px;
}
.site-footer__top .footer-accordion-toggle:focus {
  outline: none;
  box-shadow: none;
}
.site-footer__top .footer-accordion-toggle[aria-expanded="false"] .footer-accordion-icon::before {
  content: "+";
  color: #292929; 
  font-size: 20px;
  line-height: 1;
  font-weight: 100;
}
.site-footer__top .footer-accordion-toggle[aria-expanded="true"] .footer-accordion-icon::before {
  content: "−";
}
.site-footer__top .footer-accordion-collapse > .nav-item {
  list-style: none;
  font-size: 10px;
}
.site-footer__top .footer-accordion-collapse > .nav-item > .nav-link {
  padding-left: 0;
  padding-right: 0;
}
.footer-accordion-collapse {
  padding-bottom: 10px;
  padding-left: 10px;
}




.copyright-foot {
  text-align: left;
  padding-bottom: 50px !important;
}
.privacy-menu {
  display: inline-block;
}
.privacy-menu li {
  display: inline-block;
  text-align: center;
}
.site-footer__bottom .block {
  margin: 0;
}
.site-footer__bottom .region {
  margin-top: 0;
}
.site-footer .content {
  font-size: 12px;
}
.site-footer ul {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.site-footer .nav-link {
  padding: 5px 0;
  height: 30px;
}

#block-keystone-socialmediablock {
  margin: 5px 0 10px;
}
.site-footer__bottom .content {
  padding: 0;
}
.site-footer__bottom p {
  margin-bottom: 0;
  font-size: 8px;
}
.site-footer__bottom {
  text-align: center;
  position: relative;

}
.site-footer__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 15px;   /* matches your padding/margin amount */
  right: 15px;
  border-top: 1px solid #292929;
}
.region-footer-fifth {
  padding-top: 5px;
}
.copyright-foot {
  text-align: center; /* was: left */
  padding-bottom: 20px !important;
}






/*SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE*/
/*SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE*/
/*SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE*/
/*SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE*/
/*SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE SUB-BRAND PAGE*/
/*TOP VIDEO TOP*/
.sub-container {
  font-size: 18px;
  padding-left: 25px !important;
  padding-right: 25px !important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.sub-container h3 {
  
}
.sub-container .row {
  margin: 0;
}

.keyfeat {
  padding-top: 20px;
  color: #b36e33;
  font-size: 16px;
  max-width: 70%;
}
/*.keyfeat h6 {
  margin: 0;
  padding: 0;
}*/
.keyfeat li {
  text-wrap: balance;
  line-height: 1.4;
  padding-bottom: 10px;
}
.top-brand-image {
  position: relative;
  overflow: hidden;
  height: 100vh;
}
.brand-vid-top-text {
  z-index: 5;
  position: absolute;
  color: #e0ded9;
  text-align: center;
  top: 0;
}
.top-brand-image iframe {
  top: 50% !important;
  left: 50% !important;
  height: 100%;
  width: 177.78vh !important;   /* 100 * (16/9), assumes container height ≈ 100vh */
  transform: translate(-50%, -50%);
  border: none;
}
.brand-vid-top-text {
  z-index: 10;
  position: absolute;
  /*top: 50%;*/
  left: 0;
  right: 0;
  transform: translateY(-50%);
  padding: 35px;
  color: #e0ded9;
/*background: linear-gradient(
0deg,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.5) 50%,
rgba(0, 0, 0, 0) 100%
);*/
}
/*
.top-cover-image {

}
.top-brand-image {

}.top-brand-image .vp-center {
  display: block;
}
.top-brand-image .player {
  height: 100% !important;
  max-width: 100% !important;
}
  */

.brand-top-text {
  z-index: 5;
  position: relative;
  color: #e0ded9;
  text-align: center;
}
.brand-logo {
  top: 100px;
  position: relative;
}
.brand-log img {
  height: 24px;
  width: auto;
}
.brand-tag {
  padding: 0 10px;
  top: 130px;
  position: relative;
  font-size: 34px;
  font-weight: 900;
  text-transform: uppercase;
  line-height: normal;
  text-align: left;
}
.firstlast {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.firstlast .contact-btn {
  text-align: right;
}

.button-row {
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.brand-bottom-specs {
  z-index: 5;
  position: absolute;
  color: #e0ded9;
  bottom: 40px;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 30px;
  box-sizing: border-box;
}
.brand-bottom-specs .container-lg {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.brand-bottom-specs .bord-btn,
.brand-bottom-specs .contact-btn {
  width: 40%;
}
.grid-row {
  border-bottom: 1px solid #e0ded9;
}
.grid-row .col-6 {
  display: inline-block;
  width: 49%;
  padding-right: 15px;
}
.grid-row .col-6:nth-child(2) {
  padding-right: 0;
  padding-left: 15px;
}
.grid-title {
  text-align: left;
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.grid-text {
  text-align: right;
  display: inline-block;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 10px;
  margin-top: 10px;
  text-wrap: balance;
}
.grid-1 .grid-title {
  width: 33%;
}
.grid-1 .grid-text {
  width: 63%;
}
.grid-2 .grid-title,
.grid-2 .grid-text {
  width: 48%;
}
.grid-3 .grid-title,
.grid-3 .grid-text {
  width: 48%;
}
.grid-4 .grid-title {
  width: 58%;
}
.grid-4 .grid-text {
  width: 39%;
}
.brand-bottom-specs a {
  color: transparent;
}
.firstlast .bord-btn a,
.firstlast .contact-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
.brand-contact {
  background-color: #b36e33;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  border:#b36e33 solid 2px;
  font-size: 14px;
  font-weight: 700;
  margin-left: 15px;
  display: inline-block;
}
a .brand-contact {
  text-decoration: none;
  color: #e0ded9;
  text-wrap: balance;
}

.brand-contact:hover {
  background-color: rgba(0, 0, 0, 0.9);
  border:#b36e33 solid 2px;
}
#sub-brand-filters .edition-row .filter-block--edition{
  display: none;
}



/* SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER SPINNER */

/* 360° badge overlay — inside custom-360-viewer so it scales with it */

.cloudimage-360-view-360-circle {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  color: #e0ded9;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
  z-index: 10;
}

/* Fade out while rotating — triggered by is-dragging set by the rotator JS */
.custom-360-viewer.is-dragging .cloudimage-360-view-360-circle {
  opacity: 0;
}

.view-spinny .views-exposed-form {
  display: none;
}
.view-spinny .row>* {
  
}


.custom-360 {
  background: #010101;
  color: #e0ded9;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 5px;
  overflow: hidden;
  height: 100%;
}
.custom-360-viewer {
  touch-action: pan-y;
  cursor: grab;
  position: relative;
  /*display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;*/
}
.custom-360-viewer-wrap {
    position: relative;
    -webkit-mask-image: linear-gradient(to bottom, #17100e 80%, transparent 100%);
    mask-image: linear-gradient(to bottom, #17100e 80%, transparent 100%);
}
.custom-360-viewer.is-dragging {
  cursor: grabbing;
}

.custom-360-schemes {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  flex-wrap: wrap;
  text-align: center;
  padding-bottom: 50px;

  justify-content: center;   /* centers horizontally */
  align-items: center;       /* keeps them aligned vertically */
}
.custom-360-schemes h6 {
  margin-top: 10px;
}
.custom-360-image {
  /*width: 120%;*/
  width: 100%;
}
.custom-360-scheme-link {
  display: inline-flex;
  border-radius: 5px;
  padding: 4px;
  text-decoration: none;
  line-height: 0;
  border: 2px solid transparent;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.custom-360-scheme-item {
  width: 10%;
}
.custom-360-scheme-link:hover {
  border-color: #bbb;
}

.custom-360-scheme-link.is-active {
  border-color: #e0ded9;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.18);
}

.custom-360-scheme-thumb {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
  pointer-events: none;
}
.custom-360-features {
  text-align: center;
}
.fade-top {
    -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%);
    mask-image: linear-gradient(to top, black 80%, transparent 100%);
    background: black;
    margin-top: -20px;
    height: 100px;
}
.custom-360-footer {
  color: #e0ded9;
  border-radius:0 0 10px 10px;
  background-color:#b36e33;
}
.custom-360-footer .btn{
    border-radius: 5px;
    padding: 10px;
    text-align: center;
  border: white solid 2px;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
}









/* FLOORPLAN SEARCH - FLOORPLAN SEARCH - FLOORPLAN SEARCH - FLOORPLAN SEARCH - FLOORPLAN SEARCH - FLOORPLAN SEARCH - FLOORPLAN SEARCH - FLOORPLAN SEARCH */
.sub-brand-filters {
  /*padding-left: 30px !important;
  padding-right: 30px !important;*/
}
.floorplan-filters {
  float: left;
}
.fpcard-divider {
  display: flex;
  background: #b36e33;
  color: white;
  text-transform: uppercase;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 170px;
  align-items: center;
  border-top: 40px solid #e0ded9;
  border-bottom: 40px solid #e0ded9;
}
.fpcard-divider__heading {
  text-align: center;
  width: 100%;
  font-size: 32px;
  font-weight: 700;
}
.fprow {
  padding: 15px 0px !important;
  position: relative;
  float: left;
  border-radius: 5px;
  overflow: hidden;
}
.fpcard {
  border-radius: 5px;
  overflow: hidden;
}
.fphead {
  background-color: black;
  color: #e0ded9;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 15px;   
}
.fphead a {
  color: #e0ded9;
  text-decoration: none;
}
.fphead a:hover {
  color: #b36e33;
}
.fpname {
  padding-left: 20px;
}
.fpname h2 {
  margin-bottom: 0;
}
.fpbtn {
  padding-right: 20px;
}
.fpbtn a {
  color: #e0ded9 !important;
  text-decoration: none;
  border: solid 2px #b36e33;
  background-color: #b36e33;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.fpbtn a:hover {
  background-color: transparent !important;
  color: #b36e33 !important;
  border-color: #b36e33 !important;
}




.fpcard__body {
  background: white;
  height: 100%;
}
.fpdraw {
  margin: 0 20px;
  padding: 30px 0;
  border-bottom: 1px solid #cdcbc7;
}
.fpdraw img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
.fpdraw:hover img {
  transform: scale(1.03);
}
.fpmeasure {
  margin: 0 20px;
  padding: 15px 0;
  border-bottom: 1px solid #cdcbc7;
  font-size: 16px;
  line-height: 1.8;
}
.tabbed {
  display: inline-block;
}
.fpfeat {
  margin: 0 20px;
  padding: 15px 0;
  line-height: 2;
  border-bottom: 1px solid #cdcbc7;
  font-size: 16px;
}
.fpfeat .col-6 {
  display: inline-block;
  width: 49%;
}
.fpmeasure .col-3,
.fpmeasure .col-9 {
  display: inline-block;
}
.fpbtns {
  margin: 0 20px;
  padding: 20px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
.fpbtns a.btn,
.fpbtns .btn {
  width: 28%;
  color: #292929 !important;
  text-decoration: none;
  border: solid 2px #292929;
  background-color: transparent !important;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.fpbtns a.btn:hover,
.fpbtns .btn:hover {
  border: solid 2px #b36e33 !important;
  color:#b36e33 !important;
  background-color: transparent !important;
}

.fpbtns a:nth-child(4) {
  margin: 0 0 0 10px;
}
.fpbtns a.srch {
  background-color: transparent;
  font-size: 0;
  border: none;
}
.fpbtns a.srch::after {
  content: "";
  display: inline-block;
  background-image: url(/sites/default/files/images/searchg.svg);
  width: 24px;
  height: 24px;
  background-size: cover;
}
.fpbtns a.srch:hover::after {
  background-image: url(/sites/default/files/images/search.svg);
}

.pagination {
  padding-left: 20px !important;
}
.view-sub-brand .pagination .page-item .page-link {
  color: #b36e33;
}
.view-sub-brand .pagination .page-item.active .page-link {
  color: #e0ded9;
  background-color: #b36e33;
}

.inter-iors {
  background: #292929;
  color: #e0ded9;
  padding-top: 50px;
  position: relative;
  padding-bottom: 10px;
}
.inter-iors .content {
  padding-top: 50px;
}
.inter-iors h2 {
  text-align: center;
  margin-bottom: 0;
}
.inter-iors img {
  width: 100%;
  height: auto;
}
.inter-iors .fprow {
  padding: 0 !important;
}
.decor {
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.deco-title {
  position: absolute;
  bottom:30px;
  left: 30px;
  color: #e0ded9;
}
.deco-title h2 {
  padding-left: 0;
}
.deco-image {
  border-radius: 5px;
  overflow: hidden;
}
#views-exposed-form-sub-brand-block-8 .form-actions {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  /*#e0ded9-space: nowrap;*/
}
.sub-brand-footer-slider h2 {
  padding-left: 20px;
  padding-right: 20px;
}
.sub-brand-blog-img {
  border-radius: 5px;
  overflow: hidden;
}
/*.sub-brand-blog-text {
  padding: 20px 20px 0;
}*/
.sub-brand-blog-text h2 {
  padding-left: 0;
}
.sub-brand-footer-slider .slick__arrow {
  padding-left: 15px;
}
.additional-sub-brand-footer-slider .slick--view--sub-brand-block-block-17 {
  padding-left: 0;
  padding-right: 0;
}



/* ── 360 Modal ───────────────────────────────────────────── */
.kn-360-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.kn-360-modal.is-open {
  display: block;
}
.kn-360-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.kn-360-modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  height: 80vh;
  background: #000;
}
.kn-360-modal__close {
  position: absolute;
  top: -2rem;
  right: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  line-height: 1;
  z-index: 1;
}
.kn-360-modal__content {
  width: 100%;
  height: 100%;
}
.kn-360-modal__content iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.btn--disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.btn-360--disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}
/* PAGER */
.pagination,
.pagination .page-link {
  color: #b36e33 !important;
}
.page-item.active .page-link {
  color: #e0ded9 !important;
  background-color: #b36e33 !important;
  border-color: #b36e33 !important;
}

/* ── Info Modal (Learn More) ─────────────────────────────── */
.kn-info-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.kn-info-modal.is-open {
  display: block;
}
.kn-info-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.kn-info-modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 500px;
  background: #fff;
  padding: 2rem;
}
.kn-info-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
}
.kn-info-modal__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding-right: 2rem;
}
.kn-info-modal__body {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Learn More trigger button */
.kn-info-modal-trigger {
  background: transparent;
  border: none;
  color: #b36e33;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0;
  margin-left: 0.5rem;
  text-decoration: underline;
}
.kn-info-modal-trigger:hover {
  color: #8a5228;
}




/* FILTER VIEW ORDER - */
.region-featured-bottom-first {
  display: flex;
  flex-direction: column;
}

.block-views-blocksub-brand-block-8 {
  order: 2;
  width: 100%;
}

/* FILTERS - FILTERS - FILTERS - FILTERS - FILTERS - FILTERS - FILTERS */
.filter-block {
  border-bottom: 1px solid #cdcbc7;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 15px;
}
.edition-row {
  padding-right: 12px;
}
.sb-edition-row,
.floorplan-filters-top {
  padding-right: 0 !important;
}
/* ── Segment, Year toggle buttons ────────────────────────────────────────── */

.form-check-inline {
  margin-right: 0 !important;
}
#edit-field-edition-reference-value.form-check,
#edit-field-segment-value .form-check,
#edit-field-segment-check .form-check,
#edit-field-year-value .form-check,
#edit-field-region-value .form-check,
#edit-dealer-stock .form-check {
  padding-left: 0 !important;
  /*border: 3px solid white;*/
  margin-bottom: 0 !important;
}

#edit-field-segment-check .form-check:first-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#edit-field-segment-check .form-check:nth-child(2){
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#edit-field-segment-check .form-check:nth-child(3){
  border-radius: 5px;
}


#edit-field-edition-reference-value.form-check-input,
#edit-field-segment-value .form-check-input,
#edit-field-segment-check .form-check-input,
#edit-field-year-value .form-check-input,
#edit-field-region-value .form-check-input,
#edit-dealer-stock .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-check-label {
  font-size: 14px;
}
#edit-field-edition-reference-value.form-check-label ,
#edit-field-segment-value .form-check-label,
#edit-field-segment-check .form-check-label,
#edit-field-year-value .form-check-label,
#edit-field-region-value .form-check-label,
#edit-dealer-stock .form-check-label,
#edit-sub-brand-filter {
  display: inline-block;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  background-color: white;
  color: black;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px;
  font-size: 12px;
}
#edit-field-edition-reference-value .form-check-input:checked + .form-check-label,
#edit-field-edition-reference-value .form-check-inline:checked + .form-check-label
#edit-field-segment-value .form-check-input:checked + .form-check-label,
#edit-field-segment-check .form-check-input:checked + .form-check-label,
#edit-field-year-value .form-check-input:checked + .form-check-label,
#edit-field-region-value .form-check-input:checked + .form-check-label,
#edit-dealer-stock .form-check-input:checked + .form-check-label {
  background: #b36e33;
  color: #fff;
  border-color: transparent;
  border-radius: 5px;
}
#edit-field-edition-reference-value .form-check-label:hover,
#edit-field-segment-value .form-check-label:hover,
#edit-field-segment-check .form-check-label:hover,
#edit-field-year-value .form-check-label:hover,
#edit-field-region-value .form-check-label:hover,
#edit-dealer-stock .form-check-label:hover {
  border-color: #b36e33;
}
#edit-field-edition-reference-value .form-check-input:focus + .form-check-label,
#edit-field-segment-value .form-check-input:focus + .form-check-label,
#edit-field-segment-check .form-check-input:focus + .form-check-label,
#edit-field-year-value .form-check-input:focus + .form-check-label,
#edit-field-region-value .form-check-input:focus + .form-check-label,
#edit-dealer-stock .form-check-input:focus + .form-check-label {
  outline: 2px solid #5b9dd9;
  outline-offset: 2px;
}

/* ── Dealer Stock + Region radio buttons ─────────────────────────────────── */
#edit-dealer-stock .form-check,
#edit-field-region-value .form-check {
  padding-left: 0 !important;
}
#edit-dealer-stock .form-check-input,
#edit-field-region-value .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
#edit-field-edition-reference-value{
  justify-content: end;
}
#sub-brand-filters {
  padding-top: 50px;
}
.floorplan-filters-sidebar .form-check{
  display: inline-block;
  padding-left: 40px;
}
#edit-field-edition-reference-value .form-check {
  display: block;
}
#edit-field-year-value,
#edit-dealer-stock,
#edit-field-segment-value,
#edit-field-region-value {
  text-align: right;
}
.filter-block--edition h3,
.filter-block--segment h3,
.filter-block--status h3,
.filter-block--year h3,
.filter-block--region h3,
.adv-filters h3,
.filter-block--sub-brand h3 {
  float: left;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}
.adv-slider__values--single {
  display: flex;
  justify-content: flex-end;
  font-size: 12px;
}
.whitebox {
  /*background-color: white;*/
  width: fit-content;
  border-radius: 5px;
  overflow: hidden;
  margin-left: auto;
}
.floorplan-filters-sidebar .mb-3 {
  margin-bottom: 0 !important;
}
.adv-filters__reset-wrap {
  padding-top: 15px;
  padding-bottom: 15px;
}
.adv-filters__reset {
  width: fit-content;
  float: right;
  border-radius: 5px;
  overflow: hidden;
  margin-left: auto;
  color: #292929;
  border: #292929 solid 2px;
  background: transparent;
  font-size: 12px;
}
.adv-filters__reset:hover {
  color: #b36e33;
  border: #b36e33 solid 2px;
}
.adv-checkboxes,
.adv-slider__values--single,
.adv-slider {
  margin-left: auto;
  width: 230px;
}
.adv-group__toggle {
  width: 100%;
  background: transparent;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #cdcbc7;
  padding: 10px 0;
  font-weight: 700;
}
.adv-group {
  padding: 0 20px;
  font-size: 12px;
}
.adv-group__icon {
  float: right;
}
.adv-group button {
  color: black;
}
.adv-field {
  height: 60px;
  border-bottom: 1px solid #cdcbc7;
  display: flex;
  align-items: center;
}
.adv-text-input {
  background-color: white !important;
  width: 50% !important;
  margin-left: auto;
  font-size: 12px !important;
}
.adv-field__label {
  padding: 10px 0;
}
#adv-garage .form-check,
#adv-axles .form-check,
#adv-bathrooms .form-check,
#adv-lpg .form-check {
  margin-left: 10px;
}
.adv-filters__toggle {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 50%;
  float: left;
  color: black;
}

.adv-filters__toggle h3 {
  margin: 0;
  display: inline;
}

.adv-filters__icon {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
}




/* SLIDER */
.adv-slider__input--single::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 28px;
  height: 28px;
  cursor: pointer;
  pointer-events: all;
  background-image: url(/sites/default/files/images/sliderico.svg);
  background-size: cover;
  content: "";
}
.adv-slider__input--single::-moz-range-thumb {
  width: 28px;
  height: 28px;
  cursor: pointer;
  pointer-events: all;
  background-image: url(/sites/default/files/images/sliderico.svg);
  background-size: cover;
  content: "";
}
.adv-slider--single .adv-slider__input--single {
  position: relative;
  pointer-events: all;
  -webkit-appearance: none;
  appearance: none;
  height: 6px;
  width: 100%;
}


#edit-field-segment-value .form-check-input:checked + .form-check-label {
  background: #b36e33 !important;
  color: #fff !important;
/*  border-color: #e0ded9 !important;*/
}
.floorplan-edition-bar {
    width: 100%;
    padding-left: 30px !important;
    padding-right: 30px !important;
}
.adv-field--yesno .form-check {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e0ded9;
  padding: 0.4rem 0;
  width: 100%;
}
.adv-field--yesno .form-check-label {
  order: 1;
  margin-right: auto;
}
.adv-field--yesno .adv-cb {
  order: 2;
  position: relative;
  opacity: 1;
  pointer-events: auto;
  margin-left: 1rem;
}
.form-check-input:disabled + .form-check-label {
  cursor: default;
  pointer-events: none;
}








.form-check-input[type=checkbox] {
  margin-left: auto;
  right: 0;
}















/* FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE */
/* FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE */
/* FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE - FLOORPLAN PAGE */
.block-views-blockfloorplan-model-block-1 {
  padding-top: 90px;
}
.view-id-floorplan_model .row>* {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.floorplan-spacer-block {
  height: 70px;
}
.specspc {
  display: none !important;
}
.block-views-blockfloorplan-model-block-1 {
  padding-left: 30px;
  padding-right: 30px;
  width: auto;
}
.block-views-blockfloorplan-model-block-1 a {
  text-decoration: none;
}
.block-views-blockfloorplan-model-block-4 {
  padding-top: 30px;
  width: auto;
  padding-left: 25px;
  padding-right: 25px;
}
.floorplan-top-wrapper {

}
.floorplan-top-text {
  color: black;
  border-bottom: 1px solid #cdcbc7;
  padding-bottom: 20px;
}
.floorplan-title {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.floorplan-title h2 {
  margin-bottom: 0;
}
.floorplan-title h5 {
  font-size: 10px !important;
}
.floorplan-back {
  padding-bottom: 20px;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
}
.floorplan-back a {
  text-decoration: none;
  color: black;
}
.floorplan-back a::before {
  font-family: FontAwesome;
  content: "\f060";
  font-size: 12px;
  padding-right: 5px;
}
.floorplan-back a:hover,
.floorplan-back a:hover::before{
  color: #b36e33;
}
.floorplan-top-btns {
  color: black;
  border-bottom: 1px solid #cdcbc7;
  padding-bottom: 10px;
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
}
.floorplan-top-btns .d-flex {
  flex-direction: row;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
.brand-contact-too {
  width: auto;
  justify-content: space-between;
  display: flex;
  font-size: 8px;
  margin-left: auto;
  padding: 8px;
}
.brand-btn-too {
  width: auto;
  background-color: transparent !important;
  border: black solid 2px;
  color: black !important;
  justify-content: space-between;
  display: flex;
  font-size: 8px;
  margin-right: auto;
}
.floorplandraw {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.floorplandraw img {
  width: 100%;
  height: auto;
}
.floorplan-icons {
    border-bottom: 1px solid #cdcbc7;
    font-size: 28px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px;
}
.floorplan-icons a {
  color: black;
}
.floorplan-icons a:hover,
.zoom-icon:hover {
  color: #b36e33;
}
.download-title,
.zoom-icon {
  font-size: 16px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.download-title i,
.zoom-icon i {
  padding-bottom: 1px;
  font-size: 14px;
}
/* Full-screen modal */
.floorplan-modal .modal-content {
  background: rgba(0, 0, 0, 0.92);
}

.floorplan-modal .modal-header {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
}

.floorplan-modal__image-wrap {
  max-width: 95vw;
  max-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Make sure the image inside the modal scales properly */
.floorplan-modal__image-wrap img {
  max-width: 100%;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Also constrain the thumbnail image inside the card */
.floorplan-wrapper img {
  display: block;
  max-width: 100%;
}
.view-floorplan-model .bynder-wrapper {
  height: auto;
}









.specph {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cdcbc7;
}
/* ── Wrapper ─────────────────────────────────────────────────────────────────── */
.specs-accordion {
  border-radius: 5px;
  background: white;
  overflow: hidden;
}
/* ── Toggle button ───────────────────────────────────────────────────────────── */
.specs-toggle {
  width: 100%;
  text-decoration: none !important;
  text-transform: uppercase;
  text-align: left !important;
  display: flex !important;
  justify-content: space-between;
  cursor: pointer;
  transition: color 0.22s ease, background 0.22s ease, border-color 0.22s ease;
}
.specs-toggle:hover,
.specs-toggle:focus {
  text-decoration: none;
  color: black;
  background: rgba(0, 0, 0, 0.03);
  outline: none;
  box-shadow: none;
}
.specs-accordion .btn {
  background-color: white !important;
}
/* When panel is open, Bootstrap removes .collapsed — show divider */
.specs-toggle:not(.collapsed) {
  border-bottom-color: var(--bs-border-color, #dee2e6);
  color: var(--bs-primary, #0d6efd);
}
.accordion-button:not(.collapsed) {
  background-color: transparent !important;
  border-bottom: 1px solid #cdcbc7;
}


/* ── Label text ──────────────────────────────────────────────────────────────── */
.specs-toggle__label {
  text-align: left;
  color: #b36e33;
  font-weight: 700;
  flex: 1;
}

/* ── Caret icon ──────────────────────────────────────────────────────────────── */
.specs-toggle__caret {
  display: flex;
  align-items: center;
  color: black;
  margin-left: 0.5rem;
  transition: transform 0.22s ease;
}

.specs-toggle__caret svg {
  display: block;
}

/* Rotate 180° when open (Bootstrap adds .collapsed when closed) */
.specs-toggle:not(.collapsed) .specs-toggle__caret {
  transform: rotate(180deg);
}

/* ── Collapsible panel ───────────────────────────────────────────────────────── */
.specs-panel__inner {
  padding: 0.25rem 0 0.5rem;
}

/* ── Definition list ─────────────────────────────────────────────────────────── */
.specs-list {
  margin: 0;
  padding: 0;
}

.specs-list__row {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  padding: 0.45rem 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.045);
  gap: 0.15rem;
}

.specs-list__row:last-child {
  border-bottom: none;
}

/* Zebra stripe */
.specs-list__row:nth-child(even) {
  background: rgba(0, 0, 0, 0.025);
}

.specs-list__term {
  flex: none;
  max-width: 100%;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--bs-secondary, #6c757d);
  word-break: break-word;
}

.specs-list__def {
  flex: 1;
  margin: 0;
  font-size: 0.9rem;
  color: var(--bs-body-color, #212529);
  word-break: break-word;
  text-align: right;
}
.specs-list__def p:last-child {
  margin-bottom: 0;
}
.fpmatterport {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.fpmatterport h2,
.block-views-blockspinny-block-4 h2 {
  padding-bottom: 30px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
}
.fpmatterport iframe {
  height: 480px;
}
.accordion {
  --bs-accordion-bg: transparent !important;
}
.accordion-item {
  border-bottom: 1px solid #cdcbc7 !important;
}
.accordion-button {
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 16px !important;
}
.fp-standards-options .accordion-button::after {
  content: "+";
  color: #292929; 
  font-size: 20px;
  line-height: 1;
  font-weight: 100;
  background-image: none;
  transition: none;
}
.fp-standards-options .accordion-button:not(.collapsed)::after {
  content: "−";
  background-image: none;
  transition: none;
  transform: none;
}
.fp-standards-options .accordion-body {
  padding-left: 0;
}
.fp-standards-options li {
  font-size: 16px;
  text-wrap: balance;
  line-height: 1.4;
  padding-bottom: 10px;
}
.fp-standards-options li:hover a {
  color: #292929;
}
 .accordion-item:last-of-type,
 .accordion-item:last-of-type>.accordion-collapse {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
 .accordion-button:not(.collapsed) {
  padding-right: 20px;
  padding-left: 20px;
  transition: opacity 0.3s ease;
}
 .accordion-button:focus {
  box-shadow: none;
}
 .accordion-body {
  font-size: 12px;
  line-height: 2;
}
.floorplancya {
  padding-left: 25px;
  padding-right: 25px;
  width: auto;
  font-size: 10px;
  padding-top: 20px;
}
.floorplancya p {
  font-size: 8px;
}
.floorplan-sub-features .fprow {
  padding: 10px !important;
}
.floorplan-sub-features img {
  border-radius: 5px;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.floorplan-sub-features .views-field-body {
  background-color: transparet;
}

.feature-text {
  padding: 15px 20px 0 20px;
}
.feature-text p, 
.feature-text h5 {
  font-size: 12px !important;
}

.stdopttxt {
  display: flex;
  font-size: 12px;
  font-weight: 700;
  border-bottom: 1px solid #cdcbc7;
  padding-top: 10px;
}
.std {
  font-weight: 700;
}
.opt {
  font-weight: 700;
  color: #b36e33;
}

/* ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS */
/* ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS */
/* ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS - ALL FLOORPLANS */
.filter-all-label {
  font-weight: 600;
  display: inline-block;
  background: #b36e33;
  color: #fff;
  border-color: transparent;
  border-radius: 5px;
  padding: 5px;
  text-transform: uppercase;
  font-size: 14px;
}
#edit-sub-brand-filter {
  width: 150px !important;
}
.fp16-layout-wrapper {
  display: flex;
  flex-direction: column;
}

.block-views-exposed-filter-blocksub-brand-block-16 {
  order: 1;
  width: 100%;
}

.block-views-blocksub-brand-block-16 {
  order: 2;
  width: 100%;
  padding-bottom: 50px;
}
/*.body-block-container-lg {
  padding-top: 70px;
}
  */

/* SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS */
/* SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS */
/* SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS - SHOWS & EVENTS */
.event-wrap {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.block-views-blockbasic-page-block-3 .container-lg {
  padding-left: 0 !important;
  padding-right: 0 !important;
}




/* OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT */
/* OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT */
/* OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT */
.basic-block {
  position: relative;
}
.basic-block img {
  width: 100%;
}
.owner-search {
  position: absolute;
  z-index: 5;
  top: 150px;
  color: #e0ded9;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.owner-search #search-block-form {
    max-width: 100%;
    border-bottom: 1px solid #e0ded9;
    padding-bottom: 10px;
    display: block;
    margin-right: 20px;
}
.owner-search .container-inline {
  width: 100%;
}
.owner-search .form-wrapper {
  background-color: transparent;
  z-index: 5;
  position: absolute;
  right: 60px;
}
.owner-search .js-form-type-search {
  width: 100%;
  z-index: 2;
  position: relative;
}
.owners-faq-top {
  z-index: 5;
  position: absolute;
  top: 270px;
  padding: 20px !important;
  color: #e0e0e0;
}
.owners-faq-top a {
  color: #e0ded9;
  font-size: 16px;
}
.owners-faq-top a:hover {
  color: #b36e33;
}
.owners-faq-top p {
  margin-bottom: 7px;
}
.faq-reg {
  position: absolute;
  z-index: 5;
  left: 25px;
  bottom: 70px;
}
.faq-reg .brand-btn {
  font-size: 12px;
}
.owners-register {
  width: 100%;
}
.owners-register p {
  margin-bottom: 0;
}
.owners-register a {
  color: #e0ded9;
  text-decoration: none;
}
.owners-register a:hover {
  color: black;
}


.owners-support-container {
  position: relative;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.owners-support-container .accordion {
  padding-left: 0 !important;
  padding-right: 0 !important;
}





.support-side-block {
  padding-top: 30px;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.support-side-block a {
  color: #b36e33;
  font-weight: 700;
  font-size: 20px;
  line-height: 2.5;
}
.support-side-block a:hover {
  color: black;
}
.support-dropdown-block {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.support-dropdown-block h2 {
  padding-left:10px;
  padding-right: 10px;
}
.support-dropdown-block h2:has(.accordion-button:not(.collapsed)) {
  
}
.accordion-button:not(.collapsed) {
  color: black !important;
}

/* Submit button */
.search-block-form input[type="submit"],
.search-block-form button[type="submit"] {
  background-color: transparent !important;
  background-image: url(/sites/default/files/images/search.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  font-size: 0 !important;
  color: transparent !important;
  flex-shrink: 0;
  display: inline-block !important;
  vertical-align: middle;
}
 
.search-block-form input[type="submit"]:hover,
.search-block-form button[type="submit"]:hover {
  background-image: url(/sites/default/files/images/searchg.svg) !important;
  background-color: transparent !important;
}
.view-owners-support {
  padding-top: 20px;
}
.view-owners-support .view-content.row {
  margin-left: 0;
  margin-right: 0;
}
.view-owners-support .view-content.row>* {
  padding-left: 7px;
  padding-right: 7px;
}
.om-divisions {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 10px;
}
.om-divtext h2 {
  font-size: 18px;
}
.om-divisions .views-field-field-division-image-wide {
    width: 33%;
    height: 100%;
    display: flex;
}
.om-divisions .views-field-field-division-image-wide img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.om-divisions .views-field-nothing {
  flex: 1;
  background: white;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 25px 15px 40px 15px;
}
.org-btn {
  padding-top: 25px;
  padding-bottom: 10px;
}
.org-btn a {
  color: #b36e33;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
  border: solid 3px #b36e33;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
}
.org-btn:hover {

}
.org-btn a:hover {
  color: black;
  border: solid 3px black;
}
.chat-div .org-btn a {
  padding-left: 20px;
  padding-right: 20px;;
}

.lower-support-topics h2 {
  padding-left: 25px;
  padding-right: 25px;
}
.lower-support-topics .view-owners-support {
  padding-top: 0;
}
.lower-support-topics .slick__slide {
  height: auto;
  position: relative;
}
.lower-support-topics .views-field-field-division-image-wide {

}
.lower-support-topics .views-field-field-division-image-wide img {
  height: auto;
}
.lower-support-topics .views-field-nothing {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  width: 100%;
  padding-right: 30px;
}
.lower-support-topics .views-field-nothing a {
  text-decoration: none;
  text-transform: uppercase;
  color: #e0ded9;
  font-weight: 900;
}
/* Hover on image changes link color */
.lower-support-topics .views-field-nothing a:hover,
.lower-support-topics .views-field-field-division-image-wide:hover ~ .views-field-nothing a,
.lower-support-topics .views-field-nothing a:hover {
  color: #b36e33;
}

/* Hover on image changes arrow */
.lower-support-topics .views-field-field-division-image-wide:hover ~ .views-field-nothing .arw a::after,
.lower-support-topics .views-field-nothing:has(.col-8 a:hover) .col-3 a::after {
  background-image: url(/sites/default/files/images/arrow-right-short-o.svg);
}

/* Chat Boxes */
.top-contact {
  color: #e0ded9;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 12px;
}
.chat-block {
  background: #292929;
  color: #e0ded9;
  padding-top: 50px;
  position: relative;
  padding-bottom: 50px;
}
.chat-div {
  border-radius: 5px;
  background: #e0ded9;
  color: black;
  padding: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
}
.chat-btn {
  
}
.chat-btn a {
  font-size: 12px;
  padding: 10px 40px;
}
.chat-left {
  border-top: solid 1px #cdcbc7;
  border-bottom: solid 1px #cdcbc7;
  font-size: 12px;
}
.chat-phone {
  font-size: 12px;
  border-bottom: solid 1px #cdcbc7;
}
.chat-phone a,
.chat-email a,
.chat-div a {
  font-size: 12px;
  color: #b36e33;
  text-transform: uppercase;
}
.chat-div .righty {
  margin-left: 20px; 
}
.chat-phone a:hover,
.chat-email a:hover {
  color: black;
}
.chat-btn-too {

}
.proven-body figure {
  text-align: center;
} 
.proven-body figure img {
  max-width: 100%;
} 



.owner-search #search-block-form {

}
.owner-search #edit-actions {
  margin-bottom: 0 !important;
}






















/* PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE */
.enlarge h2 {
  font-size: 40px !important;
}
.proven-block {
  padding-top: 50px;
}
.proven-block .views-row {
  padding-bottom: 70px;
}
.stories-r .views-field-title,
.stories-r .views-field-created{
  padding-left: 15px;
  padding-right: 15px;
}
.proven-block .views-field-field-banner-image-phone-thumb {
  height: 250px;
}
.proven-block .views-field-field-banner-image-phone-thumb img{
  height: 250px;
  width: auto;
}
.block-system-main-block .field--type-text-with-summary {
  
}
.page-link {
  padding: 8.5px !important;
}


/* PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL */
.proven-header {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.proven-header img {
  width: 100%;
  height: auto;
}
.proven-head-text {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #b36e33;
  width: 75%;
}
.proven-head-title {
  font-size: 52px;
  color: #cdcbc7;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  padding-bottom: 10px;
}
.proven-head-date,
.proven-head-read {
  display: inline-block;
  padding-right: 20px;
  font-size: 14px;
}
.proven-body {
  padding:40px 40px 0 40px !important;
}
.yt-vid,
.yt-vid iframe {
  height: 450px;
  position: relative;
}
.proven-body a{
  color: #b36e33;
  font-weight: 700;
}
.proven-body a:hover {
  color: black;
}
/* PROVEN STORIES MORE TO EXPLORE -PROVEN STORIES MORE TO EXPLORE -PROVEN STORIES MORE TO EXPLORE */
.more-explore-too h2 {
  text-align: center;
  padding-bottom: 20px;
}
.view-proven-stories .views-field-field-banner-image-phone-thumb {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;  
  margin-bottom: 20px;
}
.view-proven-stories .views-field-field-banner-image-phone-thumb img {

}
.view-proven-stories .slick-slide {
  height: auto;
}
.more-title {
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 10px;
}
.more-title a {
  color: black;
  text-decoration: none;
  font-size: 24px;
}
.more-title a:hover {
  color:#b36e33;
}
.more-date {
font-size: 20px;
}
.more-explore-too .slick-dots {
  width: 70%;
}




/* WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY */
/*.warranty-dl .chat-btn {
  display: inline-block;
  border: 2px solid #007bff;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #f8f9fa;
  color: #007bff;
  text-decoration: none; 
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;  
}*/
.warranty-dl .org-btn {
  text-align: center;
}
.warranty-dl .line1,
.warranty-dl .line2 {
  display: block;
}
.warblock .accordion-body ,
.warblock .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}
#my-block-accordion-4 a {
  color: #b36e33;
  text-transform: uppercase;
}
.warblock {
  padding-left: 30px !important;
  padding-right: 30px !important;
}







/* TRAILBLAZERS LIST - TRAILBLAZERS LIST - TRAILBLAZERS LIST - TRAILBLAZERS LIST - TRAILBLAZERS LIST - TRAILBLAZERS LIST - TRAILBLAZERS LIST - TRAILBLAZERS LIST */
.trail-banner {
  position: relative;
  overflow: hidden;
  margin-top: 80px;
}
.trail-banner img {
  width: auto;
  height: 100%;
}
.trail-cont,
.trail-headtxt {
  color: #cdcbc7;
  height: 1px;
  font-size: 12px;
}
.trail-headtxt-too {
  position: absolute;
  z-index: 5;
  max-width: 400px;
  top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.trailblazers {

}
.trailblazers img {
  width: auto;
  /*height: 200px;*/
}
.trailblazers .phone {
  overflow: hidden;
}
.trail-head-cont {
  font-size: 16px;
}
.trail-title {

}
.trail-sub {
  font-size: 12px;
  max-width: 275px;
}
.trail-body {

}
.trail-link {

}
.trail-row {
  position: relative;
  height: 200px;
}
.trail-row .views-field-field-banner-image-phone-thumb {
  border: solid 5px #cdcbc7;
}
.trail-row .views-field-nothing {
  position: absolute;
   z-index: 5;
   color:#cdcbc7;
   padding: 30px;
}
.block-system-main-block:has(~ .trailblazers) {
  display: none !important;
}
.trail-row .org-btn a{
  padding: 15px
}
.trail-row .org-btn a:hover {
  border: solid 2px #cdcbc7;
  color: #cdcbc7;
}
.proven-stories-text {
  padding-left: 30px;
  padding-right: 30px;
}

/* SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX */
.solarflex-header,
.owners-top-block {
  border-radius: 5px;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 80px;
}
.solarflex-header .phone img,
.owners-top-block .phone img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.solarflex-header .trail-headtxt-too,
.owners-top-block .trail-headtxt-too {
  top: 110px;
  left: 10px;
  font-size: 12px;
}
.solarflex-vid {
  margin-bottom: 50px;
}
.solarflex-vid, .solarflex-vid  iframe {
  width: 100%;
  height: 315px;
}
.solarflex-ready {
  color: #d67f43;
}
.protect-220 {
  color: #7e9e82;
}
.discovery-440i {
  color: #e2af10;
}
.outlast-660i-l {
  color: #cc5656;
}
.explore-magnum-880i,
.magnum-880i {
  color: #dccfc7;
}
.outlast-extreme-1320i-l {
  color: #576378;
}
.discover-chill {
  color: #70aec4;
}
.discover-protect {
  color: #c9a476;
}

.solar-row {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.solarflex-thumbs {
  margin-bottom: 5px;
}
.solarflex-thumbs .views-field-nothing {
  margin: 5px 0 0 0;
  border-radius: 5px;
  overflow: hidden;
  background-color: white;
}
.solar-block {
  width: 60%;
  display: inline-block;
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  padding-left: 20px;
}
.sol-cont {

}
.sol-cont h2 {
  font-size: 16px !important;
}
.sol-thumb-block {
  width: 40%;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sol-ph-thumb {

}
.sol-ph-thumb img,
.sol-logo img {
  width: 100%;
  height: auto;
}
.sol-logo {
  max-width: 75%;
  top: 10px;
  left: 12.5%;
  position: absolute;
  z-index: 5;
}
.sol-tag {
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  width: 85%;
  left: 7.5%;
  bottom: 10px;
  position: absolute;
  z-index: 5;
  font-weight: 700;
}
.sol-bar-text {
  position: absolute;
  bottom: 0;
  color: #e0ded9;
  margin: 0 50px;
  padding-bottom: 50px;
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.sol-bar-text img {
    margin-top: 30px;
    margin-right: 10px;
    display: inline-block;
    height: 30px;
    width: auto;
}



.solar-component-wrap {
  margin: 10px;
  background: #efeeeb;
  border-radius: 5px;
  overflow: hidden;
}
.solar-component {
  /*position: absolute;*/
  z-index: 5;
  padding: 20px;
  width: 100%;
  position: relative;
  height: auto;
  min-height: unset;
}
.comp-title {
  float: left;
}
.comp-logo {
  overflow: hidden;
  padding-left: 15px;
}
.comp-logo img {
  width: auto;
  height: 30px;
}
.comp-body {
  padding-top: 40px;
}
.comp-included {

}
.comp-pack {

}
.comp-spec {

}
.comp-spec a {
  color: #b36e33;
  font-weight: 700;
  font-size: 20px;
  line-height: 2.5;
}
.comp-spec a:hover {
  color: black;
}
.comp-link {

}
.com-background {

}
.com-background img {
  width: 100%;
  height: auto;
}
.solar-highlight {
  padding-bottom: 50px;
  padding-right: 5px;
  padding-left: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.solar-highlight .slick-slide {
  height: 800px
}
.solar-highlight .views-field-field-banner-image-phone,
.solar-highlight .views-field-field-banner-image-phone .phone,
.solar-highlight .views-field-field-banner-image-phone .phone img {
  height: 100%;
  width: auto;
}
.solar-highlight .family-text img {
  margin-top: 30px;
  margin-right: 10px;
  display: inline-block;
  height: 30px;
  width: auto;
}



/* FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS */
.factory-banner {
  border-radius: 5px;
  overflow: hidden;
}
.factory-banner img {
  width: 100%;
  height: auto;
}
.tour-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.tour-right {
  
}
.tour-left {

}

.view-basic-page .views-field-body {
  padding-left: 20px;
  padding-right: 20px;
}
#factory-tour-form .form-item-text-messages,
#factory-tour-form .form-item-newsletter-signup,
#factory-tour-form .form-actions {
  width: 100%;
  padding-top: 10px;
}



/* FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS */
.first {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.shopy a,
.first h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
}
.dual-col a {
  color: #b36e33;
  font-weight: 700;
}
.dual-col a:hover {
  color: black;
}
.dual-col p {

}
.firsty {
  border-bottom: solid 1px #cdcbc7;
  padding: 30px 0 0 0 !important;
}
.firsty-too {
  padding: 30px 0 !important;
}
.shopy {
  position: relative;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.shopy img {
  width: 100%;
  height: auto;
}
.shopy a {
  color: white;
  font-size: 20px;
}
.shopy a:hover {
  color: #b36e33;
}
.shopy img:hover {
  transform: scale(1.03);
}
.shopy div {
  overflow: hidden;
}
.shopy h4 {
  position: absolute;
  bottom: 10px;
  left: 20px;
}







/* PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS */

#se-app * {
  box-sizing: border-box; 
  margin: 0; 
  padding: 0;
}
#se-app {
  margin: 0 auto;
  padding: 0 4px;
}
#se-app a {
  color: #b36e33;
}
#se-app .se-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 3px solid #b36e33;
}
#se-app .se-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #1a2a3a;
}
#se-app .se-title span { 
  color: #b36e33; 
}
#se-app .se-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
#se-app .se-swrap { 
  position: relative; 
}
#se-app .se-swrap svg {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #999;
}
#se-app #se-q {
  padding: 8px 10px 8px 32px;
  border: 1.5px solid #cdd5df;
  border-radius: 6px;
  font-size: 0.875rem;
  width: 400px;
  outline: none;
  background: #f8fafc;
}
#se-app #se-q:focus {
  border-color: #b36e33;
  background: #fff;
}
#se-app select.se-dd {
  padding: 8px 26px 8px 10px;
  border: 1.5px solid #cdd5df;
  border-radius: 6px;
  font-size: 0.875rem;
  -webkit-appearance: none;
  cursor: pointer;
  min-width: 180px;
}
#se-app select.se-dd:focus {
  border-color: #b36e33;
  background-color: #fff;
}
#se-app .se-reset {
  padding: 8px 14px;
  background: #b36e33;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}
#se-app .se-reset:hover { 
  background: #96591f; 
}
#se-reset-btn {
  color: #b36e33;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px !important;
  border: solid 3px #b36e33;
  border-radius: 5px;
  font-size: 14px;
}
#se-app .se-wrap {
  overflow-x: auto;
  border-radius: 8px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.09);
  border: 1px solid #e2e8f0;
  margin-top: 4px;
}
#se-app table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
#se-app thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  background: #d9b79a;
  color: black;
}
#se-app thead th:hover { background: #b36e33; color: #fff; }
#se-app thead th .si {
  margin-left: 4px;
  font-size: 0.7rem;
  opacity: 0.7;
}
#se-app thead th.sa .si::after { content: "▲"; opacity: 1; }
#se-app thead th.sd .si::after { content: "▼"; opacity: 1; }
#se-app thead th:not(.sa):not(.sd) .si::after { content: "⇅"; }
#se-app tbody tr {
  border-bottom: 1px solid #e8edf3;
  background: #dad8d2;
}
#se-app tbody tr:nth-child(even) { 
  background: #e9e7e2; 
}
#se-app tbody tr:hover { 
  background: rgba(179, 111, 53, 0.7); 
}
#se-app tbody td {
  padding: 11px 16px;
  vertical-align: middle;
}
#se-app .se-empty {
  text-align: center;
  padding: 40px 20px;
  color: #888;
  font-style: italic;
}
#se-app .se-loading {
  text-align: center;
  padding: 50px 20px;
  color: #666;
}
#se-app .se-spin {
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 3px solid #ddd;
  border-top-color: #b36e33;
  border-radius: 50%;
  animation: sespin 0.8s linear infinite;
  margin-bottom: 8px;
}
@keyframes sespin { to { transform: rotate(360deg); } }
#se-app .se-error {
  background: #fff4f4;
  border: 1px solid #f5a0a0;
  border-radius: 8px;
  padding: 16px 20px;
  color: #c0392b;
  font-size: 0.875rem;
  line-height: 1.6;
}
#se-app .se-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 0.8rem;
  color: #888;
  flex-wrap: wrap;
  gap: 4px;
}
#se-app .se-foot strong { color: #1a2a3a; }
@media (max-width: 600px) {
  #se-app .se-controls { flex-direction: column; align-items: stretch; }
  #se-app #se-q,
  #se-app select.se-dd,
  #se-app .se-reset    { width: 100%; }
  #se-reset-btn { width: 100%; }
}
#se-ts {
  display: none;
}



/* KEYSTONE APP - */
.mykeystone-header .trail-headtxt-too {
    top: 100px;
    padding: 10px;
}
.mykeystone-header img {
  width: 100%;
  height: auto;
}
.app-wrap {

}
.apple,
.google {
  width: 120px;
  padding-bottom: 10px;
}


.apple:hover img,
.google:hover img {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}





/* BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE */
.basecamp-block {

}
.basecamp-block a {
  text-decoration: none;
  color: white;
}
.basecamp-block a:hover {
  color: #b36e33;
}
.basecamp-block a:hover img {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}
.basecamp-block img {
  width: 100%;
  height: auto;
}
.base-row {
  padding: 10px;
  position: relative;
}
.base-img {
  overflow: hidden;
  border-radius: 5px;
}
.base-wrap {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.base-title {

}
.base-sub {

}



/* OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE */
.owners-cubes {
padding-bottom: 50px;
}

.owners-cubes h2 {
  font-size: 17px;
}
.owners-cubes .arw a::after {
  width: 35px;
  height: 25px;
}
.owners-cubes .explore {
  padding: 5px 0;
}
.owners-cubes .explore-image {
  border-radius: 5px;
  overflow: hidden;
}
.col-2.inline {
  border-bottom: 2px solid #e0ded9;
}
.owners-cubes .phone {
  height: 200px;
}
.owners-cubes .phone img {
  width: auto;
  height: 100%;
}
.owners-cubes .cover-text {
  bottom: 40px;
}
.owners-search {
  padding: 0 40px 20px 40px !important;
}
.owners-search .form-wrapper {
  position: absolute;
  background-color: transparent;
}
.owners-search .content.container-inline .content.container-inline,
.owners-search .form-type-search {
  width: 100%;
}
.owners-search .form-control {
  padding-left: 40px;
}
.owners-search #edit-submit {
  background-size: 16px 16px !important;
}
.owners-callout {
  padding: 20px 40px 0 40px !important;
  font-size: 12px;
}
.owners-manuals {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 50px;
}
.owners-manuals #edit-field-year-value {
  text-align: left;
  padding: 10px 20px;
}
.owners-link a {
  color: #b36e33;
  font-weight: 700;
  line-height: 2;
}
.owners-link a:hover {
  color: black;
}
.owners-manuals .js-form-type-select {
  width: 100%;
}
/*
.owners-manuals .js-form-type-textfield {
  width: 50%;
}
.owners-manuals .js-form-submit {
  font-size: 12px;
  color: #b36e33;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 20px;
  border: solid 3px #b36e33;
  border-radius: 5px;
  background: transparent;
  margin-left: 10px;
}
.owners-manuals .js-form-submit:hover,
.owners-manuals .js-form-submit:active {
  color: black !important;
  border: solid 3px black;
  border-color: black !important;
  background: transparent !important;
  background-color: transparent !important;
}
  */
.owners-manuals .view-filters {
  padding-bottom: 30px;
}







/* SHOWS AND EVENTS - */
.eventblock {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.eventblock .eventtxt {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.eventblock .eventtxt h4 {
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.eventblock .eventimg img {
  width: 100%;
  height: auto;
}


.pad30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}












/* ══════════════════════════════════════════════════════════════════════════════
   SPINNER 
   ══════════════════════════════════════════════════════════════════════════════ */

.view-spinny .views-exposed-form { display: none; }

/* ── Wrapper ── */
.custom-360 {
  background: #000;
  color: #e0ded9;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* ── Hero image ── */
.custom-360-hero-wrap {
  position: relative;
  width: 100%;
  -webkit-mask-image: linear-gradient(to bottom, #17100e 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, #17100e 80%, transparent 100%);
}
.custom-360-hero-image {
  width: 100%;
  height: auto;
  display: block;
}

/* ── Button bar — mobile: two rows ── */
.custom-360-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 12px;
  background: #000;
  gap: 0;
  row-gap: 8px;
  flex: 0 0 auto;
  margin-top: auto;
  justify-content: center;
  padding-bottom: 10px;
}

/* Row 1: 360 + Interior side by side, each ~50% */
.custom-360-bar-section--view,
.custom-360-bar-section--interior {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
}

/* Row 2: schemes full width */
.custom-360-bar-section--schemes {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  overflow-x: auto;
  padding-top: 8px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.custom-360-bar-section--schemes::-webkit-scrollbar { display: none; }

/* No dividers on mobile */
.custom-360-bar-section + .custom-360-bar-section {
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
.custom-360-bar-section + .custom-360-bar-section--schemes {
border-left: none;
padding-left: 0;
margin-left: 0;
text-align: center;
display: flex;
justify-content: center;
gap: 10px;
background-color: #74706f;
padding: 8px 20px;
}
/* Divider only between 360 and Interior on mobile */
.custom-360-bar-section--interior {
  
}

/* ── Action buttons — mobile ── */
.custom-360-btn {
  color: #e0ded9 !important;
  text-decoration: none;
  background-color: transparent;
  border: solid 2px #e0ded9;
  border-radius: 5px;
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 10px;
}
.custom-360-btn:hover {
  border: solid 2px #e0ded9;
  color: #292929 !important;
  background-color: #e0ded9;
}
.custom-360-btn--interior {
  border-color: #e0ded9;
  color: #e0ded9;
  font-size: 8px;
  padding: 11px 12px;
}
.custom-360-btn--interior:hover {
  border-color: #e0ded9;
  background: #e0ded9;
  color: #17100e;
}
.custom-360-btn-icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

/* ── Scheme buttons — mobile: image only, no label ── */
.custom-360-scheme-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  background: transparent;
  border: 2px solid transparent;
  border-radius: 6px;
  padding: 1px;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.custom-360-scheme-btn:hover {
  border-color: #ffffff;
}
.custom-360-scheme-btn.is-active {
  background: #e0ded9;
  border-color: transparent;
}
.custom-360-scheme-btn .custom-360-scheme-thumb {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 4px;
  pointer-events: none;
  flex-shrink: 0;
}
/* Hide label on mobile */
.custom-360-scheme-btn .custom-360-scheme-label {
  display: none;
}

/* ── Modals (shared) — mobile ── */
body.custom-360-modal-open { overflow: hidden; }

.custom-360-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.92);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
}
.custom-360-modal[hidden] { display: none; }

.custom-360-modal-footer {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 12px 0 16px;
  flex-shrink: 0;
  background: rgba(0, 0, 0, 0.92);
}
.custom-360-modal-close {
  display: inline-flex;
  align-items: center;
  padding: 10px 40px;
  background: transparent;
  border: 2px solid #e0ded9;
  border-radius: 6px;
  color: #e0ded9;
  font-family: "Libre Franklin", sans-serif;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.custom-360-modal-close:hover {
  background: #e0ded9;
  color: #17100e;
}

/* ── Loading spinner ── */
.custom-360-loader {
  position: absolute;
  inset: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(23, 16, 14, 0.85);
  transition: opacity 0.3s ease;
}
.custom-360-loader.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.custom-360-loader-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(224, 222, 217, 0.2);
  border-top-color: #e0ded9;
  border-radius: 50%;
  animation: custom360spin 0.8s linear infinite;
}
.footer-360-orange {
  display: none;
}
@keyframes custom360spin {
  to { transform: rotate(360deg); }
}

/* ── 360 spinner modal — mobile ── */
.custom-360-modal--spinner {
  /* Column: viewer fills middle, schemes and footer pinned to bottom */
  justify-content: flex-start;
}
.custom-360-modal--spinner .custom-360-modal-inner {
  width: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  position: relative;
}
.custom-360-modal--spinner .custom-360-viewer-wrap {
  position: relative;
  flex: 1;
  min-height: 0;
  -webkit-mask-image: linear-gradient(to bottom, #17100e 80%, transparent 100%);
  mask-image: linear-gradient(to bottom, #17100e 80%, transparent 100%);
}
.custom-360-modal--spinner .custom-360-viewer {
  position: absolute;
  inset: 0;
  cursor: grab;
  touch-action: pan-y;
}
.custom-360-modal--spinner .custom-360-viewer.is-dragging { cursor: grabbing; }
.custom-360-modal--spinner .custom-360-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Scheme switcher inside modal — mobile: image only, scrollable row */
.custom-360-modal--spinner .custom-360-schemes {
  display: flex;
  gap: 6px;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding: 10px 12px 0;
  flex-shrink: 0;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.custom-360-modal--spinner .custom-360-schemes::-webkit-scrollbar { display: none; }
.custom-360-modal--spinner .custom-360-scheme-item {
  display: flex;
  flex-shrink: 0;
}
.custom-360-modal--spinner .custom-360-scheme-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  border-radius: 6px;
  padding: 3px;
  border: 2px solid transparent;
  text-decoration: none;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.custom-360-modal--spinner .custom-360-scheme-link:hover {
  border-color: #ffffff;
}
.custom-360-modal--spinner .custom-360-scheme-link.is-active {
  background: #292929;
  border-color: transparent;
}
.custom-360-modal--spinner .custom-360-scheme-thumb {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
  flex-shrink: 0;
}
/* Hide label on mobile */
.custom-360-modal--spinner .custom-360-scheme-label {
  display: none;
}

/* ── Matterport modal — mobile ── */
.custom-360-modal--matterport .custom-360-modal-inner {
  width: 100vw;
  height: 80vh;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.custom-360-matterport-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}





















/* ── 360 Modal ───────────────────────────────────────────── */
.kn-360-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.kn-360-modal.is-open {
  display: block;
}
.kn-360-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
}
.kn-360-modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  height: 80vh;
  background: #000;
}
.kn-360-modal__close {
  position: absolute;
  top: -2rem;
  right: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 2rem;
  cursor: pointer;
  line-height: 1;
  z-index: 1;
}
.kn-360-modal__content {
  width: 100%;
  height: 100%;
}
.kn-360-modal__content iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.btn--disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.btn-360--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}
/* PAGER */
.pagination,
.pagination .page-link {
  color: #b36e33 !important;
}
.page-item.active .page-link {
  color: #e0ded9 !important;
  background-color: #b36e33 !important;
  border-color: #b36e33 !important;
}

/* ── Info Modal (Learn More) ─────────────────────────────── */
.kn-info-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
}
.kn-info-modal.is-open {
  display: block;
}
.kn-info-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
}
.kn-info-modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  max-width: 500px;
  background: #fff;
  padding: 2rem;
}
.kn-info-modal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: transparent;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  line-height: 1;
}
.kn-info-modal__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
  padding-right: 2rem;
}
.kn-info-modal__body {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* Learn More trigger button */
.kn-info-modal-trigger {
  background: transparent;
  border: none;
  color: #b36e33;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  padding: 0;
  margin-left: 0.5rem;
  text-decoration: underline;
}
.kn-info-modal-trigger:hover {
  color: #8a5228;
}




/* FILTER VIEW ORDER - */
.region-featured-bottom-first {
  display: flex;
  flex-direction: column;
}

.block-configurable-views-filter-block-blocksub-brand-block-8,
.block-views-exposed-filter-blocksub-brand-block-16 {
  order: 1;
  width: 100%;
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.block-views-blocksub-brand-block-8 {
  order: 2;
  width: 100%;
}

/* FILTERS - FILTERS - FILTERS - FILTERS - FILTERS - FILTERS - FILTERS */
.filter-block {
  border-bottom: 1px solid #cdcbc7;
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  padding-top: 15px;
}
.edition-row {
  padding-right: 12px;
}
.sb-edition-row,
.floorplan-filters-top {
  padding-right: 0 !important;
}
/* ── Segment, Year toggle buttons ────────────────────────────────────────── */

.form-check-inline {
  margin-right: 0 !important;
}
#edit-field-edition-reference-value .form-check-input + .form-check-label {
  background: white;
  color: #292929;
  /*border: white solid 3px;*/
  border-radius: 5px;
  margin: 3px;
  font-size: 14px;
}
#edit-field-edition-reference-value .form-check-input:checked + .form-check-label {
  background: #b36e33;
  color: #fff;
}
#edit-field-edition-reference-value .form-check-input + .form-check-label {
  background: white;
  color: #292929;
  /*border: white solid 3px;*/
  border-radius: 5px;
  margin: 3px;
  font-size: 14px;
}
#edit-field-edition-reference-value .form-check-label {
  border: transparent solid 3px;
  margin: 5px;
  border-radius: 5px;
}
#edit-field-edition-reference-value {
  text-align: right;
}

#edit-field-segment-value .form-check,
#edit-field-segment-check .form-check,
#edit-field-year-value .form-check,
#edit-field-region-value .form-check,
#edit-dealer-stock .form-check {
  padding-left: 0 !important;
  /*border: 3px solid white;*/
  margin-bottom: 0 !important;
}

#edit-field-segment-check .form-check:first-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#edit-field-segment-check .form-check:nth-child(2){
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#edit-field-segment-check .form-check:nth-child(3){
  border-radius: 5px;
}


#edit-field-edition-reference-value .form-check-input,
#edit-field-segment-value .form-check-input,
#edit-field-segment-check .form-check-input,
#edit-field-year-value .form-check-input,
#edit-field-region-value .form-check-input,
#edit-dealer-stock .form-check-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.form-check-label {
  font-size: 12px;
}
#edit-field-edition-reference-value .form-check-label ,
#edit-field-segment-value .form-check-label,
#edit-field-segment-check .form-check-label,
#edit-field-year-value .form-check-label,
#edit-field-region-value .form-check-label,
#edit-dealer-stock .form-check-label,
#edit-sub-brand-filter {
  display: inline-block;
  cursor: pointer;
  user-select: none;
  transition: all 0.2s ease;
  background-color: white;
  color: black;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px;
  font-size: 14px;
}

#edit-field-segment-value .form-check-input:checked + .form-check-label,
#edit-field-segment-check .form-check-input:checked + .form-check-label,
#edit-field-year-value .form-check-input:checked + .form-check-label,
#edit-field-region-value .form-check-input:checked + .form-check-label,
#edit-dealer-stock .form-check-input:checked + .form-check-label {
  background: #b36e33;
  color: #fff;
  border-color: transparent;
  border-radius: 5px;
}
#edit-field-edition-reference-value .form-check-label:hover,
#edit-field-segment-value .form-check-label:hover,
#edit-field-segment-check .form-check-label:hover,
#edit-field-year-value .form-check-label:hover,
#edit-field-region-value .form-check-label:hover,
#edit-dealer-stock .form-check-label:hover {
  border-color: #b36e33;
}
#edit-field-edition-reference-value .form-check-input:focus + .form-check-label,
#edit-field-segment-value .form-check-input:focus + .form-check-label,
#edit-field-segment-check .form-check-input:focus + .form-check-label,
#edit-field-year-value .form-check-input:focus + .form-check-label,
#edit-field-region-value .form-check-input:focus + .form-check-label,
#edit-dealer-stock .form-check-input:focus + .form-check-label {
  outline: 2px solid #5b9dd9;
  outline-offset: 2px;
}











































/* OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT - OWNER'S SUPPORT */
.basic-block {
  position: relative;
}
.basic-block img {
  width: 100%;
}
.owner-search {
  position: absolute;
  z-index: 5;
  top: 150px;
  color: #e0ded9;
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.owner-search #search-block-form {
  max-width: 100%;
  border-bottom: 1px solid #e0ded9;
  padding-bottom: 10px;
  display: block;
  margin-right: 20px;
  padding-top: 20px;
}
.owner-search .container-inline {
  width: 100%;
}
.owner-search .form-wrapper {
  background-color: transparent;
  z-index: 5;
  position: absolute;
  right: 60px;
}
.owner-search .js-form-type-search {
  width: 100%;
  z-index: 2;
  position: relative;
}
.owners-faq-top {
  z-index: 5;
  position: absolute;
  top: 290px;
  padding: 20px !important;
  color: #e0e0e0;
}
.owners-faq-top a {
  color: #e0ded9;
  font-size: 16px;
}
.owners-faq-top a:hover {
  color: #b36e33;
}
.owners-faq-top p {
  margin-bottom: 7px;
  line-height: 1.8 !important;
}
.owners-faq-top h2 {
  font-size: 16px !important;
}
.faq-reg {
  position: absolute;
  z-index: 5;
  left: 25px;
  bottom: 40px;
}
.faq-reg .brand-btn {
  font-size: 12px;
}
.owners-register {
  width: 100%;
}
.owners-register p {
  margin-bottom: 0;
}
.owners-register a {
  color: #e0ded9;
  text-decoration: none;
}
.owners-register a:hover {
  color: black;
}


.owners-support-container {
  position: relative;
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.owners-support-container .accordion {
  padding-left: 0 !important;
  padding-right: 0 !important;
}





.support-side-block {
  padding-top: 30px;
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.support-side-block a {
  color: #b36e33;
  font-weight: 700;
  font-size: 20px;
  line-height: 2.5;
}
.support-side-block a:hover {
  color: black;
}
.support-dropdown-block {
  padding-left: 25px !important;
  padding-right: 25px !important;
  padding-top: 50px !important;
}
/*.support-dropdown-block h2 {
  padding-left:10px;
  padding-right: 10px;
}*/
.support-dropdown-block h2:has(.accordion-button:not(.collapsed)) {
  
}
.fp-standards-options ul {
  padding-left: 0;
  padding-right: 0;
  list-style-type:none;
}
.support-dropdown-block a {
  color: #b36e33;
}
.support-dropdown-block .fp-standards-options h2 {
  padding-left: 0;
  padding-right: 0;
}





/* Submit button */
.search-block-form input[type="submit"],
.search-block-form button[type="submit"] {
  background-color: transparent !important;
  background-image: url(/sites/default/files/images/search.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 20px 20px !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  font-size: 0 !important;
  color: transparent !important;
  flex-shrink: 0;
  display: inline-block !important;
  vertical-align: middle;
}
 
.search-block-form input[type="submit"]:hover,
.search-block-form button[type="submit"]:hover {
  background-image: url(/sites/default/files/images/searchg.svg) !important;
  background-color: transparent !important;
}
.view-owners-support {
  padding-top: 20px;
}
.view-owners-support .view-content.row {
  margin-left: 0;
  margin-right: 0;
}
.view-owners-support .view-content.row>* {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 0;
}
.om-divisions {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.om-divtext h2 {
  font-size: 18px;
}
.om-divisions .views-field-field-division-image-wide {
    width: 33%;
    height: 100%;
    display: flex;
}
.om-divisions .views-field-field-division-image-wide img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.om-divisions .views-field-nothing {
  flex: 1;
  background: white;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 25px 15px 40px 15px;
}
.org-btn {
  padding-top: 25px;
  padding-bottom: 10px;
}
.org-btn a {
  color: #b36e33;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px;
  border: solid 3px #b36e33;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
}
.org-btn:hover {

}
.org-btn a:hover {
  color: black;
  border: solid 3px black;
}
.chat-div .org-btn a {
  padding-left: 20px;
  padding-right: 20px;;
}

.lower-support-topics h2 {
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 50px;
  padding-bottom: 50px;
}
.lower-support-topics .view-owners-support {
  padding-top: 0;
}
.lower-support-topics .slick__slide {
  height: auto;
  position: relative;
}
.lower-support-topics .views-field-field-division-image-wide {

}
.lower-support-topics .views-field-field-division-image-wide img {
  height: auto;
  width: 100%;
}
.lower-support-topics .views-field-nothing,
.lower-support-topics .sup-top-cover-text {
  position: absolute;
  z-index: 10;
  bottom: 20px;
  width: 100%;
  padding-right: 30px;
}
.lower-support-topics .views-field-nothing a,
.lower-support-topics .sup-top-cover-text a {
  text-decoration: none;
  text-transform: uppercase;
  color: #e0ded9;
  font-weight: 900;
}
/* Hover on image changes link color */
.lower-support-topics .views-field-nothing a:hover,
.lower-support-topics .views-field-field-division-image-wide:hover ~ .views-field-nothing a,
.lower-support-topics .views-field-nothing a:hover,
.lower-support-topics .sup-top-cover-text a:hover,
.lower-support-topics .sup-top-image:hover ~ .sup-top-cover-text a,
.lower-support-topics .sup-top-image:hover ~ .sup-top-cover-text .arrow a::after,
.lower-support-topics .arrow a:hover {
  color: #b36e33;
}

/* Hover on image changes arrow */
.lower-support-topics .views-field-field-division-image-wide:hover ~ .views-field-nothing .arw a::after,
.lower-support-topics .views-field-nothing:has(.col-8 a:hover) .col-3 a::after {
  background-image: url(/sites/default/files/images/arrow-right-short-o.svg);
}


.top-contact {
  color: #e0ded9;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  font-size: 12px;
}
.chat-block {
  background: #292929;
  color: #e0ded9;
  padding-top: 50px;
  position: relative;
  margin-bottom: 5px;
}
.chat-block .container-lg {
  padding-left: 0;
  padding-right: 0;
}
.chat-div {
  border-radius: 5px;
  background: #e0ded9;
  color: black;
  padding: 25px;
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
  flex-direction: row;
}
.chat-btn {
  
}
.chat-btn a {
  font-size: 12px;
  padding: 10px 40px;
}
.chat-left {
  border-top: solid 1px #cdcbc7;
  border-bottom: solid 1px #cdcbc7;
  font-size: 12px;
}
.chat-phone {
  font-size: 12px;
  border-bottom: solid 1px #cdcbc7;
}
.chat-phone a,
.chat-email a,
.chat-div a {
  font-size: 12px;
  color: #b36e33;
  text-transform: uppercase;
}
.chat-div .righty {
  margin-left: 20px; 
}
.chat-phone a:hover,
.chat-email a:hover {
  color: black;
}
.chat-btn-too {

}
.proven-body figure {
  text-align: center;
} 
.proven-body figure img {
  max-width: 100%;
} 








/* PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE - PROVEN STORIES PAGE */
.enlarge h2 {
  font-size: 40px !important;
}
.proven-block {
  padding-top: 50px;
}
.proven-block .views-row {
  padding-bottom: 70px;
}
.stories-r .views-field-title,
.stories-r .views-field-created{
  padding-left: 15px;
  padding-right: 15px;
}
.proven-block .views-field-field-banner-image-phone-thumb {
  height: 250px;
}
.proven-block .views-field-field-banner-image-phone-thumb img{
  height: 250px;
  width: auto;
}
.block-system-main-block .field--type-text-with-summary {
  
}
.page-link {
  padding: 8.5px !important;
}


/* PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL - PROVEN STORIES INDIVIDUAL */
.proven-header {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  margin-top: 80px;
  padding: 5px;
}
.proven-header img {
  width: 100%;
  height: auto;
}
.proven-head-text {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #b36e33;
  width: 75%;
}
.proven-head-title {
  font-size: 52px;
  color: #cdcbc7;
  font-weight: 900;
  text-transform: uppercase;
  line-height: 1;
  padding-bottom: 10px;
}
.proven-head-date,
.proven-head-read {
  display: inline-block;
  padding-right: 20px;
  font-size: 14px;
}
.proven-body {
  padding:40px !important;
}
.yt-vid,
.yt-vid iframe {
  height: 450px;
  position: relative;
}
.proven-body a{
  color: #b36e33;
  text-decoration: none;
  font-size: 18px;
}
.proven-body a:hover {
  color: black;
}
/* PROVEN STORIES MORE TO EXPLORE -PROVEN STORIES MORE TO EXPLORE -PROVEN STORIES MORE TO EXPLORE */
.more-explore-too h2 {
  text-align: center;
  padding-bottom: 20px;
}
.view-proven-stories .views-field-field-banner-image-phone-thumb {
  border-radius: 5px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;  
  margin-bottom: 20px;
}
.view-proven-stories .views-field-field-banner-image-phone-thumb img {

}
.view-proven-stories .slick-slide {
  height: auto;
}
.more-title {
  text-transform: uppercase;
  font-weight: 700;
  padding-top: 10px;
}
.more-title a {
  color: black;
  text-decoration: none;
  font-size: 24px;
}
.more-title a:hover {
  color:#b36e33;
}
.more-date {
font-size: 20px;
}
.more-explore-too .slick-dots {
  width: 70%;
}




/* WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY - WARRANTY */
/*.warranty-dl .chat-btn {
  display: inline-block;
  border: 2px solid #007bff;
  border-radius: 5px;
  padding: 10px 20px;
  background-color: #f8f9fa;
  color: #007bff;
  text-decoration: none; 
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;  
}*/
.warranty-dl .org-btn {
  text-align: center;
}
.warranty-dl .line1,
.warranty-dl .line2 {
  display: block;
}
.warblock .accordion-body ,
.warblock .accordion-button:not(.collapsed) {
  background-color: transparent !important;
}
#my-block-accordion-4 a {
  color: #b36e33;
  text-transform: uppercase;
}
.warblock {
  padding-left: 30px !important;
  padding-right: 30px !important;
}










/* SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX - SOLARFLEX */
.solarflex-vid {
  margin-bottom: 50px;
}
.solarflex-vid, .solarflex-vid  iframe {
  width: 100%;
  height: 315px;
}
.solarflex-ready {
  color: #d67f43;
}
.protect-220 {
  color: #7e9e82;
}
.discovery-440i {
  color: #e2af10;
}
.outlast-660i-l {
  color: #cc5656;
}
.explore-magnum-880i {
  color: #70aec4;
}
.outlast-extreme-1320i-l {
  color: #576378;
}
.solar-block {
  width: 60%;
  display: inline-block;
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  padding-left: 20px;
}
.sol-cont {

}
.sol-thumb-block {
  width: 40%;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sol-ph-thumb {

}
.sol-ph-thumb img,
.sol-logo img {
  width: 100%;
  height: auto;
}
.sol-logo {
  max-width: 75%;
  top: 10px;
  left: 12.5%;
  position: absolute;
  z-index: 5;
}
.sol-tag {
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  width: 85%;
  left: 7.5%;
  bottom: 10px;
  position: absolute;
  z-index: 5;
  font-weight: 700;
}
.sol-bar-text {
  position: absolute;
  bottom: 0;
  color: #e0ded9;
  margin: 0 50px;
  padding-bottom: 50px;
  padding-right: 50px !important;
  padding-left: 50px !important;
}
.sol-bar-text img {
    margin-top: 30px;
    margin-right: 10px;
    display: inline-block;
    height: 30px;
    width: auto;
}



.solar-component-wrap {
  margin: 10px;
  background: #efeeeb;
  border-radius: 5px;
  overflow: hidden;
}
.solar-component {
  /*position: absolute;*/
  z-index: 5;
  padding: 20px;
  width: 100%;
  position: relative;
  height: auto;
  min-height: unset;
}
.comp-title {
  float: left;
}
.comp-logo {
  overflow: hidden;
  padding-left: 15px;
}
.comp-logo img {
  width: auto;
  height: 30px;
}
.comp-body {
  padding-top: 40px;
}
.comp-included {

}
.comp-pack {

}
.comp-spec {

}
.comp-spec a {
  color: #b36e33;
  font-weight: 700;
  font-size: 20px;
  line-height: 2.5;
}
.comp-spec a:hover {
  color: black;
}
.comp-link {

}
.com-background {

}
.com-background img {
  width: 100%;
  height: auto;
}



/* FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS - FACTORY TOURS */
.factory-banner {
  border-radius: 5px;
  overflow: hidden;
  margin-top: 85px;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 30px;
}
.factory-banner img {
  width: 100%;
  height: auto;
  border-radius: 5px;
}
.tour-wrap {
  display: flex;
  flex-direction: column-reverse;
}
.tour-right {
  
}
.tour-left {

}

.view-basic-page .views-field-body {
  padding-left: 20px;
  padding-right: 20px;
}
#factory-tour-form .form-item-text-messages,
#factory-tour-form .form-item-newsletter-signup,
#factory-tour-form .form-actions {
  width: 100%;
}




/* FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS - FIRST TIME BUYERS */
.first {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.shopy a,
.first h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: black;
  text-decoration: none;
}
.dual-col a {
  color: #b36e33;
  font-weight: 700;
}
.dual-col a:hover {
  color: black;
}
.dual-col p {

}
.firsty {
  border-bottom: solid 1px #cdcbc7;
  padding: 30px 0 0 0 !important;
}
.firsty-too {
  padding: 30px 0 !important;
}
.shopy {
  position: relative;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.shopy img {
  width: 100%;
  height: auto;
}
.shopy a {
  color: white;
  font-size: 20px;
}
.shopy a:hover {
  color: #b36e33;
}
.shopy img:hover {
  transform: scale(1.03);
}
.shopy div {
  overflow: hidden;
}
.shopy h4 {
  position: absolute;
  bottom: 10px;
  left: 20px;
}







/* PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS - PRODUCT EXPERTS */

#se-app * {
  box-sizing: border-box; 
  margin: 0; 
  padding: 0;
}
#se-app {
  margin: 0 auto;
  padding: 0 4px;
}
#se-app a {
  color: #b36e33;
}
#se-app .se-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 3px solid #b36e33;
}
#se-app .se-title {
  font-size: 1.4rem;
  font-weight: 700;
  color: #1a2a3a;
}
#se-app .se-title span { 
  color: #b36e33; 
}
#se-app .se-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
#se-app .se-swrap { 
  position: relative; 
}
#se-app .se-swrap svg {
  position: absolute;
  left: 9px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #999;
}
#se-app #se-q {
  padding: 8px 10px 8px 32px;
  border: 1.5px solid #cdd5df;
  border-radius: 6px;
  font-size: 0.875rem;
  width: 400px;
  outline: none;
  background: #f8fafc;
}
#se-app #se-q:focus {
  border-color: #b36e33;
  background: #fff;
}
#se-app select.se-dd {
  padding: 8px 26px 8px 10px;
  border: 1.5px solid #cdd5df;
  border-radius: 6px;
  font-size: 0.875rem;
  -webkit-appearance: none;
  cursor: pointer;
  min-width: 180px;
}
#se-app select.se-dd:focus {
  border-color: #b36e33;
  background-color: #fff;
}
#se-app .se-reset {
  padding: 8px 14px;
  background: #b36e33;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}
#se-app .se-reset:hover { 
  background: #96591f; 
}
#se-reset-btn {
  color: #b36e33;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px !important;
  border: solid 3px #b36e33;
  border-radius: 5px;
  font-size: 14px;
}
#se-app .se-wrap {
  overflow-x: auto;
  border-radius: 8px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.09);
  border: 1px solid #e2e8f0;
  margin-top: 4px;
}
#se-app table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}
#se-app thead th {
  padding: 12px 16px;
  text-align: left;
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  background: #d9b79a;
  color: black;
}
#se-app thead th:hover { background: #b36e33; color: #fff; }
#se-app thead th .si {
  margin-left: 4px;
  font-size: 0.7rem;
  opacity: 0.7;
}
#se-app thead th.sa .si::after { content: "▲"; opacity: 1; }
#se-app thead th.sd .si::after { content: "▼"; opacity: 1; }
#se-app thead th:not(.sa):not(.sd) .si::after { content: "⇅"; }
#se-app tbody tr {
  border-bottom: 1px solid #e8edf3;
  background: #dad8d2;
}
#se-app tbody tr:nth-child(even) { background: #e9e7e2; }
#se-app tbody tr:hover            {
  background: rgba(179, 111, 53, 0.7); 
  }
#se-app tbody tr:hover a {
  color: #fff;
}
#se-app tbody td {
  padding: 11px 16px;
  vertical-align: middle;
}
#se-app .se-empty {
  text-align: center;
  padding: 40px 20px;
  color: #888;
  font-style: italic;
}
#se-app .se-loading {
  text-align: center;
  padding: 50px 20px;
  color: #666;
}
#se-app .se-spin {
  display: inline-block;
  width: 28px;
  height: 28px;
  border: 3px solid #ddd;
  border-top-color: #b36e33;
  border-radius: 50%;
  animation: sespin 0.8s linear infinite;
  margin-bottom: 8px;
}
@keyframes sespin { to { transform: rotate(360deg); } }
#se-app .se-error {
  background: #fff4f4;
  border: 1px solid #f5a0a0;
  border-radius: 8px;
  padding: 16px 20px;
  color: #c0392b;
  font-size: 0.875rem;
  line-height: 1.6;
}
#se-app .se-foot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
  font-size: 0.8rem;
  color: #888;
  flex-wrap: wrap;
  gap: 4px;
}
#se-app .se-foot strong { color: #1a2a3a; }
@media (max-width: 600px) {
  #se-app .se-controls { flex-direction: column; align-items: stretch; }
  #se-app #se-q,
  #se-app select.se-dd,
  #se-app .se-reset    { width: 100%; }
  #se-reset-btn { width: 100%; }
}
#se-ts {
  display: none;
}



/* KEYSTONE APP - */


.mykeystone-header img {
  width: 100%;
  height: auto;
}
.app-wrap {

}
.apple,
.google {
  width: 120px;
  padding-bottom: 10px;
}


.apple:hover img,
.google:hover img {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}





/* BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE - BASECAMP PAGE */
.basecamp-block {

}
.basecamp-block a {
  text-decoration: none;
  color: white;
}
.basecamp-block a:hover {
  color: #b36e33;
}
.basecamp-block a:hover img {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}
.basecamp-block img {
  width: 100%;
  height: auto;
}
.base-row {
  padding: 10px;
  position: relative;
}
.base-img {
  overflow: hidden;
  border-radius: 5px;
}
.base-wrap {
  position: absolute;
  bottom: 40px;
  left: 40px;
}
.base-title {

}
.base-sub {

}



/* OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE - OWNERS MANUALS PAGE */
.owners-cubes {
padding-bottom: 50px;
padding-right: 5px !important;
padding-left: 5px !important;
}

.owners-cubes h2 {
  font-size: 17px;
}
.owners-cubes .arw a::after {
  width: 35px;
  height: 25px;
}
.owners-cubes .explore {
  padding: 0 0 5px 0;
}
.owners-cubes .explore-image {
  border-radius: 5px;
  overflow: hidden;
}
.col-2.inline {
  border-bottom: 2px solid #e0ded9;
}
.owners-cubes .phone {
  height: 200px;
}
.owners-cubes .phone img {
  width: auto;
  height: 100%;
}
.owners-cubes .cover-text {
  bottom: 40px;
  width: 100%;
}
.owners-cubes .arrow {
  text-wrap: balance;
  width: 350px;
}
.owners-search {
  padding: 0 30px 20px 30px !important;
}
.owners-search .form-wrapper {
  position: absolute;
  background-color: transparent;
}
.owners-search .content.container-inline .content.container-inline,
.owners-search .form-type-search {
  width: 100%;
}
.owners-search .form-control {
  padding-left: 40px;
}
.owners-search #edit-submit {
  background-size: 16px 16px !important;
}
.owners-callout {
  padding: 20px 30px 0 30px !important;
  font-size: 12px;
}
.owners-manuals {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-bottom: 50px;
}
.owners-manuals #edit-field-year-value {
  text-align: left;
  padding: 10px 20px;
  height: 50px;
}
.owners-link a {
  color: #b36e33;
  font-weight: 700;
  line-height: 2.5;
}
.owners-link a:hover {
  color: black;
}
.owners-manuals .js-form-type-select {
  width: 100%;
}
/*
.owners-manuals .js-form-type-textfield {
  width: 50%;
}
.owners-manuals .js-form-submit {
  font-size: 12px;
  color: #b36e33;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 20px;
  border: solid 3px #b36e33;
  border-radius: 5px;
  background: transparent;
  margin-left: 10px;
}
.owners-manuals .js-form-submit:hover,
.owners-manuals .js-form-submit:active {
  color: black !important;
  border: solid 3px black;
  border-color: black !important;
  background: transparent !important;
  background-color: transparent !important;
}
  */
.owners-manuals .view-filters {
  padding-bottom: 30px;
}







/* SHOWS AND EVENTS - */
.eventblock {
  position: relative;
  display: flex;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
}
.eventblock .eventtxt {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.eventblock .eventtxt h4 {
  font-size: 14px;
  font-weight: 700;
  color: white;
}
.eventblock .eventimg img {
  width: 100%;
  height: auto;
}


.pad30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}







/* COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES - COOKIES */
#ot-sdk-btn-floating.ot-floating-button {
  position: absolute;
  right: 10px;
}




/* FIND-A-DEALER - FIND-A-DEALER - FIND-A-DEALER - FIND-A-DEALER - FIND-A-DEALER - FIND-A-DEALER - FIND-A-DEALER - FIND-A-DEALER */
svg.mailto,
svg.tel {
  display: none;
}
.dealer-row {
  padding-top: 15px;
  padding-bottom: 15px;
}
.fpbtns .btn::after,
.fpbtns .btn::before {
  content: none;
}
.fpbtns .btn--disabled,
.fpbtns .btn--disabled:hover,
.fpbtns .btn--disabled:focus,
.fpbtns .btn-360--disabled,
.fpbtns .btn-360--disabled:hover,
.fpbtns .btn-360--disabled:focus {
  cursor: default;
  pointer-events: none;
}
.row:has(#block-keystone-views-block-dealer-locator-block-1) {
  align-items: flex-start;
}
.block-views-blockdealer-locator-block-1 {
  padding-left: 5px;
  padding-right: 5px;
}
.block-views-blockdealer-locator-block-1 h2,
.block-views-blockdealer-locator-block-1 .view-filters {
  padding-right: 20px;
  padding-left: 20px;
}
.block-views-blockdealer-locator-block-1 .fpname {
  width: 65%
}
#edit-submit-dealer-locator,
#edit-reset-dealer-locator {
  padding: 15px 15px;
  font-weight: 900;
  text-transform: uppercase;
}
.block-views-blockdealer-locator-block-1 .fa-location-dot {
  font-size: 36px !important;
}
.block-views-blockdealer-locator-block-1 .fa-location-dot:hover {
  color: #292929 !important;
}
.block-views-blockdealer-locator-block-1 .fpbtns a:nth-child(4) {
  margin: 0;
}
.selector {
  
}







/* FORMS - FORMS - FORMS - FORMS - FORMS - FORMS - FORMS - FORMS - FORMS - FORMS */
.form-control,
.form-select {
  height: 50px;
}
.webform-type-radio .form-check-label {
  font-size: 16px;
  padding-left: 5px;
  padding-right: 20px;
}
.webform-submission-form legend,
.webform-submission-form label {
  font-weight: 900;
  font-size: 16px;
  text-transform: uppercase;
  padding-bottom: 10px;
}
#edit-did-you-purchase-your-rv-new--wrapper .webform-type-radio {
  display: inline-flex;
}
.form-item-brand,
.form-item-year,
.form-item-model-year,
.form-item-first-name,
.form-item-last-name,
.form-item-address-new-locality,
.form-item-address-new-administrative-area,
.form-item-address-new-postal-code {
  display: inline-flex;
  flex-direction: column;
  width: calc(50% - 10px);
}
.form-item-brand,
.form-item-first-name,
.form-item-address-new-locality {
  margin-right: 2%;
}
.form-item-brand label {
  display: block;
}
.form-item-phone .iti {
  display: block;
}

.form-check-input[type="checkbox"],
.form-check-input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #292929;
  border-radius: 3px; /* square corners for both, unified — no separate radio override needed */
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  cursor: pointer;
  position: relative;
  margin: 0;
  flex-shrink: 0;
}

.form-check-input[type="checkbox"]:checked,
.form-check-input[type="radio"]:checked {
  background-color: #b36e33;
  border-color: #b36e33;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:focus {
  outline: 2px solid #5b9dd9;
  outline-offset: 2px;
}

.form-check-label {
  cursor: pointer;
  margin-left: 8px;
}
.form-check-input[type=radio] {
  border-radius: 2px !important;
}
.webform-submission-form .form-item-vehicle-identification-number .js-form-item,
.webform-type-select .js-form-item {
  display: flex;
  flex-direction: column;
}
.webform-submission-form .form-item-vehicle-identification-number .js-form-item label,
.webform-type-select .js-form-item label {
  order: -1;
  margin-bottom: 5px;
}
.form-item-first-name,
.form-item-last-name,
.form-item-brand,
.form-item-year {
  display: inline-flex;
  flex-direction: column;
  width: 48%;
  vertical-align: top;
  padding-bottom: 10px;
}
#edit-did-you-purchase-your-rv-new--wrapper {
  padding-top: 20px;
}
.form-item-phone .mb-3,
.form-item-text-messages .mb-3 {
  margin-bottom: 30px !important;
}
.webform-button--submit {
  color: #b36e33 !important;
  background-color: transparent !important;
  border: solid 2px #b36e33 !important;
  padding: 15px !important;
  text-transform: capitalize;
  font-weight: 900 !important;
}
.webform-button--submit:hover {
  background-color: #b36e33 !important;
  color: #e0ded9 !important;
}
.form-type-webform-markup p {
  font-size: 10px;
}
#owner-registration-form {
  padding-bottom: 30px;
}


/* CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE - CAREERS PAGE */
.views-field-body:has(.careers-frame) {
  padding-left: 5px;
  padding-right: 5px;
}