:root {
  --brand: #806c34;
  --bg: #f5f0ec;
}


/* Modify font styling */

h1,
h2,
h3,
.title,
.header .menu li > a,
header nav li > a,
.format-slideshow__slide-heading {
  font-weight:400!important;
  letter-spacing:0.1rem!important;
}

  p.lead {font-weight:500;}

h1, h2, h3, h4, h5, h6 {
  line-height:1.3;
}

/* add large, scaling h1 */

body.gallery #content h1, 
body.listing #content h1, 
body.content #content h1 {
  font-size: calc(28px + 1vw);
}

body.content #content h1 {
  margin-bottom:1em;
}

#content_page_wrapper section .large li {
  font-size:1.25rem;
}

.content_page #content_page_wrapper h2,
.content_page #content_page_wrapper h3,
.content_page #content_page_wrapper h4,
.content_page #content_page_wrapper h4,
.content_page #content_page_wrapper p,
.content_page #content_page_wrapper ul,
.content_page #content_page_wrapper ol {
  margin-bottom: 1rem!important;
}

.content_page #content_page_wrapper ul {
  margin-left:1rem!important;
}

.content_page #content_page_wrapper ul.unstyled {
  margin-left:0px!important;
}

.content_page #content_page_wrapper ul.unstyled li {
  list-style-type:none!important;
}

.content_page #content_page_wrapper ul li {
  list-style-position:outside!important;
  margin-bottom:0.25rem!important;
}

.content_page #content_page_wrapper ul li:last-child {
  margin-bottom:0px!important;
}

.content_page #content_page_wrapper ul.inline-list li {
  display:inline;
}

.content_page #content_page_wrapper ul.inline-list {
  margin-left:0!important;
}

.content_page #content_page_wrapper ul.inline-list li:after {
  content:" | ";
  color: var(--brand);
  font-weight:700;
  opacity:0.8;
}

.content_page #content_page_wrapper ul.inline-list li:last-child:after {
  display:none;
}

.lyric q {
  font-size:1.5em;
}

@media (min-width:1080px) {
 .lyric q {
  font-size:2em;
} 
}

.lyric {
  margin: 2em;
}


/* modify navigation */


.header .mobile-header-items-container .menu ul {
text-align:center;
padding:0 3vw;
}

.header .mobile-header-items-container .menu > ul li {
  margin:0px;
}

header.active .mobile-header-items-container {
  background-color:var(--bg)!important;
}

header.active .logo img {
  opacity:0;
}



.header nav.menu ul.social-links {
margin-top:0px!important;
margin:auto;
}

.header nav.menu ul.social-links .social-link {
  margin:auto!important;
}

/* modify mobile header */
@media(max-width:767px){
body.gallery a.logo, 
body.listing a.logo, 
body.content a.logo,
body.gallery a.logo img, 
body.listing a.logo img, 
body.content a.logo img {
  max-height:60px;
}

}



/* modify footer */
body {
  padding-bottom:0px!important;
}


.footer {
  text-align:center;
  font-size:1rem;
  position:relative;
}



/* modify splash screen */
h2._4ORMAT_content_pages_title {
  mix-blend-mode:hard-light;
}

._4ORMAT_content_pages_title div#title_1 {
  max-width:60vh;
}

@media(min-width:1080px) {
  ._4ORMAT_content_pages_title div#title_1 {
  max-width:800px;
  }
}

#content_page_wrapper ._4ORMAT_content_pages_title img {
  opacity:0.9;
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}

@keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}


/* modify slideshow */

body.gallery .assets-container .asset.asset-title.text-title {
  box-shadow:none;
  padding-bottom:0px;
}

._4ORMAT_module_slideshow_01 {
  padding:0px!important;

}

@media screen and (min-width: 768px){
.format-slideshow--slideshow_01 .format-slideshow__slide-link-wrapper {
    position: absolute;
    top:0!important;
    left:0!important;
    bottom:0!important;
    right:0!important;
}
}
._4ORMAT_module_slideshow_01 .format-slideshow__slide-link,
._4ORMAT_module_slideshow_01 .format-slideshow__slide-link:hover,
._4ORMAT_module_slideshow_01 .format-slideshow__slide-link:focus{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  opacity:0!important;
  margin-top:0!important;
}

@media screen and (max-width: 767px){
.format-slideshow--slideshow_01 .format-slideshow__slide {
    height: 40vh!important;
}
}

