/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./styles/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* only fontweight 400 
 onwebsite
 lineheight: 22.6254px
font-size 14.2*/
:root {
  --block-gap: 0.1rem 0;
  --hero-h: 60vh;
}
/* onwebsite h1
fontsize: 36.8445px;
letterpsacing: -0.736891px;
lineheight: 42.3712px
*/
/* onwebsite h2
fontsize: 33.3083px
letterpsacing: -0.666167px
lineheight: 38.3046px
*/
/* onwebsite strong (small subheading)
Karla, sans-serif
fontsize: 14.8067px
font-weight700
lineheight: 23.6907px
*/
/* onwebsite footer text
Karla, sans-serif
fontsize: 20px
font-weight: 700
letter-spacing: -0.4px
lineheight: 23px
*/
/*
0deg equals: to top
180deg equals: to bottom
270deg equals: to left
90deg equals: to right
*/
@keyframes grow {
  0% {
    transform: scale(0);
  }
  25% {
    transform: scale(0.25);
  }
  50% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
/* 
  Sizes

  0-600px           = Phone                   --> =max-width media query
  600px -900px      = Tablet + Portrait       --> =max-width media query
  900px - 1200px    = Tablet + Landscape      --> =max-width media query

  [1200px - 1800px] = Normal Styles apply here!

  1800px            = Tablet + Portrait       --> =min-width media query

  1em = 16px

  $breakpoint argument choices: 
  1. phone        0-600px
  2. tab-port     600px -900px 
  3. tab-land     900px - 1200px 
  4. big-desktop  1800px

  IMPORTANT Largest -> smallest -> largest ~~~ consistently ~~~

  ORDER: 
  1. BASE + typography. > 
  2. GENERAL LAYOUT: header footer nav + grid > 
  3. PAGE LAYOUT >
  4. COMPONENTS

*/
*,
*::after,
*::before {
  padding: 0;
  margin: 0;
  /* Proper practise. Inherit here and, in body: box-sizing: border-box; */
  box-sizing: inherit;
  scroll-behavior: smooth;
}
/*  To use relative unit 
    -Now: 1rem = 10px (else  DEFAULT is 16px)
    -!!!! Using px is bad practise. use %
    -Divide 10/16 = [[ 625% ]] = 10px
    -Rem is not used in older browsers (9)
*/
html {
  /* You can change this and ALL will inc/dec in size. Now it's 10px
  This defines what 1rem is. 
  */
  font-size: 62.5%;
}
/* Do here because of inheritance, everything will be inherited from body (DONT DO IN '*' (universal) 
*/
body {
  box-sizing: border-box;
}
/* ===== Utilities ===== */
.bold {
  font-weight: 700;
}
.curlyText {
  font-family: "Sofia", sans-serif;
  font-style: italic;
  font-weight: bold;
}
/* ===== Global heading defaults (low specificity, easy to override) ===== */
:where(h1, h2, h3, h4, h5) {
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-family: "Marcellus", sans-serif;
}
/* Each heading reads a variable first; falls back to a responsive clamp */
h1 {
  font-size: var(--h1-size, clamp(2.8rem, 1.4rem + 3.5vw, 3.6rem));
}
h2 {
  font-size: var(--h2-size, clamp(2.2rem, 1.2rem + 2.6vw, 3.4rem));
}
h3 {
  font-size: var(--h3-size, clamp(1.7rem, 1rem + 1.7vw, 2.7rem));
}
h4 {
  font-size: var(--h4-size, clamp(1.5rem, 0.9rem + 1.4vw, 2.2rem));
}
h5 {
  font-size: var(--h5-size, clamp(1.3rem, 0.8rem + 1vw, 1.9rem));
}
i,
u {
  font-size: inherit;
}
u.my-underline {
  text-decoration-thickness: 0.1rem;
  text-underline-offset: 0.2rem;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-color: rgb(67, 48, 23);
}
.custom-post__header--title,
.banner__title--h {
  font-size: var(--title-size, var(--h2-size));
}
/* Size presets (edit these to taste) */
.custom-post--h-sm,
.banner__title--h-sm {
  --title-size: clamp(1.8rem, 1rem + 2vw, 2.4rem);
}
.custom-post--h-md,
.banner__title--h-md {
  --title-size: clamp(2.2rem, 1.2rem + 2.6vw, 3rem);
}
.custom-post--h-lg,
.banner__title--h-lg {
  --title-size: clamp(2.8rem, 1.4rem + 3.2vw, 3.8rem);
}
.custom-post__header--title--a-left,
.banner__title--a-left {
  text-align: left;
}
.custom-post__header--title--a-center,
.banner__title--a-center {
  text-align: center;
}
.custom-post__header--title--a-right,
.banner__title--a-right {
  text-align: right;
}
/* ===== Title colors (unchanged) ===== */
.custom-post--color-dark .custom-post__header--title,
.banner__title--color-dark {
  color: #1c1a18;
}
.custom-post--color-white.custom-post .custom-post__header--title,
.banner__title--color-white {
  color: rgb(240, 235, 231);
}
.custom-post--color-darkbrown .custom-post__header--title,
.banner__title--color-beige {
  color: #2c2723;
}
.custom-post--color-mushroomgrey .custom-post__header--title,
.banner__title--color-mushroomgrey {
  color: #4b443e;
}
.custom-post--color-oatbeige .custom-post__header--title,
.banner__title--color-oatbeige {
  color: #efe2d4;
}
.custom-post--color-caramel .custom-post__header--title,
.banner__title--color-caramel {
  color: #e2c9ae;
}
@media (max-width: 48rem) {
  /* gentle default nudge for any custom-post title */
  .custom-post {
    --title-size: clamp(1.9rem, 3.8vw + 1rem, 2.6rem);
  }
  /* or fine-tune per size */
  .custom-post--h-sm {
    --title-size: clamp(1.7rem, 3.4vw + 0.9rem, 2.2rem);
  }
  .custom-post--h-md {
    --title-size: clamp(2rem, 4vw + 0.9rem, 2.6rem);
  }
  .custom-post--h-lg {
    --title-size: clamp(2.3rem, 4.6vw + 0.8rem, 3rem);
  }
}
.custom-post .custom-post__header--title {
  font-size: var(--title-size, var(--h2-size));
}
.wp-block-designsbylb-lb-button.lb-btn,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn,
.lb-btn {
  border-radius: 0.2rem;
  text-transform: uppercase;
  letter-spacing: -0.1rem;
  text-decoration: none;
  font-weight: 400;
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
  box-shadow: 0.1rem 0 0.5rem rgb(240, 235, 231);
  padding: 0.5rem;
  display: inline-block;
  transform-origin: center;
  transition: all 0.9s;
  cursor: pointer;
  text-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.45), 0 0.02rem 0 rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 37.5em) {
  .wp-block-designsbylb-lb-button.lb-btn,
  .wp-block-designsbylb-lb-button.lb-btn .lb-btn,
  .lb-btn {
    padding: 1rem 1.4rem !important;
    font-size: 1.8rem !important;
  }
}
.wp-block-designsbylb-lb-button.lb-btn--lg,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--lg,
.lb-btn--lg {
  font-size: 2rem;
}
.wp-block-designsbylb-lb-button.lb-btn--md,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--md,
.lb-btn--md {
  font-size: 1.6rem;
}
.wp-block-designsbylb-lb-button.lb-btn--sm,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--sm,
.lb-btn--sm {
  font-size: 1.2rem;
}
.wp-block-designsbylb-lb-button.lb-btn--black, .wp-block-designsbylb-lb-button.lb-btn--default-text-color,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--black,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--default-text-color,
.lb-btn--black,
.lb-btn--default-text-color {
  color: rgb(240, 235, 231);
  background-color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--white,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--white,
.lb-btn--white {
  background-color: #f0ebe7;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--accent-brown,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--accent-brown,
.lb-btn--accent-brown {
  background-color: rgb(67, 48, 23);
  color: rgb(240, 235, 231);
}
.wp-block-designsbylb-lb-button.lb-btn--accent-lilac,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--accent-lilac,
.lb-btn--accent-lilac {
  background-color: #b6acc6;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--accent-pink,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--accent-pink,
.lb-btn--accent-pink {
  background-color: #ffc0cb;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--yellow-accent,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--yellow-accent,
.lb-btn--yellow-accent {
  background-color: #fff6cf;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--green-accent,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--green-accent,
.lb-btn--green-accent {
  background-color: #ddf7e5;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--blue-accent,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--blue-accent,
.lb-btn--blue-accent {
  background-color: #d4effb;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--purple-accent,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--purple-accent,
.lb-btn--purple-accent {
  background-color: #f0e9ff;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--soft-pink-accent,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--soft-pink-accent,
.lb-btn--soft-pink-accent {
  background-color: #ffe6f2;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--block-bg,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--block-bg,
.lb-btn--block-bg {
  background-color: #423b36;
  color: rgb(240, 235, 231);
}
.wp-block-designsbylb-lb-button.lb-btn--note-bg,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--note-bg,
.lb-btn--note-bg {
  background-color: #e9d7c5;
  color: #1c1a18;
}
.wp-block-designsbylb-lb-button.lb-btn--deep-taupe-charcoal,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--deep-taupe-charcoal,
.lb-btn--deep-taupe-charcoal {
  background-color: #3a3430;
  color: rgb(240, 235, 231);
}
.wp-block-designsbylb-lb-button.lb-btn--mushroom-grey,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--mushroom-grey,
.lb-btn--mushroom-grey {
  background-color: #4b443e;
  color: rgb(240, 235, 231);
}
.wp-block-designsbylb-lb-button.lb-btn--soft-ash-taupe,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--soft-ash-taupe,
.lb-btn--soft-ash-taupe {
  background-color: #57504a;
  color: rgb(240, 235, 231);
}
.wp-block-designsbylb-lb-button.lb-btn--note-text,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn--note-text,
.lb-btn--note-text {
  background-color: #e9d7c5;
  color: #2b2621;
}
.wp-block-designsbylb-lb-button.lb-btn:hover,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn:hover,
.lb-btn:hover {
  filter: brightness(1.1);
  transform: translateY(-0.1rem);
  box-shadow: 0 0 0.3rem 0.1rem #1c1a18;
  transform: scale(1.15);
}
.wp-block-designsbylb-lb-button.lb-btn:active,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn:active,
.lb-btn:active {
  filter: brightness(1.3);
  transform: translateY(0);
  box-shadow: 0 0.1rem 0.3rem rgba(28, 26, 24, 0.5);
  color: inherit;
}
.wp-block-designsbylb-lb-button.lb-btn:focus-visible,
.wp-block-designsbylb-lb-button.lb-btn .lb-btn:focus-visible,
.lb-btn:focus-visible {
  outline: 0.2rem solid #1c1a18;
  outline-offset: 0.2rem;
}
.lb-btn--grad-soft-lilac {
  color: #1c1a18;
  background-image: linear-gradient(135deg, #716862, #f0e9ff);
}
.lb-btn--grad-yellow-pink {
  color: #1c1a18;
  background-image: linear-gradient(135deg, #fff6cf, #ffe6f2);
}
.lb-btn {
  color: #1c1a18;
}
.lb-btn--grad-mint-sky {
  background-image: linear-gradient(180deg, #ddf7e5, #d4effb);
}
.lb-btn {
  color: #1c1a18;
}
.lb-btn--grad-taupe-beige {
  background-image: linear-gradient(135deg, #716862, rgb(198, 182, 172));
}
.lb-btn--grad-brown-pink {
  background-image: linear-gradient(180deg, rgb(67, 48, 23), #ffe6f2);
  color: #1c1a18;
}
.lb-btn-size-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.1rem;
  font-weight: 600;
}
.custom-post__btn .wp-block-designsbylb-lb-button {
  flex: 0 0 auto;
}
body {
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background-color: rgb(198, 182, 172);
}
.site {
  display: grid;
  min-height: 100dvh;
  grid-template-rows: auto 1fr auto;
}
footer {
  width: 100%;
}
.entry-content > :last-child:not(.designsbylb-hero) {
  margin-bottom: 10rem !important;
}
@media only screen and (max-width: 37.5em) {
  nav.trp-language-switcher.trp-floating-switcher {
    background: #716862 !important;
    bottom: 0.1rem !important;
    right: auto !important;
    left: 0.1rem !important;
    top: auto !important;
    padding: 0 !important;
    width: 5rem !important;
  }
}
.placeholder-block {
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  padding: 2rem;
  text-align: center;
  font-size: 1.65rem;
  background: linear-gradient(180deg, #1c1a18, #716862);
  max-width: 100%;
  display: block;
  color: rgb(240, 235, 231);
  margin: 10rem 0;
}
/* Editor canvas: constrain only core blocks */
body.block-editor-iframe__body .wp-block[data-type^="core/"] {
  max-width: 60rem;
  width: 100%;
  margin-inline: auto;
}
.wp-block-designsbylb-custom-block .custom-post__body__list {
  font-size: large;
}
.custom-post__btn .block-editor-block-list__layout {
  display: flex;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}
.lb-gradient-swatch-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  gap: 0.8rem;
}
.lb-gradient-swatch {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.3rem;
  padding: 0.3rem;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  background: none;
  box-shadow: none;
  cursor: pointer;
}
.lb-gradient-swatch__preview {
  width: 100%;
  height: 2.4rem;
  border-radius: 0.3rem;
  background-color: var(--wp--preset--color--Beige);
}
.lb-gradient-swatch__label {
  font-size: 1.1rem;
  text-align: center;
}
.lb-gradient-swatch.is-active {
  border-color: rgb(67, 48, 23);
}
/* Editor: last gallery inside the editor canvas */
.footer {
  background-color: #1c1a18;
  color: rgb(240, 235, 231);
  padding: 2rem;
  height: 40vh;
  width: 100%;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
}
@media only screen and (max-width: 37.5em) {
  .footer {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 0;
  }
}
.footer__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(12rem, auto));
  grid-template-areas: "explore social" "bottom  bottom";
  align-items: center;
  justify-content: center;
  -moz-column-gap: clamp(1rem, 3vw, 5rem);
       column-gap: clamp(1rem, 3vw, 5rem);
  height: 100%;
}
@media only screen and (max-width: 56.25em) {
  .footer__inner {
    padding-left: 4rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__inner {
    align-items: center;
    margin-right: 0;
    margin: 0 auto;
    gap: 1rem;
    grid-template-columns: 1fr;
    grid-template-areas: "explore" "social" "bottom";
  }
}
.footer__col {
  font-size: inherit;
  height: 100%;
  align-content: center;
}
.footer__col--explore {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: explore;
}
.footer__col--social {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: social;
}
.footer__bottom {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: bottom;
  justify-self: center;
  align-items: center;
  inline-size: -moz-fit-content;
  inline-size: fit-content;
  margin-top: 1rem;
}
@media only screen and (max-width: 37.5em){
  .footer__col--explore {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .footer__col--social {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .footer__bottom {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media only screen and (max-width: 37.5em) {
  .footer__bottom {
    justify-self: start;
    margin-top: 5rem;
  }
}
.footer__copy {
  font-size: clamp(1.1rem, 1rem + 0.25vw, 1.3rem);
  margin-right: 6rem;
  display: inline-flex;
  align-items: center;
}
@media only screen and (max-width: 37.5em) {
  .footer__copy {
    margin: 0;
  }
}
.footer__copy .to-top {
  color: pink;
  margin-left: 1rem;
  text-decoration: none;
  display: inline-block;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
  place-items: center;
}
.footer__copy .bylb {
  margin-left: 1rem;
  font-size: inherit;
}
.footer__title {
  margin: 0 0 1rem 0;
  font-family: "Sofia", sans-serif;
  letter-spacing: 0.1rem;
  font-style: italic;
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
}
@media only screen and (max-width: 37.5em) {
  .footer__title {
    margin: 1.5rem 0;
  }
}
.footer__nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer__nav__list li {
  margin: 0.4rem 0;
  margin-left: 0.5rem;
}
.footer__nav__list a {
  text-decoration: none;
  color: rgb(240, 235, 231);
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  line-height: clamp(1.1rem, 1rem + 0.25vw, 1.3rem);
}
.footer__nav__list a:hover {
  color: rgb(67, 48, 23);
}
.footer__nav__list i {
  flex: 0 0 auto;
  max-width: clamp(1.1rem, 1rem + 0.25vw, 1.3rem);
  min-width: clamp(1.1rem, 1rem + 0.25vw, 1.3rem);
  text-align: center;
  font-size: clamp(1.1rem, 1rem + 0.25vw, 1.3rem);
}
/* =======================
   Header
======================= */
.header {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  width: 100%;
  overflow-x: clip;
}
@media only screen and (max-width: 37.5em) {
  .header {
    padding: 1rem 0 2rem 0;
    background-color: #1c1a18;
  }
}
.header {
  /* --- TOP BAR (nav + search) — always visible --- */
}
.header__bar {
  background-color: #1c1a18;
  padding: 2.5rem 0;
  grid-row: 1;
  grid-column: 1;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.header {
  /* --- NAV --- */
}
.header__main-navigation {
  grid-column: 2;
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
  align-items: center;
}
@media only screen and (max-width: 37.5em) {
  .header__main-navigation {
    margin-left: 5rem;
  }
}
.header__main-navigation ul {
  display: flex;
  margin: 0;
  padding: 0;
  gap: 1rem;
}
.header__main-navigation__item {
  list-style: none;
  position: relative;
  overflow: visible;
}
.header__main-navigation__item::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  inset: 0;
  background: rgba(240, 235, 231, 0.1);
  z-index: 0;
  transform: scaleX(0);
  transition: transform 0.5s, height 0.4s cubic-bezier(1, 0, 0, 1) 0.2s, background-color 0.2s;
}
.header__main-navigation__item:active::before {
  background: rgba(240, 235, 231, 0.1);
}
.header__main-navigation__item:hover::before {
  transform: scaleX(1);
  height: 100%;
}
.header__main-navigation__link:link, .header__main-navigation__link:visited {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: rgb(240, 235, 231);
  padding: 0.5rem;
}
.header__main-navigation {
  /* Active menu item color */
}
.header__main-navigation .current-menu-item::before {
  transform: scaleX(1);
  height: 100%;
}
.header__main-navigation .current-menu-item > .header__main-navigation__link {
  background: rgba(240, 235, 231, 0.1);
  color: rgb(240, 235, 231);
  box-shadow: 0 0 0.3rem 0.1rem rgb(240, 235, 231);
}
.header__main-navigation .fa-icon {
  font-size: inherit;
  margin-right: 0.4rem;
}
.header__search--container {
  grid-column: 3;
  display: grid;
  place-items: center;
  position: relative;
}
.header__search--container:hover .tooltip, .header__search--container:focus-within .tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(4px);
  transition-delay: 0s;
}
.header__search-trigger {
  margin: 0;
  display: grid;
  place-items: center;
  inline-size: 3rem;
  block-size: 3rem;
  border-radius: 999rem;
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
  color: rgb(240, 235, 231);
  background: transparent;
  text-decoration: none;
}
.header__search-trigger:hover, .header__search-trigger:focus-visible {
  outline: none;
  background: rgba(240, 235, 231, 0.08);
}
.header__search-trigger i {
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
  line-height: 1;
}
.header__logo-box {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  width: 5rem;
  height: 5rem;
}
.header__logo {
  position: absolute;
  inset: 0;
  top: 1vh;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-object-fit: contain;
  transition: opacity 0.2s ease;
}
.header__logo--hover {
  opacity: 0;
}
.header__logo--default {
  opacity: 1;
}
.header .tooltip {
  position: absolute;
  background: rgb(240, 235, 231);
  color: #1c1a18;
  font-weight: 600;
  font-size: clamp(1.1rem, 1rem + 0.25vw, 1.3rem);
  padding: 0.4rem 0.6rem;
  white-space: nowrap;
  box-shadow: 0.1rem 0.1rem 0.3rem #fff6cf;
  z-index: 10;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease, visibility 0s linear 0.15s;
  pointer-events: none;
}
.header .tooltip strong {
  font-weight: bolder;
  color: rgb(67, 48, 23);
  background-color: #716862;
  padding: 0 0.5rem;
}
.header .tooltip--bunny {
  top: 12vh;
  left: 1vh;
  transform: translateY(-50%) translateX(0);
}
.header .tooltip--search {
  top: 5vh;
  transform: translateY(0) translateX(0);
}
.header {
  /* On hover: swap images + show tooltip */
}
.header__logo-box:hover .header__logo--hover, .header:focus-within .tooltip .header__logo--hover {
  opacity: 1;
}
.header__logo-box:hover .header__logo--default, .header:focus-within .tooltip .header__logo--default {
  opacity: 0;
}
.header__logo-box:hover .tooltip, .header:focus-within .tooltip .tooltip {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%) translateX(4px);
  transition-delay: 0s;
}
.header--hero {
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
  display: grid;
}
.header--hero .header__text-box {
  margin-block: 0;
  align-self: center;
  justify-self: center;
}
body.admin-bar .header {
  margin-top: var(--wp-admin--admin-bar--height, 3.2rem);
}
@media (max-width: 50rem) {
  .header__bar {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem;
    position: relative;
  }
  .header__main-navigation ul {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin: 0;
    padding: 0;
    align-items: stretch;
  }
  .header__main-navigation__item {
    list-style: none;
    position: relative;
    width: 100%;
  }
  .header__main-navigation__link {
    gap: 0.6rem;
    width: 20rem;
  }
  .header__search--container {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  .header__search-trigger {
    margin: 0;
  }
  .header__logo-box {
    z-index: 100;
    top: 0.1rem;
  }
  .tooltip {
    display: none;
  }
}
/* keep blocks full-width if parent is a Row/Grid group */
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
/* shared sizing + spacing */
.custom-post {
  --main-max: 100rem; /* max width of the TEXT column */
  --side-max: clamp(
    24rem,
    28vw,
    30rem
  );
  --inner-pad: 4rem;
  max-width: 90rem;
  width: min(90rem, 100%);
  margin-inline: auto;
  position: relative;
}
@media only screen and (max-width: 75em) {
  .custom-post {
    --inner-pad: 3rem;
  }
}
@media only screen and (max-width: 56.25em) {
  .custom-post {
    margin: 0 !important;
  }
}
@media only screen and (max-width: 37.5em) {
  .custom-post {
    /* smaller inner padding on phones */
    --inner-pad: 1.2rem;
    margin: 0 !important;
  }
}
.custom-post__grid {
  display: grid;
  /* DEFAULT: 1 centered column */
  grid-template-columns: minmax(0, var(--main-max));
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas: "title side-top" "body side";
  justify-content: center;
}
@media only screen and (max-width: 37.5em) {
  .custom-post__grid {
    margin: 2rem !important;
  }
}
.custom-post {
  /* when there is media OR list => add SIDE column on the RIGHT */
}
.custom-post__grid:has(> .custom-post__body__media), .custom-post__grid:has(> .custom-post__body__list) {
  grid-template-columns: minmax(0, 3fr) minmax(0, var(--side-max));
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas: "title side-top" "body  side";
}
.custom-post {
  /* mirror: SIDE column on the LEFT */
}
.custom-post__grid--side-left:has(> .custom-post__body__media), .custom-post__grid--side-left:has(> .custom-post__body__list) {
  grid-template-columns: minmax(0, var(--side-max)) minmax(0, 3fr);
  grid-template-rows: auto minmax(0, 1fr);
  grid-template-areas: "side-top title" "side body";
}
.custom-post {
  /* HEADER sits in the title area */
}
.custom-post__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
  align-self: start;
  padding: 1.2rem var(--inner-pad) 0.4rem;
  position: relative;
  display: grid;
}
.custom-post__grid:has(> .custom-post__body__media) > .custom-post__header, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__header, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__header {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.custom-post__header--title {
  margin: 0 0 0.4rem;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.custom-post__header--subtitle {
  margin: 0 0 2rem;
  opacity: 0.9;
}
.custom-post {
  /* BODY column inside the outer grid */
}
.custom-post__body {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: body;
  padding: 0.4rem var(--inner-pad) 1.2rem;
  font-size: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
  line-height: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
  align-items: start;
  position: relative;
}
.custom-post__grid:has(> .custom-post__body__media) > .custom-post__body, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.custom-post__body--textarea {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.custom-post__body--textarea img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  transition: all 5s ease-in-out;
}
.custom-post__body--textarea img:hover {
  transform: scale(1.2);
}
.custom-post__body--textarea p {
  margin: 0 0 1rem;
}
.custom-post__body--textarea p:last-child {
  margin-bottom: 0;
}
.custom-post__body--bnyu-icon img {
  position: absolute;
  width: 3.2rem;
  height: 2.5rem;
  mix-blend-mode: screen;
  opacity: 0.2;
  pointer-events: none;
  background-color: transparent;
}
.custom-post__body--bnyu-icon__position-1 img {
  left: 0.1rem;
  bottom: 0.5rem;
}
@media only screen and (max-width: 37.5em) {
  .custom-post__body--bnyu-icon__position-1 img {
    top: 0.1rem;
    right: 0.1rem;
    bottom: auto;
    left: auto;
  }
}
.custom-post__body--bnyu-icon__position-2 img {
  right: 0.1rem;
  bottom: 0.5rem;
}
@media only screen and (max-width: 37.5em) {
  .custom-post__body--bnyu-icon__position-2 img {
    top: 0.1rem;
    right: 0.1rem;
    bottom: auto;
    left: auto;
  }
}
.custom-post__body__media, .custom-post__body__list {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: side;
  align-self: start;
}
.custom-post__grid:has(> .custom-post__body__media) > .custom-post__body__media, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body__media, .custom-post__grid:has(> .custom-post__body__media) > .custom-post__body__list, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body__list {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body__media, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body__media, .custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body__list, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body__list {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
@media only screen and (max-width: 75em) {
  .custom-post__body__media, .custom-post__body__list {
    grid-row: 2;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 56.25em) {
  .custom-post__body__media, .custom-post__body__list {
    grid-row: auto;
  }
}
@media only screen and (max-width: 37.5em) {
  .custom-post__body__media, .custom-post__body__list {
    grid-row: auto;
  }
}
@media (max-width: 60rem) {
  .custom-post .custom-post__body__media,
  .custom-post .custom-post__body__list {
    grid-row: auto;
    align-self: start;
  }
}
.custom-post__body__media {
  align-self: start;
}
.custom-post__body__media--placeholder {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: side;
  display: grid;
  place-items: center;
  min-height: 12rem;
  margin-right: 1rem;
  border: 0.125rem dashed currentColor;
  opacity: 0.6;
  border-radius: 0.75rem;
  font-style: italic;
}
.custom-post__grid:has(> .custom-post__body__media) > .custom-post__body__media--placeholder, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body__media--placeholder {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body__media--placeholder, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body__media--placeholder {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.custom-post__body__media--image {
  max-width: 24rem;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 1rem;
}
.custom-post__btn {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  transition: all 0.3s ease-in-out;
}
.custom-post__btn figure:hover {
  transform: scale(1.3);
}
/* responsive */
@media (max-width: 60rem) {
  .custom-post__grid:has(> .custom-post__body__media),
  .custom-post__grid:has(> .custom-post__body__list),
  .custom-post__grid--side-left:has(> .custom-post__body__media),
  .custom-post__grid--side-left:has(> .custom-post__body__list) {
    grid-template-columns: minmax(0, 1fr);
    height: 100%;
    grid-template-rows: auto auto auto;
    grid-template-areas: "title" "body" "side";
  }
  .custom-post__grid:has(> .custom-post__body__media) > .custom-post__header, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__header, .custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__header, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .custom-post__grid:has(> .custom-post__body__media) > .custom-post__body, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body, .custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .custom-post__grid:has(> .custom-post__body__media) > .custom-post__body__media, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body__media, .custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body__media, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body__media, .custom-post__grid:has(> .custom-post__body__media) > .custom-post__body__list, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body__list, .custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body__list, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body__list {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .custom-post__grid:has(> .custom-post__body__media) > .custom-post__body__media--placeholder, .custom-post__grid:has(> .custom-post__body__list) > .custom-post__body__media--placeholder, .custom-post__grid--side-left:has(> .custom-post__body__media) > .custom-post__body__media--placeholder, .custom-post__grid--side-left:has(> .custom-post__body__list) > .custom-post__body__media--placeholder {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.custom-post__body--textarea p:empty::before {
  content: " ";
}
.designsbylb-hero {
  --hero-h: 25vh;
  min-height: var(--hero-h, 25vh);
}
.designsbylb-hero__separator {
  min-height: clamp(35rem, var(--hero-h, 25vh), 100vh);
  width: 100%;
  background-color: #1c1a18;
  display: grid;
  place-items: center;
}
@media only screen and (max-width: 37.5em) {
  .designsbylb-hero__separator {
    min-height: clamp(20rem, var(--hero-h, 25vh), 100vh);
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 2rem !important;
  }
}
/* 3 images in a row, centered, responsive */
.designsbylb-hero__images {
  display: grid;
  width: min(100%, 80rem);
  margin-inline: auto;
  -moz-column-gap: clamp(12rem, 10vw, 15rem);
       column-gap: clamp(12rem, 10vw, 15rem);
  grid-template-columns: repeat(3, clamp(12rem, 21vw, 22rem));
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 37.5em) {
  .designsbylb-hero__images {
    padding: 1rem 0;
    overflow: hidden;
    display: flex;
  }
}
.designsbylb-hero__images .designsbylb-hero__image:only-child {
  grid-column: 2;
  justify-self: center;
}
.designsbylb-hero__image {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0.1rem 0.5rem rgba(28, 26, 24, 0.35);
  transition: opacity 0.3s ease-in-out;
}
@media only screen and (max-width: 37.5em) {
  .designsbylb-hero__image {
    height: 17rem;
    width: 17rem;
  }
}
.designsbylb-hero__image:hover {
  opacity: 0.5;
  cursor: pointer;
}
.designsbylb-hero__image:nth-child(1) {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
@media only screen and (max-width: 37.5em) {
  .designsbylb-hero__image:nth-child(1) {
    display: none;
  }
}
.designsbylb-hero__image:nth-child(2) {
  clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 50% 75%, 25% 100%, 25% 75%, 0% 75%);
  margin-top: 1rem;
}
@media only screen and (max-width: 37.5em) {
  .designsbylb-hero__image:nth-child(2) {
    display: none;
  }
}
.designsbylb-hero__image:nth-child(3) {
  clip-path: circle(50%);
}
@media only screen and (max-width: 37.5em) {
  .designsbylb-hero__image:nth-child(3) {
    margin: 0 auto;
  }
}
.contact {
  --fg: $clr-secondary;
  --accent: $clr-tertiary;
  display: grid;
  place-items: center;
  z-index: 1000;
}
.contact__inner {
  width: min(60rem, 100%);
  padding: 2rem 2.4rem;
  background-color: #1c1a18;
  color: rgb(240, 235, 231);
  border: 1px solid rgba(28, 26, 24, 0.25);
  box-shadow: 0 0.2rem 0.8rem rgba(28, 26, 24, 0.35);
  border-radius: 1rem;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 37.5em) {
  .contact__inner {
    width: min(40rem, 80%);
  }
}
@media only screen and (max-width: 56.25em) {
  .contact__inner {
    width: min(60rem, 100%);
  }
}
.contact__title {
  margin: 0 0 0.6rem 0;
  font-family: "Sofia", sans-serif;
  letter-spacing: 0.1rem;
}
.contact__text {
  margin: 0 0 1.2rem 0;
  opacity: 0.9;
}
.contact__form {
  display: grid;
  gap: 2rem;
  text-align: left;
  position: relative;
}
.contact__row {
  display: grid;
  gap: 0.3rem;
}
.contact__row label {
  font-weight: 700;
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.contact__row input, .contact__row textarea {
  font: 400 1rem/1.4 "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(1.7rem, 1.5rem + 0.5vw, 2.1rem);
  width: 100%;
  padding: 0.7rem 1rem;
  border: 1px solid rgba(28, 26, 24, 0.25);
  border-radius: 0.6rem;
  background: rgba(240, 235, 231, 0.8);
  color: #1c1a18;
  outline: none;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.contact__row input:focus, .contact__row textarea:focus {
  border-color: rgb(67, 48, 23);
  box-shadow: 0 0 0 0.2rem rgba(67, 48, 23, 0.25);
}
.contact__btn {
  justify-self: center;
  align-items: center;
  display: flex;
  margin-top: 2rem;
  padding: 0.8rem 1.2rem;
  border-radius: 0.8rem;
  background: #716862;
  text-transform: uppercase;
  color: rgb(240, 235, 231);
  text-shadow: 1px 1px 2px rgba(28, 26, 24, 0.7);
  border: none;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
  box-shadow: 0 0.1rem 0.3rem rgba(28, 26, 24, 0.3);
}
.contact__btn:hover {
  transform: translateY(-1px);
}
.contact__hp {
  position: absolute;
  left: -9999px;
  height: 0;
  overflow: hidden;
}
.contact__bnyu {
  position: absolute;
  bottom: 0.8rem;
  right: 0.1rem;
  width: 1.25rem;
  height: 1.25rem;
  opacity: 0.9;
  pointer-events: none;
}
.contact__icon--envelope, .contact__icon--phone {
  color: #716862;
}
.contact__status {
  color: #716862;
  text-align: center;
}
.wpcf7 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.wpcf7 li {
  margin: 0;
  padding: 0;
}
.wpcf7-response-output {
  margin: 0.4rem 0 0;
  padding: 0;
  border: 0;
  color: rgb(240, 235, 231);
  text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
  border-color: rgb(67, 48, 23);
}
.search-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background-color: rgba(28, 26, 24, 0.98);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-1rem);
  transition: opacity 220ms ease, transform 220ms ease, visibility 0s linear 220ms;
}
.search-overlay--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
  transition: opacity 220ms ease, transform 220ms ease;
}
.search-overlay__top {
  padding-block: 6vh 2rem;
}
.search-overlay__top .container {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: min(100% - 4rem, 64rem);
  margin-inline: auto;
}
.search-overlay__icon, .search-overlay__close {
  font-size: 1.8rem;
  flex: 0 0 auto;
  line-height: 1;
  cursor: pointer;
  padding: 0.6rem;
  border-radius: 999rem;
}
.search-overlay__icon:hover, .search-overlay__icon:focus-visible, .search-overlay__close:hover, .search-overlay__close:focus-visible {
  outline: none;
  background-color: rgba(221, 247, 229, 0.1);
}
.search-overlay__icon {
  color: #d4effb;
}
.search-overlay__close {
  color: #ffe6f2;
}
/* The input */
.search-term {
  flex: 1 1 auto;
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(2.2rem, 1.9rem + 0.8vw, 2.6rem);
  color: rgb(240, 235, 231);
  background-color: rgba(240, 235, 231, 0.1);
  border: 0.1rem solid rgba(221, 247, 229, 0.45);
  border-radius: 999rem;
  padding: 0.9rem 1.4rem;
  outline: none;
  transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}
.search-term::-moz-placeholder {
  color: rgba(240, 235, 231, 0.65);
}
.search-term::placeholder {
  color: rgba(240, 235, 231, 0.65);
}
.search-term:focus-visible {
  background-color: rgba(240, 235, 231, 0.09);
  border-color: #fff6cf;
  box-shadow: 0 0 0 0.2rem rgba(255, 246, 207, 0.32);
}
.container-search {
  border: 1px solid #ddf7e5;
  padding: 2rem;
  background: #1c1a18;
  height: auto;
  position: relative;
}
.bnyu-icon--search {
  width: 3.2rem;
  height: 2.5rem;
  mix-blend-mode: screen;
  opacity: 0.2;
  pointer-events: none;
  background-color: transparent;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  opacity: 0.8;
}
#search-overlay__results {
  width: min(100% - 4rem, 64rem);
  margin: 2rem auto 6vh;
  color: rgb(240, 235, 231);
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
}
#search-overlay__results .search-overlay--title {
  font-size: clamp(2.2rem, 1.9rem + 0.8vw, 2.6rem);
  font-weight: 700;
  margin: 0 0 1rem;
  color: #ffe6f2;
  margin-bottom: 2rem;
}
#search-overlay__results ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#search-overlay__results ul li + li {
  margin-top: 0.6rem;
}
#search-overlay__results ul a {
  height: 100%;
  width: 100%;
  color: rgb(240, 235, 231);
  text-decoration: none;
  padding: 0.2rem 0.1rem;
  border-radius: 0.4rem;
}
#search-overlay__results ul a:hover, #search-overlay__results ul a:focus-visible {
  background-color: rgba(255, 246, 207, 0.06);
  outline: none;
}
#search-overlay__results .no-results-msg {
  padding: 1rem 1.2rem;
  font-size: clamp(2.2rem, 1.9rem + 0.8vw, 2.6rem);
  font-weight: bold;
  color: #d4effb;
  background-color: rgba(240, 235, 231, 0.1);
}
.result-author {
  margin-inline-start: 0.4rem;
  opacity: 0.85;
  white-space: nowrap;
}
.result-author__by {
  opacity: 0.8;
  color: #ffe6f2;
}
.result-author__name {
  font-weight: 600;
  color: #f0e9ff;
}
.row {
  display: grid;
  gap: 1.2rem;
}
.body--lock {
  overflow: hidden;
  height: 100%;
}
.spinner-loader {
  border: 0.4rem solid rgba(212, 239, 251, 0.2);
  border-top: 0.4rem solid #d4effb;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  animation: spin 1s linear infinite;
  margin: 4rem auto;
  border-radius: 50%;
  animation: spin 0.8s linear infinite;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* Responsive goodness */
@media (max-width: 48rem) {
  .search-overlay__top {
    padding-block-start: 8vh;
  }
  .search-overlay__top .container {
    width: min(100% - 3rem, 44rem);
    gap: 0.8rem;
  }
  .search-term {
    font-size: clamp(1.4rem, 3.5vw, 1.8rem);
    padding: 0.9rem 1.2rem;
  }
}
/* ---------- Fallback (no-JS) inline search ---------- */
.search-container {
  padding: 1.2rem 0 2.2rem;
  height: 50rem;
}
.search-form__inner {
  width: min(100% - 4rem, 64rem);
  margin-inline: auto;
  height: 100%;
  padding: 2rem;
  background: rgba(113, 104, 98, 0.1) url(images/bnuuy.ac485923.png) no-repeat bottom 1rem right 1rem;
  background-size: clamp(8rem, 11vh, 15rem);
}
.search-form__form {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.search-form__label {
  text-align: center;
  margin: 0 0 2rem 0;
  font-family: "Sofia", sans-serif;
  letter-spacing: 0.1rem;
  font-size: clamp(2.8rem, 2.3rem + 1.3vw, 3.4rem);
  font-weight: bolder;
  color: #1c1a18;
  border-bottom: 1px dotted rgba(113, 104, 98, 0.5);
  padding: 2rem 1rem;
}
/* Row holds the input + button */
.search-form__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  width: 100%;
}
/* Input matches your overlay vibe but tuned for inline use */
.search-form__input {
  width: 100%;
  text-align: center;
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(1.7rem, 1.5rem + 0.5vw, 2.1rem);
  color: #1c1a18;
  background-color: rgba(240, 235, 231, 0.8);
  border: none;
  border-radius: 0.2rem;
  padding: 0.95rem 1.4rem;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}
.search-form__input::-moz-placeholder {
  color: rgba(28, 26, 24, 0.7);
}
.search-form__input::placeholder {
  color: rgba(28, 26, 24, 0.7);
}
.search-form__input:focus-visible {
  border-color: #716862;
  box-shadow: 0 0 0 0.22rem rgba(113, 104, 98, 0.32);
  outline: 0.3rem solid #716862;
}
/* Cute lil’ button */
.search-form__submit {
  justify-self: start;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.9rem 2rem;
  border: 0;
  border-radius: 0.2rem;
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 700;
  text-shadow: 1px 1px 2px rgba(28, 26, 24, 0.5);
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
  background-color: #ffe6f2;
  color: #1c1a18;
  cursor: pointer;
  box-shadow: 0 0.05rem 0.35rem rgba(28, 26, 24, 0.25);
  transition: transform 0.12s ease, box-shadow 0.12s ease, background-color 0.12s ease;
}
.search-form__submit:hover, .search-form__submit:focus-visible {
  opacity: 0.8;
  outline: none;
  transform: translateY(-0.5px);
  box-shadow: 0 0.1rem 0.45rem rgba(28, 26, 24, 0.35);
}
.search-form__submit:active {
  transform: translateY(0);
}
/* Make it comfy on small screens */
@media (max-width: 50rem) {
  .search-form__label {
    margin: 0 0 1rem 0;
  }
  .search-form__row {
    flex-direction: column;
    align-items: stretch;
    gap: 3rem;
  }
  .search-form__submit {
    font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
    justify-self: stretch;
    width: 50%;
  }
  .search-form__inner {
    background-size: clamp(5rem, 8vh, 10rem);
  }
}
/* Reduce animation for folks who prefer that */
@media (prefers-reduced-motion: reduce) {
  .search-form__input,
  .search-form__submit {
    transition: none;
  }
}
/* ---------- Fallback (no-JS) search results ---------- */
.search-resultsNOJS {
  background-color: rgba(28, 26, 24, 0.9);
  padding: 2rem 1rem;
  width: min(100% - 3rem, 64rem);
  height: auto;
  margin: 12rem auto;
  color: rgb(240, 235, 231);
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
  position: relative;
}
.search-resultsNOJS__title {
  text-align: center;
  font-size: clamp(2.2rem, 1.9rem + 0.8vw, 2.6rem);
  font-weight: 700;
  margin: 0 0 2rem;
  color: #ffe6f2;
  text-shadow: 0 0.1rem 0.1rem rgba(240, 235, 231, 0.9);
}
.search-resultsNOJS__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.8rem;
}
.search-resultsNOJS__item {
  padding: 0.8rem 1rem;
}
.search-resultsNOJS__link {
  color: rgb(240, 235, 231);
  font-weight: 700;
  text-decoration: none;
}
.search-resultsNOJS__link:hover, .search-resultsNOJS__link:focus-visible {
  outline: none;
  text-decoration: underline;
  color: #716862;
}
.search-resultsNOJS__excerpt {
  margin-top: 0.2rem;
  opacity: 0.85;
}
.search-resultsNOJS__pagination {
  margin-top: 2rem;
  text-align: center;
}
.search-resultsNOJS__pagination .page-numbers {
  color: rgb(240, 235, 231);
  font-weight: 700;
  text-decoration: none;
  margin: 0 0.4rem;
}
.search-resultsNOJS__pagination .page-numbers:hover, .search-resultsNOJS__pagination .page-numbers:focus-visible {
  outline: none;
  text-decoration: underline;
  color: #716862;
}
.no-results-msg {
  padding: 1rem 1.2rem;
  font-size: clamp(2.2rem, 1.9rem + 0.8vw, 2.6rem);
  font-weight: bold;
  color: rgb(103, 190, 217);
  background-color: rgba(240, 235, 231, 0.1);
  border-radius: 0.4rem;
}
.bnyu-icon {
  position: absolute;
  bottom: 0.1rem;
  right: 0.1rem;
  width: 3.2rem;
  height: 2.5rem;
  mix-blend-mode: screen;
  opacity: 0.2;
  pointer-events: none;
  background-color: transparent;
}
.custom-post__body__list {
  color: #1c1a18;
  margin: 0;
  font-family: "Reenie Beanie", cursive;
  display: grid;
  grid-template-rows: auto 1fr;
  align-self: stretch;
  justify-content: start;
  position: relative;
}
.custom-post__body__list--title {
  font-family: inherit;
  grid-row: 1;
  padding-top: 0.1rem;
  font-weight: bold;
}
.custom-post__body__list--items {
  margin-top: 1rem;
  grid-row: 2;
  list-style: none;
}
.custom-post__body__list--items a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  transition: transform 0.15s linear, box-shadow 0.15s linear;
}
.custom-post__body__list--items a:focus, .custom-post__body__list--items a:hover {
  transform: rotate(-6deg) scale(1.05);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
}
.custom-post__body__list--items li {
  margin-block: 0.3rem;
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
}
.custom-post__body__list.sticky-note {
  --note-bg: $color-yellow-accent;
  --tilt: 0deg;
  --lift: -2.2rem;
  --offset-x: 0;
  text-align: left;
  background: var(--note-bg);
  color: #2b2621;
  letter-spacing: 0.1rem;
  padding: 1.5rem;
  max-height: 25rem;
  min-height: 18rem;
  align-content: start;
  align-self: start;
  position: relative;
  top: var(--lift);
  box-shadow: 0 0.6rem 1.4rem rgba(0, 0, 0, 0.25);
  transform-origin: 50% 8%;
  transform: translateX(var(--offset-x)) rotate(var(--tilt));
  transition: transform 0.15s linear, box-shadow 0.15s linear;
}
@media only screen and (max-width: 75em) {
  .custom-post__body__list.sticky-note {
    transform: none;
    width: clamp(15rem, 25vw, var(--side-max));
    align-content: center;
    justify-self: center;
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 56.25em) {
  .custom-post__body__list.sticky-note {
    width: var(--side-max);
  }
}
.custom-post__body__list.sticky-note:hover, .custom-post__body__list.sticky-note:focus-within {
  cursor: pointer;
  transform: translateX(var(--offset-x)) rotate(var(--tilt)) scale(1.02);
  box-shadow: 0 0.9rem 1.8rem rgba(0, 0, 0, 0.28);
}
.custom-post__body__list.sticky-note--tilted-left {
  --tilt: -3deg;
  transform-origin: right top;
}
.custom-post__body__list.sticky-note--straight {
  --tilt: 0deg;
  --lift: 0;
  transform-origin: 50% 8%;
}
.custom-post__body__list.sticky-note--tilted-right {
  --tilt: 3deg;
  transform-origin: left top;
}
.custom-post__body__list.sticky-note--yellow {
  --note-bg: #fff6cf;
}
.custom-post__body__list.sticky-note--green {
  --note-bg: #ddf7e5;
}
.custom-post__body__list.sticky-note--blue {
  --note-bg: #d4effb;
}
.custom-post__body__list.sticky-note--purple {
  --note-bg: #f0e9ff;
}
.custom-post__body__list.sticky-note--pink {
  --note-bg: #ffe6f2;
}
.custom-post__body__list.sticky-note--latte {
  --note-bg: #e9d7c5;
}
.custom-post__body__list.sticky-note--deep-taupe {
  --note-bg: #3a3430;
}
.custom-post__body__list.sticky-note--caramel {
  --note-bg: #e2c9ae;
}
.custom-post__body__list.sticky-note--mushroom-grey {
  --note-bg: #4b443e;
}
.custom-post__body__list.sticky-note--soft-ash {
  --note-bg: #57504a;
}
.custom-post__body__list.sticky-note--mushroom-grey, .custom-post__body__list.sticky-note--soft-ash, .custom-post__body__list.sticky-note--deep-taupe {
  color: rgb(240, 235, 231);
}
.custom-post .custom-post__body__list.sticky-note--right.sticky-note--yellow {
  --offset-x: 0.8rem;
}
.custom-post .custom-post__body__list.sticky-note--right.sticky-note--purple {
  --offset-x: -1.5rem;
  --lift: -1rem;
}
.custom-post .custom-post__body__list.sticky-note--right.sticky-note--green {
  --offset-x: 2rem;
  --lift: 0rem;
}
.custom-post .custom-post__body__list.sticky-note--left {
  --offset-x: 1rem;
}
.custom-post .custom-post__body__list.sticky-note--left.sticky-note--yellow {
  --offset-x: -2rem;
}
.custom-post .custom-post__body__list.sticky-note--left.sticky-note--purple {
  --offset-x: 1.2rem;
  --lift: 0rem;
}
.custom-post .custom-post__body__list.sticky-note--left.sticky-note--green {
  --offset-x: 1.2rem;
  --lift: -1rem;
}
/* ~~~~~~~ BANNER ~~~~~~~ */
.banner {
  --banner-padding-side: 2rem;
  --content-max-width: 70rem;
  background-color: rgba(240, 235, 231, 0.7);
  z-index: 1000;
  position: relative;
  margin-inline: auto;
  max-width: 90rem;
  width: min(90rem, 100%);
  transition: all 1s;
  padding-top: 5rem;
}
@media only screen and (max-width: 56.25em) {
  .banner {
    width: 100%;
    padding: 1rem;
    --banner-padding-side: 5rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .banner {
    --banner-padding-side: 2rem;
    width: 100%;
    height: 100%;
    padding: 1rem 0.4rem 0 0.4rem;
  }
}
.banner .banner__heading,
.banner .banner__textarea,
.banner .banner__media {
  width: min(var(--content-max-width), 100%);
  margin-inline: auto;
}
.banner__heading {
  text-align: center;
  margin: 0;
  padding: var(--banner-padding-side);
  padding-inline: var(--banner-padding-side);
}
.banner__title {
  display: block;
  font-size: clamp(3.6rem, 2.8rem + 2vw, 4.8rem);
  line-height: clamp(3.6rem, 2.8rem + 2vw, 4.8rem);
  font-weight: 400;
  font-family: "Sofia", sans-serif;
  letter-spacing: 0.2rem;
  margin-bottom: clamp(1.8rem, 1vw, 1.5rem);
}
@media only screen and (max-width: 37.5em) {
  .banner__title {
    line-height: clamp(2.8rem, 2.3rem + 1.3vw, 3.4rem);
    margin-bottom: 2rem;
    letter-spacing: 0.1rem;
  }
}
.banner__subtitle {
  display: block;
  font-size: clamp(1.8rem, 1.6rem + 0.6vw, 2rem);
  font-weight: 700;
  letter-spacing: 0.5rem;
  margin-bottom: 0.3rem;
}
@media only screen and (max-width: 37.5em) {
  .banner__subtitle {
    font-size: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
    line-height: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
    letter-spacing: 0.2rem;
  }
}
.banner__subtitle i {
  color: rgb(67, 48, 23);
  font-size: 1.5rem;
}
.banner__textarea {
  display: flex;
  flex-direction: column;
  margin: 4rem 0;
  text-align: center;
}
@media only screen and (max-width: 56.25em) {
  .banner__textarea {
    padding: 1rem 5rem;
  }
}
@media only screen and (max-width: 37.5em) {
  .banner__textarea {
    padding: 1rem 2rem;
  }
}
.banner__textarea--textAreaTitle {
  margin-bottom: 1.2rem;
}
.banner__textarea--paragraph {
  padding: 0.4rem var(--inner-pad) 1.2rem;
  font-size: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
  line-height: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
  font-weight: normal;
}
.banner .wp-block-image img {
  width: 100%;
}
@media only screen and (max-width: 37.5em) {
  .banner .wp-block-image img {
    border-width: 2rem !important;
  }
}
.banner .banner__media {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-bottom: 2rem;
}
.banner .bnyu-icon {
  width: 3.2rem;
  height: 2.5rem;
  mix-blend-mode: screen;
  opacity: 0.2;
  pointer-events: none;
  background-color: transparent;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: clamp(1.2rem, 2vw, 1.5rem);
}
.empty-space {
  height: 2rem;
}
/* Force image to actually fill the wrapper (beats inline width:655px) */
.banner__media > .wp-block-image img {
  width: 100% !important;
}
/* =========================================
   WP ADMIN THEME — Designs by LB
   ========================================= */
/* ------------------------------
   1) TOP ADMIN BAR (#wpadminbar)
-------------------------------- */
#wpadminbar.nojq {
  background: #1c1a18;
  border-bottom: 1px solid rgba(113, 104, 98, 0.2);
  /* text + links */
}
#wpadminbar.nojq .ab-item,
#wpadminbar.nojq a.ab-item,
#wpadminbar.nojq .ab-label {
  color: rgb(240, 235, 231) !important;
}
#wpadminbar.nojq {
  /* icons */
}
#wpadminbar.nojq .ab-icon:before,
#wpadminbar.nojq .ab-item:before {
  color: rgb(240, 235, 231) !important;
}
#wpadminbar.nojq {
  /* hover/focus */
}
#wpadminbar.nojq .ab-top-menu > li:hover > .ab-item,
#wpadminbar.nojq .ab-top-menu > li > .ab-item:focus,
#wpadminbar.nojq .ab-top-menu > li > .ab-item:hover {
  background: rgba(255, 230, 242, 0.14);
}
#wpadminbar.nojq {
  /* dropdown background + text */
}
#wpadminbar.nojq .menupop .ab-sub-wrapper {
  background: #716862;
}
#wpadminbar.nojq .ab-sub-wrapper .ab-item {
  color: rgb(240, 235, 231) !important;
}
/* ------------------------------
   2) GLOBAL ADMIN WRAPPER + VARS
-------------------------------- */
body.wp-admin {
  /* Theme tokens */
  --lb-bg: rgb(240, 235, 231);
  --lb-text: #1c1a18;
  --lb-dark: #1c1a18;
  --lb-card: rgb(240, 235, 231);
  --lb-accent: #ffc0cb;
  --lb-accent-soft: rgba(255, 230, 242, 0.55);
  --lb-border: rgba(113, 104, 98, 0.2);
  /* Kill WP default blue system-wide */
  --wp-admin-theme-color: var(--lb-accent);
  --wp-admin-theme-color-darker-10: rgb(67, 48, 23);
  --wp-admin-theme-color-darker-20: #2c2723;
  --wp-admin-theme-color-lighter-10: rgb(255, 230, 242);
  --wp-admin-theme-color-lighter-20: rgb(255, 240, 247);
  background: var(--lb-bg);
  color: var(--lb-text);
  /* Fix the “white starts too late” feeling */
}
body.wp-admin #wpwrap,
body.wp-admin #wpcontent,
body.wp-admin #wpbody,
body.wp-admin #wpbody-content {
  background: var(--lb-bg);
}
body.wp-admin {
  /* Optional: reduce the “boxed offset” */
}
body.wp-admin #wpcontent {
  padding-left: 1.25rem;
}
body.wp-admin {
  /* Headings */
}
body.wp-admin #wpwrap .wrap h1 {
  font-family: "Sofia", sans-serif;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0.1rem;
  font-size: clamp(2.8rem, 2.3rem + 1.3vw, 3.4rem);
  color: #1c1a18;
}
body.wp-admin {
  /* Cards/boxes */
}
body.wp-admin .postbox,
body.wp-admin .welcome-panel,
body.wp-admin .notice,
body.wp-admin .card {
  background: var(--lb-card);
  border: 1px solid var(--lb-border);
  border-radius: 1rem;
  box-shadow: 0 0.75rem 1.6rem rgba(0, 0, 0, 0.06);
}
body.wp-admin {
  /* Table row hover */
}
body.wp-admin .wp-list-table tr:hover td {
  background: var(--lb-accent-soft);
}
body.wp-admin {
  /* Links */
}
body.wp-admin a {
  color: rgb(67, 48, 23);
}
body.wp-admin a:hover {
  color: #ffc0cb;
}
body.wp-admin {
  /* Focus glow (inputs/links/buttons) */
}
body.wp-admin a:focus,
body.wp-admin button:focus,
body.wp-admin input:focus,
body.wp-admin select:focus,
body.wp-admin textarea:focus {
  outline: none !important;
  border-color: rgba(255, 192, 203, 0.75) !important;
  box-shadow: 0 0 0 0.25rem rgba(255, 192, 203, 0.28) !important;
}
/* ------------------------------
   3) LEFT ADMIN MENU (#adminmenu)
-------------------------------- */
body.wp-admin #adminmenuback,
body.wp-admin #adminmenuwrap,
body.wp-admin #adminmenu {
  background: var(--lb-dark);
}
body.wp-admin #adminmenu a {
  color: rgba(240, 235, 231, 0.92);
}
body.wp-admin #adminmenu .wp-menu-image:before {
  color: rgba(240, 235, 231, 0.7);
}
body.wp-admin {
  /* Hover */
}
body.wp-admin #adminmenu li.menu-top:hover > a,
body.wp-admin #adminmenu a:focus {
  background: rgba(255, 230, 242, 0.16);
  color: rgb(240, 235, 231);
  box-shadow: inset 0.25rem 0 0 0 var(--lb-accent);
}
body.wp-admin {
  /* Active top-level (Posts) */
}
body.wp-admin #adminmenu li.wp-has-current-submenu > a,
body.wp-admin #adminmenu li.current > a {
  background: rgba(255, 230, 242, 0.22);
  color: rgb(240, 235, 231);
  box-shadow: inset 0.25rem 0 0 0 var(--lb-accent);
}
body.wp-admin {
  /* Submenu */
}
body.wp-admin #adminmenu .wp-submenu,
body.wp-admin #adminmenu .wp-submenu-wrap {
  background: rgba(255, 230, 242, 0.08);
}
body.wp-admin #adminmenu .wp-submenu a {
  color: rgba(240, 235, 231, 0.92);
}
body.wp-admin #adminmenu .wp-submenu a:hover,
body.wp-admin #adminmenu .wp-submenu a:focus {
  color: rgb(240, 235, 231);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
