:is(button, .button):is(:hover,:focus-visible),
.service-areas-maps .tab-buttons button.active:is(:hover,:focus-visible),
a:is(:hover,:focus-visible) :is(button, .button) {
  background: var(--ws-navy);
  border-color: var(--ws-navy);
  color: #FFF;
}


.fig-btn.black:is(:hover,:focus-visible) {
  background: #555;
}

.gallery .button:is(:hover,:focus-visible)>span {
  background: transparent;
  color: #FFF;
}

.gallery .rotator .slide>a:is(:hover,:focus-visible) img {
  transform: scale(.94);
}


.take-our-quiz {
  position: fixed;
  right: 0;
  top: 15em;
  width: 10.75em;
  z-index: 10;
}

/* White triangle */
.take-our-quiz .top::after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0px 8px 8px;
  border-color: transparent transparent transparent #FFF;
  inset: 1.875em auto auto 0;
}

.take-our-quiz :is(.top, .bottom)>span {
  font-size: 1.125em;
}

.take-our-quiz>a:is(:hover,:focus-visible) .top {
  background: var(--ws-orange);
}

.take-our-quiz>a:is(:hover,:focus-visible) .top>span {
  color: #FFF;
}

section.content-with-image-wrap {
  padding: 0 0 32px;
}
section.product-grid-wrap {
  margin-bottom: 32px;
}




/* "Content with image block" additional CSS classes: ------------------------------ */

.content-with-image-wrap.auto-width .content-area {
  flex: 1;
}

.content-with-image-wrap.auto-width .image-area {
  max-width: min(50%, 25em);
  width: auto;
}

.content-with-image-wrap.auto-width .content-with-image.left .image-area {
  margin-left: 2em;
}


.content-with-image-wrap.auto-width .content-with-image.right .image-area {
  margin-right: 2em;
}




/* THREE COLUMN CONTENT BLOCK ------------------------------ */

.three-column-wrap > div {
  flex: 1;
}



/*  HOMEPAGE ROTATOR ------------------------------ */

.hero-slider .outer-container {
  padding-inline: clamp(6em, 2.667em + 7.11vw, 8em);
}

.hero-slider .content-con {
  max-width: 36em;
  text-align: left !important;
}




/* CALLOUTS BLOCKS ------------------------------ */

.callouts ul.ws-flex {
  --ws-column-count: 3;
}

.callouts a:is(:hover,:focus-visible) {
  border-color: var(--ws-navy);
}




/* MAX-WIDTH MEDIA QUERIES ------------------------------ */

@media only screen and (max-width: 103.125rem) {
  .sticky-cta {top: 90%;}
}




/* 1024px */
@media (max-width: 64em) {
  .gallery ul.subcategories {
    --ws-column-count: 3;
  }

  .footer-certifications {
    width: 100%;
    margin: 1.5rem 0 0;
  }

  .footer-middle-con .widget {
    width: 48%;
  }
}



/* -----~~~~~===== STYLE-D.CSS =====~~~~~----- */