/** Shopify CDN: Minification failed

Line 185:14 Expected "{" but found "and("
Line 499:7 Expected ":"

**/
:root {
--font-h1--family: "Gentium Plus";
--font-h2--family: "Gentium Plus";
--font-h3--family: "Gentium Plus";    
--font-h4--family: "Gentium Plus";
--font-h5--family: "Gentium Plus";
--font-h6--family: "Gentium Plus";

--forms-heading-font: "Gentium Plus";
--font-heading--family: "Gentium Plus";
--font-accent--family: "Gentium Plus";
--font-subheading--family: "Gentium Plus";
--font-body--family: "Gentium Plus";
--font-paragraph--family: "Gentium Plus";
--button-font-family-primary: "Gentium Plus";

--small-font-size: 14px;
--font-paragraph--size: 14px;
--letters-spacing: 2%;
--line-height: 100%;
--font-paragraph--line-height: 140%;
--font-h2--line-height: 140%;

--cart-font-size--2xs: var(--small-font-size);
--font-size--3xs:var(--small-font-size);
    --font-size--2xs: var(--small-font-size);
    --font-size--xs: var(--small-font-size);
    --font-size--sm: var(--small-font-size);
    --font-size--md: var(--small-font-size);
    --font-size--lg: var(--small-font-size);
    --font-size--xl: var(--small-font-size);
    --font-size--2xl: var(--small-font-size);
    --font-size--3xl: var(--small-font-size);
    --font-size--4xl: var(--small-font-size);
    --font-size--5xl: var(--small-font-size);
    --font-size--6xl: var(--small-font-size);
    --menu-font-sm--size: var(--small-font-size);
    --menu-font-sm--line-height: var(--line-height);
    --menu-font-md--size: var(--small-font-size);
    --menu-font-md--line-height: var(--line-height);
    --menu-font-lg--size: var(--small-font-size);
    --menu-font-lg--line-height: var(--line-height);
    --menu-font-xl--size: var(--small-font-size);
    --menu-font-xl--line-height: var(--line-height);
    --menu-font-2xl--size: var(--small-font-size);

--letter-spacing--display-tight: var(--letters-spacing);
    --letter-spacing--display-normal:  var(--letters-spacing);
    --letter-spacing--display-loose:  var(--letters-spacing);
    --letter-spacing--heading-tight:  var(--letters-spacing);
    --letter-spacing--heading-normal:  var(--letters-spacing);
    --letter-spacing--heading-loose:  var(--letters-spacing);
    --letter-spacing--body-tight:  var(--letters-spacing);
    --letter-spacing--body-normal:  var(--letters-spacing);
    --letter-spacing--body-loose: var(--letters-spacing);

--opacity-subdued-text: 1;
}

/* Links */
.portfolio_main-menu a:hover, .menu-list__link:hover span, p a:hover {
  color: #BFBFBF;
}
.menu-list__list-item a:hover {
  color: #2b2b2b;
}
/* Header */
.cart-bubble__background {
    position: relative;
    background-color: transparent;
}
span.cart-bubble__text-count {
    color: var(--color-foreground);
}

.header-actions__cart-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
}
span.cart-bubble__text-count {
  display: flex;
  flex-direction: row;
  align-items: center;
}
span.cart-bubble__text-count::before {
content: '('
}
span.cart-bubble__text-count::after {
content: ')'
}
.header-actions__cart-icon .cart-bubble {
    position: relative!important;
    height: auto!important;
    top: auto;
    right: auto;
}
cart-icon.header-actions__cart-icon.header-actions__cart-icon--has-cart {
    display: flex;
    flex-direction: row;
}
a.header-actions__action.action__cart {
padding-block: calc(2 * var(--header-padding));
padding-inline: calc(var(--gap-xl) / 2);
}

@media screen and (min-width: 750px) {
#michael-sharf-design .header__columns,
#about .header__columns {
    grid-template-areas:
"left center right"!important;
grid-template-columns: 1fr auto 1fr;
}
}
body:not(.index, #about) .header-logo__image {
    content: url('/cdn/shop/files/michael-sharf-icon.png?v=1766342258');
    width: 35px;
    height: 30px;
    background-size: contain;
}

a.no-link, a.no-link span {
  color: #BFBFBF;
  pointer-events: none;
}
a.active-page {
  font-style: italic;
}