@media screen and (min-width: 1200px){
.format-slideshow--slideshow_01 .format-slideshow__slide {
    height: 40vw!important;
}
}

.format-slideshow__slide-count-container {
  display:none!important;
}

._4ORMAT_module_slideshow_01 img {
  transition: 0.5s;
}

._4ORMAT_module_slideshow_01:hover img,
._4ORMAT_module_slideshow_01:focus img{
  transform:scale(1.1);
}


/* Modify collection pages */
body.listing .masonry-asset .asset-inner .title {
  padding:1em;
}

}

body.gallery .caption {
  margin-top:10px;
}

/* Contact us page */
#content_page_wrapper section {
  margin-bottom:2rem!important;
}

#content_page_wrapper section *:first-child {
  margin-top:0px;
}

/* Modify gallery popups */

body.gallery #copy_holder {
  display:none;
}

body.gallery #overlay {
  opacity:0.9;
}

/* mobile gallery tweaks */
@media only screen and (max-width:767px){
  body.gallery #gallery_window {
    padding:25px!important; 
  }
  body.gallery #copy_holder {
    margin:10px auto!important;
  }
}

/* unsure what this does */

@media only screen and (max-width: 768px){
body.listing .asset:nth-child(even) .asset-inner, body.listing .asset:nth-child(odd) .asset-inner, body.listing .masonry-asset:nth-child(even) .asset-inner, body.listing .masonry-asset:nth-child(odd) .asset-inner {
    margin: 0px;
}}

/*single column gallery on mobile */
 @media(max-width:767px){
   body.gallery .assets-container .masonry {
     height: auto!important;
     margin-right:0px!Important;
   }
   
   body.gallery .assets-container .asset{
     width: 100%!important;
  position: relative!important;
  margin: 0px!important;
  padding: 0px 0px 20px 0px!important;
  left: 0px!important;
  top: 0px!important;
   }
   
        body.listing .two-columns .page-asset {
          width:100%;
          margin-bottom:20px;
        }
 }

/* Other mobile specific bits */
@media(max-width:767px){
  
.page-8126781 #title_1 {
  max-width:90vw;
}

.header .logo img {
  max-height:70px;
}

.title-element .text {
  width:90%;
}

h1 {font-size:7vw!important;
  
}


.gallery_page h1 {
  font-size:5vw!important;
}
}

.content_page #content_page_wrapper ul.horizontal {
  list-style-type: none;
  margin-left: 0px !important;
  display: inline-block;
  min-width: 300px;
}

  .content_page #content_page_wrapper ul.horizontal li {
  display: flex;
  justify-content: space-between;
  gap: 50px;
    
  }
  
    .content_page #content_page_wrapper ul.double-bottom {
      margin-bottom:1.5rem!important;
    }
  
.content_page #content_page_wrapper .h4 {
  font-size:1.5rem!important;
  margin-bottom:1.5rem!important;
}

.content_page #content_page_wrapper .h5 {
  font-size:1rem!important;
  font-weight:700!important;
  margin-bottom:0.2rem!important;
}

 @media(min-width:768px){
#content_page_wrapper ._4ormat_sort_item._4ORMAT_module_layout_01.in-viewport {
  display:flex;
}

#content_page_wrapper ._4ormat_sort_item._4ORMAT_module_layout_01.in-viewport .sixcol.last {
  display:flex;
  align-items:center;
}
 }
 
/* remove full-width clickable logo link - wrap link around logo instead */

@media only screen and (max-width: 767px) {
  body.gallery a.logo, 
  body.listing a.logo, 
  body.content a.logo {
    width:auto;
    max-height:none;
    margin-left:50%;
    transform:translateX(-50%);
  }

/* hide logo when menu open */
aside.mobileMenu .wrapper.closed a.logo {
  visibility:hidden;
}

/* change background colour of menu overlay */
body.gallery .nav-wrapper, 
body.listing .nav-wrapper, 
body.content .nav-wrapper {
background:rgba(0,0,0,0.5);
}

/* recolour close button for colour contrast */

.mobile-menu-close::before,
  .mobile-menu-close::after{
    background:#fff;
  }


/* reinstate arrow icon in menu on mobile */

#menu .category > a > .category-arrow svg {
display:inline-block;
}

