/*
Theme Name:     Zielony Lider
Description:    Zielony Lider Theme 
Author:   DN
*/

/* DEFAULT FONT SIZE FIX */
html {font-size: 16px; scroll-behavior: smooth;}

/* ELEMENTS FOCUS FIX */
:where(.wp-site-blocks :focus) {outline: unset;}

/* FLOATING HEADER */
header {position: fixed; top: 0; width: 100%; z-index: 999; background-color: var(--wp--preset--color--base); box-shadow: 0px -12px 20px -1px black;}
.wp-site-blocks {padding-top: 88px;}
main, .entry-content  {margin-block-start: 0;}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {text-decoration-color: var(--wp--preset--color--accent-1) !important; text-decoration-thickness: 2px !important;}
.wp-block-navigation .wp-block-navigation__container .current-menu-item > a {text-decoration:underline; text-decoration-color: var(--wp--preset--color--accent-1);}
@media screen and (min-width: 782px) {
.admin-bar header {top: 32px;}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {margin-top:32px}}
@media screen and (min-width: 601px) and (max-width: 782px) {
.admin-bar header {top: 46px;}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {margin-top:46px}}
@media screen and (max-width: 600px) {
#wpadminbar {display: none;}
.admin-bar header {top: 0;}
.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {margin-top: 0;}}

/* FOOTER */
footer {margin-block-start: 0; box-shadow: 0 12px 20px -1px black; position: relative;}
@media screen and (max-width: 781px) {
footer .kontakt, footer .deklaracje, footer .newsletter .wp-block-buttons {justify-content: center;}
footer .kontakt .wp-block-column.logotypy {max-width: 150px;}
footer .kontakt .div:first-child {flex-basis: 200px;}
.newsletter h2{text-align: center;}}
@media screen and (max-width: 500px) {
div.kontakt.is-not-stacked-on-mobile {flex-wrap: wrap-reverse !important;}
.kontakt .wp-block-social-links {justify-content: center !important;}
.kontakt .wp-block-column {flex-basis: 300px !important; text-align: center;}}
@media screen and (min-width:400px) and (max-width: 781px) {
.newsletter .mobile-center {display: inline-flex; justify-content: center; align-items: flex-end; gap: 20px;}
.newsletter h2 {margin-bottom: 3px;}}

/* MOBILE BREAKPOINT */
@media screen and (max-width: 1023px) {
    .wp-block-navigation__responsive-container-open {display: block !important;}
    .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {display: none !important;}
    .wp-block-navigation__responsive-container-content {gap: 1em;}
}
@media screen and (min-width: 1024px) {
    .menu-eng::before {content: "|"; display: block; margin-right: 45px;}
}

/* DESKTOP MENU GAPS */
.wp-block-navigation__responsive-container-content {gap: 50px;}
@media screen and (min-width: 1024px) and (max-width: 1170px) {
.wp-block-navigation__responsive-container-content {gap: 20px !important;}
.menu-eng::before {margin-right: 20px !important;}}
@media screen and (min-width: 1171px) and (max-width: 1280px) {
.wp-block-navigation__responsive-container-content {gap: 40px !important;}
.menu-eng::before {margin-right: 40px !important;}}
@media screen and (max-width: 1023px) {.wp-block-navigation__responsive-container-content {gap: .9em;}}

/* MENU MOBILE */
.wp-block-navigation__responsive-container-close {top: 1rem;}
#modal-1.has-modal-open #modal-1-content {padding-top: calc(2.5rem + 24px);}
.wp-block-navigation__responsive-container.is-menu-open {background-image: url('/wp-content/uploads/kropki.png'); background-size: 50vw; background-repeat: no-repeat; background-position: 110% 110%;}

