@import url("settings.css");

header {background: var(--bg1); color: #fff; z-index:2; position:fixed; width:100%; top:0}
h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--color1); }
h2 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: #000;}
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}

footer a {color: #fff}
#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, footer {background: var(--bg1); color: #fff}
header .topbar {background: unset; border-bottom: 1px solid rgba(255,255,255,0.3)}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {color: #fff;}
#chooselang_google {color: #333}
#chooselang_google_content {border:0}
#chooselang_google_content {background: none;visibility:visible}
#menu_sidebar .navbar-brand small, header .navbar-brand small {color: rgba(255,255,255,0.7);}
.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: #fff; font-weight: normal}
footer .footer-box  h4 {text-align: center; display:block; background: rgba(255,255,255,1); padding:10px; color: #003f74;}
footer .footer-box li {font-size: 1rem}
footer .copyright {background: var(--bg2)}
.content h2.home a {color: var(--color1)}
.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 143px; background: rgba(3,85,157,0.6);; color: #fff}
.flatpickr-calendar {margin-top:-143px}
.page-title i {color:#fff}
.page-title h1, .page-title h1 a,.page-title h1 a:hover {color: #fff; text-shadow: unset; text-align:center} 
.content {padding: 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 span{color: #fff}
header ul.navbar-nav li a i {color:#fff}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 26px}
#menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 12px}
.slider .carousel-one h1 {font-size: 43px;line-height: 60px;} 
.slider .carousel-one p {font-size: 30px;}
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5)}
.page-title {text-align:center}
.page-title i {font-size: 1.6em; vertical-align:baseline}
.navbar-brand {text-align: left}
.content li {text-align:left}
/* zakomentuj poniĹźej jeĹli w dwĂłch linijkach */
.navbar-brand span {display:block}
/*.navbar-brand small {display:none}*/
.navbar-brand small br {display:none}
/* zakomentuj powyzej jeĹli w dwĂłch linijkach */
/*.slider .carousel-one h1 span {border-top: 1px solid rgba(255,255,255,1); padding-top:15px; margin-top:15px}*/
#menu_sidebar .navbar-brand img, header .navbar-brand img, footer img {border: 1px solid #fff; border-radius:50%;}
header ul.navbar-nav li a i {margin-top:-10px}

#menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:-4px; height:80px}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover  {text-align:left; padding-top: 5px; font-size: 26px}
#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}

.priest img {border-radius:20px} 
.slider {background:#000}
.slider img {opacity: 0.8}
@media (max-width: 1400px) {
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px; padding-top:16px}
      #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top: -8px}
    .slider {height:1000px}
    .slider .carousel-one h1 {font-size: 50px;line-height: 60px;} 
    .slider .carousel-one p {font-size: 20px;}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 8px; }
    
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-left:1px solid rgba(255,255,255,0.1);}
#menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:last-child a{border-right:1px solid rgba(255,255,255,0.1)}
}
@media (max-width: 1200px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    .navbar-brand span {display:block}
    .slider .carousel-one h1 {font-size: 40px;line-height: 50px;}
}
@media (max-width: 992px) {
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 10px}
    #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:800px}
    .slider {margin-top:114px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px}
    .slider .carousel-one h1 {font-size: 30px;line-height: 45px;}
    .page-title {margin-top:118px}
    .navbar-brand span {display:block}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding:5px 20px}

}

@media (max-width: 767px) {
    /*header .search .input-group {display:none}*/
    #chooselang_google_content {left:-145px;} 
    .slider {margin-top:106px}
    .slider {height:600px}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .page-title {margin-top:106px}
    .content {padding: 10px}
    .navbar-brand small {display:block}
    #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 {font-size: 17px}    
    #menu_sidebar .navbar-brand small br, header .navbar-brand small br{display:none}
     .slider .carousel-one h1 {font-size: 26px;line-height: 30px;}

}
@media (max-width: 576px) {
    .content .filtr-search {max-width:40%}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {background:unset }
    #menu_sidebar .navbar-brand span, header .navbar-brand span {display:block}
    .slider .carousel-one h1 {font-size: 22px;line-height: 25px;}
    .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:10px}
    #menu_sidebar,#menu_top {margin-top:10px}
    /*#top_navbar .container-lg {padding-left:0}*/
.slider .carousel-one a {margin-top:5px; font-size:10px}
}
@media (max-width: 430px) {
   
    #menu_sidebar .navbar-brand img, header .navbar-brand img {display:none}
}

/*  ---------------------------------------------------------------------------------------------------------------------
/*  jesli header w dwoch linijkach, odkomentuj ponizsze*/

@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:70px;}
}
@media (max-width: 992px) {
    /*.navbar-brand span {display:inline}*/
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:60px; margin-top:-2px}
}
@media (max-width: 767px) {
    /*#menu_sidebar .navbar-brand span, header .navbar-brand span {display:inline}*/
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 13px;padding-top: 14px; width:100%}   
    header .navbar-brand small {font-size: 9px;}   
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:50px; margin-top: -7px}
}

/* jesli z rotatorem zdjec */

.home .left-sidebar {
    position: relative;
    margin-top: -80px;
    z-index: 1;
}
.slider {height:1090px}
    .slider {margin-top:145px}
@media (max-width: 1770px) {
    .slider {height:950px}
}
@media (max-width: 1620px) {
    .slider {margin-top:145px}
    .slider .carousel-one {top:45%}
    .slider {height:800px}     
}
@media (max-width: 1400px) {    
    .slider {height:730px}
    .slider .carousel-one {top:36%}  
}
@media (max-width: 1300px) {    
    .slider {height:700px}
    .slider .carousel-one {top:36%}  
}
@media (max-width: 1200px) {
    .slider {height:640px}
    .slider {margin-top:0px}
}
@media (max-width: 1100px) {
    .slider {height:590px}
}
@media (max-width: 992px) {
    .slider {height:500px}
    .slider .carousel-one {top:30%}
    .home .left-sidebar {margin-top:-30px; }
    .slider {margin-top:122px}
}
@media (max-width: 900px) {
    .slider {height:480px}         
    .slider .carousel-one {top:20%}
}
@media (max-width: 850px) {    
    .slider {height:430px}
}
@media (max-width: 767px) {
    .home .left-sidebar {margin-top:-40px; }
    .slider {margin-top:106px}
    .slider {height:350px}     
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}  
}
@media (max-width: 576px) {
    .slider .carousel-one {top:110px}
    .slider {height:230px}
}
@media (max-width: 400px) {
    .slider {height:210px}
    
    .home .left-sidebar {margin-top:0px; }
}