.text-dark {color: #000000de !important;}
.m-text {font-size: medium !important;}
.longread-page .wp-video {margin: 0 auto;}
.longread-page h4 { font-size: 1.25rem;}
.longread-page .title-date-tags .tags:not(.flex-column) { align-items: center;}

.longread-page [class*="-gallery"] .full-view-gallery { background-color: #fff;
		.bottom-nav { background: #fff;
			.prev, .next, .full-view i, .count-name .count span {opacity:1; color:#6faa43;}
		}
	}
	
	.page , .category {
		.single-region-page .region-all-content , .topic-page , .main-history {
				.bg-col { height: 100%;}
		}
	}

@media (orientation:portrait){
	.home .top .single-slide , .home .top.top-slider .slick-slide picture img { height: 100vh !important;} 
	.home .top .single-slide .title-actions { top: auto; bottom: 12vh;}
	.home .top+.main-history {    margin-top: -7vh;}
	.home .top .single-slide .title-actions .btn { margin-top: 20px;}
	.home .top .slick-dots { bottom: 10vh;}
	.longread-page .wp-video {    width: auto !important;}
	.with-img .img img {max-width: max-content;}
	.with-img .img img[src*="quotes"] {aspect-ratio: 1 / 1; height:auto;}
	.small-portraits .longread-page .text-section.with-img .img {float: left; margin-right: 12px;}
	.longread-page .text-section.paragraph p, .longread-page .two-img-section.paragraph p {word-wrap: break-word;}
	.page-template-donate-ua .funding-page .statistic .single { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%;  display: flex;}
	.page-template-donate-ua .funding-page .statistic .single p { flex: 0 0 50%;}
	.page-template-donate-ua .funding-page .statistic .single p:first-child { display: flex; }
	.popup-gallery.description-opened .slide-description { background: transparent; max-height: 50vh;}
	.sm-gallery .full-view-gallery { padding-bottom: calc(75% + 30px);}
	.longread-page .h1, .longread-page h1 { line-height: 1.2; font-size: 7vw; margin: 1vh 0 2vh!important;}
	.longread-page-type-video .title-date-tags .tags.flex-column { flex-direction: row !important; justify-content: space-around !important;}
}

@media (min-width:768px) and (orientation: landscape){
.home .main-history {
	.bg-col{
		picture{ aspect-ratio: 3 / 2;}
		.mask{aspect-ratio: 3 / 2; height:calc(100% - 4px);}
	}
	.col-lg-4 { margin-bottom: 20px;}
}
.category-movne-pytannia .topic-page .topic-history-img {    max-width: 40vw;}
.page-template-donate-ua .funding-page .statistic .single { -webkit-flex: 0 0 32%; -ms-flex: 0 0 32%; flex: 0 0 32%;}
.longread-page .sm-gallery .full-view-gallery { padding-bottom: calc(75% - 20px);}
.longread-page  .title-date-tags h1.headline { font-size: xxx-large; line-height:1; margin-bottom:16px;}
.top .single-slide img { -o-object-position: center center; object-position: center center; height: 100vh; }
}

sup.modern-footnotes-footnote:before { content: "(";}
sup.modern-footnotes-footnote:after {content: ")";}
.single .longread-page .text-section.paragraph sup.modern-footnotes-footnote a {    border: none !important;}

.longread-page .text-section .map-numbers.m-top,
.longread-page .two-img-section .map-numbers.m-top {
  top: 0px;
  z-index: 1;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.ssba-share-text {
  display: none;
}

.about-page .socials a {
  width: 35px;
  height: 35px;
}

.longread-page.all-posts-load:after {
  content: none;
}

.overflow {
  height: 100%;
  overflow: hidden;
}

/* temp style for new menu item */
@media only screen and (max-width: 1350px) {
  header .menu-search .menu-item {
    margin-right: 11px;
  }
  header .main-link {
    font-size: 0.65rem;
  }
}

/* Noto Serif */
.about-page .teams-list .user-list .one-letter .list .item p,
.team-page .teams-list .user-list .one-letter .list .item p,
.post_description, .paragraph > p {
  font-family: "UA-brand-regular-p", "Noto Serif", serif;
}

p.paragraph {
  font-family: "UA-brand", "Noto Serif", serif;
}

.longread-page .text-section.paragraph p,
.longread-page .two-img-section.paragraph p {
  font-family: "UA-brand-regular-p", "Noto Serif", serif;
}



.team-page .text-card .team-user p a, .about-page p.paragraph a {
    color: #6faa43;
    border-bottom: 1px solid;
}


.links img {width: 20px;}

/* hides Optimole badge */
body > a[href*="badgeOn"] {
    display: none !important;
}

header .show-more-link { margin: 0 auto;}


/* moves first sidenote up on mobiles & tablets */
@media (max-width:1023px){
	.one-post-content .container > .text-section:first-child {display: flex;    flex-direction: column;}
	.one-post-content .container > .text-section:first-child p { order: 2; margin-top: 20px;}
}

.one-post-content .term-tags {
    color: #6faa43;     /* highlights regions among top tags&categories in longreads */
}



/* styles for breadcrumbs and related blocks */

@media (min-width:768px) {.about-page .back-to-all{	padding-top:2vw;	}
.search-resault #breadcrumbs {
        margin-left: 38px;
    }}
.longread-page:not(.photostory) .title-date-tags .flex-wrap .single:first-child {
    width: 100%;
    padding-bottom: 1vh;
}
.title-date-tags-type-3 #breadcrumbs a {
    color: #ffffff80;
}
#breadcrumbs {
    position: relative;
}
.story-nav-action > #breadcrumbs {
    margin: -80px 0 45px;
}
#breadcrumbs * {
    font-size: 0.875rem;
}
#breadcrumbs a {
    color: #000000e6;
	padding: 0;
	border: none !important;
}
[class*="green"] #breadcrumbs a:hover, [class*="green"] #breadcrumbs a:focus, [class*="green"] #breadcrumbs a:active,[class*="green"] #breadcrumbs a,
.photostory-hero #breadcrumbs a, .photostory #breadcrumbs, [class*="green"] #breadcrumbs * {
    color: #fff;
}
.photostory-hero #breadcrumbs a:hover, .photostory-hero #breadcrumbs a:focus, .photostory-hero #breadcrumbs a:active {    color: #6faa43;}
.longread-page .title-date-tags .other .single {    margin-right: 2%;}
.longread-page .title-date-tags { padding-left: 15px;}

