@import url("settings.css");

header {color: #fff; z-index:1; position:fixed; width:100%; top:0; }
header.page {background: var(--color1)}
h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--color1); }
h2 {font-size: 38px; line-height: 1.2em; font-family: var(--header-font); color: #000;margin-bottom:10px}
h3 {margin-top: 20px;  color: var(--color1); margin-bottom:10px; line-height: 1.5em; font-size: 20px; }
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}
.btn-zapisz{ background-color:#444;  }
.btn-zapisz:hover{ background-color:#222;} 
.btn-zapisz:hover,.btn-zapisz:focus{ background-color:#222; }
.content .calendar_info li {padding:10px}
.slider-video video {opacity: 0.8}
.tile h3 {font-family: var(--header-font); }
.slider {-moz-box-shadow:0 30px 40px rgba(0,0,0,.3);-webkit-box-shadow:0 30px 40px rgba(0,0,0,.3);box-shadow:0 30px 40px rgba(0,0,0,.3)}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a,.sidebar,.slider .carousel-one {background: unset}
#menu_sidebar .dropdown-menu, header .dropdown-menu,#chooselang_google_content{background: var(--color2); color: #fff}
 footer{background: var(--color2); color: #fff}
header .topbar {background: unset; }
#menu_sidebar .navbar-brand small, header .navbar-brand small {color: var(--color1)}
/*#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {color: #fff;}
#menu_sidebar .navbar-brand small, header .navbar-brand small {color: rgba(255,255,255,0.7);}*/
/*#chooselang_google {color: #333}*/
#chooselang_google_content {background: none;visibility:visible}
.left-sidebar .sidebar{margin-top:15px; margin-right:15px}
.right-sidebar  .sidebar{margin-top:15px; margin-left:15px}
#chooselang_google_content {border:0}
body.home .navbar-brand {display:none}
body.home #menu_top {justify-content:center;border-bottom: 1px solid rgba(255,255,255,0.4);border-top: 1px solid rgba(255,255,255,0.4)}
.page-content {margin-top:15px; margin-bottom:120px}
.news .teaser em {background: var(--color2)}
footer a,.page-title h1.subtitle {color: #fff}
footer .footer-box h4 {text-shadow: unset; color: #fff; font-weight: normal; padding:10px; background: rgba(255,255,255,0.3)}
footer .footer-box li {font-size: 1rem}
footer .copyright {background:#1d4422; margin-top:0} 
footer .footer-newsletter{background:#306838; margin-top:30px} 
.content h2.home a {color:#333}
.itemevent {margin-left: 20px; border-left: 5px solid #e5e5e5; padding-left:20px; margin-top:10px}
 
.eventslist .itemevent a { font-weight:bold; padding-bottom:3px; padding-top:5px; display:inline-block}
.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 156px; background: var(--color2); color: #fff; text-align:center}
.flatpickr-calendar {margin-top:-156px}
.page-title h1, .page-title h1 a,.page-title h1 a:hover {color: #fff; text-shadow: unset} 
.page-title i {font-size: 2em; color:#fff}
.content {padding: 20px} 
.slider {z-index:-1; }
/*.slider {height:fit-content}*/
/*.slider-image>img, .slider-image video {position:relative}*/
.slider i {font-size: 120px; color: rgba(255,255,255,1); margin-bottom:20px }
.slider .carousel-one  {top:46%; width:100%; right:0; left:0}
.slider .carousel-one h1 {text-shadow: 4px 4px 20px #555;}
.slider .carousel-one p {font-style: normal;}
header .topbar .address a,header .topbar .address span,header ul.navbar-nav li a i{color: #fff}
.page-content {background: rgba(255,255,255,1);}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 20px; line-height: 26px}
#menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 13px; letter-spacing: 3px; font-family: var(--header-font) }
header .navbar-brand small em {display: inline-block; width: 2px}
.slider .carousel-one h1 {font-size: 100px;line-height: 110px; font-weight:400; letter-spacing:3px } 
.slider .carousel-one p {font-size: 30px; letter-spacing:5px; padding:20px 0}
#bg2:after {filter: brightness(100%); opacity: 0.9}  
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.2)}
body.home .main-content {margin-top:-100px}
.content .news .thumbnail {margin:7px 0 ; padding:0}
header ul.navbar-nav li.show>a i, header ul.navbar-nav li a:hover i , header.scrolled #menu_sidebar .navbar-brand, header.scrolled  .navbar-brand, header.scrolled #menu_sidebar .navbar-brand:hover, header.scrolled  .navbar-brand:hover, header.scrolled #menu_sidebar ul.navbar-nav li a, header.scrolled ul.navbar-nav li a, header.scrolled ul.navbar-nav li a i, header.scrolled #menu_sidebar .navbar-brand small, header.scrolled .navbar-brand small{color: #555}
ul.navbar-nav li .dropdown-menu li:hover > a {background: var(--color1); color:#fff; }
#menu_sidebar .dropdown-menu, header .dropdown-menu, #menu_sidebar ul.navbar-nav li>a:hover, header ul.navbar-nav li a:hover, header ul.navbar-nav li.show > a, ul.navbar-nav li.active a {background: #fff; color:#555; }
/*scroll navbar*/
header,header  .topbar {transition: background-color 500ms ease;}
header.scrolled {background-color: #fff; transition: background-color 500ms ease; -moz-box-shadow:0 6px 10px rgba(0,0,0,.15);-webkit-box-shadow:0 6px 10px rgba(0,0,0,.15);box-shadow:0 6px 10px rgba(0,0,0,.15)}
/*header.scrolled a, header.scrolled span {color: var(--color1)}*/
header.scrolled .topbar {background: var(--color1);  transition: background-color 1000ms ease;}
header.scrolled ul.navbar-nav li a:hover,ul.navbar-nav li.show > a {background: var(--color1); color:#fff}
header.scrolled ul.navbar-nav li.show>a:hover i,header.scrolled ul.navbar-nav li a:hover i {color:#fff}
#menu_sidebar .navbar-brand, header .navbar-brand {text-align:left; padding-top:20px}
/*#menu_sidebar .navbar-brand span, header .navbar-brand span {display:block}*/
#menu_sidebar .navbar-brand small br, header .navbar-brand small br {display:none}
.news img {border: 6px solid var(--color1);}
.page-content {height: fit-content}
/*header .navbar-brand span, header .navbar-brand small br {display:none}*/
#menu_sidebar .navbar-brand small, header .navbar-brand small,header.scrolled .navbar-brand small {display:block; color: #1E1A17; letter-spacing:3px}
/*#menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-15px; height:90px; border: 1px solid var(--color1); padding:1px; border-radius:50%}*/
.mytitle {display: none}
header ul.navbar-nav li a, header ul.navbar-nav li a {border-left:1px solid rgba(0,0,0,0.1);}
header ul.navbar-nav li a:last-child, header ul.navbar-nav li:last-child a{border-right:1px solid rgba(0,0,0,0.1);}
.home header ul.navbar-nav li a:last-child, .home header ul.navbar-nav li:last-child a, .home header ul.navbar-nav li a {border-left: 0; border-right:0}
.search_result select[name="scope"] {display:none}
.search_result  .list2 a {display:block; line-height: 1.6em}
.search_result  .list2 a.btn {display:inline; margin-top:5px}
.cytaty {margin-top:30px; border-top:0; border-bottom:0}
footer .footer-box li {padding: 5px; font-size: 14px}
#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
footer img {
    filter: brightness(0) invert(1); max-width:250px
}
.sidebar .tile, .sidebar .rss {background: rgba(255,255,255,1); margin-bottom:10px}
.sidebar .tile h3,.sidebar .tile i.fa { text-shadow: none} 
.priest img {border-radius: 50%; border: 2px solid var(--color1); padding:3px; margin-bottom: 5px}
/*.sidebar .tile h3,.sidebar .tile i.fa {color:#a08f76; text-shadow: none}
.left-sidebar .sidebar {margin-right:0}
.sidebar .tile, .sidebar .rss {background: #412805; color:#fff;  border:1px solid rgba(255,255,255,0.3)}*/
.slider .carousel-one a {letter-spacing:2px; padding: 20px 40px; font-style: italic;  font-size: 16px;font-family: 'Georgia';border:0; border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5) }
.logotypes a {height: auto}
.logotypes a img{height: 70px}
@media (max-width: 1400px) {
    .slider {height:800px}
.slider i {font-size: 90px;  margin-bottom:20px }
    .slider .carousel-one h1 {font-size: 60px;line-height: 70px;} 
    .slider .carousel-one p {font-size: 23px; letter-spacing:3px}
    body.home .main-content {margin-top:-90px}
    .page-title {margin-top:151px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-10px; height:80px;}   
    #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 18px; line-height: 22px}
   
}
@media (max-width: 1200px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
     
}
@media (max-width: 1100px) {
  
}
@media (max-width: 992px) {
.slider .carousel-one {top:40%}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {color: #000}
    body.home .main-content {margin-top:-40px}
    /*.slider i {font-size: 50px; }*/
    body.home .navbar-brand {display:block; text-align:left}
    #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}
    .slider {height:600px}
/*    .slider .carousel-one h1 {font-size:35px;line-height: 44px;}
    .slider .carousel-one p {font-size: 20px;}*/
    .slider {margin-top:121px}
    .page-title {margin-top:121px}
    header {background: #fff; }
    header .topbar {background: var(--color1); }
    header.scrolled a, header.scrolled button span {color: #000}
    header.scrolled ul.navbar-nav li a, header.scrolled ul.navbar-nav li a i{color: #000}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-family: var(--header-font); letter-spacing:0}
    .sidebar .tile h3 {font-size: 16px}
    
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-5px; height:62px;} 
    #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 20px;  padding-top:10px; line-height:20px}
    .left-sidebar .page-content , .right-sidebar .page-content  {margin-top:0; margin-bottom: 15px} 
    .right-sidebar .sidebar, .left-sidebar .sidebar {margin-top:0}
}

@media (max-width: 767px) {
    #chooselang_google_content {left:-145px;} 
    .slider {margin-top:106px}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .page-title {margin-top:106px}
       body.home .main-content {margin-top:-30px}
    .content {padding: 10px}
    header .navbar-brand small {font-size:10px; letter-spacing:1px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-6px; height:48px;}   
    #menu_sidebar .navbar-brand, header .navbar-brand, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 13px; padding-top:15px  ; width:100%; line-height:13px }
    .search_result  .list2 a.btn {display:block}
    .slider {height:500px}
    .slider .carousel-one a {letter-spacing:2px; padding: 10px 20px}
}
@media (max-width: 576px) {
    h2.home i {display:block;}
    h2.home {margin: 0; padding:0}
    .content .filtr-search {max-width:40%}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {background:unset }
    .slider i {font-size: 50px}
    .slider .carousel-one h1 {font-size: 40px;line-height: 45px;}
    .slider .carousel-one p {font-size: 14px; letter-spacing:1px; padding:5px 0}
    .slider .carousel-one a {margin-top:5px; font-size: 12px;  }
    /*#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}*/
/*.slider img { object-position: 0 top}*/
    #menu_sidebar,#menu_top {margin-top:10px}
    a.wcag-button {top:62px}
    .tile-hidden {margin-top:0}
    h2 {font-size:30px}
.mtik, .mfb, .myt, .minst {width:90px; margin:3px; 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}
}*/
.roomadmin-widget {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.roomadmin-widget iframe {
  width: 100%;
  height: 1520px;
  min-height: 520px;
  border: 0;
  display: block;
}

/* Newsletter */
.newsletter-area {
    padding: 34px 0 30px;
}

.newsletter-area .container {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.newsletter-content {
    margin-bottom: 22px;
    text-align: center;
}

.newsletter-content h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-align: center;
}

.newsletter-content h2 {
    margin: 0;
    color: #fff;
    font-size: 34px;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
}

.newsletter-form {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

.newsletter_form {
    position: relative;
    width: 100%;
}

.newsletter-fields {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0 10px;
    width: 100%;
}

.subscribe-form {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
}

.subscribe-form input[type="email"] {
    display: block;
    width: 100%;
    height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 4px;
    background: #fff;
    color: #333;
    font-size: 15px;
    outline: none;
}

.subscribe-form input[type="email"]:focus {
    border-color: #fff;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2);
}

body .newsletter-submit {
    order: 2;
    flex: 0 0 145px;
    width: 145px;
    height: 46px;
    margin: 0;
    padding: 0 18px;
    border: 1px solid #fff;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
}

.newsletter-submit:hover,
.newsletter-submit:focus {
    background: #fff;
    color: #338747;
}

.newsletter-consent {
    order: 3;
    display: flex;
    flex: 0 0 100%;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    max-width: 760px;
    margin: 18px 0 0;
    text-align: left;
}

.newsletter-consent input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 3px 0 0;
    cursor: pointer;
}

.newsletter-consent label {
    display: block;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: #fff;
    cursor: pointer;
}

.newsletter-consent label p {
    margin: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.55;
    text-align: left;
}

.newsletter-turnstile-wrap {
    order: 4;
    flex: 0 0 100%;
    width: 100%;
    max-width: 320px;
    margin: 16px 0 0;
}

.newsletter-alert {
    width: 100%;
    max-width: 760px;
    margin: 16px 0 0;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;
}

.newsletter-alert-success {
    padding: 12px 16px;
    text-align:center;
    border-radius: 4px;
    background: #e8f4ea;
    color: #245b2c;
}

.newsletter-alert-error {
    padding: 12px 16px;
    border-radius: 4px;
    background: #fbe9e9;
    color: #842029;
}

.newsletter_form.is-sending .newsletter-submit {
    opacity: 0.65;
    cursor: wait;
}

.newsletter_form.is-success .newsletter-fields {
    display: none;
}

@media (max-width: 767px) {
    .newsletter-area {
        padding: 26px 12px 24px;
    }

    .newsletter-content {
        margin-bottom: 18px;
    }

    .newsletter-content h2 {
        font-size: 27px;
    }

    .newsletter-fields {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0;
    }

    .subscribe-form {
        order: 1;
        flex: 0 0 auto;
        width: 100%;
    }

    .newsletter-consent {
        order: 2;
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin-top: 15px;
        gap: 9px;
    }

    .newsletter-consent label p {
        font-size: 12px;
        line-height: 1.5;
    }

    .newsletter-turnstile-wrap {
        order: 3;
        flex: 0 0 auto;
        width: 100%;
        margin-top: 15px;
    }

    body .newsletter-submit {
        order: 4;
        flex: 0 0 auto;
        width: 100%;
        margin-top: 15px;
    }

    .newsletter-alert {
        max-width: 100%;
        margin-top: 15px;
    }
}