@charset "UTF-8";
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * Font variables:
 * Quick n dirty hack to try to reflect brand update fonts throughout site.
 * When refactor, clean this up!
 */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/**
 * Font variables:
 * Quick n dirty hack to try to reflect brand update fonts throughout site.
 * When refactor, clean this up!
 */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
/* Global variables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
 * Font size & line height variables:
 * Used to calculate the global html element's line height.
 */
/* Font family, weights & styles */
/* Screen Sizes & Flexbox Grid Media Query Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Screen size variables:
   * Will clean these up with a refactor.
   * 1. When refactor, replace this with new @media mixins.
   * 2. When refactor, replace this with new @media mixins.
   * 3. When refactor, replace this with new @media mixins.
   * 4. When refactor, replace this with $container-width-large.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/**
   * Flexbox Grid breakpoint variables:
   * 1. 768px
   * 2. 992px
   * 3. 1200px
   * 4. 767px
   * 5. 991px
   * 6. 1199px
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* 5 */
/* 6 */
/**
   * Flexbox Grid mixins:
   * These are the primary mixins to use for your media queries.
   * Mobile-first approach.
   * Use often!
   */
/**
   * Specific grid sections:
   * Use only when necessary.
   */
/* Color Palette
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Primary & Secondary Brand Colors:
   * 1. Used for primary buttons
   * 2. Used for secondary buttons.
   */
/* 1 */
/* 2 */
/**
   * Neutral colors:
   * 1. Backgrounds only.
   * 2. All basic UI, input outlines, lines, etc.
   */
/* 1 */
/* 2 */
/* Utility Colors */
/* Will update to correct color */
/* Will update to correct color */
/* Will update to correct color */
/* Other Colors */
/**
   * Text colors:
   * 1. Lightest colored text.
   * 2. Medium colored text.
   * 3. Dark colored text.
   * 4. Text to go over a disabled button.
   */
/* 1 */
/* 2 */
/* 3 */
/* 4 */
/* Link colors */
/* #5991b2 */
/* #66ad86 */
/* #b28e45 */
/* Link Color Mixins */
/* Typography
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Font Mixins */
/* Type Scale Mixins */
/* Typography - Style Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Headlines */
/* h1 */
/* h2 */
/* h3 */
/* h4, h5 */
/* Subhead */
/**
   * Titles:
   * Use in cards, places that are not headlines.
   */
/**
   * Subtitles:
   * Use in cards, information underneath card titles.
   * Examples: Locations, Property, Proximity, etc.
   */
/**
   * Labels:
   * Used for section labels, forms, stats, etc.
   */
/* All caps */
/* Paragraphs */
/* Blockquotes */
/* Transparencies & Shadows
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dark transparencies:
   * Use for text shadow, dark scrim colors and box shadows.
   */
/**
   * Light transparencies:
   * Use for white scrim color.
   */
/**
   * Dark gradient transparencies:
   * Use for gradient scrims.
   */
/**
   * Hover states for items:
   * Use for dropdown menus hover background color, calendar blocks, etc.
   */
/**
   * Shadows:
   * Use for box shadows, like cards & other containers.
   */
/**
   * Text Shadows:
   * Use for text.
   */
/* Spacing Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Margins & Padding:
   * Use these variables for spacing.
   */
/* 4px */
/* 8px */
/* -8px */
/* 16px */
/* 24px */
/* 32px */
/* 48px */
/* 64px */
/* 80px */
/* 96px */
/* Button Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Animation Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Ease:
   * Slow/Speed up timing at beginning & end of timelines of animations
   */
/**
   * Growing Shadow on Hover:
   * Used for cards and other containers throughout site.
   */
/* Other Variables & Mixins
  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/**
   * Dividers:
   * Use for horizontal & vertical dividers/lines/rules.
   */
/**
   * Rich text:
   * Used to give umbraco components ability to use global styles in wysiwyg rich html editors.
   */
.footer-container {
  background-color: #000000;
  overflow: auto;
  padding: 20px 0 0;
  text-align: center;
}
.footer-container .footer-nav {
  display: inline-block;
  margin: 0 auto;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 100%;
}
.footer-container .footer-nav a {
  color: #606060;
}
.footer-container .footer-nav a:hover {
  color: rgb(89.0139710792, 145.3718077122, 178.0000289208);
}
.footer-container .footer-nav .footer-titles {
  overflow: hidden;
}
.footer-container .footer-nav .footer-titles .right {
  float: right;
}
.footer-container .footer-nav .footer-titles .left {
  float: left;
}
.footer-container .footer-nav .footer-titles .link-title {
  color: #ffffff;
  padding: 0 0 5px;
}
.footer-container .footer-nav .footer-titles li {
  font-weight: bold;
  padding: 0 0 5px;
}
.footer-container .footer-nav .inspirato-white-footer-logo .svg-image {
  padding-top: 5%;
  text-align: center;
}

.social-sharing-container {
  border-bottom: 1px solid #e6e5e4;
  padding-bottom: 10px;
  padding-top: 5px;
  text-align: center;
}

.secondary {
  line-height: 18px;
}

.primary ul,
.secondary ul,
.footer-titles li {
  margin: 0;
  padding: 0;
}

/* Footer Padding Styles */
.layout-expand:after {
  content: "";
  display: block;
  margin: 0 0 0; /* set the top margin for spacing between the main body and the footer */
  /* border-bottom: solid 1px $btn-bg2color3;  footer border */
}

.sub-footer-margin-top:before {
  content: "";
  display: block;
  margin: 50px 0 0;
}