body.wp-admin {
  /* Submenu CURRENT (All Posts highlight) */
}
body.wp-admin #adminmenu .wp-submenu li.current > a,
body.wp-admin #adminmenu .wp-submenu li.current > a:hover,
body.wp-admin #adminmenu .wp-submenu li.current > a:focus {
  background: #efe2d4;
  color: #1c1a18;
  margin: 0.2rem 0.6rem;
  padding-left: 0.8rem;
  border-radius: 0.6rem;
}
/* ------------------------------
   4) BUTTONS (replace all blue)
   This is what fixes your “Save Draft”
-------------------------------- */
/* Primary targets: WP uses these everywhere */
body.wp-admin .button,
body.wp-admin .button-primary,
body.wp-admin .button-secondary,
body.wp-admin .wp-core-ui .button,
body.wp-admin .wp-core-ui .button-primary,
body.wp-admin .wp-core-ui .button-secondary,
body.wp-admin input[type=button].button,
body.wp-admin input[type=submit].button,
body.wp-admin input[type=reset].button {
  background: #423b36 !important;
  border-color: #423b36 !important;
  color: rgb(240, 235, 231) !important;
  border-radius: 0.95rem !important;
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem) !important;
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.16) !important;
  transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;
}
/* Hover */
body.wp-admin .button:hover,
body.wp-admin .button-primary:hover,
body.wp-admin .button-secondary:hover,
body.wp-admin .wp-core-ui .button:hover,
body.wp-admin .wp-core-ui .button-primary:hover,
body.wp-admin .wp-core-ui .button-secondary:hover,
body.wp-admin input[type=button].button:hover,
body.wp-admin input[type=submit].button:hover,
body.wp-admin input[type=reset].button:hover {
  background: #716862 !important;
  border-color: #716862 !important;
  filter: brightness(1.05);
  transform: translateY(-0.1rem);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.18) !important;
}
/* Active */
body.wp-admin .button:active,
body.wp-admin .button-primary:active,
body.wp-admin .button-secondary:active,
body.wp-admin .wp-core-ui .button:active,
body.wp-admin .wp-core-ui .button-primary:active,
body.wp-admin .wp-core-ui .button-secondary:active,
body.wp-admin input[type=button].button:active,
body.wp-admin input[type=submit].button:active,
body.wp-admin input[type=reset].button:active {
  transform: translateY(0);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.14) !important;
}
/* Login page styles */
body.login {
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: rgb(198, 182, 172);
  color: #1c1a18;
  /* soft overall spacing */
  padding: 2rem 1rem;
}
/* Center column */
body.login #login {
  width: 30rem;
  padding: 0;
}
/* Logo area */
body.login h1 {
  margin: 0 0 1.25rem;
}
/* Password “eye” icon area tweaks */
body.login .wp-pwd button,
.dashicons .dashicons-visibility {
  color: #1c1a18;
}
body.login .wp-pwd button:hover,
.dashicons .dashicons-visibility:hover {
  color: #ffc0cb;
}
body.login h1 a {
  background-image: url(images/bnuuy2.c1164b76.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 12rem;
  height: 10rem;
  /* keep the WP hiding behavior */
  text-indent: -9999rem;
  /* smoothy smooth transitions */
  transition: transform 180ms ease, filter 180ms ease, opacity 180ms ease;
}
body.login h1 a:hover {
  background-image: url(images/bnuuy.ac485923.png);
  transform: translateY(-0.15rem);
  filter: drop-shadow(0 0.5rem 1.2rem rgba(0, 0, 0, 0.12));
}
/* Success/info box */
body.login .message,
body.login .notice,
body.login #login_error {
  border-radius: 1rem;
  border: 1px solid rgba(113, 104, 98, 0.2);
  background: rgba(239, 226, 212, 0.75);
  box-shadow: 0 0.75rem 1.75rem rgba(0, 0, 0, 0.08);
}
body.login #loginform {
  padding: 2rem;
}
/* Form container */
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform {
  background: rgba(239, 226, 212, 0.92);
  border-radius: 1.25rem;
  padding: 1.5rem;
  border: 1px solid rgba(113, 104, 98, 0.2);
  box-shadow: 0 1rem 2.25rem rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(0.35rem);
}
/* Labels */
body.login label:not([for=rememberme]) {
  font-size: clamp(1.5rem, 1.35rem + 0.35vw, 1.7rem);
  font-family: "Sofia", sans-serif;
  letter-spacing: 0.1rem;
  color: #1c1a18;
  font-weight: 600;
  margin-bottom: 0.6rem;
}
body.login .input {
  min-height: 3.1rem;
}
/* Inputs */
body.login .input,
body.login input[type=text],
body.login input[type=password],
body.login input[type=email] {
  font-size: clamp(1.7rem, 1.5rem + 0.5vw, 2.1rem);
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border-radius: 0.85rem;
  padding: 0.75rem 0.95rem;
  background: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(113, 104, 98, 0.2);
  transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}
