@charset "UTF-8";
/*
  Standalone bundle: Inspired Garage templates.
  Split out of core so it loads only on the Inspired Garage page templates
  (page-templates/page-inspired-garage.php and page-showroom-location-inspired-garage.php).
  Scoped to #inspired-garage.
*/
/*
  Shared silent context for per-template CSS bundles.

  Provides the variables / functions / mixins a template partial needs when it is
  compiled on its own (Foundation settings + mixins for breakpoint()/flex, and the
  custom mixins in _custom-global such as heading-font). Only foundation-visibility-classes
  and _custom-global emit any CSS of their own, and those rules already exist in core
  foundation.css — harmless duplication, negligible size. foundation-visibility-classes
  is included because _custom-global has one `@extend .show-for-sr`.

  Leading underscore => sass partial => not compiled to its own file by gulp.
*/
/**
 * Foundation for Sites by ZURB
 * Version 6.3.1
 * foundation.zurb.com
 * Licensed under MIT Open Source
 */
@import url("https://use.typekit.net/qqw4oxb.css");
.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 48em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 48.0625em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
  .show-for-large-only {
    display: none !important;
  }
}

@media screen and (min-width: 75em) {
  .hide-for-xlarge {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em) {
  .show-for-xlarge {
    display: none !important;
  }
}

@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
  .show-for-xlarge-only {
    display: none !important;
  }
}

.show-for-sr, .wpcf7-list-item input[type=checkbox],
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

