/**
 * Deckers variables
 *
 * These variables extend the base MFRA configuration and apply to ALL Deckers
 * sites. If a variable needs overridden for a single site it should be placed
 * in that site's _variables.scss file.
 */
/**
 * Site style configuration
 *
 * Change these values to configure different brand sites to have different
 * fonts, colors, spacing, etc...
 */
/**
 * Deckers variables
 *
 * These variables extend the base MFRA configuration and apply to ALL Deckers
 * sites. If a variable needs overridden for a single site it should be placed
 * in that site's _variables.scss file.
 */
/**
 * Site style configuration
 *
 * Change these values to configure different brand sites to have different
 * fonts, colors, spacing, etc...
 */
:root {
  --tile-height: 512px;
  --header-height: 40px; }

.category-tile {
  position: relative; }
  .category-tile h3 {
    position: absolute;
    bottom: 1.875rem;
    left: 1.875rem;
    color: #fff; }
  .category-tile::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.5) 100%); }

.page .hero {
  background-position-y: 0; }

.page .shop-the-style .hero {
  background-position-y: 45%; }

.hp-category-message,
.hp-promotion-message {
  position: absolute;
  bottom: 0.9375em;
  left: 1.875em; }
  .hp-category-message a,
  .hp-promotion-message a {
    color: #fff; }
  .hp-category-message a.hp-promotion-message1,
  .hp-promotion-message a.hp-promotion-message1 {
    font-size: 0.75em; }

.category-tile {
  border: 1px solid white; }

.half-height {
  min-height: 23.125em; }
  @media (max-width: 767.98px) {
    .half-height {
      min-height: 15.375em; } }

.full-height {
  min-height: 51.725em; }
  @media (max-width: 767.98px) {
    .full-height {
      min-height: 35.375em; } }
  @media (max-width: 575.98px) {
    .full-height {
      min-height: 15.375em; } }

.mens-jackets {
  background-position: 50% 34%; }
  @media (min-width: 576px) {
    .mens-jackets {
      background-size: auto 100%; } }
  @media (max-width: 575.98px) {
    .mens-jackets {
      background-position-y: 8%; } }

.womens-dresses {
  background-position: 50% 15%; }

.womens-jewelry {
  background-position: 40% 60%; }
  @media (min-width: 576px) {
    .womens-jewelry {
      background-size: auto 100%; } }

.shop-red {
  background-position-y: 60%;
  min-height: 28.65em; }
  @media (max-width: 767.98px) {
    .shop-red {
      min-height: 15.375em; } }
  @media (max-width: 575.98px) {
    .shop-red {
      background-position: 45% 85%; } }

@media (max-width: 575.98px) {
  .container.home-categories {
    padding-left: 0;
    padding-right: 0; } }

.home-main-categories {
  margin-bottom: 2em; }

.hp-product-grid {
  margin: 0; }
  .hp-product-grid .hp-product-content {
    background-color: transparent;
    text-align: center;
    border: 0; }
    @media (max-width: 575.98px) {
      .hp-product-grid .hp-product-content {
        min-height: 20.375em; } }
    .hp-product-grid .hp-product-content span {
      font-size: 1em; }
      @media (max-width: 767.98px) {
        .hp-product-grid .hp-product-content span {
          font-size: 0.85em; } }
      @media (max-width: 575.98px) {
        .hp-product-grid .hp-product-content span {
          font-size: 0.65em; } }
    .hp-product-grid .hp-product-content span.largeText {
      font-size: 5.5em;
      font-weight: 200; }
      @media (max-width: 1199.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 4.5em; } }
      @media (max-width: 1024.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 3.4em; } }
      @media (max-width: 767.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 3em; } }
      @media (max-width: 575.98px) {
        .hp-product-grid .hp-product-content span.largeText {
          font-size: 2.5em; } }
    .hp-product-grid .hp-product-content a {
      color: #0077b8;
      text-decoration: none; }