.filter-color {
    color: #BFBFBF;
}

/* Extra Fonts */

input.paragraph.paragraph, 
input.paragraph.paragraph:not([type]), 
textarea.paragraph.paragraph, 
select.paragraph.paragraph,
.email-signup__input-group label {
        font-size: var(--font-paragraph--size)!important;
}

@media screen and (max-width: 1200px) {
    .email-signup__input-group label, input.paragraph.paragraph, input.paragraph.paragraph:not([type]), textarea.paragraph.paragraph, select.paragraph.paragraph {
        font-size: var(--font-paragraph--size)!important;
    }
}


/* Page */
@media screen and (min-width: 750px) {
.collection .section, results-list, 
body#made-to-order .section,
[class*="metaobject/"] .section,
#comissions-and-installations .section {
    --full-page-grid-with-margins: 179px auto 179px!important;
}

    .page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content {
        --page-margin: 32px;
    }
}

@media screen and (min-width: 750px) {
    .section.section--page-width {
        --page-margin: 179px;
    }
}
@media screen and (max-width: 749px) {
    .section.section--page-width {
        --page-margin: 16px;
    }
    body.index .section.section--page-width {
        --page-margin: 30px;
    }
}
@media screen and(max-width:749px) {
.page-width-wide, .page-width-normal, .page-width-narrow, .page-width-content {
    --page-margin: 28px!important;
  }
}

@media screen and (min-width: 750px) {
    .deferred-media__poster-icon svg, .video-placeholder-wrapper__poster-icon svg {
        width: 22px;
        height: 22px;
    }
    .video-placeholder-wrapper__poster-icon svg {
    color: transparent;
    filter: none;
    stroke: black;
    stroke-width: 1px;
}
}

/* Shop */
#sidebar-menu ul {
    padding-inline-start: 0;
    margin: 0;
    list-style-type: none;
}
#sidebar-menu .menu-list__list-item {
    white-space: normal;
}

.facets__summary {
  padding-top: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 749px) {
accordion-custom details .details-content {
  padding-bottom: 26px;
}
}
.facets__label {
  font-style: italic;
}
/*.facets__form-wrapper {
  color: #acacac;
}
  */
.facets input:checked + label span {
  color: black;
}
.facets input:checked + label span {
  color: black;
}
.facets input:checked + label span:before {
content: '·';
margin-right: 5px;
}

.checkbox.checkbox--disabled span {
  color: rgba(0,0,0,0.2);
  font-style: italic;
}

.facets.facets-controls-wrapper,
.checkbox__label svg,
.facets:not(.facets--drawer) .facets-remove--mobile-and-vertical,
:is(.facets--drawer, .facets--vertical)
  :is(.facets__item, .sorting-filter):before,
.facets__actions,
.facets .checkbox .icon-checkmark {
  display: none!important;
}

@media screen and (min-width: 750px) {
    .facets--vertical {
        width: fit-content !important;
        position: absolute;
        left: 32px;
        min-width: 179px;
    }
        .facets__inputs-wrapper:not(:has(.facets__inputs-list)), .facets__inputs-wrapper .facets__inputs-list {
        gap: 2px;
    }
    .facets__summary:not(.custom_label) {
display: none
    }
}






@media screen and (max-width: 749px) {
  .section-resource-list.gap-style {
    --gap: 70px !important;
  }
}

/* Metaobjects */
  @media screen and (min-width: 750px) {
       [class*="metaobject/"] .section.section--page-width {
            --page-margin: 22vw;
        }
    }

    /* Footer content */

.footer-content {
  padding-left: 32px;
  padding-right: 32px;
}


/* Newsletter */

.email-signup-block {
  min-width: auto !important;
  max-width: 230px !important;
}
.email-signup__heading {
  text-align: center;
  padding-bottom: 24px;
}
.email-signup__input-group {
  display: flex !important;
  flex-direction: column !important;
}
.email-signup__button:not(.button-unstyled) {
  width: 100% !important;
}
input {
  text-align: center;
}

.form-wrapper, h2._textHeading_2aowh_35 {
  font-family: var(--font-h2--family)!important;
    line-height: var(--font-paragraph--line-height);
}

.mobile-column .email-signup__heading {
  text-align: center!important
}