@font-face {
  font-family: "Archer";
  src: url("../fonts/Archer/Archer-BookItal-Pro.otf") format("opentype");
  font-style: italic;
  font-display: optional;
}
@font-face {
  font-family: "ZonaPro";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/homepage/ZonaPro.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/homepage/ZonaPro.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "ZonaPro-Black";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/homepage/ZonaPro-Black.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/homepage/ZonaPro-Black.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "ZonaPro-Light";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/homepage/ZonaPro-Light.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/homepage/ZonaPro-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "BigCaslon";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/BigCaslon/BigCaslon-Regular.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/BigCaslon/BigCaslon-Regular.otf") format("opentype");
  font-display: optional;
}
@font-face {
  font-family: "BigCaslon-Black";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/BigCaslon/BigCaslon-Black.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/BigCaslon/BigCaslon-Black.otf") format("opentype");
  font-display: optional;
}
@font-face {
  font-family: "BigCaslon-Bold";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/BigCaslon/BigCaslon-Bold.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/BigCaslon/BigCaslon-Bold.otf") format("opentype");
  font-display: optional;
}
@font-face {
  font-family: "Mogan-Regular";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Mogan/MoganRegular.otf");
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Mogan/MoganRegular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: optional;
}
@font-face {
  font-family: "Lato";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Lato/Lato-Thin.ttf");
  font-display: optional;
  font-style: normal;
  font-weight: 100;
  font-stretch: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Lato/Lato-ThinItalic.ttf");
  font-display: optional;
  font-style: italic;
  font-weight: 100;
  font-stretch: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Lato/Lato-Light.ttf");
  font-display: optional;
  font-style: normal;
  font-weight: 200;
  font-stretch: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Lato/Lato-LightItalic.ttf");
  font-display: optional;
  font-style: italic;
  font-weight: 200;
  font-stretch: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Lato/Lato-Regular.ttf");
  font-display: optional;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: "Lato";
  src: url("/wp-content/themes/inspired-closets/assets/fonts/Lato/Lato-Italic.ttf");
  font-display: optional;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
/*
- Big Caslon CC Regular
    - `font-family: "big-caslon-fb", serif;`
    - `font-weight: 400;`
    - `font-style: normal;`
- Big Caslon CC Italic
    - `font-family: "big-caslon-fb", serif;`
    - `font-weight: 400;`
    - `font-style: italic;`
- Big Caslon CC Bold
    - `font-family: "big-caslon-fb", serif;`
    - `font-weight: 700;`
    - `font-style: normal;`
- Big Caslon CC Bold Italic
    - `font-family: "big-caslon-fb", serif;`
    - `font-weight: 700;`
    - `font-style: italic;`
- Big Caslon CC Black
    - `font-family: "big-caslon-fb", serif;`
    - `font-weight: 800;`
    - `font-style: normal;`
- Big Caslon CC Black Italic
    - `font-family: "big-caslon-fb", serif;`
    - `font-weight: 800;`
    - `font-style: italic;`
*/
.big-caslon-bold {
  font-family: "big-caslon-fb", serif, serif;
  font-weight: 700;
  font-style: normal;
}

.red {
  color: #821f2d !important;
}

.trufffle {
  color: #877971 !important;
}

.dusty-rose {
  color: #d1a6a1 !important;
}

.primary-subheading {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 2.592px;
}

.hidden {
  display: none;
}

.display-block {
  display: block;
}

h1 {
  font-family: "big-caslon-fb", serif;
  font-size: 34px;
  letter-spacing: 1.02px;
  color: #282829;
  line-height: 110%;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  h1 {
    letter-spacing: 0.84px;
    line-height: 123%;
  }
}

h2 {
  font-family: "big-caslon-fb", serif;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  line-height: 130%;
  letter-spacing: 0.72px;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  h2 {
    font-size: 20px;
    letter-spacing: 0.6px;
  }
}

h3 {
  font-family: "big-caslon-fb", serif;
  font-size: 24px;
}

body, p, li, input[type=submit] {
  font-family: "Lato", sans-serif;
  font-weight: 500;
  letter-spacing: 0.8px;
  font-size: 16px;
  letter-spacing: 0.16px;
}
@media print, screen and (min-width: 64em) {
  body, p, li, input[type=submit] {
    font-size: 14.4px;
    letter-spacing: 0.936px;
  }
}

.max-width-container {
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
}
@media print, screen and (min-width: 64em) {
  .max-width-container {
    padding: 0 1rem;
  }
}

.right-arrow-icon {
  max-width: 15px;
}
@media print, screen and (min-width: 40em) {
  .right-arrow-icon {
    max-width: 22px;
  }
}

.consultation-cta-arrow {
  margin-top: 1rem;
}
@media print, screen and (min-width: 64em) {
  .consultation-cta-arrow {
    margin-top: 2.5rem;
  }
}
.consultation-cta-arrow a {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  color: #282829;
  display: flex;
  justify-content: space-between;
  border-top: #282829 1px solid;
  border-bottom: #282829 1px solid;
  align-items: center;
  padding: 0.75rem 0;
}
@media print, screen and (min-width: 40em) {
  .consultation-cta-arrow a br {
    display: none;
  }
}
.consultation-cta-arrow a img {
  max-width: 15px;
  margin-left: 1rem;
}
@media print, screen and (min-width: 40em) {
  .consultation-cta-arrow a img {
    display: block;
    margin-left: 1rem;
    max-width: 22px;
  }
}

.cta-button-transparent {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  border: 1.5px solid #282829;
  background-color: transparent;
}
.cta-button-transparent:hover, .cta-button-transparent:active, .cta-button-transparent:focus {
  background-color: transparent;
  color: #282829;
}

.cta-button-black {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #282829;
  border: 1.5px solid #282829;
}
.cta-button-black:hover, .cta-button-black:active, .cta-button-black:focus {
  color: #ffffff;
}

.cta-button-red {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #821f2d;
  border: 1.5px solid #821f2d;
}
.cta-button-red:hover, .cta-button-red:active, .cta-button-red:focus {
  color: #ffffff;
}

.cta-button-white {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  color: #282829;
  background-color: #ffffff;
  border: 1.5px solid #ffffff;
}
.cta-button-white:hover, .cta-button-white:active, .cta-button-white:focus {
  color: #282829;
}

.cta-button-red-inverse {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  color: #821f2d;
  background-color: transparent;
  border: 1.5px solid #821f2d;
}
.cta-button-red-inverse:hover, .cta-button-red-inverse:active, .cta-button-red-inverse:focus {
  color: #821f2d;
}

.cta-button-black {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #282829;
  border: 1.5px solid #282829;
}
.cta-button-black:hover, .cta-button-black:active, .cta-button-black:focus {
  color: #ffffff;
}

button.pointer {
  cursor: pointer;
}

img.arrow-right {
  margin-left: 0.5rem;
  max-width: 22px;
}

.pink-bg {
  background-color: #fdeae6;
}

.new {
  background-color: #fdeae6;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 2px;
  padding: 0.5em 1em;
  display: inline-block;
  margin: 0.5rem;
  color: #000;
  z-index: 1;
  position: relative;
}
.new.small {
  position: absolute;
  bottom: 0;
  width: 100%;
  max-width: 150px;
  margin: 0;
  text-align: center;
  font-size: 0.6em;
}

.wpcf7-list-item label {
  padding-left: 1.5em;
  position: relative;
}
.wpcf7-list-item label::before {
  position: absolute;
  top: 4px;
  left: 0;
  content: " ";
  width: 1.25em;
  height: 1.25em;
  background-color: white;
  border-top-style: solid;
  border-top-color: lightgray;
  border-left-style: solid;
  border-left-color: lightgray;
  margin-bottom: -4px;
  margin-right: 0.25em;
  z-index: 10;
}
.wpcf7-list-item label.focused:not(.active)::before {
  border: solid lightgray;
}
.wpcf7-list-item label.active::after {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 15px;
  height: 15px;
  content: "✓";
  font-size: 1.75em;
  font-weight: bold;
  line-height: 0.9;
  padding-left: 2px;
  background: transparent;
  color: #821f2d;
  transform: rotate(10deg);
  z-index: 20;
}
.has-h1-style,
#learning-center-single.default.spoke-page .has-h1-style {
  font-family: "big-caslon-fb", serif;
  font-size: 34px;
  letter-spacing: 1.02px;
  color: #282829;
  line-height: 110%;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  .has-h1-style,
  #learning-center-single.default.spoke-page .has-h1-style {
    letter-spacing: 0.84px;
    line-height: 123%;
  }
}