.photostory #breadcrumbs { z-index: 1; line-height: 1; margin-top: 1%;}

/* end of styles for breadcrumbs and related blocks */

/* styles for fullwidth photos on desktops */
@media (min-width:768px) {
	.single .longread-page:not(.photostory) .big-img, 
	.single .longread-page:not(.photostory) .big-gallery {
		margin: 0 50vw 20px -50vw;
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
	}  
	.single .longread-page .big-img .sm-text {
        margin-left: 15px;
	}
}

@media (min-width:980px) and (max-width:1599px){
	.single .longread-page:not(.photostory) .big-img .sm-text {
    margin-left: 18%;
}}

@media (min-width:1600px) and (max-width:2200px) {
	.single .longread-page:not(.photostory) .big-img .sm-text {
    margin-left: 28%;
}}

@media (min-width:2201px) {
	.single .longread-page .big-img .sm-text {
    margin-left: 31.8%;
}}

@media (min-width:1440px){
	header .menu-search .menu-item .main-link {font-size: 0.8rem;}
	.longread-page:not(.photostory) .one-post-content .text-section > picture, 
	.longread-page:not(.photostory) .one-post-content .text-section + .sm-gallery {
    max-width: none;
    width: 70vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -35vw;
    margin-right: -50vw;
		padding: 0;
}}

@media (min-width:1600px) {
	.longread-page:not(.photostory) .one-post-content .text-section > picture, 
	.longread-page:not(.photostory) .one-post-content .text-section + .sm-gallery {
		width: 55vw;
    margin-left: -25vw;
    padding: 0;
}}
/* end of styles for fullwidth photos */

/* STYLES FOR CATEGORY PAGES */

/* Topic Page Specifics */
.topic-page {
    .topic-text p {
        font-size: large;

        &:not(:first-child) {
            padding-top: 1rem;
        }
    }
}

/* Archive Category Sections */
.archive.category {
    /* Subscription and Links */
    .subscribe > .container > .row:only-child { justify-content: center; }
	.topic-history-img img {width: auto;}
    a[href="#long-desc"] { margin-top: 1rem; display: inline-block; }

    /* Shared link styling */
    .topic-text a, 
    #long-desc a:not(.btn) { color: inherit; border-bottom: 1px solid; border-color: inherit;    }

    /* Long Description Container */
    #long-desc {
        padding: 1rem;  max-height: 100vh;   overflow: auto;

        h2, h3, h4 { padding-top: 1em;}/* Header logic */

        h2 { font-size: xx-large; }
        h3 { font-size: x-large; color: #6faa43; }

       
        p { /* Paragraph logic */
            color: rgba(0, 0, 0, .8); font-size: large;

            &:not(:first-child) { padding-top: 1rem;  }
        }
    }

    /* List items */
    #long-desc li { font-family: Ua-Brand; line-height: 1.36;  margin-bottom: 12px; font-size: large; color: rgba(0, 0, 0, .8);    }
}