.home-email-signup {
  background-color: #231f20; }
  .home-email-signup > .container {
    padding-top: 0.625em;
    padding-bottom: 0.625em; }
  .home-email-signup .email-description {
    padding-top: 0.375em;
    color: #fff; }

/* stylelint-disable selector-max-specificity, selector-max-class, selector-max-compound-selectors, selector-max-combinators, max-nesting-depth, no-descending-specificity */
/**
 * Deckers variables
 *
 * These variables extend the base MFRA configuration and apply to ALL Deckers
 * sites. If a variable needs overridden for a single site it should be placed
 * in that site's _variables.scss file.
 */
/**
 * Site style configuration
 *
 * Change these values to configure different brand sites to have different
 * fonts, colors, spacing, etc...
 */
:root {
  --tile-height: 512px;
  --header-height: 40px; }

/* https://github.com/pierreburel/sass-rem */
/* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */
/* stylelint-enable */
.p-w-r {
  font-family: "futura-pt", sans-serif !important; }

.p-w-r .pr-snippet span,
.p-w-r .pr-snippet div {
  vertical-align: baseline !important; }

.p-w-r .pr-snippet .pr-snippet-stars-png {
  display: flex !important; }

.p-w-r span,
.p-w-r h2,
.p-w-r p,
.p-w-r h1,
.p-w-r label {
  color: #2a2a38 !important; }

.p-w-r a {
  color: #2a2a38 !important;
  text-decoration: underline !important; }

.product-tile .p-w-r .pr-category-snippet__total.pr-category-snippet__item {
  display: none;
  text-align: center; }

.p-w-r .pr-snippet-stars {
  background-color: transparent !important; }

.pwr-pdp .pr-snippet {
  position: relative; }
  .pwr-pdp .pr-snippet-review-count::before {
    content: "("; }
  .pwr-pdp .pr-snippet-review-count::after {
    content: ")"; }

@media (max-width: 767.98px) {
  .pr-review-snapshot .pr-snippet-read-and-write {
    margin: 15px 0 !important; }
    .pr-review-snapshot .pr-snippet-read-and-write span {
      padding: 0 7.5px 0 0 !important; } }

.pr-header {
  display: none !important; }

.p-w-r .pr-review-snapshot .pr-review-snapshot-header .pr-headline {
  font-size: 0.875rem !important; }

.p-w-r .pr-snippet .pr-snippet-stars-png .pr-snippet-rating-decimal,
.pwr-pdp .pr-snippet-write-review-link,
.pwr-pdp .pr-snippet-stars-reco-reco {
  display: none !important; }

.pr-histogram-label,
.pr-rd-pagination-btn,
.pr-accordion-btn span,
.pr-btn-ask-question span {
  color: #2a2a38 !important; }

.pr-ratings-histogram-barValue,
.pr-filter-btn--button-separated:active .pr-filter-btn__child,
.pr-filter-btn--button-separated:hover .pr-filter-btn__child,
.pr-snapshot-tag-def:hover .pr-filter-btn__voteCount {
  background: #0077b8 !important; }

.pr-cross-icon {
  z-index: 9 !important; }

.pr-btn-ask-question:hover .pr-cross-icon {
  background: #ccc !important; }

.p-w-r .pr-accessible-btn.pr-btn-default,
.p-w-r .pr-snippet-read-and-write a.pr-snippet-write-review-link {
  background-color: #0077b8 !important;
  border-color: #0077b8 !important;
  color: #fff !important;
  text-decoration: none !important; }

.p-w-r .pr-qa-display-headline abbr[title="Questions & Answers"] {
  display: none; }

.p-w-r .pr-qa-display .pr-btn-answer:hover .pr-cross-icon,
.p-w-r .pr-qa-display .pr-btn-ask-question:hover .pr-cross-icon {
  border-color: #0077b8 !important; }

.pr-helpful-btn:hover span {
  color: #2a2a38 !important; }

.pr-helpful-btn:hover svg .pr-thumbs-fill,
.pr-helpful-btn:hover svg .pr-thumbs-cuff-fill {
  fill: #2a2a38 !important; }

.pr-checkbox-icon svg circle {
  fill: #2a2a38 !important; }

.pr-caret-icon__line,
.pr-cross-icon__circle,
.pr-cross-icon__line {
  stroke: #2a2a38 !important; }

.pwr-pdp {
  margin: 0 !important; }

.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write {
  margin-top: 5px;
  display: inline-block !important; }

.p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-stars-container {
  display: inline-block !important;
  cursor: pointer; }

.p-w-r .pr-snippet-review-count {
  cursor: pointer; }

.p-w-r .pr-qa-display .pr-qa-display-headline h1 {
  font-size: 1.25rem; }

@media (max-width: 1024.98px) {
  .p-w-r .pr-rd-review-header-contents {
    padding: 0 !important; } }

.p-w-r .pr-rd-review-header-contents .pr-rd-review-total {
  margin-top: 0 !important; }

.p-w-r .pr-rd-review-header-contents .pr-rd-search-container {
  display: none; }

.pr-qa-display-search {
  display: none; }

.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram {
  border-right: none !important; }

.p-w-r .pr-slider-node-group .pr-slider-node.pr-active {
  background-color: #0077b8 !important; }

.p-w-r .pr-histogram-msq-headline {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 16px !important; }

.p-w-r button.pr-multiselect-button[aria-label="Filter reviews by archtype"],
.p-w-r button.pr-multiselect-button[aria-label="Filter reviews by viewonshoes"],
.p-w-r button.pr-multiselect-button[aria-label="Filter reviews by bestuses"],
.p-w-r button.pr-multiselect-button[aria-label="Filter reviews by gender"],
.p-w-r button.pr-multiselect-button[aria-label="Filter reviews by describeyourself"] {
  display: none; }

.p-w-r .pr-badging-icon circle,
.p-w-r .pr-badging-icon g {
  fill: #0077b8 !important; }

.p-w-r .pr-qa-display-answer-by-container {
  border-color: #0077b8 !important; }

.p-w-r .pr-rd-review-header-contents,
.p-w-r .pr-qa-display-search {
  background-color: #f7f7f9 !important; }

.p-w-r .pr-qa-display-ask-question {
  padding: 0 !important; }

.p-w-r .pr-waqwaa {
  max-width: unset !important; }

.p-w-r :focus {
  outline: none !important;
  box-shadow: none !important; }

.p-w-r .pr-cross-icon::before {
  display: none !important; }

.p-w-r .pr-review-snapshot-simple .pr-reco span {
  color: #fff !important; }

.p-w-r .pr-qa-display .pr-btn-answer:hover .pr-cross-icon {
  border: none !important;
  background: unset !important; }

.p-w-r .pr-qa-display .pr-btn-answer,
.p-w-r .pr-qa-display .pr-btn-answer:hover {
  color: unset !important;
  background: unset !important;
  text-decoration: underline; }

.p-w-r .pr-faceoff-readcomplete {
  color: #0077b8 !important; }

.pr-multiselect .pr-multiselect-button {
  min-width: 200px; }

.p-w-r .pr-rd-sort-group select {
  border-color: #2a2a38 !important;
  color: #2a2a38 !important; }

.p-w-r .pr-questiondisplay {
  margin-bottom: 2rem; }

.product-primary-attributes .p-w-r .pr-review-snippet-container .pr-snippet-slider-root,
.pdp-mobile-elements .p-w-r .pr-review-snippet-container .pr-snippet-slider-root {
  display: none; }

.sf-review-size-snippet {
  width: 100%; }
  .sf-review-size-snippet .p-w-r .pr-review-display,
  .sf-review-size-snippet .p-w-r .pr-review-snapshot-header,
  .sf-review-size-snippet .p-w-r .pr-review-snapshot-simple,
  .sf-review-size-snippet .p-w-r .pr-review-snapshot-block-container,
  .sf-review-size-snippet .p-w-r .pr-review-snapshot-faceoff,
  .sf-review-size-snippet .p-w-r .pr-histogram-msq-headline {
    display: none !important; }
  .sf-review-size-snippet .p-w-r .pr-review-snapshot .pr-review-snapshot-msq-histogram {
    border-spacing: 0 5px; }
    .sf-review-size-snippet .p-w-r .pr-review-snapshot .pr-review-snapshot-msq-histogram .pr-histogram-label {
      padding-left: 0; }
  .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border: none; }
    .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container #msq-histogram-sizing {
      padding-top: 0; }
    .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container #msq-histogram-width {
      padding-bottom: 0; }
      .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container #msq-histogram-width .pr-histogram-msq-slider {
        padding-bottom: 0; }
    .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram {
      width: 100%;
      padding-left: 0 !important;
      padding-right: 0 !important;
      height: auto;
      padding-top: 1rem; }
      .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram .pr-histogram-msq-slider,
      .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram .pr-histogram-msq-headline {
        padding-left: 0 !important; }
      .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram .pr-histogram-msq-slider {
        max-width: 80%; }
      .sf-review-size-snippet .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-histogram-msq-container .pr-review-snapshot-msq-histogram .pr-histogram-msq-headline {
        text-transform: none;
        letter-spacing: normal;
        font-size: 0.875rem !important;
        font-weight: 400; }

.homepage-recommendations {
  padding-top: 23px; }
  .homepage-recommendations .row {
    margin-left: 0;
    margin-right: 0; }
  .homepage-recommendations .recommendations-header {
    width: 100%; }
  .homepage-recommendations .image-container {
    text-align: center; }
    .homepage-recommendations .image-container img {
      width: 100%; }
  @media (max-width: 1024.98px) {
    .homepage-recommendations .col-sm-3 {
      flex: 0 0 33%;
      max-width: 33%;
      display: block; }
      .homepage-recommendations .col-sm-3:nth-of-type(1n+4) {
        display: none; } }
  @media (max-width: 575.98px) {
    .homepage-recommendations .col-sm-3 {
      flex: 0 0 50%;
      max-width: 50%; }
      .homepage-recommendations .col-sm-3:nth-of-type(1n+3) {
        display: none; } }

.homepage-recommendations {
  max-width: 100% !important;
  border-top: none; }
  .homepage-recommendations .image-container {
    text-align: center; }
    .homepage-recommendations .image-container img {
      width: 100%; }


/*# sourceMappingURL=homePage.css.map*/