/**
 * Theme Name: Jane Hughes
 * Template: dawson
 * Author: La&La
 * Author URI: https://lala.fi
 * Version: 0.0.8
 * Text Domain: lala 
 */ 
 
html {
   scroll-behavior: smooth;
 }
 
 body :focus-visible {
   outline: 1px solid var(--wp--preset--color--foreground);
 }

input[type="email"],
input[type="text"] {
   font-family: var(--wp--preset--font-family--inter);
   font-size: var(--wp--preset--font-size--small);
   font-style: normal;
   font-weight: 300;
   line-height: 1.6;
   border: none;
   border-bottom: 1px solid var(--wp--preset--color--foreground);
   border-radius: 0;
   padding: 3px 3px;
   width: 100%;
   background-color: 1px solid var(--wp--preset--color--background);
   color: var(--ss-font-color);
}

button.mailerlite-subscribe-submit,
input[type="submit"] {
   font-family: var(--wp--preset--font-family--inter);
   font-size: var(--wp--preset--font-size--small);
   font-style: normal;
   font-weight: 300;
   line-height: 1.6;
   border: 1px solid var(--wp--preset--color--foreground);
   border-radius: 1.5em;
   padding: 3px 12px;
   cursor: pointer;
   background-color: 1px solid var(--wp--preset--color--background);
   color: var(--ss-font-color);
}

button.mailerlite-subscribe-submit:hover,
input[type="submit"]:hover {
  background-color: var(--wp--preset--color--foreground);
  color: #fff;
}

header .mailerlite-form-title h3 {
  margin-bottom: 0;
}

header .mailerlite-form  .mailerlite-form-field label {
  display: none;
}

.mailerlite-form-field br,
.mailerlite-subscribe-submit br {
  display: none;
}

.mailerlite-form-field input {
  max-height: 34px;
}

.mailerlite-form-field,
.mailerlite-form-inputs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.mailerlite-form-field input {
  width: 200px;
}

/*
.searchandfilter ul {
   display: flex;
   flex-wrap: wrap;
   gap: 10px;
   padding: 0;
}

.searchandfilter ul li {
   min-width: 150px;
   max-width: 100%;  
   padding: 0;
   display: flex;
}

.searchandfilter ul li:nth-of-type(2) {
  min-width: 200px;
}

.searchandfilter ul li > div {
   border-radius: 0;  
   border: none;
   border-bottom: 1px solid var(--wp--preset--color--foreground);
   background-color: 1px solid var(--wp--preset--color--background);
}

.sf-field-category .sf-item-0 {
    display: none;
}

.ss-main {
   padding: 3px 3px;  
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected, .ss-content .ss-list .ss-option:hover {
   color: var(--ss-bg-color);
   background-color: var(--wp--preset--color--foreground);
}

.ss-content .ss-search input:focus {
  box-shadow:0 0 5px var(--wp--preset--color--foreground);
}

.ss-main:focus {
  box-shadow: 0 0 5px var(--wp--preset--color--foreground);
}

.ss-option {
  font-size: 90%;
}

*/

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
   top: 0.9em;
   left: 1em;
}


body .is-layout-grid {
   align-items: start;   
}

.lala-works-archive ul li {
   position: relative;
   overflow: hidden;
}

.lala-works-archive ul li figure {
   margin-bottom: 0;
}

.lala-works-archive ul li .wp-block-post-title {
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.1);
   width: 100%;
   transform: translate3d(0, 100%, 0);
   transition: transform .3s ease-out;
   position: absolute;
   color: #fff;
   padding: 0.25em;
   font-size: var(--wp--preset--font-size--small);
}

.lala-works-archive ul li .wp-block-post-title a {
   color: #fff;
}

.lala-works-archive ul li:hover .wp-block-post-title {
   transform: translate3d(0, 0, 0);
}

.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
   min-width: 210px;
   
   background: var(--wp--preset--color--background);
   /*font-size: var(--wp--preset--font-size--small);*/
   color: var(--wp--preset--color--foreground);
}

.lala-works-archive .is-layout-flex.wp-block-buttons.is-content-justification-space-between {
   justify-content: center;
}

.lala-works-archive .is-layout-flex.wp-block-buttons.is-content-justification-space-between .wp-block-button.aligncenter {
   
}

.wp-block-post-excerpt p {
   font-size: var(--wp--preset--font-size--small) !important;
   text-transform: uppercase;
}

.category .wp-block-post-excerpt p {
   font-size: var(--wp--preset--font-size--small) !important;
}

.wp-singular  .wp-block-post-featured-image a {
  height: 95vh;
  display: flex;
  justify-content: start;
}

.wp-singular  .wp-block-post-featured-image.alignfull img {
   width: auto;
   height: 100%;
}

.lala-artwork-filter {
  with: 100%;
}

.lala-artwork-filter > * {
  flex: 1 1 0;
  width: 0; 
}

@media (max-width: 1200px) {
  
  .lala-artwork-filter > * {
    width: 48%;
    flex-basis: 48%;
    flex-grow: 0;
  }
}

@media (max-width: 805px) {
  
  .lala-artwork-filter > * {
    width: 100%;
    flex-basis: 100%;
    flex-grow: 0;
  }
}

/*
@media (max-width: 600px) {
  .searchandfilter ul li {
     width: 100%;
  }
}
*/