.has-h2-style,
#learning-center-single.default.spoke-page .has-h2-style {
  font-family: "big-caslon-fb", serif;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  line-height: 130%;
  letter-spacing: 0.72px;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  .has-h2-style,
  #learning-center-single.default.spoke-page .has-h2-style {
    font-size: 20px;
    letter-spacing: 0.6px;
  }
}

.has-primary-text-color {
  color: #821f2d;
}

.has-bone-background-color {
  background-color: #efe9e5;
}

.has-background {
  border-radius: 3px;
}

#inspired-garage h1 {
  font-family: "big-caslon-fb", serif;
  font-size: 34px;
  letter-spacing: 1.02px;
  color: #282829;
  line-height: 110%;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage h1 {
    letter-spacing: 0.84px;
    line-height: 123%;
  }
}
#inspired-garage h2 {
  font-family: "big-caslon-fb", serif;
  font-weight: 700;
  font-size: 24px;
  font-style: normal;
  line-height: 130%;
  letter-spacing: 0.72px;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage h2 {
    font-size: 20px;
    letter-spacing: 0.6px;
  }
}
#inspired-garage p {
  font-size: 16px;
  letter-spacing: 0.16px;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage p {
    font-size: 14.4px;
    letter-spacing: 0.936px;
  }
}
#inspired-garage .container {
  max-width: 1270px;
  margin-right: auto;
  margin-left: auto;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage .container {
    padding: 0 1rem;
  }
}
#inspired-garage #hero {
  height: 410px;
  margin-top: 5rem;
  background-image: url("https://inspiredclosetsmediafiles.s3.amazonaws.com/wp-content/uploads/2023/07/18113556/IC_Garage_Hero-mobile.webp");
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #hero {
    height: 450px;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #hero {
    background-image: url("https://inspiredclosetsmediafiles.s3.amazonaws.com/wp-content/uploads/2023/06/21135930/IC_Garage_Hero-scaled-1.webp");
    height: 490px;
    margin-top: 0;
  }
}
#inspired-garage #hero #intro-container #intro > div {
  background-color: transparent;
  width: auto;
}
#inspired-garage #hero #intro-container #intro > div h1 {
  font-family: "big-caslon-fb", serif;
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 1.2px;
  color: #282829;
  line-height: 1.12;
  font-variant-numeric: lining-nums proportional-nums;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #hero #intro-container #intro > div h1 {
    font-size: 56px;
    letter-spacing: 1.68px;
  }
}
#inspired-garage #hero #intro-container #intro > div h1 {
  color: #282829;
  max-width: none;
  padding: 0 3rem;
}
#inspired-garage #hero #intro-container #intro > div .ctas > div a {
  min-width: 276px;
  margin: 10px 0;
}
#inspired-garage #offerings {
  background-color: #282829;
  padding: 0;
}
#inspired-garage #offerings .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 2.25rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #offerings .container {
    flex-direction: row;
    justify-content: space-between;
    padding: 22px 0;
  }
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #offerings .container div {
    width: 400px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #offerings .container div {
    width: auto;
  }
}
#inspired-garage #offerings .container div img {
  max-height: 14px;
  margin-right: 5px;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #offerings .container div img {
    margin-right: 15px;
  }
}
#inspired-garage #offerings .container div span {
  color: #ffffff;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 14.4px;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #key-features {
    margin-top: 2.75rem;
  }
}
#inspired-garage #key-features h1 {
  margin: 2rem 0 3rem 0;
  color: #282829;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #key-features .features {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #key-features .features {
    flex-direction: row;
  }
}
#inspired-garage #key-features .features .feature {
  flex-direction: column;
}
#inspired-garage #key-features .features .feature div {
  text-align: center;
}
#inspired-garage #key-features .features .feature div.content {
  width: 245px;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #key-features .features .feature div.content {
    width: 300px;
  }
}
#inspired-garage #key-features .features .feature div.content h3 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 2px;
  color: #877971;
  margin-bottom: 8px;
}
#inspired-garage #experience-video .container {
  color: #efe9e5;
  text-align: center;
}
#inspired-garage #experience-video .container a {
  color: #efe9e5;
}
#inspired-garage #experience-video .container a h3 {
  color: #efe9e5;
}
#inspired-garage #experience-video .container h3 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
}
#inspired-garage #experience-video .container .hide-for-large {
  background-color: #877971;
  padding: 1.75rem;
  border-top: #282829 1px solid;
  border-bottom: #282829 1px solid;
}
#inspired-garage #experience-video .container .hide-for-large img {
  padding: 1rem 0;
}
#inspired-garage #experience-video .container .show-for-large {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: #282829 1px solid;
  border-bottom: #282829 1px solid;
}
#inspired-garage #experience-video .container .show-for-large > h3 {
  flex-basis: 60%;
  color: #282829;
  padding: 0.75rem 0;
}
#inspired-garage #experience-video .container .show-for-large > h3 img {
  margin-left: 3rem;
  max-width: 22px;
}
#inspired-garage #experience-video .container .show-for-large > div {
  background-color: #877971;
  flex-basis: 40%;
  padding: 0.75rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#inspired-garage #experience-video .container .show-for-large > div a {
  display: flex;
  justify-content: center;
  align-items: center;
}
#inspired-garage #experience-video .container .show-for-large > div a img {
  margin-right: 1rem;
}
#inspired-garage #experience-video .container .play-link {
  color: #efe9e5;
  text-decoration: underline;
}
#inspired-garage .seo-content .container .content {
  background-color: #efe9e5;
  padding: 1.5rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage .seo-content .container .content {
    flex-basis: 50%;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
#inspired-garage .seo-content .container .content h2 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  color: #877971;
  font-size: 13px;
  padding-bottom: 1rem;
}
#inspired-garage .seo-content .container .content a {
  font-family: "Lato", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 165%; /* 26.4px */
  letter-spacing: 0.16px;
  text-decoration-line: underline;
  color: #282829;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage .seo-content .container .content a {
    font-size: 14.4px;
    line-height: 135%; /* 19.44px */
    letter-spacing: 0.936px;
    text-decoration-line: underline;
  }
}
#inspired-garage .seo-content .container .content a.cta-button-black {
  color: #ffffff;
  text-decoration: none;
}
#inspired-garage #our-promise, #inspired-garage #garage-stalls {
  padding: 4rem 0 0 0;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #our-promise .container, #inspired-garage #garage-stalls .container {
    display: flex;
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #our-promise .container .img-wrapper, #inspired-garage #garage-stalls .container .img-wrapper {
    flex-basis: 50%;
  }
}
#inspired-garage #our-promise .container .img-wrapper img, #inspired-garage #garage-stalls .container .img-wrapper img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #our-promise .container .img-wrapper img, #inspired-garage #garage-stalls .container .img-wrapper img {
    height: 350px;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #our-promise .container .img-wrapper img, #inspired-garage #garage-stalls .container .img-wrapper img {
    height: 100%;
  }
}
#inspired-garage #filter-options .container h1 {
  color: #282829;
  text-align: left;
  padding: 2rem 1.5rem;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #filter-options .container h1 {
    text-align: center;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container h1 {
    padding: 4rem 0 0 0;
  }
}
#inspired-garage #filter-options .container .options {
  position: relative;
  border-top: 1px solid #282829;
  border-bottom: 1px solid #282829;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options {
    border: none;
    margin: 1rem auto;
  }
}
#inspired-garage #filter-options .container .options .mobile-filter-button {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  border-right: 1px solid #282829;
  border-left: none;
  padding: 1rem;
  cursor: pointer;
  flex-basis: 50%;
  color: #282829;
}
#inspired-garage #filter-options .container .options .mobile-filter-button span:last-of-type {
  display: none;
}
#inspired-garage #filter-options .container .options .mobile-filter-button.open span:last-of-type {
  display: inline;
}
#inspired-garage #filter-options .container .options .mobile-filter-button.open span:first-of-type {
  display: none;
}
#inspired-garage #filter-options .container .options .filter-buttons {
  display: none;
  position: absolute;
  top: 55px;
  left: 30px;
  background-color: #ffffff;
  width: 150px;
  border: 1px solid #282829;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #filter-options .container .options .filter-buttons {
    left: 110px;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options .filter-buttons {
    display: flex;
    position: relative;
    border: none;
    width: auto;
    top: unset;
    left: unset;
  }
}
#inspired-garage #filter-options .container .options .filter-buttons.open {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options .filter-buttons {
    align-items: flex-end;
    flex-direction: row;
    gap: 1rem;
  }
}
#inspired-garage #filter-options .container .options .filter-buttons button {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.105em;
  padding: 1rem;
  cursor: pointer;
  color: #282829;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options .filter-buttons button {
    border: 1px solid #282829;
  }
}
#inspired-garage #filter-options .container .options .filter-buttons button.active {
  background-color: #e4d3d1;
}
#inspired-garage #filter-options .container .options .filter-buttons a {
  color: #877971;
  text-decoration: underline;
  margin-left: 0.5rem;
  padding: 0.75rem 0;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options .filter-buttons a {
    padding: 0;
  }
}
#inspired-garage #filter-options .container .options .view-colors {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #filter-options .container .options .view-colors {
    margin-top: 0;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options .view-colors {
    flex-basis: auto;
  }
}
#inspired-garage #filter-options .container .options .view-colors .filter-icons {
  margin-top: -5px;
  max-height: 15px;
  margin-right: 0.5rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #filter-options .container .options .view-colors .filter-icons {
    margin-top: -18px;
    max-height: 35px;
    margin-right: 1rem;
  }
}
#inspired-garage #filter-options .container .options .view-colors a {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  color: #282829;
}
#inspired-garage #inspired-designs .container .designs {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  padding: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #inspired-designs .container .designs {
    gap: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #inspired-designs .container .designs {
    padding: 1.5rem 0;
  }
}
@media screen and (min-width: 75em) {
  #inspired-garage #inspired-designs .container .designs {
    gap: 2rem;
  }
}
#inspired-garage #inspired-designs .container .designs #loader {
  text-align: center;
  font-size: 40px;
  margin: 0 auto;
}
#inspired-garage #inspired-designs .container .designs .design {
  flex-basis: 100%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #inspired-designs .container .designs .design {
    flex-basis: 46.5%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #inspired-designs .container .designs .design {
    flex-basis: 31.5%;
  }
}
#inspired-garage #inspired-designs .container .designs .design .img-wrapper img {
  max-height: 220px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#inspired-garage #inspired-designs .container .designs .design .content {
  background-color: #efe9e5;
  padding: 0.75rem 0.75rem 0 0.75rem;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading {
  display: flex;
  justify-content: space-between;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading h2 {
  padding: 7px 0px;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #inspired-designs .container .designs .design .content .heading h2 {
    height: 50px;
  }
}
@media screen and (min-width: 75em) {
  #inspired-garage #inspired-designs .container .designs .design .content .heading h2 {
    height: auto;
  }
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div {
  display: flex;
  gap: 0.75rem;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #282829;
  border-radius: 50%;
  height: 31px;
  width: 31px;
  text-align: center;
  cursor: pointer;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div.color img {
  border-radius: 50%;
  height: 100%;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div.color .tile-tooltip {
  top: -100px;
  left: -25px;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div.type img {
  max-width: 20px;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div.type img.three-stall {
  max-width: 24px;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div.type .tile-tooltip {
  top: -22px;
  left: -10px;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div.type .tile-tooltip span {
  width: 50px;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div .tile-tooltip {
  display: none;
  background-color: #ffffff;
  position: absolute;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div .tile-tooltip img {
  border-radius: 0;
  max-width: 80px;
  max-height: 80px;
  border: 2px solid #ffffff;
  border-bottom: none;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div .tile-tooltip span {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
}
#inspired-garage #inspired-designs .container .designs .design .content .heading > div > div .tile-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: solid 10px #ffffff;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
#inspired-garage #inspired-designs .container .designs .design .content p {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  letter-spacing: 0.16px;
  color: #282829;
  line-height: 135%; /* 19.44px */
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #inspired-designs .container .designs .design .content p {
    font-size: 14.4px;
    letter-spacing: 0.936px;
  }
}
#inspired-garage #inspired-designs .container .designs .design .content p {
  font-style: italic;
  color: #877971;
  height: 60px;
  letter-spacing: 0.16px;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #inspired-designs .container .designs .design .content p {
    height: 75px;
  }
}
#inspired-garage #inspired-designs .container .designs .design .content .features-and-details {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  #inspired-garage #inspired-designs .container .designs .design .content .features-and-details {
    height: 150px;
  }
}
#inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div {
  flex-basis: 47%;
}
#inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div h4 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  margin-bottom: 0.5rem;
}
#inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div ul {
  list-style: none;
  margin-left: 0;
}
#inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div ul li {
  font-size: 14px;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div ul li {
    font-size: 16px;
  }
}
#inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div.details ul li {
  color: #821f2d;
  font-size: 14px;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #inspired-designs .container .designs .design .content .features-and-details > div.details ul li {
    font-size: 16px;
  }
}
#inspired-garage #inspired-designs .container .designs .design .view-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  background-color: #282829;
  color: #ffffff;
  padding: 1rem;
}
#inspired-garage #inspired-designs .container .designs .design .view-details img {
  max-height: 8px;
}
#inspired-garage #inspired-designs .container .view-more {
  text-align: center;
  width: 100%;
  margin-top: 1rem;
}
#inspired-garage #inspired-designs .container .view-more button {
  flex-direction: row;
  align-items: center;
  cursor: pointer;
}
#inspired-garage #inspired-designs .container .view-more button img {
  margin-left: 1rem;
}
#inspired-garage #schedule-consultation-garage {
  margin-top: 3rem;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #schedule-consultation-garage {
    margin-top: 4rem;
  }
}
#inspired-garage #schedule-consultation-garage .container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 30px;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #schedule-consultation-garage .container {
    flex-direction: row;
    padding: 1.5rem;
  }
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #schedule-consultation-garage .container > div {
    flex-basis: 47%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #schedule-consultation-garage .container > div {
    flex-basis: 48%;
  }
}
#inspired-garage #schedule-consultation-garage .container > div.img-wrapper {
  display: none;
}
#inspired-garage #schedule-consultation-garage .container > div.img-wrapper img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #schedule-consultation-garage .container > div.img-wrapper {
    display: block;
  }
}
#inspired-garage #schedule-consultation-garage .container > div.form {
  padding: 0 1.5rem;
}
#inspired-garage #schedule-consultation-garage .container > div.form h2 {
  color: #282829;
}
#inspired-garage #schedule-consultation-garage .container > div.form .gform_validation_errors {
  display: none;
}
#inspired-garage #schedule-consultation-garage .container > div.form .gform_heading .gform_required_legend {
  display: none;
}
#inspired-garage #schedule-consultation-garage .container > div.form form {
  position: relative;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform-body input[type=text], #inspired-garage #schedule-consultation-garage .container > div.form form .gform-body input[type=email], #inspired-garage #schedule-consultation-garage .container > div.form form .gform-body input[type=tel] {
  padding: 2px 0;
  border: none;
  border-bottom: 1px solid #282829;
  box-shadow: none;
  height: auto;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform-body .gform_fields .gfield legend, #inspired-garage #schedule-consultation-garage .container > div.form form .gform-body .gform_fields .gfield label {
  margin-top: 15px;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform-body .gform_fields .gfield legend .gfield_description, #inspired-garage #schedule-consultation-garage .container > div.form form .gform-body .gform_fields .gfield label .gfield_description {
  display: none;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform-body .gform_fields .gfield.text-me-field label {
  margin-top: 0;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform-body .gform_fields .gfield textarea {
  box-shadow: none;
  border: 1px solid #282829;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform-body #field_5_20 > label {
  display: none;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gfield_validation_message {
  border: none;
  background: transparent;
  padding: 10px 0;
  font-size: 14px;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform_footer {
  margin: 0;
  padding: 1rem 0 0 0;
  right: 0;
  bottom: 4px;
  width: auto;
}
#inspired-garage #schedule-consultation-garage .container > div.form form .gform_footer input[type=submit] {
  color: #282829;
  display: inline-flex;
  min-width: 170px;
  height: 46px;
  padding: 10px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  text-align: center;
  font-family: Lato;
  font-size: 13px;
  font-style: normal;
  font-weight: 800;
  line-height: 106%; /* 13.78px */
  letter-spacing: 1.365px;
  text-transform: uppercase;
  color: #ffffff;
}
#inspired-garage #custom-designs {
  margin-top: 2rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #custom-designs {
    margin-top: 4rem;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #custom-designs .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
}
#inspired-garage #custom-designs .container > div {
  flex-basis: 50%;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #custom-designs .container > div.img-wrapper img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#inspired-garage #testimonials {
  text-align: center;
  margin: 2rem 0;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #testimonials {
    margin: 4rem 0 2rem 0;
  }
}
#inspired-garage #testimonials .container .testimonial-list {
  margin: 2rem 0;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #testimonials .container .testimonial-list {
    display: flex;
    flex-wrap: wrap;
    margin: 3.5rem 0 0 0;
  }
}
#inspired-garage #testimonials .container .testimonial-list .testimonial {
  background-color: transparent;
  margin: 0 0 1.5rem 0;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #testimonials .container .testimonial-list .testimonial {
    max-width: 60%;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #testimonials .container .testimonial-list .testimonial {
    flex-basis: 32%;
  }
}
#inspired-garage #testimonials .container .testimonial-list .testimonial div.content {
  font-style: italic;
  font-size: 16px;
  margin-top: 0.5rem;
}
#inspired-garage #testimonials .container .testimonial-list .testimonial div.content p {
  font-weight: 600;
  margin-bottom: 0.5rem;
  letter-spacing: 0.16px;
}
#inspired-garage #testimonials .container .testimonial-list .testimonial div.name {
  color: #821f2d;
  margin-top: 10px;
}
#inspired-garage #testimonials .container .cta {
  margin-top: 2rem;
}
#inspired-garage #design-examples-garage {
  margin-top: 4rem;
}
#inspired-garage #design-examples-garage .container h1 {
  text-align: center;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #design-examples-garage .container h1 {
    margin-bottom: 0;
  }
}
#inspired-garage #design-examples-garage .container .design-slider-garage > button {
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  top: 88.5%;
  width: 18px;
  height: 18px;
}
#inspired-garage #design-examples-garage .container .design-slider-garage > button:before {
  content: "";
}
#inspired-garage #design-examples-garage .container .design-slider-garage > button.slick-prev {
  background-image: url("/wp-content/themes/inspired-closets/assets/images/garage/arrow-left-white.png");
  left: 42.75%;
}
#inspired-garage #design-examples-garage .container .design-slider-garage > button.slick-next {
  background-image: url("/wp-content/themes/inspired-closets/assets/images/garage/arrow-right-white.png");
  left: 56%;
}
#inspired-garage #design-examples-garage .container .design-slider-garage .slick-dots {
  bottom: 50px;
}
#inspired-garage #design-examples-garage .container .design-slider-garage .slick-dots li {
  margin: 0;
}
#inspired-garage #design-examples-garage .container .design-slider-garage .slick-dots li button {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #ffffff;
}
#inspired-garage #design-examples-garage .container .design-slider-garage .slick-dots li button:before {
  content: "";
}
#inspired-garage #design-examples-garage .container .design-slider-garage .slick-dots li.slick-active button {
  background-color: #ffffff;
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide {
  position: relative;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #design-examples-garage .container .design-slider-garage .design-slide.slick-slide {
    width: 1000px;
    height: 490px;
    max-height: 490px;
  }
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide.slick-slide:not(.slick-current) {
  cursor: pointer;
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide .design-image {
  position: relative;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #design-examples-garage .container .design-slider-garage .design-slide .design-image {
    margin: 0 0 25px 0;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
    height: 100%;
  }
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide .design-image img {
  width: 100%;
  max-width: 100%;
  height: 390px;
  max-height: 390px;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(60%);
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide .design-image p {
  display: none;
  position: absolute;
  bottom: -16px;
  background-color: rgba(255, 255, 255, 0.7);
  height: 80px;
  align-content: center;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 1rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #design-examples-garage .container .design-slider-garage .design-slide .design-image p {
    bottom: 5px;
    padding: 0rem 1rem 0rem 1.75rem;
    width: 238px;
  }
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide.slick-current .design-image img {
  filter: brightness(100%);
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #design-examples-garage .container .design-slider-garage .design-slide.slick-current .design-image img {
    max-height: 480px;
    height: 480px;
  }
}
#inspired-garage #design-examples-garage .container .design-slider-garage .design-slide.slick-current .design-image p {
  display: flex;
}
#inspired-garage #design-examples-garage .container .thumbnails {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 0.85rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #design-examples-garage .container .thumbnails {
    display: none;
  }
}
#inspired-garage #design-examples-garage .container .thumbnails div.img-wrapper {
  position: relative;
  filter: brightness(50%);
}
#inspired-garage #design-examples-garage .container .thumbnails div.img-wrapper.active {
  filter: brightness(100%);
  border-bottom: 1px solid #282829;
  padding-bottom: 3px;
}
#inspired-garage #design-examples-garage .container .thumbnails div.img-wrapper img {
  height: 41px;
  width: 41px;
  -o-object-fit: cover;
     object-fit: cover;
}
#inspired-garage #door-configurations {
  margin: 4rem 0 2rem 0;
}
#inspired-garage #door-configurations .container h1 {
  text-align: center;
  margin-bottom: 1rem;
}
#inspired-garage #door-configurations .container h3 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  text-align: center;
  padding: 0 1rem;
}
#inspired-garage #door-configurations .container > div .navigation {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .navigation {
    display: none;
  }
}
#inspired-garage #door-configurations .container > div .navigation button {
  flex-basis: 50%;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  padding: 1rem;
  color: #282829;
}
#inspired-garage #door-configurations .container > div .navigation button.active {
  background-color: #821f2d;
  color: #ffffff;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3rem;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div {
  display: none;
  position: relative;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div {
    display: block;
    flex-basis: 48%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div button {
  position: absolute;
  cursor: pointer;
  padding: 1rem;
}
#inspired-garage #door-configurations .container > div .configurations > div button span {
  display: block;
  border: 1px solid #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 50%;
}
#inspired-garage #door-configurations .container > div .configurations > div button.active span {
  background-color: #821f2d;
}
#inspired-garage #door-configurations .container > div .configurations > div .label {
  display: none;
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  padding: 1rem;
  background-color: #821f2d;
  color: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div .label {
    display: block;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.active {
  display: block;
}
#inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.extra-top-storage-space {
  top: 2%;
  left: 33%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.extra-top-storage-space {
    top: 5.5%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.extra-top-storage-space {
    top: 4.5%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.built-for {
  top: 15%;
  left: 55%;
}
#inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.smooth-operator {
  top: 26%;
  left: 26%;
}
@media screen and (min-width: 40em) and (max-width: 48em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.smooth-operator {
    top: 32%;
    left: 27%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.heavy-duty-construction {
  top: 48%;
  left: 36%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.heavy-duty-construction {
    top: 56.5%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.heavy-duty-construction {
    top: 50%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.easy-on-the-eyes {
  top: 40%;
  left: 26%;
}
@media screen and (min-width: 40em) and (max-width: 48em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.easy-on-the-eyes {
    top: 48%;
    left: 28%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.cleanup {
  top: 63%;
  left: 32%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.cleanup {
    top: 73%;
    left: 36%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.hinged-doors button.cleanup {
    top: 65%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.extra-top-storage-space {
  top: 4%;
  left: 21%;
}
@media screen and (min-width: 40em) and (max-width: 48em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.extra-top-storage-space {
    top: 7%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.extra-top-storage-space {
    top: 5%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.built-for {
  top: 20%;
  left: 70%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.built-for {
    left: 70%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.smooth-operator {
  top: 62%;
  left: 32%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.smooth-operator {
    top: 71%;
    left: 35%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.smooth-operator {
    top: 64%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.heavy-duty-construction {
  top: 46%;
  left: 9%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.heavy-duty-construction {
    top: 54%;
    left: 9%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.heavy-duty-construction {
    top: 48%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.easy-on-the-eyes {
  top: 33%;
  left: 17%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.easy-on-the-eyes {
    top: 40%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.easy-on-the-eyes {
    top: 35%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.cleanup {
  top: 63%;
  left: 70%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.cleanup {
    top: 72%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.cleanup {
    top: 65%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.open-reach-space {
  top: 14%;
  left: 35%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.open-reach-space {
    top: 18%;
    left: 37%;
  }
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.open-reach-space {
    top: 15%;
    left: 36%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.fits-most-anywhere {
  top: 33%;
  left: 47%;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #door-configurations .container > div .configurations > div.sliding-doors button.fits-most-anywhere {
    left: 50%;
  }
}
#inspired-garage #door-configurations .container > div .configurations > div .content {
  padding: 1.5rem;
}
#inspired-garage #door-configurations .container > div .configurations > div .content .seperator {
  height: 2px;
  background-color: #821f2d;
  width: 70px;
  margin: 0.25rem 0 1.25rem 0;
}
#inspired-garage #door-configurations .container > div .configurations > div .content .title {
  font-weight: 800;
}
#inspired-garage #door-configurations .container > div .configurations > div .content .copy {
  font-style: italic;
  font-weight: 600;
  color: #877971;
  letter-spacing: 0.16px;
}
#inspired-garage #garage-stalls {
  margin: 0 0 4rem 0;
  padding: 0;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #garage-stalls {
    margin: 0 0 6rem 0;
  }
}
#inspired-garage #garage-stalls .container h3 {
  font-family: "big-caslon-fb", serif;
  font-size: 24px;
}
#inspired-garage #garage-stalls .container p {
  margin-bottom: 2rem;
}
#inspired-garage #garage-stalls .container p:last-of-type {
  margin-bottom: 1rem;
}
#inspired-garage #related-blog-articles {
  background-color: #efe9e5;
  padding: 0.5rem 0;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles {
    padding: 2rem 0;
  }
}
#inspired-garage #related-blog-articles .container {
  padding: 1.5rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container {
    padding: 0 1rem;
  }
}
#inspired-garage #related-blog-articles .container > h1 {
  text-align: center;
  margin-bottom: 1rem;
  padding: 1rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container > h1.mobile {
    display: none;
  }
}
#inspired-garage #related-blog-articles .container > h1.desktop {
  display: none;
  padding: 0;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container > h1.desktop {
    display: block;
  }
}
#inspired-garage #related-blog-articles .container > h3 {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  text-align: center;
  display: none;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container > h3 {
    display: block;
  }
}
#inspired-garage #related-blog-articles .container .blog-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 3rem;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #related-blog-articles .container .blog-articles {
    gap: 2rem;
    margin-top: 3rem;
    flex-direction: row;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container .blog-articles {
    justify-content: space-around;
  }
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #related-blog-articles .container .blog-articles .article {
    flex-basis: 47%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container .blog-articles .article {
    flex-basis: 30.5%;
  }
}
@media screen and (min-width: 75em) {
  #inspired-garage #related-blog-articles .container .blog-articles .article {
    flex-basis: 31.5%;
  }
}
@media print, screen and (min-width: 64em) {
  #inspired-garage #related-blog-articles .container .blog-articles .article:nth-of-type(4) {
    display: none;
  }
}
#inspired-garage #related-blog-articles .container .blog-articles .article .img-wrapper img {
  height: 300px;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#inspired-garage #related-blog-articles .container .blog-articles .article .content {
  position: relative;
  background-color: #ffffff;
  padding: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #related-blog-articles .container .blog-articles .article .content {
    height: 240px;
  }
}
#inspired-garage #related-blog-articles .container .blog-articles .article .content h2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#inspired-garage #related-blog-articles .container .blog-articles .article .content p {
  color: #877971;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-top: 1rem;
}
#inspired-garage #related-blog-articles .container .blog-articles .article .content a {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14.4px;
  letter-spacing: 0.18em;
  margin-bottom: 0;
  color: #282829;
  display: block;
}
@media print, screen and (min-width: 40em) {
  #inspired-garage #related-blog-articles .container .blog-articles .article .content a {
    position: absolute;
    bottom: 25px;
  }
}
#inspired-garage #related-blog-articles .container .blog-articles .article .content a img {
  margin-left: 0.5rem;
  max-width: 22px;
}
#inspired-garage #related-blog-articles .container .view-more {
  text-align: center;
  width: 100%;
  margin-top: 3rem;
}
/*# sourceMappingURL=page-inspired-garage.css.map */