/** Shopify CDN: Minification failed

Line 340:1 Expected "}" to go with "{"

**/
: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 right"
"center center"!important;
grid-template-columns: 1fr auto;
}

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 */
.collection .section {
    --full-page-grid-with-margins: 179px auto 179px;
}
@media screen and (min-width: 750px) {
    .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: 28px;
    }
}
@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;
}

.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.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;
    }
        .facets__inputs-wrapper:not(:has(.facets__inputs-list)), .facets__inputs-wrapper .facets__inputs-list {
        gap: 2px;
    }
}

@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;
}
[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;
}