@import url("settings.css");

header {color: #fff; z-index:1; 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: 35px; 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.2em; font-size: 25px; }
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}
.page{font-size:15px;line-height:1.5em; }

.tile h3 {font-family: var(--header-font); }
.slider {-moz-box-shadow:0 30px 40px rgba(0,0,0,.6);-webkit-box-shadow:0 30px 40px rgba(0,0,0,.6);box-shadow:0 30px 40px rgba(0,0,0,.6)}
#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(--color2); color: #fff}
.home 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}
.sidebar .tile, .sidebar .rss {background: rgba(255,255,255,1); margin-bottom:10px}
.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 {flex-direction: column}
body.home #menu_top .menu_top_nav{justify-content:center;border-bottom: 1px solid rgba(255,255,255,0.4); border-top: 1px solid rgba(255,255,255,0.4); display:flex; margin-top:10px}
.extranav {width:100%; }
.extranav>div{width:100%; display:flex; justify-content: space-between; padding:5px 0; padding-bottom:10px}
.extranav .address span {padding-left:10px; font-size: 14px}
.extranav .address span a {color: #fff}
.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: var(--color1); margin-top:0}
.content h2.home a {color: var(--color1)}
.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 148px; background: rgb(from var(--color1) r g b / 0.8);   color: #fff; text-align:center}
.flatpickr-calendar {margin-top:-148px}
.page-title h1, .page-title h1 a,.page-title h1 a:hover {color: #fff; text-shadow: unset;} 
.page-title i {font-size: 1.5em; color:#555; margin-top:-5px}
.content {padding: 20px} 
.slider {z-index:0}
.imground {border-radius: 50%}
.imgbordered {border: 2px solid var(--color-img-bordered)}
.slider .logo {margin-bottom:20px; height:150px}
.slider i {font-size: 80px; color: rgba(255,255,255,1); margin-bottom:20px }
.slider h1 {text-shadow: 4px 4px 10px #000; color: #fff; font-size: 60px; line-height:70px; font-family: var(--header-font); text-align:Center}
.slider  p {text-shadow: 2px 2px 5px #000;font-style: normal;font-family: var(--header-font); letter-spacing:3px; font-size: 18px; text-transform: uppercase}
header .topbar .address a,header .topbar .address span,header ul.navbar-nav li a i{color: #fff}
#top_navbar {padding:0}
.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: 26px}
#menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 12px}
.slider .carousel-one h1 {font-size: 50px;line-height: 70px; } 
.slider .carousel-one p {font-size: 30px;}
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4)}
body.home .main-content {margin-top:-80px}
.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: var(--color1)}
header ul.navbar-nav li .dropdown-menu a:hover {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:var(--color1); }


.nohome header {background: #fff}
/*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 .extranav  {background: var(--color1); padding-bottom: 0; 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}
header.scrolled ul.navbar-nav li a {border-right:1px solid rgba(0,0,0,0.1);}
header.scrolled ul.navbar-nav li:first-child a{border-left:1px solid rgba(0,0,0,0.1);}


/*// simple*/
header ul.navbar-nav li a i {font-size: 20px}
header ul.navbar-nav li a{padding: 15px 30px}
#msze, #spowiedz, #oparafii, #kontakt, #kaplani {scroll-margin-top: 200px;}
#kontakt  .info, #kontakt .info {border:4px solid var(--color1);   height:100%; background: #fff}
#kontakt .info, #kontakt  .info h3{text-align:center}
#kaplani img {border-radius:50%}
#kaplani {background: #fff; padding:50px; border: 1px solid #ccc; margin-top:50px}
#oparafii img {padding:5px; border: 5px solid var(--color1)}
#oparafii table td {background: #fff; border: 1px solid #eee; font-size: 14px}
#oparafii table tr:nth-child(odd)  td {background: #eee; }
#oparafii table tr:nth-child(even)  td {border-bottom: 1px solid #ddd }
h2.bigheader {padding-bottom:10px; border-bottom: 1px solid rgba(0,0,0,0.5);margin-bottom: 30px; text-align:center}

.slider {    position: relative;    width: 100%;    display: flex;    justify-content: center;    align-items: center;}
.slider #topimg {    width: 100%;    height: auto;    display: block;}
.overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(0, 0, 0, 0.4);}
.slider-text {    position: absolute;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    text-align: center;    color: white;    width: 100%;    height: 100%;    /*margin-top:100px*/}

.top-tiles {margin-top:-200px}
/*.top-tiles .tile {border: 5px solid var(--color1)}*/
.content .news .thumbnail {margin: 0}
.news p {background: #fff; padding:15px 10px; font-size: 1.2em; border-bottom:2px solid var(--color1); margin-bottom:20px}
.news p a {color: #000}
.content h2.homebg {background: #fff; padding:10px; padding-top:12px; text-align:center; color: #555; border: 1px solid #555; margin:20px 0; font-size: 25px; line-height:1.2em}
.content h2.homebg2 {background: var(--color1); padding:10px; padding-top:12px; text-align:center; color: #fff;   margin:20px 0; font-size: 25px; line-height:1.2em}

/*.content h2.homebg2 {padding:30px; margin-top:50px; font-size: 35px}*/
.nohome header ul.navbar-nav li a {color: var(--color1); padding: 15px; font-size:14px; font-family: var(--font-family)}
.nohome header ul.navbar-nav li .dropdown-menu a {padding: 6px 15px}
.nohome header ul.navbar-nav li a i{color: var(--color1); font-size: 14px}
.nohome header ul.navbar-nav li a {border-right:1px solid rgba(0,0,0,0.1);}
.nohome header ul.navbar-nav li:first-child a{border-left:1px solid rgba(0,0,0,0.1);}
.nohome header  .navbar-brand  {padding:10px 0; display:flex; flex-direction: row   ;}
.nohome header  .navbar-brand  img {padding: 0; margin:0;float: unset;height:88px;border-radius:0; border: 1px solid var(--color1)}
.nohome header  .navbar-brand .name{padding:10px 0; display:flex; flex-direction: column; margin-left:10px}
.nohome header  .navbar-brand span {display:block; text-align:left}
.nohome header  .navbar-brand small {text-align:left; letter-spacing:2px; color: #333}
.nohome .extranav>div {padding:0}
.priest img {border-radius:50%}
.nohome .content {padding: 50px 20px}
@media (max-width: 1400px) {
    .slider {height:700px}
    .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>br, header .navbar-brand>br {display:inline}
}
@media (max-width: 992px) {

    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {color: #000}
    body.home .main-content {margin-top:0}
    .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:400px}

    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px}    
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top: 8px}
    .slider .carousel-one h1 {font-size: 40px;line-height: 50px;}
    .slider {margin-top:114px}
    .page-title {margin-top:114px}
    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-size:11px; font-family: var(--header-font)}
    header ul.navbar-nav li a {border-right:0}
    header ul.navbar-nav li:first-child a{border-left: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}
    .content {padding: 10px}
}
@media (max-width: 576px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:none}
    .content .filtr-search {max-width:40%}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {background:unset }
    .slider .carousel-one h1 {font-size: 26px;line-height: 30px;}
    .slider .carousel-one p {font-size: 15px;}
    /*#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}*/
    header .navbar-brand span {display:block}
    header .navbar-brand small br {display:none}
    #menu_sidebar,#menu_top {margin-top:10px}
    a.wcag-button {top:62px}

}