/* Media Queries */
@media (min-width: 768px) {    .archive.category .topic-text a.btn { float: right;}
}
.paa-block {
  margin-top: 3vw;

  h2 { margin-bottom: 1rem; }

  details {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 1rem 1.25rem;
    cursor: pointer;
    margin-bottom: 0.75rem;

    summary {
      font-weight: bold;
      font-size: large;
      font-family: Ua-Brand, sans-serif;
      list-style: none;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 0;
      border-bottom: none;
      transition: margin-bottom 0.3s ease;

      &::after {
        content: "+";
        color: #222;
        font-size: 1.25rem;
        font-weight: 300;
        flex-shrink: 0;
        margin-left: 1rem;
        display: inline-block;
        transition: transform 0.3s ease;
      }

      &::-webkit-details-marker { display: none; }
    }

    & > div {
      display: grid;
      grid-template-rows: 0fr;
      transition: grid-template-rows 0.3s ease-out, opacity 0.3s ease-out;
      overflow: hidden;
      opacity: 0;
    }

    & > div > * { min-height: 0; }

    &[open] {
      summary {
        margin-bottom: 1.5rem;

        &::after {
          transform: rotate(45deg);
        }
      }

      & > div {
        opacity: 1;
        grid-template-rows: 1fr;
      }
    }

    p {
      margin-bottom: 1rem;
      color: rgba(0, 0, 0, 0.9);
      line-height: 1.5;
      padding-left: 0;
      font-size: medium !important;
    }

    div > *:last-child { margin-bottom: 0; }

    ul, ol {
      margin-bottom: 1rem;
      padding-left: 1.5rem;

      * {
        font-family: 'Ua-brand', sans-serif !important;
        font-size: medium !important;
        color: rgba(0, 0, 0, 0.9);

        &:not(:last-of-type) { padding-bottom: 8px; }
      }
    }
  }
}



/* END OF STYLES FOR CATEGORY PAGES */


