::selection {
  background : #e6e7e8;
}

body {
  font-family : 'IBM Plex Sans SemiCondensed';
  font-weight: 300;
  font-style: normal;
  font-display: swap;

}

.wp-block-embed__wrapper {

    text-align: center;
}

.site-header {
  font-family: 'DINdong';
  font-weight: normal;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right : 20px;
  padding-left : 20px;
  padding-top : 10px;
  padding-bottom : 10px;
  background-color: #dcddde;
  font-size : 17px;
  position: fixed;
  width: 100vw;
  z-index: 80000;
  left : 0;
  top : 0;
}

.site-header a,
.site-header a:visited {
  text-decoration : none!important;
}

.site-header a:hover {
  text-decoration : underline!important;
}

.site-main {
  position: relative;
  top : 55px;
}

.column-title {
  font-family: 'DINdong';
  font-size : 18px;
  border-bottom : 1px solid black;
  padding-bottom : 10px;

}

.site-header a,
.site-header a:hover,
.site-header a:visited {
  color : black;
  text-decoration: none;
}

.site-header a:hover {
  text-decoration: underline;
}

.site-branding,
.site-header nav,
.site-header nav .menu-menu-1-container {
  display: inline-block;
  width : auto;
}

.main-navigation li {
  padding-left : 95px;
}

.site-main .two-columns {
  display: flex;
  flex-direction: row;
  width : 100vw;
  gap : 30px;
}

.site-main .column {
  width : 50vw;
  padding-left : 20px;
  padding-right : 20px;
}

.site-main {
  padding-bottom : 50px;
}

.home .work-item a {
  display: inline-block;
  text-decoration: none; /* disable default underline */
  color : black;
}

.home .work-item h3 {
  display: inline-block;     /* shrink to text width */
  position: relative;        /* anchor for ::after */
  margin: 0.5rem 0 0.25rem;  /* adjust spacing as needed */
  font-weight: 300;
}

/* the thin, lowered underline */
.home .work-item h3 {
  color: black;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-thickness: 1px;   /* control thickness */
  text-underline-offset: 4px;       /* control distance under text */
}

/* hover state */
.home .work-item a:hover h3 {
  text-decoration: none;
}

.home .work-item a:hover img {
  filter: brightness(3);
  filter: grayscale(100%);
}

.column article {
  border-bottom : solid 1px black;
  margin-bottom : 20px;
}

.column a,
.column a:visited,
.post-type-archive-nina_blog a,
.post-type-archive-nina_blog a:visited {
  color : #000;
  text-decoration : underline;
}

.column a:hover,
.post-type-archive-nina_blog a:hover {
  color : #000;
  text-decoration : none;
}


.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
  backdrop-filter: blur(0px);
}




.wp-block-gallery figcaption,
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
  color : #000;
  font-family : 'DINdong', serif;
  text-shadow: 0 0 0px #000;
  text-align : left;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    background: none!important;
}

.wp-block-gallery .wp-element-caption {
    position: static !important;
    top: auto !important;
    background: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    color: inherit !important;
    padding: 0.5em 0 0 0 !important;
    text-align: left !important;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    width: 100% !important;
    height: auto !important;
    flex: 1 0 auto !important;
}

/* .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
    flex: 1 0 0% !important;
} */

.single figcaption {
  font-size : 13px;
	font-family : 'DINdong', serif;
}

.work-excerpt-container {
  font-size : 13px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.work-excerpt-container p {
  margin-top : 3px;
  margin-bottom : 15px
}
.page .entry-content {
	color : #000;
}

.work-excerpt {
}

.read-more {
  padding-left : 10px;
  margin-bottom: 15px;
  align-self : flex-end;
  font-size : 16px;
}

.home .work-item h3 {
  margin-top : 5px;
  margin-bottom : 3px;
}

.column a.btn,
.column a.btn :visited,
.nina_works_title {
  font-family: 'DINdong';
  color : black;
  text-decoration: none;
}

.nina_works_title {
  font-size : 18px;
  margin-top : 20px;
  margin-left : 20px;
  margin-right : 20px;
  border-bottom : black solid 1px;
  padding-bottom : 10px;
}

.column a.btn:hover {
  text-decoration: underline;
}



.archive-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;               /* space between articles */
  margin-top: 20px;
  margin-left : 20px;
  margin-right : 20px;
}

.archive-grid .work-item a {
  text-decoration: none;
  color: black;
  display: block;
}



.archive .work-item {
  display: block;
  border-bottom : 1px black solid;
}

.archive .work-item a {
  color: black;
  display: block;
}

.archive .work-item-image {
  width: 100%;
  aspect-ratio: 2 / 1;
  background-size: cover;
  background-position: center;
}

/* black & white hover effect */
.archive .work-item a:hover .work-item-image {
  filter: brightness(3);
  filter: grayscale(100%);
}

/* title styling */
.archive .work-item h3 {
  margin-top: 10px;
  font-weight: 300;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  margin-bottom : 5px;
}

.archive .work-item a:hover h3 {
  text-decoration: none;
  color : #4f4c4d;
}


