/* 

  Note: we are working to migrate to CSS variables instead of SASS Variables 
  Keep this file limited to SASS stuff
  it is imported multiple places
  For Global CSS variables, uss css_variables.scss which is imported once globally

*/

/* colors */

/* rago colors */

/* lama colors */

/* wn colors */

/* magic numbers */

/* Prefixer */

/* Item Page Variables */

/* Common Breakpoints */

/* mixins */

/* Common Breakpoints (see: _variables.scss) */

/*
    This mixin can be used to set the object-fit:
    @include object-fit(contain);

    or object-fit and object-position:
    @include object-fit(cover, top);
  */

/*
  400 regular
  300 light
  500 medium
  700 bold
  800 extra bold
*/

.font-harriett {
  font-family: "harriet", "georgia", serif;
  font-weight: 400;
}

.font-bau {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: normal;
}

.font-bau.font-bold {
  font-family: "BauWebPro", "Arial", sans-serif;
  font-weight: bold;
}

/* 

  Note: we are working to migrate to CSS variables instead of SASS Variables 
  Keep this file limited to SASS stuff
  it is imported multiple places
  For Global CSS variables, uss css_variables.scss which is imported once globally

*/

/* colors */

/* rago colors */

/* lama colors */

/* wn colors */

/* magic numbers */

/* Prefixer */

/* Item Page Variables */

/* Common Breakpoints */

/* mixins */

/* Common Breakpoints (see: _variables.scss) */

/*
    This mixin can be used to set the object-fit:
    @include object-fit(contain);

    or object-fit and object-position:
    @include object-fit(cover, top);
  */

/*
  400 regular
  300 light
  500 medium
  700 bold
  800 extra bold
*/

body.modular-page .image_break {
  position: relative !important;
  display: table !important;
  width: 100% !important;
}

body.modular-page .image_break.module.background .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -o-object-position: center center;
     object-position: center center;
}

body.modular-page .image_break.module.background .bg-img:not(.no-fade) {
  transition: opacity 0.2s ease-in-out;
}

body.modular-page .image_break.module.background .bg-img.bg-v-align-top {
  -o-object-position: center top;
     object-position: center top;
}

body.modular-page .image_break.module.background .bg-img.bg-v-align-bottom {
  -o-object-position: center bottom;
     object-position: center bottom;
}

body.modular-page .image_break.module.background.fixed .bg-img {
  position: fixed;
  /* THIS IS SUPER WEIRD,
  but this pos:fixed element was blocking scrolling @ desktop.
  when i add pointer-events:none to it, it no longer blocks scroll */
  pointer-events: none;
  min-height: 100% !important;
}

@media (max-width: 1024px) {
  body.modular-page .image_break.module.background.fixed .fluid-img img, body.modular-page .image_break.module.background.fluid .fluid-img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

body.modular-page .module__grid h2 {
  text-align: center;
  font-weight: bold;
}

body.modular-page .module__slideshow .bx-wrapper {
  max-width: 960px !important;
  max-width: 96rem !important;
}

body.modular-page .module__slideshow .slideshow_caption a {
  text-decoration: underline !important;
  background: none !important;
  text-shadow: none !important;
}

body.modular-page .fb-module__text button.w-btn.button.solid span {
  color: #fff !important;
}

body.modular-page .fb-module__text.dark button.w-btn.button.solid span {
  color: #32343A !important;
}

body.modular-page .fb-module__text.custom button.w-btn.button.solid span {
  color: #50E3C2 !important;
}

.auction-links p a.button {
  border: 2px solid #b6b1a4 !important;
}

.auction-links p a.button:hover {
  border: 2px solid #9a9383 !important;
}

@media screen and (min-width: 768px) {
  .auction-links p a.button {
    border: none !important;
  }

  .auction-links p a.button:hover {
    border: none !important;
  }
}

body.search .search-results-grid.category-artists .hero .actions a:hover {
  border-color: #4A4A4A !important;
}

article.page.search #wrapper.search .item-grid-container.category-auctions .entry.result.w1 .actions a,
article.page.search #wrapper.search .item-grid-container.category-auctions .auction.upcoming .actions a,
body.search .item-grid-container.category-auctions .entry.result.w1 .actions a,
body.search .item-grid-container.category-auctions .auction.upcoming .actions a {
  font-size: 1.3rem;
  line-height: 1.9rem;
  letter-spacing: 0.03rem;
  padding: 0;
  text-transform: lowercase;
}

article.page.search #wrapper.search .item-grid-container.category-auctions .result.full-width:not(.no-result-resource) .details p,
body.search .item-grid-container.category-auctions .result.full-width:not(.no-result-resource) .details p {
  margin-bottom: 1rem !important;
}

article.page.home-page .slide .slide_bar .primary .details .mobile.title {
  margin-bottom: 1rem;
}

body.forms-page-vue .page form a,
body.forms-page-vue .form-footer a {
  color: var(--primary-color) !important;
}

body.forms-page-vue .page form a:hover,
body.forms-page-vue .form-footer a:hover {
  color: var(--primary-color-hover) !important;
}

body.forms-page-vue .page form .note-box.danger a {
  color: #fff !important;
}

body.forms-page-vue .page form .note-box.danger a:hover {
  color: #fff !important;
}

.note-box.danger a {
  color: #fff !important;
}

.note-box.danger a:hover {
  color: #fff !important;
}

.slide-411-ad-part-1-video video {
  -o-object-position: bottom;
     object-position: bottom;
}

.page-create-account .vue-phone-number-input .country-selector {
  border: none !important;
}