/* increase side padding on nav */
body.gallery .nav-wrapper > .wrapper,
body.listing .nav-wrapper > .wrapper,
body.content .nav-wrapper > .wrapper {
  padding: 95px 50px 25px;

}

/* force collection titles to show on mobile */

body.listing .caption {
opacity:1;
}

}

/* logo svg styling */

  svg.logo {
   /* aspect-ratio: 16 / 9; */
    max-width: 100%;
    width: auto;
    height: auto;  
  }
  
  svg.logo.mobile {
    aspect-ratio: 6 / 7;
    height:60px!important;
    width:auto!important;
    -webkit-box-sizing:content-box!important;
    box-sizing:content-box!important;
    padding:15px 25px!important;
  }
  
    @media(max-width:767px){
      a.logo.desktop {
      display: none!important;
      }
    }
  
  .letter {
      fill:#231f20;
  }

  .bolt {
      fill:#9c8b4a;
  }

  path {
      fill-opacity:1;
      fill-rule:nonzero;
      stroke:none;
  }
  
  /* Keyboard accessible changes */
  
  body.listing .page-asset a.item-link:focus .caption {
    opacity:1;
  }
  
  body.listing .page-asset a.item-link:focus .overlay{
  opacity: 0.7;
}

a:focus-visible {
  outline: #806c34;
  outline-width: 2px;
  outline-style: solid;
  outline-offset: 0.1em;
}


    a.logo:focus-visible {
    outline-color:#806c34;
    outline-width:4px;
    outline-style:solid;
    outline-offset:10px;
  }
  


  /* dark mode */

  @media(prefers-color-scheme: dark) {

    html,
    body,
    body.gallery .nav-wrapper, 
    body.listing .nav-wrapper, 
    body.content .nav-wrapper,
    body.gallery aside.mobile-content-top .wrapper .logo_wrap, 
    body.listing aside.mobile-content-top .wrapper .logo_wrap, 
    body.content aside.mobile-content-top .wrapper .logo_wrap,
    body.gallery .nav-wrapper > .wrapper, 
    body.listing .nav-wrapper > .wrapper, 
    body.content .nav-wrapper > .wrapper,
    body.gallery aside.mobile-content-top .wrapper.open, body.listing aside.mobile-content-top .wrapper.open, body.content aside.mobile-content-top .wrapper.open{
      background-color:#222222;
    }

      body.gallery .nav-wrapper, body.listing .nav-wrapper, body.content .nav-wrapper {
      border-color:#222222;
    }
    
    html,
    body,
    #menu li > a, 
    #menu .category > a > span,
    body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p, body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row li, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row p, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row li,
    body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2,
    .post_text, .pre_text,
    #social li a,
    body.gallery #content h1, 
    body.listing #content h1, 
    body.content #content h1, 
    body.gallery #content h2, 
    body.listing #content h2,
    body.gallery #content, 
    body.listing #content, 
    body.content #content,
    .product-list .product-name,
    .product-list .product-price,
    body h1, body h2, body h3, body h4, body h5, body h6,
    .product-order-form .select2-container .select2-choice{
      color:#f5f0ec
    }
    
          .product-order-form .select2-container .select2-choice{
      color:#f5f0ec!important;
    }
    
    
  body a,body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row a, body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2.xl-headline a, body.content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2.xl-headline a span, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row a, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2.xl-headline a, body.nested_content:not(.client):not(.store):not(.product):not(.blog) :not(._4ORMAT_content_page_TITLE) ._4ORMAT_content_page_row h2.xl-headline a span,#menu li.selected > a, #menu li > a:hover, #menu li > a:focus, #menu .category > a:hover > span, #menu li > a:focus > span, #social li a:hover, #social li a:focus
  {
     color:#a2854b;
   } 
    
  a.logo:focus-visible,
  a:focus-visible
  {
    outline-color:#a2854b;
  }
    
    #menu .category > a > .category-arrow svg polyline {
      stroke:#f5f0ec
    }
    

    
    .product-order-form .select2-container .select2-choice {
      border-color:#aaaaaa!important;
    }
    
    .mobile-menu-trigger > .ex,
    .mobile-menu-trigger > .ex::before,
    .mobile-menu-trigger > .ex::after,
    .mobile-menu-close::before,
    .mobile-menu-close::after{
      background-color:#a2854b;
    }
      
    
    svg.logo .letter {
          fill:#f5f0ec;
      }
      
    
  }