/* Template Project */
[class*="portfolio_single_project_gallery"] main .section {
--full-page-grid-with-margins: 262px 1fr 20px;
}
@media screen and (max-width: 989px) {
[class*="portfolio_single_project_gallery"] main .section {
    --full-page-grid-with-margins: 16px auto 16px;
}

}
[class*="portfolio_single_project_gallery"] main .custom-section-content .paragraph {
min-width:22vw;
width:22vw;
}
[class*="portfolio_single_project_gallery"] main .custom-section-content .group-block--height-fit {
  height: auto;
  width: 100%;
}
[class*="portfolio_single_project_gallery"] main .custom-section-content .image-block:not(.contains-image) {
  display: none;
}

/*[class*="portfolio_single_project_gallery"] main .group-block-content {
  gap: 12px !important;
}*/
@media screen and (min-width: 990px) {
[class*="portfolio_single_project_gallery"] main .custom-section-content .paragraph {
position: sticky;
        top: 40px;
}

}

@media screen and (max-width: 989px) {
[class*="portfolio_single_project_gallery"] main .mobile-column {
        flex-flow: column nowrap;
        align-items: var(--horizontal-alignment);
        justify-content: var(--vertical-alignment-mobile);
    }
    [class*="portfolio_single_project_gallery"] main .custom-section-content .paragraph {
min-width:100%;
width:100%;
}
[class*="portfolio_single_project_gallery"] main .custom-section-content .paragraph.text-block {
width: var(--width);
    max-width: 100%;
}
}


.hero__media-wrapper.tralara {
  border: 10px solid red;
}
@media screen and (max-width: 749px) {
body.index .header__columns {
    grid-template-areas: "leftA rightB" "center center" !important;
    grid-template-columns: 1fr auto !important;
  }
}
/*
@media screen and (max-width: 749px) {
  .header__columns {
    grid-template-areas: "leftA rightB" "center center" !important;
    grid-template-columns: 1fr auto !important;
  }
}
  */

  @media screen and (min-width: 750px) {
    .collection .section, body#made-to-order .section {
        align-items: start;
    }
    .facets-block-wrapper--vertical {
        grid-column: var(--grid-column--desktop);
        position: sticky;
        top: 60px;
    }
}


.dropdown-panel {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  min-width: 220px;
  background: var(--color-background);
  border-radius: 0px;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.25s ease-in-out;
  z-index: 10;
}

.nav-container__item:hover .dropdown-panel {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.dropdown-panel__menu {
  padding: 10px 0;
  margin: 0;
  list-style: none; 
}

.dropdown-panel__menu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 749px) {
ul.custom-shop_main-menu-wrapper {
    display: flex;
    gap: 23px;
}
media-gallery.spacing-style.sticky-content.media-gallery--one-column.media-gallery--grid {
  padding-block: 0!important;
}
}


.go2719297553.go2719297553.go2719297553 {
    width: 100%!important;
    display: flex!important;
}
.go2146910058.go2146910058.go2146910058 {
    width: 100%!important;  
        font-family: var(--button-font-family-secondary);
        --button-border-color: var(--color-secondary-button-border);
    --button-border-width: var(--style-border-width-secondary);
    --button-color: var(--color-secondary-button-text);
    --button-background-color: var(--color-secondary-button-background);
    --button-border-color: var(--color-secondary-button-border);
    --button-border-width: var(--style-border-width-secondary);

    color: var(--button-color)!important;
    background-color: var(--button-background-color)!important;
    font-family: var(--font-paragraph--family)!important;
    font-style: var(--font-paragraph--style)!important;
    font-size: var(--font-paragraph--size)!important;
    line-height: var(--font-paragraph--line-height)!important;
    margin-block: 0;
    height: auto!important;
    padding: 16px 24px!important;
    width: fit-content;
    box-shadow: inset 0 0 0 var(--button-border-width) var(--button-border-color);
    padding-block: var(--button-padding-block);
    padding-inline: var(--button-padding-inline);

   
}

/* Custom Grid */
.product-grid {
  grid-template-columns: repeat(1, 1fr) !important;
}
.custom-product-gallery {
  display: grid;
  flex-direction: row;
  gap: 12px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
}
.custom-product-details {
  display: flex;
}
.custom-product-badges {
  position: relative !important;
  padding-top: 23px;
  width. fit-content;
  min-width: 70px;
      top: unset;
    right: unset;
}