@import url("settings.css");

header {background: var(--body-background)}
h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--color1); }
h2 {font-size: 32px; line-height: 1.2em; font-family: var(--header-font); color: #000; padding-top:10px}
h3 {margin-top: 20px; color: var(--color1);font-family: var(--header-font); margin-bottom:10px; line-height: 1.5em; font-size: 24px}
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em}
h5 {margin-top: 20px; font-weight: bold; color: var(--color1); padding-bottom: 5px; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em; border-bottom: 1px solid var(--color1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 1em; font-size: 0.8em}


.content p {font-size: 16px; line-height:1.6em;  text-align:initial}
.content ul li,.content ol li {font-size: 16px; line-height:1.5em; text-align:left}
.priest-centered p {text-align:center}
header .topbar { transition:height 1s ease-out;overflow:hidden;}
header .navbar-brand { transition:height 1s ease-out;overflow:hidden; display:flex; flex-direction: column; align-items: center}
header .navbar-brand img {width:unset; float:unset; margin:0; height:100px}
header .navbar-brand {font-family: 'Cinzel', 'Verdana', sans-serif;  }
.carousel-caption img {filter:  brightness(0) invert(1); max-height: 100px}
footer .copyright p {line-height: 1.4em}
 footer .rodostopka p {font-size: 12px; line-height:1.2em}
header .topbar .search input:focus,header .search input:active{border:1px solid #aaa; color: #333}    
header .topbar .search input::placeholder{color:#aaa}
header .topbar .search input:-ms-input-placeholder, header .topbar .search input::-ms-input-placeholder  {color:#aaa}
header .topbar .search input{color:#000}
header .topbar .search input:focus,header .search input:active{border:1px solid #000}
header .navbar-brand i{display:block}
header {position:fixed; top:0; z-index:1; width:100%}
header .topbar {background: none; color: #000;}
header .topbar .address a:hover, header .topbar .address a,header .topbar .address{background: none; color: #000;}
header .topbar .search button:hover,header .topbar .search button {color: #000; background: #f5f5f5}
#chooselang_google_content {background: none; z-index:2}
#google_translate_element .goog-te-gadget-simple {border: 1px solid #eee   }
#menu_sidebar .navbar-brand, header .navbar-brand {padding:0; margin:0}
header .navbar>.container-lg{flex-direction:column}
header #top_navbar {padding-bottom:65px; border:0}
header #top_navbar>.container-lg {justify-content:center}
#menu_top {background: var(--color1); position: absolute !important; bottom:0; width:100%; justify-content: center} 
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a, header ul.navbar-nav .dropdown-menu {background: var(--color1)}
#menu_sidebar ul.navbar-nav li a:hover, header ul.navbar-nav li a:hover { filter: brightness(120%)}
#top_navbar {padding-top:0}
.content .list2 a {color:#000}
header .navbar-brand  {font-size: 33px; letter-spacing:4px; padding-bottom: 20px; margin-top:-20px; font-family:  var(--header-font); color: #000;}
header .navbar-brand:hover {color:#000}
header .navbar-brand i { font-size: 40px; padding-bottom:10px}
header .navbar-brand img {margin-bottom:10px; height:120px}
/*header .navbar-brand small {color: #555; font-size: 12px; letter-spacing:1px; padding:5px}*/
header .navbar-brand small {color: #555; font-size: 14px;  padding:10px 0; font-style:italic;font-family: Georgia, Cambria, "Times New Roman", Times, serif;text-transform: none; letter-spacing:3px;}
header ul.navbar-nav li a br {display:none}
.slider .carousel-one {z-index:2}
header ul.navbar-nav li a i,header ul.navbar-nav li a {color: #fff; }
header ul.navbar-nav li a {padding: 15px 20px; font-family: var(--hx-font-family)}
header .navbar {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.page>.page-title {margin-top:337px; text-align:center}
.flatpickr-calendar {margin-top:-337px}
.page-title i {font-size: 2em}
.home .slider {margin-top:320px}
.slider .carousel-one {  background: none; top: 50%;  border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); }
.slider .carousel-one h1 {letter-spacing: 13px; font-family: 'Cinzel', 'Verdana', sans-serif; text-shadow: 4px 4px 15px #000; font-size: 90px; line-height: 1em; color: #fff; text-align:center;}
.slider .carousel-one h1 span{ font-size: 40px;letter-spacing: 10px  }
.slider .carousel-one p {opacity: 0.8; padding:0; margin:0; text-shadow: 2px 2px 7px #000; font-size: 22px; font-style: italic;  font-style:italic;font-family: Georgia, Cambria, "Times New Roman", Times, serif;text-transform: none; letter-spacing:3px; }
 
body.with-background .content-home .news {margin-top:0px}
.tile-hidden {display:none} 
/*.content .mod-gallery .thumbnail {height:250px; max-height:250px}*/
.content .mod-gallery .thumbnail {margin:0; border: 1px solid #eee}
.content .news>div p {  padding:10px 5px}
#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display: inline}
header .topbar .search input {color: #333}
header .topbar .search input:focus, header .search input:active {border: 1px solid #bbb}
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5)}
.slider .owl-theme .owl-dots {display:none}
.slider {z-index:-1; box-shadow: unset}
.slider i {font-size: 80px; color: rgba(255,255,255,1); margin-bottom:20px } 
.slider .carousel-one p {position: relative;   }

#homepage a {padding:20px}
#homepage i {line-height:1em}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right:1px solid rgba(255,255,255,0.3);}
#menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:first-child a{border-left:1px solid rgba(255,255,255,0.3);}

.ekancelaria>.buttons {justify-content: center}
.ekancelaria .buttons .button { text-align:center; font-family: var(--header-font); border-radius: 10px; box-shadow: none; background: #fff; padding: 30px 20px; border: 1px solid #ddd; color: #333; width: 100%;   margin-right:10px; margin-bottom:10px;}
/*.ekancelaria .buttons .button {text-align:center; font-family: var(--header-font); border-radius: 10px; box-shadow: none; background: var(--color2); padding: 20px; border: 1px solid   var(--color1);; color: #fff; width: 100%;   margin-right:10px; margin-bottom:10px}*/
.ekancelaria .buttons .button:hover{background: var(--color1); color: #fff}
.ekancelaria .buttons .button:hover i  {color:#fff}
.ekancelaria .buttons .button span{font-style: normal; font-size: 18px; line-height:1.2em; margin-top: 8px; text-transform: uppercase; letter-spacing:1px}
.ekancelaria .buttons .button i {display:block; font-size: 40px; color: #999; padding-bottom:10px}
.poczta,header .poczta, header.scrolled .poczta{font-size: 11px; font-family: 'Open Sans'; padding:  7px; line-height: 1em;  width: 150px; margin-right:5px; color:#fff;background-color:#28a745;border-color:#28a745}
header.scrolled .poczta span {color:#fff} 
header .poczta:hover {color:#fff;background-color:#23923c;border-color:#23923c}
header .input-group {width:250px}
body.home .main-content {margin-top:-80px; background: #fff}
.logotypes-bg {margin-top:0; background: #eee; padding: 30px 0}

.slider,.slider .owl-carousel,.slider .owl-carousel .item {height: fit-content}
.slider .carousel-one {padding: 40px 0 0 0 }
@media (max-width: 1400px){ 
    .slider .carousel-one h1 {letter-spacing: 13px; font-size: 70px; margin:0; padding:0  }
.slider .carousel-one h1 span{ font-size: 30px;letter-spacing: 10px;margin:0; padding:0   }
.slider .carousel-one p { display:none}
 
body.home .main-content {margin-top:-40px; }
}
@media (max-width: 1200px) { 
    .slider .carousel-one h1{ font-size: 50px;}
    .slider .carousel-one p{ font-size: 25px;}
.slider,.slider .owl-carousel,.slider .owl-carousel .item {height: 600px}
.owl-carousel .owl-item img {width:auto; height:100%}
}


@media (max-width: 1100px) {
    header ul.navbar-nav li a {padding: 15px 15px}
    .slider .carousel-one {padding: 40px 0 25px 0 }
}

@media (max-width: 992px) {
    #menu_sidebar .navbar-brand, header nav.navbar .navbar-brand {max-height:90px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    header .topbar .search input{color:#fff}
    header .topbar .search input:focus,header .search input:active{border:1px solid #fff}    
    header .topbar .search input::placeholder{color:#fff}
    header .topbar .search input:-ms-input-placeholder, header .topbar .search input::-ms-input-placeholder  {color:#fff}
    body.with-background .page>.container-lg {--bs-gutter-x: 10px; margin-top:30px}
    body.with-background footer {margin-top:10px}
    header .navbar-brand {display:inline-block}
    header .navbar-brand img {float:left; margin-right:20px; max-height:70px}
    header .navbar-brand span {display:block}
    header ul.navbar-nav li a {padding: 5px 20px}
    header {position:fixed; margin-bottom:0; background: #fff; height: unset}   
    header nav {height: unset}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px; text-align:left}
    header #top_navbar>.container-lg {justify-content: start}
    #menu_top {position: relative !important}
    header #top_navbar {padding-bottom:0}
    #menu_sidebar .navbar-brand>br{display:none}
    .page-title {margin-top:0}
    header .navbar>.container-lg{flex-direction:row}
    header .navbar-brand {margin:0; padding:10px 0; width:100%}
    header .navbar-brand i{display:none}
    header .topbar{background: var(--color1); color: #fff}
    header .topbar .address a, header .topbar span, header .topbar button {color: #fff}
    header .topbar button {background: #fff; color: var(--color2)}
    header .topbar .search input {border: 1px solid #fff}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-top:1px solid rgba(255,255,255,0.4)}
    header .topbar {border-top: 1px solid rgba(255,255,255,0.3); border-bottom:0}
    .home .slider {margin-top:131px}
    .page>.page-title {margin-top:131px}
    #chooselang_google_content {background: var(--color1)} 
    #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span { color: var(--color1)}  

    .slider .carousel-one h1 {letter-spacing: 13px; font-size: 40px; margin:0; padding:0  }
.slider .carousel-one h1 span{ font-size: 20px;letter-spacing: 10px;margin:0; padding:0   }
    .slider .carousel-one img{width:initial; height:initial}
    .slider .carousel-one p{ font-size: 14px;}
    .slider .carousel-one {top:45%; left:20px; right:20px; max-width:80%}
    .slider .carousel-one a  {display:none}
    .owl-theme  .owl-dots {display:none}  
  .slider,.slider .owl-carousel,.slider .owl-carousel .item {height:400px}
    body.home .right-sidebar {margin-top:0}
    .poczta, header .poczta, header.scrolled .poczta {display:none}
    header .input-group {width:100%}
     .slider .owl-carousel .item {display: flex; justify-content:center; align-items:center}
}

@media (max-width: 767px) {
    header .navbar-brand img {max-height:55px}
    .content .mod-gallery .thumbnail {height:200px !important}
    .top-tiles {margin-top:0}
    .carousel-caption img {max-height: 50px} 
    .tile-hidden {display:  block} 
    /*.page>.page-title{text-align:left}*/
    .slider {height: 400px}
    .sidebar {width:100%}
    .page-content {padding: 0}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .content {padding: 10px}
    #menu_sidebar .navbar-brand, header nav.navbar .navbar-brand {max-height: 67px}
    .content .page-title {padding:0}
    .content p, .content ul li, .content ol li {font-size: 14px}
    .top-tiles .tile .tile-icon {background: none; color: #333}
   
    .slider .carousel-one h1 {font-size: 22px;}
    .slider .carousel-one p{ font-size: 12px;}
    .home .slider {margin-top:107px}
    .page>.page-title {margin-top:107px}
    /*.content .list2 p {line-height:2em}*/
    .slider .carousel-one a {padding: 5px 20px}
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top: 12px;}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 13px; letter-spacing:1px;color: var(--color1); padding-top:12px}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {background:unset }
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size:9px;letter-spacing:2px; }
    #menu_sidebar,#menu_top {margin-top:10px}
    /*header ul.navbar-nav li a  {padding: 5px 0}*/
    #spowiedz, #kancelaria, #msza, #wcag-options {margin: 0 !important; height: calc(100vh - 166px)}

    .content h2.home {font-size: 18px; text-align:left}
    header .navbar-brand img {margin-right:5px; margin-top:-6px}
    .content-home .news {margin-top:0}
    .content blockquote {margin: 30px 10px}
    h2 {font-size: 26px}
    .content .synod-join-strip-text h2,.content .synod-join-strip-text p {text-align:center}
    
.slider .carousel-one h1 span{ font-size: 12px;letter-spacing: 4px;margin:0; padding:0   }
    
}
@media (max-width: 576px) {

    .content ul ul, .content ol ul,.content ul ol, .content ol ol {padding-left:0}
    #menu_top,#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {background: #fff}
    a.wcag-button{top:63px}
 #menu_top,#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {background: #fff}
    
/*    .slider .carousel-one {top:50%}
    .slider .carousel-one h1 {font-size: 15px;}
    .slider .carousel-one p{ font-size: 12px;}*/
}
@media (max-width: 400px) {

    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 13px}
} 

/*  ---------------------------------------------------------------------------------------------------------------------
/*  jesli header w dwoch linijkach, odkomentuj ponizsze*/
/*    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:0px; height:85px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover  {text-align:left; padding-top: 0; font-size: 26px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
@media (max-width: 1200px) {    
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover  {font-size: 20px; padding-top:10px}
     #menu_sidebar .navbar-brand img, header .navbar-brand img {height:75px}
}
@media (max-width: 992px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:60px}
}
@media (max-width: 767px) {
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px;padding-top: 8px; width:100%}   
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:50px}
}*/

/* ==============================
   Oś czasu — harmonogram synodu
   ============================== */

.content .synod-timeline {
    max-width: 980px;
    margin: 0 auto 60px auto;
    padding: 20px 0;
}

.content .synod-timeline-intro {
    text-align: center;
    margin-bottom: 42px;
}

.content .synod-timeline-intro h2 {
    margin: 0 0 15px 0;
    padding: 0;
    font-family: var(--header-font);
    color: var(--color1);
    font-size: 36px;
    line-height: 1.25em;
}

.content .synod-timeline-intro p {
    max-width: 760px;
    margin: 0 auto;
    font-size: 17px;
    line-height: 1.7em;
    color: #555;
}

.content .synod-timeline-list {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 0;
}

.content .synod-timeline-list::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 140px;
    width: 3px;
    background: rgba(167, 5, 5, 0.18);
}

.content .synod-timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 60px;
    margin-bottom: 34px;
}

.content .synod-timeline-item:last-child {
    margin-bottom: 0;
}

.content .synod-timeline-date {
    position: relative;
    z-index: 2;
    padding-top: 18px;
    text-align: right;
    font-family: var(--header-font);
    color: var(--color1);
    font-size: 22px;
    line-height: 1.25em;
}

.content .synod-timeline-date span {
    display: block;
    font-family: var(--font-family);
    color: #777;
    font-size: 13px;
    line-height: 1.35em;
    margin-top: 5px;
}

.content .synod-timeline-card {
    position: relative;
    padding: 22px 26px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 16px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);
}

.content .synod-timeline-card::before {
    content: "";
    position: absolute;
    left: -47px;
    top: 25px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: var(--color1);
    border: 5px solid #fff;
    box-shadow: 0 0 0 3px rgba(167, 5, 5, 0.18);
}

.content .synod-timeline-card h3 {
    margin: 0 0 12px 0;
    color: #000;
    font-family: var(--header-font);
    font-size: 22px;
    line-height: 1.35em;
}

.content .synod-timeline-card p {
    margin: 0 0 12px 0;
    font-size: 16px;
    line-height: 1.7em;
    color: #444;
}

.content .synod-timeline-card p:last-child {
    margin-bottom: 0;
}

.content .synod-timeline-card ul {
    margin: 10px 0 0 0;
    padding: 0;
}

.content .synod-timeline-card ul li {
    position: relative;
    list-style: none;
    margin: 8px 0;
    padding-left: 25px;
    font-size: 16px;
    line-height: 1.6em;
    color: #444;
}

.content .synod-timeline-card ul li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 0.72em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color1);
}

.content .synod-timeline-quote {
    margin: 16px 0 0 0;
    padding: 16px 18px;
    background: #fafafa;
    border-left: 4px solid var(--color1);
    border-radius: 0 10px 10px 0;
    font-size: 15px;
    line-height: 1.65em;
    color: #555;
}

.content .synod-timeline-quote p {
    margin: 0;
    font-size: inherit;
    line-height: inherit;
}

@media (max-width: 767px) {
    .content .synod-timeline {
        padding: 10px 0 35px 0;
    }

    .content .synod-timeline-intro {
        text-align: left;
        margin-bottom: 30px;
    }

    .content .synod-timeline-intro h2 {
        font-size: 26px;
    }

    .content .synod-timeline-intro p {
        font-size: 15px;
    }

    .content .synod-timeline-list::before {
        left: 18px;
    }

    .content .synod-timeline-item {
        display: block;
        padding-left: 48px;
        margin-bottom: 28px;
    }

    .content .synod-timeline-date {
        text-align: left;
        padding-top: 0;z-index:0;
        margin-bottom: 10px;
        font-size: 20px;
    }

    .content .synod-timeline-card {
        padding: 18px 18px;
        border-radius: 12px;
    }

    .content .synod-timeline-card::before {
        left: -38px;
        top: 20px;
    }

    .content .synod-timeline-card h3 {
        font-size: 19px;
    }

    .content .synod-timeline-card p,
    .content .synod-timeline-card ul li {
        font-size: 15px;
    }
}

/* Sekcja kafelków na pełną szerokość ekranu */
.content .ekancelaria {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;

    background: var(--color1);
    padding: 55px 0;
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Wnętrze wraca do szerokości containera */
.content .ekancelaria > .buttons {
    max-width: 1320px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Kafelki na czerwonym tle */
.content .ekancelaria .buttons .button {
    background: #fff;
    color: #222;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 14px; 
    min-height: 150px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    transition: all 0.25s ease;
}

/* Ikony */
.content .ekancelaria .buttons .button i {
    color: var(--color1);
    font-size: 42px;
    margin-bottom: 14px;
    transition: all 0.25s ease;
}

/* Tekst */
.content .ekancelaria .buttons .button span {
    color: #222;
    font-size: 18px;
    line-height: 1.25em;
    text-align: center;
    transition: all 0.25s ease;
}

/* Hover */
.content .ekancelaria .buttons .button:hover {
     background: #fff;
    color: #333; 
}

.content .ekancelaria .buttons .button:hover i,
.content .ekancelaria .buttons .button:hover span {
    color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
    .content .ekancelaria {
        padding: 35px 0;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .content .ekancelaria .buttons .button {
        min-height: 120px;
        margin-bottom: 15px;
    }

    .content .ekancelaria .buttons .button i {
        font-size: 34px;
    }

    .content .ekancelaria .buttons .button span {
        font-size: 15px;
    }
}

/* Sekcja: Dowiedz się więcej o Synodzie */

.content .synod-more-section {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
z-index:0;
    background: var(--color1);
    padding: 65px 0 70px 0;
    margin-top: 45px;
    margin-bottom: 50px;
    overflow: hidden;
}

.content .synod-more-section::before {
    content: "";
    position: absolute;
    top: -120px;
    right: -120px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}

.content .synod-more-section::after {
    content: "";
    position: absolute;
    bottom: -160px;
    left: -140px;
    width: 390px;
    height: 390px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

.content .synod-more-section .buttons,
.content .synod-more-heading {
    position: relative;
    z-index: 2;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
}

.content .synod-more-heading {
    text-align: center;
    margin-bottom: 38px;
}

.content .synod-more-icon {
    width: 76px;
    height: 76px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    background: #fff;
    color: var(--color1);

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);
}

.content .synod-more-icon i {
    font-size: 34px;
}

.content .synod-more-heading h2 {
    margin: 0 0 14px 0;
    padding: 0;
    color: #fff;
    font-family: var(--header-font);
    font-size: 38px;
    text-align: center;
    line-height: 1.25em;
}

.content .synod-more-heading p {
     margin: 0 auto;
    color: rgba(255, 255, 255, 0.9);
    font-size: 17px;
    line-height: 1.7em;
    text-align:center;
}

.content .synod-more-section .row {
    row-gap: 24px;
}

.content .synod-more-section .buttons .button {
    position: relative;
    overflow: hidden;

    min-height: 155px;
    height: 100%;
    margin: 0;

    background: #fff;
    color: #222; 
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 18px; 

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-decoration: none; 
}

.content .synod-more-section .buttons .button::before {
    content: "";
    position: absolute;
    inset: 0; 
    opacity: 0;
    transition: opacity 0.28s ease;
}

.content .synod-more-section .buttons .button i,
.content .synod-more-section .buttons .button span {
    position: relative;
    z-index: 2;
}

.content .synod-more-section .buttons .button i {
    display: block;
    margin: 0 0 16px 0;
    padding: 0;
    color: var(--color1);
    font-size: 42px;
    line-height: 1;
    transition: transform 0.28s ease, color 0.28s ease;
}

.content .synod-more-section .buttons .button span {
    color: #222;
    font-family: var(--header-font);
    font-size: 18px;
    line-height: 1.25em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.28s ease;
}
 

.content .synod-more-section .buttons .button:hover::before {
    opacity: 1;
}

.content .synod-more-section .buttons .button:hover i {
    color: var(--color1)
} 

.content .synod-more-section .buttons .button:hover span {
    color: #fff;
} 

/* Mobile */

@media (max-width: 767px) {
    .content .synod-more-section {
        padding: 45px 0 50px 0;
        margin-top: 30px;
        margin-bottom: 35px;
    }

    .content .synod-more-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 16px;
    }

    .content .synod-more-icon i {
        font-size: 28px;
    }

    .content .synod-more-heading {
        margin-bottom: 28px;
    }

    .content .synod-more-heading h2 {
        font-size: 27px;
    }

    .content .synod-more-heading p {
        font-size: 15px;
    }

    .content .synod-more-section .buttons .button {
        min-height: 125px;
        border-radius: 14px;
    }

    .content .synod-more-section .buttons .button i {
        font-size: 34px;
        margin-bottom: 11px;
    }

    .content .synod-more-section .buttons .button span {
        font-size: 15px;
        letter-spacing: 0.6px;
    }
}
.content .synod-more-section .buttons .button::before,
.content .synod-more-section .buttons .button:hover::before {
    opacity: 0 !important;
    display: none;
}

.content .synod-more-section .buttons .button:hover {
    background: #eee !important;
    color: #000 !important;
    border-color: rgba(167, 5, 5, 0.25);
   
}
 
.content .synod-more-section .buttons .button:hover span {
    color: #222 !important;
}

/* Pasek CTA — Dołącz do Synodu */

.content .synod-join-strip {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
z-index:0;
    min-height: 200px;
    margin-top: 0;
    margin-bottom: 55px;
    padding: 35px 0;

    background:
        linear-gradient(120deg, rgba(0, 0, 0, 0.22), rgba(167, 5, 5, 0.1)),
        var(--color1);

    overflow: hidden;
}

.content .synod-join-strip::before {
    content: "";
    position: absolute;
    right: 8%;
    top: -80px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.content .synod-join-strip::after {
    content: "";
    position: absolute;
    left: -90px;
    bottom: -120px;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
}

.content .synod-join-strip-inner {
    position: relative;
    z-index: 2;

    max-width: 1120px;
    min-height: 130px;
    margin: 0 auto;
    padding: 0 15px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.content .synod-join-strip-icon {
    flex: 0 0 auto;

    width: 82px;
    height: 82px;
    border-radius: 50%;

    background: #fff;
    color: var(--color1);

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);
}

.content .synod-join-strip-icon i {
    font-size: 36px;
}

.content .synod-join-strip-text {
    flex: 1 1 auto;
    max-width: 700px;
}

.content .synod-join-strip-text h2 {
    margin: 0 0 8px 0;
    padding: 0;
    color: #fff;
    font-family: var(--header-font);
    font-size: 36px;
    line-height: 1.2em;
    letter-spacing: 2px;
}

.content .synod-join-strip-text p {
    margin: 0;
    color: rgba(255, 255, 255, 0.92);
    font-size: 17px;
    line-height: 1.55em;
}

.content .synod-join-strip-button {
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 14px 24px;

    background: #fff;
    color: var(--color1);
    border: 2px solid #fff;
    border-radius: 999px;

    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;

    transition: all 0.25s ease;
}

.content .synod-join-strip-button i {
    transition: transform 0.25s ease;
}

.content .synod-join-strip-button:hover {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

.content .synod-join-strip-button:hover i {
    transform: translateX(4px);
}

@media (max-width: 767px) {
    .content .synod-join-strip {
        min-height: auto;
        padding: 38px 0;
        margin-bottom: 35px;
    }

    .content .synod-join-strip-inner {
        display: block;
        text-align: center;
    }

    .content .synod-join-strip-icon {
        margin: 0 auto 18px auto;
        width: 66px;
        height: 66px;
    }

    .content .synod-join-strip-icon i {
        font-size: 29px;
    }

    .content .synod-join-strip-text h2 {
        font-size: 27px;
    }

    .content .synod-join-strip-text p {
        font-size: 15px;
    }

    .content .synod-join-strip-button {
        margin-top: 22px;
    }
}

/* ==============================
   Synod to — układ jak na starej stronie
   czerwone tło + 5 kolumn na desktopie
   ============================== */

.content .synod-values-section {
    position: relative;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;

    background: var(--color1) !important;
    padding: 58px 0 64px 0;
    margin-top: 50px;
    margin-bottom: 55px;
    overflow: hidden;
}

/* dekoracje na czerwonym tle — bardzo subtelne */
.content .synod-values-section::before {
    content: "";
    position: absolute;
    left: -120px;
    bottom: -130px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.055);
}

.content .synod-values-section::after {
    content: "";
    position: absolute;
    right: -100px;
    top: -120px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.content .synod-values-heading,
.content .synod-values-grid {
    position: relative;
    z-index: 0; 
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}

.content .synod-values-heading {
    text-align: center;
    margin-bottom: 32px;
}

.content .synod-values-icon {
/*    width: 58px;
    height: 58px;
    margin: 0 auto 16px auto;
    border-radius: 50%;
    background: #fff;
    color: var(--color1);*/
font-size: 50px; color:#fff; margin-bottom:10px;
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: none;
}

.content .synod-values-icon i {
    font-size: 50px;
}

.content .synod-values-heading h2 {
    margin: 0 0 8px 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-family: var(--header-font);
    font-size: 34px;
    line-height: 1.2em;
    letter-spacing: 2px;
}

.content .synod-values-heading p {
    max-width: 760px;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0.92);
    font-size: 15px;
    line-height: 1.6em;
    text-align: center;
}

/* Desktop — 5 kolumn prawie na całą szerokość */
.content .synod-values-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 18px;
}

/* Kafelek */
.content .synod-value-card {
    min-width: 0;
    max-width: none;
    width: 100%;
    height: 100%;

    padding: 24px 18px 24px 18px;
    border-radius: 10px;

    background: #f8f6f3;
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: none;

    display: block;
    transition: transform 0.22s ease, background 0.22s ease;
}

.content .synod-value-card:hover {
    transform: translateY(-4px);
    box-shadow: none;
    background: #fff;
}

.content .synod-value-card-icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 13px auto;
    border-radius: 50%;
    background: rgba(167, 5, 5, 0.10);
    color: var(--color1);

    display: flex;
    align-items: center;
    justify-content: center;
}

.content .synod-value-card-icon i {
    font-size: 17px;
}

.content .synod-value-card h3 {
    margin: 0 0 13px 0;
    color: #222;
    text-align: center;
    font-family: var(--header-font);
    font-size: 17px;
    line-height: 1.25em;
    letter-spacing: 1.2px;
}

.content .synod-value-card p {
    margin: 0;
    color: #333;
    font-size: 12.6px;
    line-height: 1.55em;
    text-align: left;
}

/* Średni desktop / małe laptopy — dalej 5 kolumn, ale ciaśniej */
@media (max-width: 1399px) {
    .content .synod-values-heading,
    .content .synod-values-grid {
        max-width: 1240px;
        padding-left: 18px;
        padding-right: 18px;
    }

    .content .synod-values-grid {
        gap: 14px;
    }

    .content .synod-value-card {
        padding: 22px 15px;
    }

    .content .synod-value-card h3 {
        font-size: 15.5px;
        letter-spacing: 1px;
    }

    .content .synod-value-card p {
        font-size: 11.8px;
        line-height: 1.48em;
    }
}

/* Od tego momentu zawijamy: 3 + 2 wycentrowane wizualnie */
@media (max-width: 1099px) {
    .content .synod-values-grid {
        max-width: 920px;
        grid-template-columns: repeat(6, 1fr);
        gap: 18px;
    }

    .content .synod-value-card {
        grid-column: span 2;
        padding: 24px 18px;
    }

    .content .synod-value-card:nth-child(4) {
        grid-column: 2 / span 2;
    }

    .content .synod-value-card:nth-child(5) {
        grid-column: 4 / span 2;
    }

    .content .synod-value-card h3 {
        font-size: 17px;
    }

    .content .synod-value-card p {
        font-size: 13px;
        line-height: 1.58em;
    }
}

/* Tablet — 2 kolumny */
@media (max-width: 767px) {
    .content .synod-values-section {
        padding: 44px 0 48px 0;
        margin-top: 35px;
        margin-bottom: 38px;
    }

    .content .synod-values-heading {
        margin-bottom: 26px;
    }

    .content .synod-values-heading h2 {
        font-size: 27px;
    }

    .content .synod-values-heading p {
        font-size: 14px;
    }

    .content .synod-values-grid {
        max-width: 620px;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .content .synod-value-card,
    .content .synod-value-card:nth-child(4),
    .content .synod-value-card:nth-child(5) {
        grid-column: auto;
    }

    .content .synod-value-card {
        padding: 22px 17px;
    }

    .content .synod-value-card p {
        font-size: 13px;
        line-height: 1.55em;
    }
}

/* Mobile — jeden pod drugim */
@media (max-width: 575px) {
    .content .synod-values-grid {
        display: block !important;
        max-width: 420px;
    }

    .content .synod-value-card {
        margin-bottom: 16px;
        padding: 22px 18px;
    }

    .content .synod-value-card:last-child {
        margin-bottom: 0;
    }

    .content .synod-value-card h3 {
        font-size: 18px;
    }

    .content .synod-value-card p {
        font-size: 14px;
        line-height: 1.6em;
    }
}
.content .synod-join-strip {
    margin-bottom: 0 !important;
}
.stopka {margin-top:30px}
/* =========================================================
   WCAG — poprawki dla nowych czerwonych sekcji Synodu
   Dotyczy:
   - .synod-more-section
   - .synod-values-section
   - .synod-join-strip
   ========================================================= */


/* -----------------------------------------
   TRYB CIEMNY
   body.wcag-darkmode-1
   ----------------------------------------- */

body.wcag-darkmode-1 .content .synod-more-section,
body.wcag-darkmode-1 .content .synod-values-section,
body.wcag-darkmode-1 .content .synod-join-strip {
    background: #121212 !important;
    color: #fff !important;
}

body.wcag-darkmode-1 .content .synod-more-section::before,
body.wcag-darkmode-1 .content .synod-more-section::after,
body.wcag-darkmode-1 .content .synod-values-section::before,
body.wcag-darkmode-1 .content .synod-values-section::after,
body.wcag-darkmode-1 .content .synod-join-strip::before,
body.wcag-darkmode-1 .content .synod-join-strip::after {
    display: none !important;
    content: none !important;
}

body.wcag-darkmode-1 .content .synod-more-heading h2,
body.wcag-darkmode-1 .content .synod-more-heading p,
body.wcag-darkmode-1 .content .synod-values-heading h2,
body.wcag-darkmode-1 .content .synod-values-heading p,
body.wcag-darkmode-1 .content .synod-join-strip-text h2,
body.wcag-darkmode-1 .content .synod-join-strip-text p {
    color: #fff !important;
}

body.wcag-darkmode-1 .content .synod-more-icon,
body.wcag-darkmode-1 .content .synod-values-icon,
body.wcag-darkmode-1 .content .synod-join-strip-icon {
    background: #fff !important;
    color: #121212 !important;
    border: 2px solid #fff !important;
}

body.wcag-darkmode-1 .content .synod-more-icon i,
body.wcag-darkmode-1 .content .synod-values-icon i,
body.wcag-darkmode-1 .content .synod-join-strip-icon i {
    color: #121212 !important;
}

body.wcag-darkmode-1 .content .synod-more-section .buttons .button,
body.wcag-darkmode-1 .content .synod-value-card,
body.wcag-darkmode-1 .content .synod-join-strip-button {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    box-shadow: none !important;
}

body.wcag-darkmode-1 .content .synod-more-section .buttons .button span,
body.wcag-darkmode-1 .content .synod-more-section .buttons .button i,
body.wcag-darkmode-1 .content .synod-value-card h3,
body.wcag-darkmode-1 .content .synod-value-card p,
body.wcag-darkmode-1 .content .synod-value-card-icon,
body.wcag-darkmode-1 .content .synod-value-card-icon i,
body.wcag-darkmode-1 .content .synod-join-strip-button span,
body.wcag-darkmode-1 .content .synod-join-strip-button i {
    color: #fff !important;
}

body.wcag-darkmode-1 .content .synod-value-card-icon {
    background: #222 !important;
    border: 1px solid #fff !important;
}

body.wcag-darkmode-1 .content .synod-more-section .buttons .button:hover,
body.wcag-darkmode-1 .content .synod-value-card:hover,
body.wcag-darkmode-1 .content .synod-join-strip-button:hover {
    background: #222 !important;
    color: #fff !important;
    transform: none !important;
}


/* -----------------------------------------
   KONTRAST ŻÓŁTY / CZARNY
   body.wcag-contrast-1
   ----------------------------------------- */

body.wcag-contrast-1 .content .synod-more-section,
body.wcag-contrast-1 .content .synod-values-section,
body.wcag-contrast-1 .content .synod-join-strip {
    background: #000 !important;
    color: #ff0 !important;
}

body.wcag-contrast-1 .content .synod-more-section::before,
body.wcag-contrast-1 .content .synod-more-section::after,
body.wcag-contrast-1 .content .synod-values-section::before,
body.wcag-contrast-1 .content .synod-values-section::after,
body.wcag-contrast-1 .content .synod-join-strip::before,
body.wcag-contrast-1 .content .synod-join-strip::after {
    display: none !important;
    content: none !important;
}

body.wcag-contrast-1 .content .synod-more-heading h2,
body.wcag-contrast-1 .content .synod-more-heading p,
body.wcag-contrast-1 .content .synod-values-heading h2,
body.wcag-contrast-1 .content .synod-values-heading p,
body.wcag-contrast-1 .content .synod-join-strip-text h2,
body.wcag-contrast-1 .content .synod-join-strip-text p {
    color: #ff0 !important;
}

body.wcag-contrast-1 .content .synod-more-icon,
body.wcag-contrast-1 .content .synod-values-icon,
body.wcag-contrast-1 .content .synod-join-strip-icon {
    background: #ff0 !important;
    color: #000 !important;
    border: 2px solid #ff0 !important;
    box-shadow: none !important;
}

body.wcag-contrast-1 .content .synod-more-icon i,
body.wcag-contrast-1 .content .synod-values-icon i,
body.wcag-contrast-1 .content .synod-join-strip-icon i {
    color: #000 !important;
}

body.wcag-contrast-1 .content .synod-more-section .buttons .button,
body.wcag-contrast-1 .content .synod-value-card,
body.wcag-contrast-1 .content .synod-join-strip-button {
    background: #000 !important;
    color: #ff0 !important;
    border: 2px solid #ff0 !important;
    box-shadow: none !important;
}

body.wcag-contrast-1 .content .synod-more-section .buttons .button span,
body.wcag-contrast-1 .content .synod-more-section .buttons .button i,
body.wcag-contrast-1 .content .synod-value-card h3,
body.wcag-contrast-1 .content .synod-value-card p,
body.wcag-contrast-1 .content .synod-value-card-icon,
body.wcag-contrast-1 .content .synod-value-card-icon i,
body.wcag-contrast-1 .content .synod-join-strip-button span,
body.wcag-contrast-1 .content .synod-join-strip-button i {
    color: #ff0 !important;
}

body.wcag-contrast-1 .content .synod-value-card-icon {
    background: #000 !important;
    border: 2px solid #ff0 !important;
}

body.wcag-contrast-1 .content .synod-more-section .buttons .button:hover,
body.wcag-contrast-1 .content .synod-value-card:hover,
body.wcag-contrast-1 .content .synod-join-strip-button:hover {
    background: #ff0 !important;
    color: #000 !important;
    transform: none !important;
}

body.wcag-contrast-1 .content .synod-more-section .buttons .button:hover span,
body.wcag-contrast-1 .content .synod-more-section .buttons .button:hover i,
body.wcag-contrast-1 .content .synod-value-card:hover h3,
body.wcag-contrast-1 .content .synod-value-card:hover p,
body.wcag-contrast-1 .content .synod-value-card:hover i,
body.wcag-contrast-1 .content .synod-join-strip-button:hover span,
body.wcag-contrast-1 .content .synod-join-strip-button:hover i {
    color: #000 !important;
}


/* -----------------------------------------
   WYŁĄCZENIE ANIMACJI / RUCHU
   body.wcag-animation-1
   ----------------------------------------- */

body.wcag-animation-1 .content .synod-more-section *,
body.wcag-animation-1 .content .synod-values-section *,
body.wcag-animation-1 .content .synod-join-strip * {
    animation: none !important;
    transition: none !important;
}

body.wcag-animation-1 .content .synod-more-section .buttons .button:hover,
body.wcag-animation-1 .content .synod-value-card:hover,
body.wcag-animation-1 .content .synod-join-strip-button:hover,
body.wcag-animation-1 .content .synod-join-strip-button:hover i {
    transform: none !important;
}


/* -----------------------------------------
   POWIĘKSZANIE CZCIONKI
   body.wcag-fontsize-1 / body.wcag-fontsize-2
   ----------------------------------------- */

/* Poziom 1 */

body.wcag-fontsize-1 .content .synod-more-heading h2,
body.wcag-fontsize-1 .content .synod-values-heading h2,
body.wcag-fontsize-1 .content .synod-join-strip-text h2 {
    font-size: 42px !important;
}

body.wcag-fontsize-1 .content .synod-more-heading p,
body.wcag-fontsize-1 .content .synod-values-heading p,
body.wcag-fontsize-1 .content .synod-join-strip-text p {
    font-size: 19px !important;
    line-height: 1.75em !important;
}

body.wcag-fontsize-1 .content .synod-more-section .buttons .button span {
    font-size: 20px !important;
    line-height: 1.35em !important;
}

body.wcag-fontsize-1 .content .synod-value-card h3 {
    font-size: 20px !important;
    line-height: 1.35em !important;
}

body.wcag-fontsize-1 .content .synod-value-card p {
    font-size: 15px !important;
    line-height: 1.75em !important;
}

body.wcag-fontsize-1 .content .synod-join-strip-button {
    font-size: 16px !important;
}


/* Poziom 2 */

body.wcag-fontsize-2 .content .synod-more-heading h2,
body.wcag-fontsize-2 .content .synod-values-heading h2,
body.wcag-fontsize-2 .content .synod-join-strip-text h2 {
    font-size: 48px !important;
}

body.wcag-fontsize-2 .content .synod-more-heading p,
body.wcag-fontsize-2 .content .synod-values-heading p,
body.wcag-fontsize-2 .content .synod-join-strip-text p {
    font-size: 22px !important;
    line-height: 1.85em !important;
}

body.wcag-fontsize-2 .content .synod-more-section .buttons .button span {
    font-size: 23px !important;
    line-height: 1.45em !important;
}

body.wcag-fontsize-2 .content .synod-value-card h3 {
    font-size: 23px !important;
    line-height: 1.45em !important;
}

body.wcag-fontsize-2 .content .synod-value-card p {
    font-size: 18px !important;
    line-height: 1.85em !important;
}

body.wcag-fontsize-2 .content .synod-join-strip-button {
    font-size: 18px !important;
}


/* Przy większej czcionce kafelki "Synod to" muszą się szybciej zawijać */

body.wcag-fontsize-1 .content .synod-values-grid,
body.wcag-fontsize-2 .content .synod-values-grid {
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 20px !important;
}

body.wcag-fontsize-1 .content .synod-value-card,
body.wcag-fontsize-2 .content .synod-value-card {
    grid-column: span 2 !important;
}

body.wcag-fontsize-1 .content .synod-value-card:nth-child(4),
body.wcag-fontsize-2 .content .synod-value-card:nth-child(4) {
    grid-column: 2 / span 2 !important;
}

body.wcag-fontsize-1 .content .synod-value-card:nth-child(5),
body.wcag-fontsize-2 .content .synod-value-card:nth-child(5) {
    grid-column: 4 / span 2 !important;
}

@media (max-width: 767px) {
    body.wcag-fontsize-1 .content .synod-values-grid,
    body.wcag-fontsize-2 .content .synod-values-grid {
        grid-template-columns: 1fr !important;
    }

    body.wcag-fontsize-1 .content .synod-value-card,
    body.wcag-fontsize-2 .content .synod-value-card,
    body.wcag-fontsize-1 .content .synod-value-card:nth-child(4),
    body.wcag-fontsize-2 .content .synod-value-card:nth-child(4),
    body.wcag-fontsize-1 .content .synod-value-card:nth-child(5),
    body.wcag-fontsize-2 .content .synod-value-card:nth-child(5) {
        grid-column: auto !important;
    }
}


/* -----------------------------------------
   WIĘKSZA INTERLINIA
   body.wcag-lineheight-1 / body.wcag-lineheight-2
   ----------------------------------------- */

body.wcag-lineheight-1 .content .synod-more-heading p,
body.wcag-lineheight-1 .content .synod-values-heading p,
body.wcag-lineheight-1 .content .synod-value-card p,
body.wcag-lineheight-1 .content .synod-join-strip-text p {
    line-height: 2em !important;
}

body.wcag-lineheight-2 .content .synod-more-heading p,
body.wcag-lineheight-2 .content .synod-values-heading p,
body.wcag-lineheight-2 .content .synod-value-card p,
body.wcag-lineheight-2 .content .synod-join-strip-text p {
    line-height: 3em !important;
}


/* -----------------------------------------
   WIĘKSZE ODSTĘPY MIĘDZY LITERAMI
   body.wcag-textspacing-1 / body.wcag-textspacing-2
   ----------------------------------------- */

body.wcag-textspacing-1 .content .synod-more-section,
body.wcag-textspacing-1 .content .synod-values-section,
body.wcag-textspacing-1 .content .synod-join-strip {
    letter-spacing: 0.12em !important;
}

body.wcag-textspacing-2 .content .synod-more-section,
body.wcag-textspacing-2 .content .synod-values-section,
body.wcag-textspacing-2 .content .synod-join-strip {
    letter-spacing: 0.18em !important;
}


/* Przy dużym odstępie liter nie wymuszamy uppercase w kafelkach,
   bo tekst robi się za szeroki */

body.wcag-textspacing-1 .content .synod-more-section .buttons .button span,
body.wcag-textspacing-2 .content .synod-more-section .buttons .button span,
body.wcag-textspacing-1 .content .synod-value-card h3,
body.wcag-textspacing-2 .content .synod-value-card h3 {
    text-transform: none !important;
    letter-spacing: inherit !important;
}