.longread-page .wp-video {margin: 0 auto;}
.longread-page h4 { font-size: 1.25rem;}

@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;}
}


@media (min-width:768px) and (orientation: landscape){
.home .bg-col picture, .home .main-history .bg-col .mask {    aspect-ratio: 3 / 2;}
.category-movne-pytannia .topic-page .topic-history-img {    max-width: 40vw;}
}

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;
 /* font-size: 1.32rem; */
}



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

@media (min-width:1024px){
.about-page .about-map {
    width: 85vw;
    margin-left: -17vw;
}}


.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;}

/* 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 2rem -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: 2rem; padding-top:1rem; border-top: 2px solid #6faa43;
	h2 {margin-bottom:1rem;}
    details { border-bottom: 1px solid #eee; padding: 0.75rem 0; cursor: pointer;

        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;
            &::after { content: "＋"; color: #6faa43;            }
        }

        &[open] summary::after { content: "－"; }

        p { margin-top: 0.5rem; color: rgba(0, 0, 0, 0.8); line-height: 1.5; padding-left: 0.5rem; }
    }
}

/* 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 {
    display: inline;
    word-wrap: break-word;
    font-family: inherit;
    font-weight: inherit;
}
.single .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), 
  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 */

.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;
}

/* 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 h4 { font-size: xx-large; margin-bottom: 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 { line-height: 1.12; font-size: xx-large; padding: 0;}
	.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){
.single .longread-page .two-img-section {
    padding: 0;
}
.single .longread-page .two-img-section .image-box:first-child {
    margin-left: auto;
}
.single .longread-page .two-img-section .image-box:last-child {
    margin-right: auto;
}
.single .longread-page .two-img-section .image-box {
    max-width: none;
}}


/* Subscribe section restyling*/
.home .subscribe, .category .subscribe {background-color: #f1f1f1;}
.home .subscribe div[class*="col-md"], .category .subscribe div[class*="col-md"]{ padding: 12vh 0 4vh; }
.home .subscribe .bg-img, .category .subscribe .bg-img { background: #f1f1f1 url('/wp-content/uploads/2025/10/4.webp') no-repeat center/ 95%;}
.home footer, .category footer { margin-top: 0;}
.sendpulse-wrap .sp-form-outer .sp-button:hover { top:0;}
.subscribe .socials-links a:hover { background-color: #fff;}
@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: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: 55%;
}}
@media (max-width:1599px){
.home .top-slider .title-actions .container h1 {
    font-size: xx-large;
    line-height: 1.2;
}}

/* end of Subscribe section redesigns */


/* DARK OVERLAY-STYLE POSTS  */

.post-type-overlay .longread-page {background: #000;}

.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;   z-index: 2;}
.post-type-overlay .big-img.big-img-overlay {position: relative;width: 100vw;height: 100%;overflow: visible;}
.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;}
.post-type-overlay .big-img-overlay + div + div{margin-top: 95%;}
@media (min-width: 1400px) and (max-width:1599px){
.post-type-overlay .big-img-overlay + div + div {
    margin-top: 80%;
}}
@media (max-width:1399px){
.post-type-overlay .big-img-overlay + div + div {
    margin-top: 70%;
}}


.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: 40%;}
.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 .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;}
/* 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 .vrodylo .count span, .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 {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; }


		
/*test for new video header */


.single .longread-page .exp-header{ margin-bottom:5vh;
	.container-fluid.vw-100.header-title-row {position: sticky; bottom: 0; background: #ffffffde; z-index: 5; padding: 2vh calc(5vh + 15px);
		.title-date-tags-type-2 { padding-bottom:0;
			h1.headline {line-height: 1; font-size: xx-large; margin-bottom: 2vh;}
			.single{max-width: 50%;
				i{top: 1px; position: relative;}
			}
		}
	}
	.video-section.main-video {
		a.youtube.cboxElement { position: absolute; bottom: 33.33%; left: calc(5vh + 50px);}
		.play-ico { background: none; color: #ffffff99; line-height: 240px; font-size: 240px; }
		.video-preview img { -o-object-position: top; object-position: top;}
	}
}

@media (orientation: landscape){
.single .longread-page .exp-header + .container {
    margin-left: 0;
    margin-right: 0;
    max-width: none;
	.socials{
		position:fixed; left: 7vw; top:40vh;
	}
	.text-section { padding-left: 25vh; padding-right:0;
		p {max-width: 70%;}
		.map-numbers { max-width: none; width: calc(25% - 8px); right: 8px;}
		.video-section { max-width: 70%;}
		picture {width: 70%; left: 0; right: 0; margin-left: 0; margin-right: 0; padding: 0;}
		+ .sm-gallery { max-width: 70%; left: 5vh;  margin-left: 0; }
		}
	.text-section.with-img, .two-img-section.with-img {
		.img { margin-left: 0; }
	}
	.two-img-section .image-box { max-width: 35%;
		.image { padding-bottom: 133%;}
		&:first-child {margin-left:5vh;}
		}
	.big-img, .big-gallery { margin: 0px 0 2rem -15px; width: 100vw; left: 0; right: 0;
		.sm-text { margin-left: calc(25vh + 15px); }
	}
	.seo-info {margin: 4vw 0; max-width: 70%;}
}}


@media (orientation: portrait){
	.single .exp-header { margin-bottom:2vh;
		.container-fluid.vw-100.header-title-row { text-align: center; padding: 2vh !important; }
		.title-date-tags .other .single { margin: 2% auto; max-width:100% !important;}
		.sm-caps { font-size: 12px; margin: 0 8px; text-transform: none; font-weight: 400; text-decoration: underline;}
	}
}

.single:not(.black-bg) .longread-page .full-view-gallery  {
	background: none;
	.gallery { background: none; height: 100%;}
	.bottom-nav{ background-color: white;
		* { color: #6faa43; opacity: 1;}
	}
}
 
.text-dark {color: #000000de !important;}
.m-text {font-size: medium !important;}


/* 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;}
		.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;
		}}
		

/* end of styles for podcasts on home page */