.single .longread-page .text-section.paragraph a, .single .longread-page .two-img-section.paragraph a, header .menu-search .menu-item .link a ,
.page-template .longread-page .text-section.paragraph a, .page-template .longread-page .two-img-section.paragraph a {
    display: inline;
    word-wrap: break-word;
    font-family: inherit;
    font-weight: inherit;
}
.single .longread-page .paragraph span.blockquote a, .page-template  .longread-page .paragraph span.blockquote a { /* makes links visible on partial blockquotes */
    background: #6faa43;
    border-bottom: 2px solid white !important;
}
/* styles for regular posts with dark bg **/
.black-bg {
  /* 1. Link Animation Logic */
  .longread-page {
    .text-section.paragraph a,
    .text-section p a,
    .two-img-section.paragraph a {
      position: relative;
      text-decoration: none;
      z-index: 1;
      display: inline;
      
      background-color: transparent;
      background-image: linear-gradient(#6faa43, #6faa43);
      background-repeat: no-repeat;
      background-position: 0 100%;
      background-size: 100% 2px; 
      border-bottom: none;
      -webkit-box-decoration-break: clone;
      box-decoration-break: clone;
      
      transition: background-size .2s ease, background-color .2s ease;

      &:hover {
        background-size: 100% 100%;
      }
    }
  }

  /* 2. Text Color Rules */
  .authors .row-f .single p:not(.green), 
  .longread-page div:not(.numbers) > .caps:not(.term-tags), 
  .sm-caps {
    color: #f2f2f2;
	line-height: 1.25;
  }

  /* 3. Border Rules */
  .numbers .caps {
    border-top: 2px solid rgba(255, 255, 255, .2);
    border-bottom: 2px solid rgba(255, 255, 255, .2);
  }
}
/*end of styles for regular posts with dark bg */




/* scrollbar styles */

::-webkit-scrollbar {  width: 4px;}
::-webkit-scrollbar-track {  background: #f5f1ed;}
::-webkit-scrollbar-thumb {  background: #6faa4390;}
::-webkit-scrollbar-thumb:hover {  background: #6faa43;}
.post-type-overlay::-webkit-scrollbar-track, .black-bg::-webkit-scrollbar-track, .the-movie-page::-webkit-scrollbar-track { background: #1e1e1d;} /*for dark pages*/
 
/* end of scrollbar styles */

/* related posts styles */
@media (min-width:768px) and (max-width: 899px) {#related-posts picture.img-container img { min-height: 153px;}}
@media (min-width:900px) and (max-width: 1023px) {#related-posts picture.img-container img { min-height: 182px;}}
@media (min-width:1024px) and (max-width: 1199px) {#related-posts picture.img-container img { min-height: 214px;}}
@media (min-width:1200px) and (max-width: 1299px) {#related-posts picture.img-container img { min-height: 253px;}}
@media (min-width:1300px) {#related-posts picture.img-container img { min-height: 277px;}}
/* end of related posts styles */

.longread-page .text-section.paragraph.with-img .sm-text { /* vertical image caption styles */
    font-size: 0.875rem;
    font-family: "UA-brand","Noto Serif",serif;
    color: rgba(0,0,0,.5);
}
@media (min-width:1900px) {
	.longread-page .text-section.with-img .img{
    margin-bottom: 28px;
}}

.wp-theme-ukrainer .funding-page .text-section {padding-right: 0;}
.wp-theme-ukrainer .funding-page h2 {    line-height: 48px;    font-size: 3rem;}

@media (max-width:768px){
.books-wrapper .top .single-slide .title-actions .big {  line-height: 1.15;}    
.the-movie-page.books .spec-projects .scrolled-container .single-scroll-item .project{ margin-right: 0;}
.books .top img {min-height: 100vh;}
.books .top .single-slide .title-actions { top: 24%;}
}
.books .top .single-slide .title-actions .btn {margin-top: 3vh;}



.authors-template-default header  .fa-calendar.main-link svg path, .page-template-about header .fa-calendar.main-link svg path, .page-template-donate header .fa-calendar.main-link svg path, .page-template-team header .fa-calendar.main-link svg path, .post-template-default header .fa-calendar.main-link svg path, .post-type-archive-regions header .fa-calendar.main-link svg path {
    fill: #fff;
}


/* embed blocks' styling in longreads */

@media (min-width:1368px){
.wide-embed .longread-page .video-section iframe:not([src*="spotify"]) {
    width: 100vw;
    height: 65vh;
}}
@media (min-width:1368px) and (max-width:1499px){
.wide-embed .longread-page .video-section iframe:not([src*="spotify"]) {
    margin-left: -17vw;
}}
@media (min-width:1500px) and (max-width:1599px){
.wide-embed .longread-page .video-section iframe:not([src*="spotify"]) {
    margin-left: -21vw;
}}
@media (min-width:1600px) and (max-width:1699px){
.wide-embed .longread-page .video-section iframe:not([src*="spotify"]) {
    margin-left: -24vw;
}}
@media (min-width:1700px) and (max-width:1799px){
.wide-embed .longread-page .video-section iframe:not([src*="spotify"]) {
    margin-left: -26vw;
}}
@media (min-width:1800px){
.wide-embed .longread-page .video-section iframe:not([src*="spotify"]) {
    margin-left: -28vw;
}}

.longread-page .video-section iframe[src*="spotify"] {
    height: 235px;
}

/* end of embed blocks' styling in longreads */

/*styles for tables*/
.page-with-table .text-section .seo-info > p {
    font-family: Ua-Brand,Montserrat,sans-serif;
    font-size: large;
    padding-bottom: 12px;
    line-height: 1.4;
}

.page-with-table table {
    width: 100%;
}
.page-with-table td[colspan] {
    font-size: 30px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid;
	font-weight: 600;
    font-family: UA-Brand-Bold, Montserrat, sans-serif;
}
.page-with-table .seo-info td[colspan], .page-with-table .seo-info table tr td{text-align:left;}
.page-with-table table tr td {
    text-align: center;
    padding: 8px;
    font-family: Ua-Brand, Montserrat, sans-serif;
}
.page-with-table table tr:not([colspan]) td:nth-of-type(2):not(:empty):before {
    content: '↔';
    position: absolute;
    color: #6faa43;
    left: 50%;
}
.page-with-table table tr:not([colspan]) td:nth-of-type(2):not(:empty):before {content:none;}
.page-with-table .seo-info {background-color: #f9f9f9; padding: 20px; border-radius: 8px; border: 1px solid #ddd; margin: 4vw auto;}
.page-with-table .seo-info td:first-of-type{font-weight:bold;}
.page-with-table .seo-info td{padding:8px; border-bottom: 1px solid #eee;}
.page-with-table  .text-section .seo-info tr td a{border-bottom: 1px solid #6faa43;}
.page-with-table  .text-section .seo-info tr td a:hover{color: #6faa43;}

header .lang-search .lang-list li:nth-last-child(2) {    /* hides russian in language switcher */
    display: none;
}
header .menu-item .column span { /* add styles for subtitles in submenus */
    font-family: UA-Brand-Bold;
    margin-bottom: 10px;
    color: #6faa43;
}



/* layout for top team members -> volunteers listing page */
@media (min-width:768px){
.page-template-team .volunteer-page > .container > .row.text-card:not(:first-child) {
    width: 49%;
    display: inline-block;
	vertical-align: top;
}
.page-template-team .volunteer-page > .container > .row.text-card:not(:first-child) > div {
    max-width: fit-content;
}
.page-template-team .volunteer-page > .container > .row.text-card:not(:first-child) > div .team-user-text {
    display: none;
}
.page-template-team .sm-quotes {
    font-size: x-large;margin-top: 3vh;
}
.page-template-team .team-page .text-section p.paragraph {
    font-size: larger;
}}

.about-page .text-card .team-user .btn.bordered {
    width: auto;
}
.about-page .text-section p.paragraph { font-size: larger;}

/* homepage redesigns */

.main-history .sm-col .with-img:hover img { /* homepage posts' highlight on hover */
    filter: saturate(1.15) brightness(1.05);
}
.main-history .sm-col .with-img { 
    transition: 1s 0.5s;
}

.home h2, .home .subscribe h2, .regions-page~.subscribe h2, .category .subscribe h2 { font-size: xx-large; margin: 0 24px 24px; line-height: 1.12;}
.home h3 { font-size: x-large; line-height:  1.12;}
.home .green h2{ margin-left: 24px;}
.home .h1.title {    line-height: 1.12;    font-size: xxx-large;  padding: 40% 0 0;}
@media only screen and (max-width: 767px) {
	.home .h1.title , .home h3 { line-height: 1.12; font-size: x-large; padding: 0; font-family: UA-Brand-Bold, sans-serif;}
	.home .main-history .sm-col .tags {    padding-left: 0;}
}

.home .publishing .sm-col {
    min-height: 300px;
}


.the-movie-page .subscribe h2.bottom-line-center,.white-icon+div a.show-more-link {
    color: #f3f3f3;
}

@media (min-width: 1025px){
.longread-page .one-post-content .two-img-section {
    padding: 0;
}
.longread-page .one-post-content .two-img-section .image-box:first-child {
    margin-left: auto;
}
.longread-page .one-post-content .two-img-section .image-box:last-child {
    margin-right: auto;
}
.longread-page .one-post-content .two-img-section .image-box {
    max-width: none;
}}


/* Subscribe section restyling*/
.regions-page~.subscribe, .home .subscribe, .category .subscribe{ text-align: left;}
.regions-page~.subscribe .col-md-8,.home .subscribe .col-md-8, .category .subscribe  .col-md-8{background-color: #f1f1f1;}
.regions-page~.subscribe div[class*="col-md-8"],.home .subscribe div[class*="col-md-8"], .category .subscribe div[class*="col-md-8"]{ padding: 4vh 0 4vh; }
.regions-page~.subscribe .bg-img,.home .subscribe .bg-img, .category .subscribe .bg-img { background: #f1f1f100 url('/wp-content/uploads/2026/05/xdefend.webp.pagespeed.ic.ZZd8vyzdmW.webp') no-repeat center/ cover;}
.regions-page footer, .home footer, .category footer { margin-top: 8vh;}
.regions-page~.subscribe .socials-links, .home .subscribe .socials-links, .category .subscribe .socials-links { margin-top: 0; justify-content: flex-start; flex-wrap: wrap;}
.regions-page~.subscribe .subscribe-form, .home .subscribe .subscribe-form, .home .subscribe .socials-wrapper, .category .subscribe .subscribe-form, .category .subscribe .socials-wrapper { max-width: none; margin: 0 24px;}
.regions-page~.subscribe .sm-text.container,.home .subscribe .sm-text.container, .category .subscribe .sm-text.container { margin: 0 24px 24px; padding: 0; max-width: 90%;}

.regions-page~.subscribe .socials-wrapper, .home .subscribe .socials-wrapper, .category .subscribe .socials-wrapper,
.regions-page~.subscribe form.sp-element-container, .home .subscribe form.sp-element-container, .category .subscribe form.sp-element-container  {display: flex;}

.regions-page~.subscribe .sendpulse-wrap .sp-form-outer .sp-button,.home .subscribe .sendpulse-wrap .sp-form-outer .sp-button, .category .subscribe .sendpulse-wrap .sp-form-outer .sp-button { margin: 0; padding: 18px 16px;}
.regions-page .sendpulse-wrap .sp-form-outer .sp-field:not(.sp-button-container), .home .sendpulse-wrap .sp-form-outer .sp-field:not(.sp-button-container), .category .sendpulse-wrap .sp-form-outer .sp-field:not(.sp-button-container) { width: 50%; margin-right: 2%;}
.sendpulse-wrap .sp-form-outer .sp-button:hover { top:0;}
.subscribe .socials-links a:hover { background-color: #fff;}
.the-movie-page .subscribe .sm-text.container { color: #f1f1f1;}
.the-movie-page .subscribe .subscribe-form { margin: 36px auto -48px;}
@media (orientation:portrait){.home .subscribe div.bg-img, .category .subscribe div.bg-img { padding:18vh 0; }}

.the-movie-page .subscribe h2.bottom-line-center, .archive .subscribe h2.bottom-line-center, .single .subscribe h2.bottom-line-center {font-size: 1.625rem; margin-bottom: 48px;line-height:1.12;}

@media (min-width:1024px){
	.regions-page~.subscribe .bg-img,.home .subscribe .bg-img, .category .subscribe .bg-img { border-right: 8px solid #f1f1f1;}
}
@media (min-width:1600px) {
.home .top-slider .title-actions .container h1 {
    font-size: xxx-large;
    line-height: 1.2;
	width: 55%;
}}

@media (min-width:1024px) and (max-width:1599px){
.home .top-slider .title-actions .container h1 {width: 45%;font-size: 44px;line-height: 1.12;}
}
@media (max-width:1023px){
	.home .top-slider .title-actions .container h1 {
    font-size: x-large;
    line-height: 1.12;
	font-family: Ua-Brand-Bold, sans-serif;
	width: 90vw;
}
.home .subscribe .socials-wrapper, .category .subscribe .socials-wrapper, .home .subscribe form.sp-element-container, .category .subscribe form.sp-element-container {
    flex-direction: column  !important;
}
.home .sendpulse-wrap .sp-form-outer .sp-field:not(.sp-button-container), .category .sendpulse-wrap .sp-form-outer .sp-field:not(.sp-button-container) {
    width: auto;
    margin-right: 0;
}
.home .subscribe .socials-links, .category .subscribe .socials-links {
    justify-content: center;
}}


/* end of Subscribe section redesigns */


/* DARK OVERLAY-STYLE POSTS  */

.post-type-overlay.single-post, .post-type-overlay .longread-page {background: #000;}
.post-type-overlay .longread-page .black-bg h1 {font-size: xxx-large; line-height:1;}
.post-type-overlay .longread-page .title-date-tags .tags { align-items: center;}

.post-type-overlay .longread-page .text-section.paragraph p, 
.post-type-overlay .longread-page h2, 
.post-type-overlay .longread-page  .text-section .three-col p, 
.post-type-overlay .longread-page  .two-img-section .three-col p ,
.black-bg h2, .black-bg h1, .black-bg p, .black-bg .text-section.paragraph p,
.post-type-overlay #related-posts .single-story h3, .post-type-overlay h1,
.post-type-overlay .title-date-tags-type-2  a.sm-caps.term-categorys {
    color: #f3f3f3;
}
.longread-page .black-bg .title-date-tags h1 .subtitle, 
.home .single-slide h1 .subtitle, .home .h1.title .subtitle {
    font-size: x-large;
    line-height: 1.2;
    margin-top: 24px;
    display: block;
}
.post-type-overlay .title-date-tags-type-2 #breadcrumbs a { color: #f3f3f395;}
.post-type-overlay .container > .text-section:first-child p { color: #e1e1e1;}
.post-type-overlay .big-img-overlay +.text-section .text-overlay { background: #00000095 !important; z-index: 1; position: sticky; top: 50%; min-height: 100px;}
.post-type-overlay .big-img-overlay+.text-section{ z-index: 2; position: relative; /*aspect-ratio: 380 / 253; min-height: 100%; */}
.post-type-overlay .big-img.big-img-overlay {position: relative;width: 100vw;height: 100%;overflow: visible;z-index: 0;}
.post-type-overlay .big-img.big-img-overlay picture{position: sticky;top: 0;width: 100%;height: 0;object-fit: contain;z-index: 0;}

.post-type-overlay .longread-page .text-section p a, .post-type-overlay .longread-page .two-img-section p a {
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,#6faa43),color-stop(0,#0e0d0d));
    background-image: -o-linear-gradient(bottom,#6faa43 50%,#0e0d0d 0);
    background-image: linear-gradient(to top, #6faa43 50%, #0e0d0d 0);
}

.post-type-overlay .video-overlay { width: auto; height: auto; max-height: 85vh; display: flex; justify-self: center;}

.post-type-overlay .text-overlay { padding: 40px; display: flex; flex-direction: column; align-items: center;  justify-content: center;}
.post-type-overlay .text-overlay+p img {margin-top: 24px;}
.text-overlay img { max-height: 80vh; width: auto;}


@media (min-width: 1600px){
	.post-type-overlay .big-img-overlay+.text-section {height: 130vh;}
	.post-type-overlay .big-img-overlay + div + div {
		margin-top: 25%;
	}}
@media (min-width: 1400px) and (max-width:1599px){
	.post-type-overlay .big-img-overlay+.text-section {height: 100vh;}
	.post-type-overlay .big-img-overlay + div + div {
		margin-top: 20%;
	}}
@media (max-width:1399px){
	.post-type-overlay .big-img-overlay+.text-section {height: 80vh;}
	.post-type-overlay .big-img-overlay + div + div {
		margin-top: 8%;
	}}

/*
/* ==========================================================================
   NEWLY ADDED TEST
   ========================================================================== */
.post-type-overlay .big-img-overlay {  height:120vh ;  position: relative; display: block;}
.post-type-overlay .big-img-overlay picture { position: sticky; top: 0;   display: block;  overflow: visible; height: 100vh;  width: 100%;}
.post-type-overlay .big-img-overlay picture img {  width: 100%;  height: 100%;  object-fit: cover; }
.post-type-overlay .big-img-overlay + div {  position: relative;  z-index: 2;  background-color: #ffffff00; margin-top: 0;  padding: 80px 25px; }
.post-type-overlay .text-overlay {max-width: 80vw; margin: 0 auto;}
/* ==========================================================================
   END OF NEWLY ADDED TEST
   ========================================================================== */
*/


.post-type-overlay .longread-page .big-img.big-img-overlay .sm-text { position: relative; margin-top: -1rem; background: #000; width: 100vw; }

.post-type-overlay .longread-page:not(.photostory) .big-img.big-img-overlay, .post-type-overlay .longread-page:not(.photostory) .big-gallery {margin-top: 4rem;}
 .post-type-overlay .longread-page  .two-img-section .image-box .image img { -o-object-fit: contain; object-fit: contain;}
 .post-type-overlay .longread-page  .two-img-section .image-box .image { padding: 32%; aspect-ratio: 3 / 2;}
.post-type-overlay  .longread-page  .two-img-section .image-box:first-child { margin-left: auto; } 
	.post-type-overlay .longread-page  .two-img-section .image-box { max-width: none;    }
@media (max-width: 1599px) {
     .post-type-overlay .longread-page .two-img-section {
        padding-right: 0;
        width: 100%;
        margin-left: 0;
		margin-bottom:0;
    }
}
@media (min-width: 1600px) {
     .post-type-overlay .longread-page  .two-img-section {
        width: 140%;
        margin-left: -20%;
		padding:0 !important;
    }
}
 .post-type-overlay .longread-page  .text-section.paragraph,  .post-type-overlay .longread-page  .text-section:not(.paragraph) { margin-bottom: 6%;}
 .post-type-overlay .longread-page  .big-img:not(.big-img-overlay) + .text-section.paragraph, 
 .post-type-overlay .longread-page  .big-img-overlay + .text-section.paragraph + .text-section.paragraph + .text-section.paragraph, 
 .post-type-overlay .longread-page  .two-img-section + .text-section.paragraph { margin-top: 6%;}
 .post-type-overlay .longread-page  .text-section .three-col p.green { color: #6faa43;}

@media (orientation:portrait){
	.one-post-content .container .big-img {width: 100%;}
	.post-type-overlay .longread-page .black-bg h1{font-size:xx-large;}}

.post-type-overlay .longread-page .slide.slick-slide { max-height: fit-content;}
.post-type-overlay .sm-text { color: #7f7f7f;}
.post-type-overlay .two-img-section .sm-text {margin: 0;}
.post-type-overlay .ukr-ico {display:none;}


@media (min-width:1440px) and (orientation: landscape){
.post-type-overlay .longread-page .black-bg .col-md-6:first-of-type {
    flex: 0 0 66.66%;
    max-width: 66.66%;
}
.post-type-overlay .longread-page .black-bg .col-md-6:last-of-type {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}}


/* end of dark overlay-style posts */

.longread-page .vertical-video { width: auto; height: auto; max-height: 85vh; display: flex; justify-self: center;}
.longread-page .with-img .img~.wp-video { display: inline-flex; max-width: 380px; margin-top: 24px;}
.longread-page .with-img .wp-video + p.sm-text { margin-bottom: 76px;}

@media (max-width:767px) and (orientation: portrait){
	.longread-page .with-img .img~.wp-video { max-width: 100%; }
	.longread-page .with-img .wp-video + p.sm-text { margin-bottom: 24px;}
}

/* styles for How Come landing  #25473C*/

.how-come .text blockquote:first-of-type+p em:after, .how-come .text blockquote:last-of-type+p br+em:after, 
.how-come h1, .how-come .disclaimer.center p:before { display: none;}
.how-come .top .single-slide .title-actions .btn {background-color: #FF721495; color: #f2f2f2; }
.how-come .top .single-slide .title-actions .btn:hover, .how-come .btn.icon:hover,  .how-come .vrodylo .socials-links a { background-color: #FF7214e3; transform: none; }
.how-come .top .single-slide .title-actions {top: auto; bottom: 5%;}
.how-come .vrodylo .sm-text, .how-come .vrodylo .section-title, .how-come .text-section a, .how-come .vrodylo .count span {color: #FF7214!important;}
.how-come .vrodylo .socials-links a:hover i, .how-come .vrodylo_img_back .text p, .how-come .vrodylo_img_back .text h2 {color: #ffffffe3;}
@media (min-width: 1600px){.how-come .project .text { padding-left: 6vw;}}
@media (max-width:768px) and (orientation:portrait){
	.how-come .top .single-slide {background-image: none !important;    background-color: #25473C !important;}
}
@media (orientation: landscape){.how-come .top .single-slide .title-actions img {display: none;}}
 
 
 /* custom styles for essays */
@media (min-width: 768px) and (orientation: landscape) {
    .single-esei .longread-page .text-section.paragraph.with-img {margin: 8vh;}
}
.category-25-pytan .topic-page.main-topic .green-bg:before {
    background-image: url('https://www.ukrainer.net/wp-content/uploads/2026/01/category-bg.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: bottom;
}
@media (max-width: 768px) and (orientation: portrait) {
    .category-25-pytan .topic-page.main-topic .green-bg:before { background-image: url(https://www.ukrainer.net/wp-content/uploads/2026/01/25-logo.svg);
        background-position-y: bottom;        background-position-x: right;        background-size: 120px;    }
}
 /* end of custom styles for essays */



.longread-page .black-bg .col-md-6 img, .longread-page .black-bg .col-md-6 .biger-img-title {
    display: block;
}
.longread-page .black-bg .col-md-6 .biger-img-title {
    width: 100%;    
    aspect-ratio: 1 / 1; /* Mobile Default: Reserve 1:1 Square */
    overflow: hidden;
}
@media (min-width: 768px) {
    .longread-page .black-bg .col-md-6 .biger-img-title {
		aspect-ratio: 3 / 2;/* Desktop: Reserve 3:2 Landscape */
    }
}

/* Adjust hero slider to show only the first slide immediately so the user sees content while JS loads */
.home .top.top-slider {visibility: hidden; 	}
.home .top.top-slider.slick-initialized { visibility: visible;}
.home .top.top-slider:not(.slick-initialized) .single-slide:first-child { display: block; visibility: visible;}
.home .top.top-slider:not(.slick-initialized) .single-slide:not(:first-child) { display: none;}
.home .top-slider .single-slide img { max-height: 100vh; object-fit: cover; }

@media (min-width: 1440px) {
.longread-page.photostory .photostory-hero {
    min-height: 600px;
    height: 80vh;
}}


/* styles for podcasts on home page */
	
	.podcasts  {
		.col-md-2 { background-color: #80808026; border-left: 12px solid #fff; max-width: 45vw; float: left; margin-bottom: 12px; padding-top:8px;}
		.slick-slide {background: #f1f1f1; margin-right: 16px; padding-left: 0; padding-right: 0; } 
		h3 { padding: 1em 12px 4px; font-size: larger; color: #2d2d2d; 
			@media (max-width: 768px) { padding: 1vw 12px; font-size: large; }
			}
		.podcast-desc { padding: 28px 12px 0; min-height: 220px; display: flex;
			a {color: inherit; font-family:'UA-Brand-Bold', 'Noto Serif', sans-serif;}
		}
		p { color: #2d2d2d; font-size: medium; line-height: 1.4; }
        .socials-links { justify-content: left; padding-left:16px;
        }
		.podcast-subtitle.sm-text { color: #2d2d2d; margin: 0; padding-left: 12px;
			&:before { content: url('https://www.ukrainer.net/wp-content/uploads/2026/02/headphones-solid-full-4.svg'); position: relative; top: 4px; padding-right: 4px;
		}
		}