/* SUBMENUS */
header ul.wp-block-navigation__submenu-container {border: unset !important; right: auto !important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {padding: .4em .5em 0;}

/* BREADCRUMBS */
.breadcrumbs_group {position: fixed; width: 100%; transition: all ease-in-out 0.375s; top: 87px; opacity: 0;}
body.home .breadcrumbs_group {display: none !important;}
.breadcrumbs_group.show-bread {opacity: 0.97 !important;}
.admin-bar .breadcrumbs_group.show-bread {top: 119px;}
.breadcrumbs_group .fa-home {display: inline-block; content: url('/wp-content/uploads/icons/home_icon.svg'); width: 18px; height: auto; padding: 0px 5px 3px; vertical-align: middle;}
.yoast-breadcrumbs span:not(:first-child) {margin: 0 0.25em;}
@media screen and (max-width: 1023px){
.breadcrumbs_group {display: none !important;}}

/* BLOCKS MOBILE */
@media (max-width: 500px) {:root :where(.wp-block-quote)::before {background-size: cover; width: 36px; height: 32px;}}

/* PAGINATION */
@media (max-width: 1023px) {.post-navigation-link__title {display: none;}}

/* REVERSE STACKING */
@media (max-width: 781px) {.reverse-stacking {flex-direction: column-reverse;}}

/* FIT CONTENT */
.fit-content {max-width: fit-content;}

/* CENTER MOBILE */
@media (max-width: 781px) {.center-mobile {text-align: center; margin: 0 auto;} .center-mobile .fit-content {margin: 0 auto;} .center-mobile .wp-block-buttons {align-items: center;}}

/* BUTTONS */
.wp-block-button a, a.wp-block-read-more, button {transition: all ease-in-out 125ms;}
.wp-block-button a:hover, a.wp-block-read-more:hover, .search-filter-field--control-type-submit button:hover, .search-filter-field--control-type-reset button:hover {transform: translate(5px, 5px); box-shadow: 0 0 #fdb5a4;}
.wp-block-button a:active, a.wp-block-read-more:active, .search-filter-field--control-type-submit button:active, .search-filter-field--control-type-reset button:active {scale: 0.98; filter: brightness(0.9);}

.search-filter-field--control-type-submit button {background-color: var(--wp--preset--color--accent-2); border: solid 2px var(--wp--preset--color--accent-2); border-radius: 8px; color: var(--wp--preset--color--contrast); font-size: var(--wp--preset--font-size--small); font-weight: 600; padding: 0.5rem 2rem; box-shadow: 5px 5px #fad1a3;}
.search-filter-field--control-type-reset button {background-color: transparent; border: solid 2px var(--wp--preset--color--accent-2); border-radius: 8px; color: var(--wp--preset--color--accent-2); font-size: var(--wp--preset--font-size--small); font-weight: 600; padding: 0.5rem 2rem; box-shadow: 5px 5px #fad1a3;}

/* KOLORY DO ZESPOŁÓW */
.wp-block-post.type-liderzy.sciezka-woda-i-zielen .wp-block-group, .woda-i-zielen .lider_bg {background-color: var(--wp--preset--color--woda-1); color: var(--wp--preset--color--base);}
.wp-block-post.type-liderzy.sciezka-gospodarka-obiegu-zamknietego .wp-block-group, .gospodarka-obiegu-zamknietego .lider_bg {background-color: var(--wp--preset--color--odpady-1); color: var(--wp--preset--color--contrast);}
.wp-block-post.type-liderzy.sciezka-efektywnosc-energetyczna .wp-block-group, .efektywnosc-energetyczna .lider_bg {background-color: var(--wp--preset--color--powietrze-1); color: var(--wp--preset--color--contrast);}
.woda-i-zielen .lider_bg2 {background-color: var(--wp--preset--color--woda-2); color: var(--wp--preset--color--base);}
.gospodarka-obiegu-zamknietego .lider_bg2 {background-color: var(--wp--preset--color--odpady-2); color: var(--wp--preset--color--contrast);}
.efektywnosc-energetyczna .lider_bg2 {background-color: var(--wp--preset--color--powietrze-2); color: var(--wp--preset--color--contrast);}
.woda-i-zielen.gospodarka-obiegu-zamknietego.efektywnosc-energetyczna .lider_bg {background-color: var(--wp--preset--color--base-4);}
.woda-i-zielen.gospodarka-obiegu-zamknietego.efektywnosc-energetyczna .lider_bg2 {background-color: var(--wp--preset--color--base-3);}

/* AKTUALNOŚCI */
.okladka .taxonomy-category {position: absolute; top: 0; left: 0; margin: 0;}
.okladka .wp-block-post-date {position: absolute; bottom: 0; right: 0; margin: 0;}
.okladka {aspect-ratio: 16/9; background-color: var(--wp--preset--color--base-3);}
.wp-block-post-terms__prefix {font-variant: all-small-caps; font-weight: 500;}

/* MOBILE QUERY COLUMNS */
@media (max-width: 767px) {& .columns-3 {grid-template-columns: 1fr;}}
@media (min-width: 768px) and (max-width: 1199px) {& .columns-3 {grid-template-columns: repeat(2, minmax(0, 1fr));}}

/* ZESPOŁY */
.wp-block-query .liderzy .wp-block-post-terms span, .wp-block-query .liderzy  .wp-block-mfb-meta-field-block .prefix {font-weight: 500; letter-spacing: 0.025rem; font-variant: all-small-caps;}
.wp-block-mfb-meta-field-block .prefix, .wp-block-mfb-meta-field-block .value {display: inline-block; margin-right: 0.25em;}
.margin-fix div {margin-block-start: var(--wp--preset--spacing--20);}
.margin-fix .wp-block-mfb-meta-field-block div {margin-block-start: 0 !important;}
.margin-fix.wp-block-mfb-meta-field-block p {margin: 0 0 var(--wp--preset--spacing--20);}
.margin-fix.wp-block-mfb-meta-field-block .value {margin: 0;}

/* PODSTRONY ZESPOŁÓW */
.wp-block-post-featured-image .wp-caption-text {font-size: var(--wp--preset--font-size--small);}

/* CLEAR SEARCH BUTTON */
.search-filter-icon--destructive {position: absolute; right: 0.2em;}

/* WP_QUERY IS_STYLE_CAROUSEL */
.splide__slide {min-width: 100% !important;}

/* LAST NAMES */
.keep_words {word-break: keep-all;}

/* POST THUMBNAIL PHOTO CAPTION */
.wp-block-post-featured-image .wp-caption-text {display: inline-block; position: absolute; bottom: 0; left: 0; background-color: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); padding: 3px 12px; border-radius: 0 8px 0 0;}
@media (max-width: 450px) {.wp-block-post-featured-image .wp-caption-text {display: block; position: relative; border-radius: 0 0 8px 0;}}

/* POST THUMBNAIL FIX */
.wp-caption {height: 100%; margin: 0;}

/* ACF-MAP */
.acf-map {background-image: url('/wp-content/uploads/refresh.png'); background-repeat: no-repeat; background-position: center; background-size: 200px; border: solid 1px var(--wp--preset--color--base-6);}
@media (max-width: 809px) {
   .acf-map {height: 420px !important;}
}
@media (max-width: 500px) {
   .acf-map {height: 320px !important;}
}

/* Fixes potential theme css conflict. */
.acf-map .marker {visibility: hidden;}
.acf-map img {max-width: inherit !important;}

/* MAP TITLE FIX */
.gm-title {color: initial;}

/* MAP INFO WINDOW */
span.iw-prefix {font-variant: small-caps; font-weight: 600;}
.acf-map .gm-style-iw-d p {margin: 0.5em 0; font-size: 14px;}
.acf-map .gm-style-iw-d h2 {margin: 0.5em 0; font-size: var(--wp--preset--font-size--medium);}
.acf-map .gm-style-iw-chr button.gm-ui-hover-effect {width: 40px !important; height: 40px !important; position: absolute !important; right: 0px; top: -8px;}
.acf-map .gm-style {font-family: var(--wp--preset--font-family--roboto-condensed);}
.acf-map .gm-style-iw #carousel-prev, .acf-map .gm-style-iw #carousel-next {display: flex; align-items: start; justify-content: center; position: relative; top: -2px; width: 35px; height: 35px; border: none; background: none; font-size: 32px; line-height: 1; font-weight: 600; cursor: pointer; padding: 0;}
.acf-map .gm-style-iw {max-width: 90vw !important; min-width: 280px !important;}
.acf-map #carousel-counter {font-size: 13px;}

/* STICKY MAP IN ARCHIVES */
@media (min-width: 1024px) {
    .archive .acf-map, .parent-pageid-1569 .acf-map {height: calc(100vh - 180px) !important; position: sticky !important; top: 150px;}
    .column–wrap .columns-2 {grid-template-columns: 1fr;}
}
@media (max-width: 809px) {
    .column–wrap .columns-2 {grid-template-columns: 1fr; margin: 0 auto; width: 400px;}
}
@media (max-width: 1023px) {
    .map-columns {flex-wrap: wrap !important;}
    .map-columns .wp-block-column {flex-basis: 100% !important;}
}

/* POST FILTER ANIMATION */
.filters-container {max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.5s ease-in-out, opacity 0.25s ease-in-out;}
.filters-container.open {max-height: 1000px; opacity: 1;}
.wp-block-buttons .filters-toggle .wp-block-button__link {width: 150px;}

/* POST NAVIGATION */
.wp-block-post-navigation-link .is-arrow-chevron {color: var(--wp--preset--color--accent-2); font-size: var(--wp--preset--font-size--large); position: relative; top: 2px;}

/* SPLIDE */
#splide01 .splide__arrow--prev {left: -4em;}
#splide01 .splide__arrow--next {right: -4em;}
@media (max-width: 500px) {#splide01 .splide__arrow--prev {left: -1.5em;} #splide01 .splide__arrow--next {right: -1.5em;}}
#splide01 .splide__arrow--prev,#splide01 .splide__arrow--next {background: var(--wp--preset--color--accent-2);}
#splide01 .splide__arrow--prev svg ,#splide01 .splide__arrow--next svg {fill: #fff;}

/* ŚCIEŻKI TEMATYCZNE */
.sciezka-ikona {position: relative; transform: translateY(16%); z-index: 1; display: block !important; max-width: 250px;}
.parent-pageid-1569 .sciezka-ikona {max-width: 320px;}
.ramka-woda-i-zielen {box-shadow: 5px 5px var(--wp--preset--color--woda-2); transition: all ease-in-out 0.25s;}
.ramka-woda-i-zielen:hover {box-shadow: 0 0 var(--wp--preset--color--woda-2); transform: translateX(5px) translateY(5px);}
.ramka-efektywnosc-energetyczna {box-shadow: 5px 5px var(--wp--preset--color--powietrze-2); transition: all ease-in-out 0.25s;}
.ramka-efektywnosc-energetyczna:hover {box-shadow: 0 0 var(--wp--preset--color--woda-2); transform: translateX(5px) translateY(5px);}
.ramka-gospodarka-obiegu-zamknietego {box-shadow: 5px 5px var(--wp--preset--color--odpady-2); transition: all ease-in-out 0.25s;}
.ramka-gospodarka-obiegu-zamknietego:hover {box-shadow: 0 0 var(--wp--preset--color--woda-2); transform: translateX(5px) translateY(5px);}
#sciezki-tematyczne {justify-content: center; flex-wrap: wrap !important;}
#sciezki-tematyczne .wp-block-column {flex-basis: 400px !important; flex-grow: 0 !important;}
@media (max-width: 768px) {#sciezki-tematyczne .has-medium-font-size {font-size: 20px !important;}}
@media (min-width: 600px) {.sciezka-top-columns {flex-wrap: nowrap !important;}}

/* REKRUTACJA */
@media (min-width: 1024px) {.rekrutacja-domki {background-position: left bottom; background-repeat: no-repeat; background-size: 66%; background-image: url("https://new.zielonylider.org/wp-content/uploads/ZL_domki_glowna.png");}}
@media (max-width: 1023px) {.rekrutacja-domki .wp-block-columns {flex-direction: column;}}
@media (max-width: 781px) {.baner-rekrutacja {text-align: center;} .baner-rekrutacja .wp-block-button {margin: 0 auto;} .rekrutacja-etapy-columns .wp-block-column:first-child{flex-basis: 20px !important;}}

/* O NAS */
.zespol-programu .email-icon-link, .single-zespol-programu .email-icon-link {position: absolute; bottom: 0; right: calc(50% - 100px);}
.zespol-programu .email-icon-link img, .single-zespol-programu .email-icon-link img {background-color: var(--wp--preset--color--accent-2); padding: 7px 8px 7px 7px; border-radius: 50px; transition: all ease-in-out 0.25s;}
.zespol-programu .email-icon-link:hover img, .single-zespol-programu .email-icon-link:hover img {background-color: var(--wp--preset--color--accent-1); zoom: 1.075;}
@media (max-width: 1023px) {#rada .wp-block-columns .wp-block-columns {flex-direction: column;} #rada .wp-block-column .wp-block-heading {text-align: center;}}

/* O PROGRAMIE */
.wp-block-group.domek-o-programie {background-size: clamp(350px, 60vw, 560px) !important;}
@media (max-width: 781px) {
    .wp-block-group.domek-o-programie {background-position: 50% 100% !important;} 
    .wp-block-gallery.gallery-mobile-3 .wp-block-image {width: 30% !important;} 
    .tlo-misja h1 {padding-top: 1em;}
}
@media (max-width: 450px) {
    .tlo-misja {background-size: 300px !important;}
}

/* PLAMA TOP LEFT */
.plama-top-left {background-size: clamp(350px, 60vw, 600px) !important;}

/* HOME KROKI */
.home-kroki .wp-block-image {max-width: 400px;}

/* HOME DOMEK */
.home-domek {max-width: 320px;}

/* UCZESTNICY */
@media (max-width: 1023px) {.uczestnicy-mapa {flex-direction: column;} .uczestnicy-mapa > .wp-block-column {flex-basis: 100%;}}
@media (min-width:370px) and (max-width: 1023px) {.uczestnicy-mapa > .wp-block-column .wp-block-columns {flex-wrap: nowrap !important; gap: 8vw;} .uczestnicy-mapa > .wp-block-column .wp-block-columns .wp-block-column {flex-basis: 45% !important;}}