/* SINGLE WORK */

.single-nina_work .site-main {
  font-family: 'IBM Plex Sans SemiCondensed';
  font-weight: normal;
  font-style: normal;
}

.single-work-main {
  max-width: 800px;
  margin: 0 auto;       /* Center */
  padding: 0 20px;
  position: relative;

}

.wp-block-coblocks-gallery-carousel {
  width: 100vw;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw);  /* Stretch to edges */
  margin-right: calc(50% - 50vw);
}

.wp-block-coblocks-gallery-carousel .coblocks-gallery--figure {
  height : 85vh!important;
}

.coblocks-gallery--figure {
  margin : 0px!important;
}

.nav-button__next,
.nav-button__prev {
    background-color: transparent !important;
}

.single-work-title {
  margin-left : 20px;
  margin-top : 10px;
  margin-bottom : 10px;
  margin-right : 20px;
  font-size : 20px;
}

/* Move CoBlocks Carousel captions below the images */
.coblocks-gallery--caption {
    position: static !important;   /* Remove absolute positioning */
    background: none !important;   /* Remove overlay background */
    color: inherit !important;     /* Use normal text color */
    padding: 10px 0 !important;    /* Space under image */
    text-align: left!important;
    padding-left: 20px!important;
    font-family: 'DINdong', sans-serif!important;;

}
.wp-block-coblocks-carousel .swiper-slide {
    display: flex;
    flex-direction: column;
}
.wp-block-coblocks-carousel .swiper-slide img {
    width: 100%;
    height: auto;
}

figure.aligncenter {
  text-align : center!important;;
}

.single-work-main a,
.single-work-main a:visited,
.single a,
.single a:visited {
  color : black;
}

.single-work-main a:hover,
.single a:hover {
  text-decoration : none;
}


/* ARCHIVE BLOG */

.archive-blog {
  max-width: 800px;
  margin: 0 auto;       /* Center */
  padding: 0 20px;
  position: relative;

}

.single-nina_info .info-columns a:hover {
  text-decoration : none!important;
}

/* INFOS */
.single-nina_info {
  background-color: #dce4e9;
}

.info-container {
  display: flex;
  flex-direction : row;
  padding : 20px;
  gap : 40px;
}

.info-columns {
  width : 50%;
}

.contact_content img {
  max-width : 30px;
  height : auto;
}

.about_title,
.contact_title,
.column1 {
  font-family: 'DINdong', sans-serif!important;;

}

.about_title,
.contact_title {
  border-bottom : solid 1px black;
  padding-bottom : 10px;
  margin-bottom : 20px;
}

.about_content {
  max-width : 90%;
  font-size : 16px;
  margin-bottom : 20px;
}

.add_pages {
  border-top : 1px solid black;
}

.add_pages hr {
  background-color : #8a8c8e;

}

.add_pages p,
.add_pages hr {
  margin-top : 10px;
  margin-bottom : 10px;
}

.contact_content {
  font-size : 18px;
}

.contact_section button {
    border: 0px solid;
    border-radius: 0px;
    background: initial;
    color: black;
    line-height: 1;
    text-decoration: underline;
    cursor: pointer;
    padding : 0px;
    font-family : 'IBM Plex Sans SemiCondensed';
    font-weight: 300;
    font-style: normal;
    font-display: swap;

}


.page .site-main {
  padding : 20px;
  background-color: #dce4e9;
  top : 45px;

}

.wp-block-separator {
  border-top : 0px;
  height : 1px;
  background-color : #000;
}

.page .page-content {
  max-width : 700px;
  margin : 0 auto;
}

.page .page-title {
  font-size : 24px;
  font-family: 'DINdong', sans-serif!important;;


}

.wp-block-gallery figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    margin-right: 5px;
}

.post-type-archive-nina_blog .work-item a { 
	display : inline-block; 
}

@media (max-width: 600px) {
  .site-main .two-columns {
    flex-direction: column;

  }

  .site-main .column {
    width : 100vw;
  }

  .site-header {
    flex-direction: column;
    width : 100vw;
    padding : 0;
  }

  .main-navigation ul {
    display: flex!important;
    justify-content: space-between;
    width : calc(100vw - 40px);
  }

  .main-navigation li {
    padding-left: 0;

  }

  .site-branding,
  .main-navigation {
    padding : 10px 20px;
  }

  .main-navigation {
    background-color : #cbccce;
  }

  .site-main,
  .page .site-main {
    top : 90px;
  }

  .info-container {
    flex-direction: column;
  }

  .info-columns {
    width : calc(100vw - 40px);
  }

  .archive-grid {
    grid-template-columns : repeat(1, 1fr);
  }

  .wp-block-coblocks-gallery-carousel .coblocks-gallery--figure {
      width: 100%;
      aspect-ratio: 4 / 3;   /* height = width / 2 */
      overflow: hidden;
      height : auto!important;     /* crop image if needed */
    }

    .wp-block-coblocks-gallery-carousel .coblocks-gallery--figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;     /* or "contain" if you don’t want cropping */
  }
	
}