body.login .input:focus,
body.login input:focus {
  border-color: #ffc0cb;
  box-shadow: 0 0 0 0.25rem rgba(103, 190, 217, 0.2);
  background: rgba(255, 255, 255, 0.92);
  outline: none;
}
/* Checkbox row spacing */
body.login .forgetmenot {
  margin-top: 0.5rem;
}
/* Button */
body.login .button-primary,
.login .language-switcher .button {
  background: #423b36;
  border-color: #423b36;
  color: rgb(240, 235, 231);
  border-radius: 0.95rem;
  padding: 0.7rem 1.1rem;
  font-family: "Karla", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
  box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.16);
  transition: transform 140ms ease, filter 140ms ease, box-shadow 140ms ease;
}
body.login .button-primary:hover,
.login .language-switcher .button:hover {
  filter: brightness(1.05);
  background-color: #716862;
  border: none;
  transform: translateY(-0.1rem);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.18);
}
body.login .button-primary:active,
.login .language-switcher .button:active {
  transform: translateY(0);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.14);
}
/* Links */
.login #backtoblog,
.login #nav {
  text-align: center;
}
body.login #nav a,
body.login #backtoblog a {
  font-weight: 500;
  color: #1c1a18;
  text-decoration: none;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
  transition: color 140ms ease, text-decoration-color 140ms ease;
}
body.login #backtoblog a {
  font-weight: 400;
}
body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: rgb(67, 48, 23);
  text-decoration: underline;
  text-decoration-color: rgb(67, 48, 23);
  text-underline-offset: 0.25rem;
}
/* Language switch */
body.login .language-switcher select {
  border-radius: 0.85rem;
  border: 1px solid rgba(113, 104, 98, 0.2);
  padding: 0.55rem 0.85rem;
}
body.login #language-switcher-locales {
  background: #efe2d4;
  color: inherit;
  border-color: rgb(67, 48, 23);
}
body.login #language-switcher-locales:hover,
body.login #language-switcher-locales:focus {
  background: #efe2d4;
}
.login .privacy-policy-page-link {
  border-top: 1px solid rgba(113, 104, 98, 0.2);
  padding-top: 1rem;
  text-align: left;
}
body.login .privacy-policy-page-link a,
body.login #nav a,
body.login #backtoblog a {
  color: #1c1a18;
  font-size: clamp(1.3rem, 1.2rem + 0.3vw, 1.5rem);
}
body.login .privacy-policy-page-link a:hover,
body.login #nav a:hover,
body.login #backtoblog a:hover {
  color: #ffc0cb;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}
.login .language-switcher .button {
  padding: 0.3rem 0.6rem;
}
#language-switcher {
  margin-right: 1rem;
}
/* ===== Kill the browser autofill light-blue ===== */
body.login input:-webkit-autofill,
body.login input:-webkit-autofill:hover,
body.login input:-webkit-autofill:focus,
body.login textarea:-webkit-autofill,
body.login textarea:-webkit-autofill:hover,
body.login textarea:-webkit-autofill:focus,
body.login select:-webkit-autofill,
body.login select:-webkit-autofill:hover,
body.login select:-webkit-autofill:focus {
  -webkit-text-fill-color: #1c1a18;
  caret-color: #1c1a18;
  /* This paints over the autofill background */
  box-shadow: 0 0 0 1000rem rgba(255, 230, 242, 0.92) inset;
  /* Smooth transition so it doesn't flash */
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

/*# sourceMappingURL=style-index.css.map*/