.header-margin-bottom:after {
  content: "";
  display: block;
  margin: 0 0 45px;
}

.sub-footer .social {
  margin-left: 15px;
  margin-right: 15px;
  min-width: 222px;
}
.sub-footer .social a {
  margin: 0 10px;
}

.do-not-enable-responsive-footer .link-title {
  margin: 0;
}
.do-not-enable-responsive-footer.layout-row {
  display: block;
}
.do-not-enable-responsive-footer.sub-footer {
  background-color: #000000;
  border-top: solid 1px #858585;
  font-size: 11px;
  line-height: 1.25em;
  width: 100%;
}
@media all and (min-width: 1360px) {
  .do-not-enable-responsive-footer.sub-footer div.footer-content {
    width: 1182px;
  }
}
@media all and (min-width: 1680px) {
  .do-not-enable-responsive-footer.sub-footer div.footer-content {
    width: 1280px;
  }
}
@media all and (min-width: 1930px) {
  .do-not-enable-responsive-footer.sub-footer div.footer-content {
    width: 1440px;
  }
}
.do-not-enable-responsive-footer.sub-footer div.footer-content {
  margin: 0 auto;
  width: 1024px;
}
.do-not-enable-responsive-footer.sub-footer ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}
.do-not-enable-responsive-footer.sub-footer li {
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
}
.do-not-enable-responsive-footer.sub-footer .logo {
  background-position: center;
  background-size: 160px auto;
  float: left;
  height: 103px;
  padding: 0 20px;
  width: 160px;
}

.enable-responsive-footer {
  font-family: "GT America", "Helvetica Neue", sans-serif;
}
.enable-responsive-footer .layout-footer {
  display: block;
}
.enable-responsive-footer .footer-container {
  background: #000000;
  padding: 32px 0;
}
.enable-responsive-footer .footer-container .footer-nav .footer-titles .link-title {
  font-family: "GT America", "Helvetica Neue", sans-serif;
  font-weight: 400;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.enable-responsive-footer .footer-container .footer-nav .footer-titles li {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
}
.enable-responsive-footer.sub-footer {
  background-color: #000000;
  border-top: solid 1px #858585;
  font-size: 11px;
  line-height: 1.25;
  width: 100%;
}
.enable-responsive-footer.sub-footer ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  padding: 35px 0 50px 0;
}
.enable-responsive-footer.sub-footer .copyright {
  color: #606060;
  max-width: 550px;
  padding: 0 20px;
  text-align: center;
}
.enable-responsive-footer.sub-footer .logo-container {
  height: 15px;
  min-width: 150px;
  padding: 0 36px;
}
.enable-responsive-footer.sub-footer .logo-container div {
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 870px) and (max-width: 1024px) {
  .enable-responsive-footer .footer-info-column li {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 870px) {
  .enable-responsive-footer.sub-footer .quick-links {
    display: none;
  }
}
@media screen and (max-width: 870px) {
  .enable-responsive-footer .inspirato-white-footer-logo {
    display: none;
  }
  .enable-responsive-footer .footer-titles {
    width: 100% !important;
  }
  .enable-responsive-footer .footer-info-column {
    -webkit-align-content: center;
            align-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    width: 100% !important;
  }
  .enable-responsive-footer .footer-info-column .link-title {
    font-size: 18px;
    margin: 0;
    padding: 15px 0 !important;
  }
  .enable-responsive-footer .footer-info-column .right,
  .enable-responsive-footer .footer-info-column .left {
    margin: auto;
    width: 300px;
  }
  .enable-responsive-footer .footer-accordion {
    cursor: pointer;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .enable-responsive-footer .footer-accordion:after {
    color: #606060;
    content: "❯";
    float: right;
    font-size: 14px;
    margin: 0 10px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .enable-responsive-footer .footer-accordion.active:after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }
  .enable-responsive-footer .footer-accordion-border {
    border-top: solid 1px #606060;
  }
  .enable-responsive-footer .footer-accordion-drawer {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  .enable-responsive-footer .footer-accordion-drawer li {
    padding-bottom: 20px !important;
  }
  .enable-responsive-footer .footer-accordion-drawer.show {
    font-size: 16px;
    margin-top: 10px !important;
    max-height: 152px;
    opacity: 1;
  }
  .enable-responsive-footer .sub-footer {
    border-top: none;
    margin-top: -1px;
  }
  .enable-responsive-footer .sub-footer ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
  .enable-responsive-footer .sub-footer li {
    margin: auto;
    text-align: center;
  }
  .enable-responsive-footer .sub-footer .social {
    margin-bottom: 50px;
    margin-top: 30px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
            order: 2;
  }
  .enable-responsive-footer .sub-footer .copyright {
    max-width: none;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
            order: 4;
  }
  .enable-responsive-footer .sub-footer .copyright a {
    overflow: hidden;
    white-space: nowrap;
  }
  .enable-responsive-footer .sub-footer .logo-container {
    margin-left: -webkit-calc(50% - 111px);
    margin-left: calc(50% - 111px);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
            order: 1;
  }
  .enable-responsive-footer .sub-footer .quick-links {
    color: #ffffff;
    display: block;
    font-size: 12px;
    margin-bottom: 15px;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
            order: 3;
  }
  .enable-responsive-footer .sub-footer .quick-links a {
    color: #ffffff;
    padding: 0 5px;
  }
}

.build-number {
  background: red;
  color: black;
  font-size: 30px;
  padding: 20px 0;
  text-align: center;
}
@media screen and (max-width: 870px) {
  .build-number {
    font-size: inherit;
  }
}