@import url("settings.css?v=4");

.page-content {background: rgba(255,255,255,0.95); border-radius: 10px; }
.content p {text-align: initial}
.content img {padding:0}
header {background: #f9f9fbf7; color: #333; z-index:1; position:fixed; width:100%; top:0}
h1 {font-weight:100; font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--color1); }
h2 {font-weight:100; font-size: 34px; line-height: 1.3em; font-family: var(--header-font); color: #000; position:relative; margin: 20px 0 60px 0}
.content h2:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 80px;
    height: 1px;
    background: #555;
}
.content h4:before {
    content: '';
    display: block;
    margin: 60px 0 20px 0;
    width: 80px;
    height: 1px;
    background: #555;
}
.content video {
    width: 100%;
    max-height: 100%;
}
.content a.button {border: 1px solid #ddd; box-shadow: unset; background: #f9f9fb;color:#333; margin: 2px; padding: 5px 20px; border-radius:0; font-size: 13px; font-style:normal}
.content a.button i {padding-right:5px}
.content a.button:hover{color:#333; background:#f5f5f7; text-decoration: none}
.content strong {color:#555}
h2.homeline:after {display:none}
.content h2.homeline span {top:25px}
.content h2.homeline,.content h2.homeline a {color: #333}
.content h2.homeline i {color: #777}
.content h2.home a:hover, .content h2.homeline a:hover {text-decoration:none; color: #333}

.content h2.homeline{font-size: 30px; padding: 20px; margin-bottom:30px; margin-top:50px; background: #f3f3f5; color: #333}
.event-detail h4:before {display:none}
h3 { font-weight:300; font-size: 28px; margin-top: 20px; color: #333; font-family: var(--header-font); margin-bottom:10px; line-height: 1.3em;}
h4 {font-weight:100; margin-top: 20px; color: #000; font-family: var(--header-font); margin-bottom:10px; line-height: 1.5em; font-size: 25px}
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}
.priest p  {text-align:center}
.content a:hover {color: #000; text-decoration:underline}
.sidebar .tile h3,.sidebar .tile .tile-icon i {color:var(--color1)}
.content p {font-size: 16px; line-height:1.7em}
.bg {opacity: 0.1; filter: unset}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a,.sidebar,.slider .carousel-one {background: unset; }
.slider .carousel-one {top:50%} 
#menu_sidebar .dropdown-menu, header .dropdown-menu,#chooselang_google_content, footer {background: #fff; color: #333}
header .topbar {background: #ffffff78; border-bottom: 1px solid rgba(0,0,0,0.1); display:flex; justify-content: space-between; padding: 3px 80px}
header {-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {color: #333; font-weight: 300}
#chooselang_google {color: #333}
#chooselang_google_content {border:0}
#chooselang_google_content {background: none;visibility:visible}
.sidebar .tile, .sidebar .rss {background: rgba(255,255,255,0.95)}
.left-sidebar .sidebar{margin-top:15px; margin-right:15px}
.right-sidebar  .sidebar{margin-top:15px; margin-left:15px}
.sidebar .tile {margin-bottom:10px}
.page-content {margin-top:15px; height:fit-content}
/*footer .footer-box h4 {text-shadow: unset; color: #777 ; text-align:center; border:1px solid #ccc; display:block; padding: 10px 30px; width:100%; font-weight: normal;}*/
footer .footer-box h4 {text-shadow: unset; color: #333 ; display:block; padding: 0px; width:100%; font-weight: normal;}
footer .footer-box li {font-size: 1rem; margin:0; border-bottom:0; font-size:13px}
footer .footer-box p {font-size:13px}
.footer-box-text {padding:0} 
footer {background: #f7f7f9;  color: #333}
footer a {color: #333}
footer .footer-box h4 {font-size: 20px}
footer .copyright {background: #ececef; color: #555 }
.content h2.home a {color: #333}
.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 139px; background: #f3f3f7; color: #000; text-align:center; box-shadow: unset}
.page-title h1, .page-title h1 a, .page-title h1 a:hover {text-transform:uppercase}
.flatpickr-calendar {margin-top:-143px} 
.page-title h1, .page-title h1 a,.page-title h1 a:hover {color: #000; text-shadow: unset; text-align:center} 
.content {padding: 30px 20px}
.slider .carousel-one h1 {text-shadow: 4px 4px 10px #000;}
.slider .carousel-one p {text-shadow: 2px 2px 5px #000;font-style: normal;}
header .topbar .address a,header .topbar .address a:hover,header .topbar .address span{color: #555}
button.btn-white {background: var(--color1); color: #fff}
#menu_sidebar .navbar-brand img, header .navbar-brand img {border:0; margin-top:-5px; filter: brightness(0%) }
.slider .carousel-one img { filter: brightness(0) invert(1); height:200px}
.page-title i {font-size: 2em; color: #777; vertical-align:top}


#top_navbar {margin: 0 80px}
#menu_sidebar .navbar-brand>br, header .navbar-brand>br,header .navbar-brand small br {display:none}
#menu_sidebar .navbar-brand span, header .navbar-brand span {display:block}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px; letter-spacing: 2px; text-align: left}
#menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 12px;  color: #555; letter-spacing:4px;text-transform: initial}
#menu_sidebar .navbar-brand, header .navbar-brand {padding-top:10px}

.slider .carousel-one h1 {font-size: 50px;line-height: 65px; font-weight:300} 
.slider .carousel-one p {font-size: 35px; font-weight:300; line-height:1.1em; font-family: var(--header-font); border-top: 1px solid #fff; display:inline-block; padding-top:20px; margin-top:5px }
.slider .carousel-one a {padding: 10px 50px; margin-top:20px }
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.3)}
header .topbar .search {width: fit-content;}
header .topbar .search button, header .topbar .search input {border-radius:0; border: 1px solid rgba(255,255,255,0.3)}
.search .link {white-space: nowrap; color: #fff; padding: 0 10px}
.no-slider {margin-top:160px} 
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-left:1px solid rgba(0,0,0,0.1);}
#menu_sidebar 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);}

.calendar-container {border:1px solid #ccc; padding:20px; margin-top:50px}
.calendar-container h2.homeline{margin-top:0}
.priest2 img {max-width:100%; width:100%; padding-bottom:10px; border-bottom:0}
.priest2-description h3 {margin-top:0}
#glangs_flags li img {border: 1px solid rgba(0,0,0,0.3); opacity:1}
#glangs_flags li img:hover {opacity:0.8}
.event-detail h4 {background: #f3f3f7; color: #000; }
.priest h3 {margin-top: 5px !important}
.news .teaser em {background: #f3f3f7; color: #000; border: 1px solid #e3e3e3 }
.news .teaser hr {color: #555}
.powitanie small {font-size: 20px}
.news .teaser p {font-weight:100}
@media (max-width: 1400px) {

    header .topbar {padding-left: 20px}
    #top_navbar {margin-left:20px}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 8px}
    .slider {height:900px}
    .slider .carousel-one h1 {font-size: 50px;line-height: 60px;} 
    .slider .carousel-one p {font-size: 20px;}
}
@media (max-width: 1200px) {
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 18px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
}
@media (max-width: 992px) {
#menu_sidebar .navbar-brand img, header .navbar-brand img {height:70px}
    header .topbar {padding-right: 10px}
    #top_navbar {margin-right:10px}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding:5px 20px}
    #menu_sidebar ul.navbar-nav li ul li a, header ul.navbar-nav li ul li a{border-top:0}
    .slider .carousel-one img {height:100px}
    header .topbar {background: #f9f9fb; color: #333 }
    header .topbar .address a, header .topbar .address a:hover, header .topbar .address span{color: #555}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-top:1px solid rgba(255,255,255,0.4)}
    /*#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:none}*/
    header .topbar {border-top: 1px solid rgba(255,255,255,0.3); border-bottom:0}
    .slider {height:400px}
    .slider {margin-top:125px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 20px; padding-top:10px}
    .slider .carousel-one h1 {font-size: 32px;line-height: 45px;}
    .page-title,.no-slider {margin-top:125px}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 11px; letter-spacing: normal}
    button.btn-white {background:#fff; color:  var(--color1);}

    header .topbar .address span:last-child {display:none}
    
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-left:0;}
#menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:last-child a{border-right:0;}
}

@media (max-width: 767px) {
    #chooselang_google_content {
        left: -65px;
        top: 32px;
        background: var(--color1)
    }
    .slider {margin-top:106px}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .page-title,.no-slider {margin-top:106px}
    .content {padding: 10px}
    .content .home-icons {text-align:center}
    .content .home-icons a {font-size: 11px; }
    #mobilenav a#a-glowna {background: #555}
    #glangs_flags ul {margin-right:0}
    #glangs_flags li img {height:15px}
}
@media (max-width: 576px) {
    .powitanie {flex-direction: column-reverse}
    .nomobile {display:none}
    h2 {font-size: 26px}
    .content p {font-size: 13px}
    .content h2.homeline {font-size: 20px}
    .content h2.homeline span {display:none}
    .priest2-description h3, .priest2-description p {text-align:center}
    .content h3 {font-size: 23px}
    .powitaniemodlitwa p br {display:none}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {display:block; height: 50px; margin-top:0px}
    .page-title i {font-size: 20px}
    #top_navbar {border-bottom:0}
    header .topbar {border-top:2px solid #eee}
    a.wcag-button {top:62px}
    .search .link span {display:none}
    .search .link {background: #fff; display:flex;
                   line-height: 30px;
                   border-radius: 15px;
                   color: #333;
                   margin-right:4px;
                   align-items:center;
                   width: 30px;
                   height: 30px;
                   padding: 0;
                   justify-content: center;
    }
    .content .filtr-search {max-width:40%}
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top: 8px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {letter-spacing: normal; font-size: 16px}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {background:unset }
    /*#menu_sidebar .navbar-brand span, header .navbar-brand span {display:block}*/
    /*#menu_sidebar .navbar-brand small br, header .navbar-brand small br{display:none}*/
    .slider .carousel-one h1 {font-size: 24px;line-height: 30px;}
    .slider .carousel-one p {font-size: 15px;}
    /*#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}*/
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size:11px}
    #menu_sidebar,#menu_top {margin-top:10px}
    header .topbar {padding: 3px 30px 3px 10px}
    #top_navbar {margin-left:10px}
    #menu_sidebar .navbar-toggler, header .navbar-toggler {right:0}
    a.wcag-button {right:-10px; top:60px}
    .page-title, .no-slider,.slider {margin-top: 103px}
    html.translated-ltr a.wcag-button {top:99px}
    html.translated-ltr .page-title, html.translated-ltr .no-slider,html.translated-ltr .slider {margin-top:55px}
    a.wcag-button {color: #555}
    .content .home-icons a {display:block; text-align:left}
}