@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: 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}

#chooselang_google_content {border:0}
#menu_sidebar .navbar-brand, header .navbar-brand {font-size: 26px}
.page-title {text-align:left}
.slider-image>img, .slider-image video {position:relative}
/*odkomentuj jesli ma wyswietlac napisy*/
/*.slider .carousel-one {background: unset}
.slider .carousel-one {display:none !important}*/ 


/*// 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: 80px;}

#kontakt h3{font-size: 25px; line-height:1.2em}
#kontakt  .info, #kontakt .info {border:4px solid var(--color1);   height:100%; background: var(--color1); color: #fff; }
#kontakt .info, #kontakt  .info h3{text-align:center; color: #fff;}
#kontakt {font-size: 17px; line-height:1.5em}
#kontakt  .info h3{font-size: 30px; font-family: var(--header-font)}
#kaplani img {border-radius:50%; border: 2px solid #fff; padding:0}
#kaplani {background: var(--color1); color: #fff; padding:50px; border: 1px solid #ccc; margin-top:50px}
#kaplani h2,#kaplani h3 { color: #fff;  }
#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 }
.top-tiles .tile {border: 5px solid var(--color1)}
#kontakt {margin-top:50px}

.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}
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.1);}
.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*/}
.slider h1 {    font-size: 60px;    line-height: 70px;    font-weight: 700;    font-style: italic; text-align:center; color:#fff; text-shadow:2px 2px 5px #000}
.slider  p {text-shadow: 2px 2px 5px #000;font-style: normal;font-family: var(--header-font); letter-spacing:3px; font-size: 22px; text-transform: uppercase}.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: #fff; padding:30px 10px;   text-align:center; color: #555; border: 1px solid #555; margin:20px 0; font-size: 25px; line-height:1.2em}


.content {padding-right:30px}
 header ul.navbar-nav li a {color: var(--color1); padding: 15px; font-size:14px; font-family: var(--font-family)}
 header ul.navbar-nav li .dropdown-menu a {padding: 6px 15px}
 header ul.navbar-nav li a i{color: var(--color1); font-size: 14px}
 header ul.navbar-nav li a {border-right:1px solid rgba(0,0,0,0.1);}
 header ul.navbar-nav li:first-child a{border-left:1px solid rgba(0,0,0,0.1);}
 header  .navbar-brand  {padding:10px 0; display:flex; flex-direction: row   ;}
 header  .navbar-brand  img {padding: 1px; margin:0;float: unset;height:90px;border-radius:0; border: 3px solid var(--color1)}
 header  .navbar-brand .name{padding:10px 0; display:flex; flex-direction: column; margin-left:15px}
 header  .navbar-brand span {display:block; text-align:left; font-family: var(--header-font)}
 header  .navbar-brand small {text-align:left; letter-spacing:2px; color: #333; padding-top: 5px}
 .extranav>div {padding:0}
.priest img {border-radius:50%}
 .content {padding: 20px}
.banner {background: #eee;   }
footer .copyright {margin-top:0}
.content table>tbody>tr>td {border:0}

/*/zaokraglenia*/
.top-tiles .tile .tile-icon,.top-tiles .tile,#oparafii img, #kaplani,.content h2.homebg2,#kontakt .info, #kontakt .info  {border-radius:10px}
header .navbar-brand img {border-radius:50%}
header ul.navbar-nav li a {border-radius: 5px}
@media (max-width: 1400px){
header .navbar-brand {  font-size: 22px;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 10px}
}
@media (max-width: 1200px){
header .navbar-brand {  font-size: 18px;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 8px}
}
@media (max-width: 992px){
    header .navbar-brand {  font-size: 20px;}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 5px 20px;}
}
@media (max-width: 576px){
.content {padding-right:10px}
      .slider {height:400px}
         .slider .carousel-one {display:block  !important}
    .slider .carousel-one h1 {font-size:20px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display: inline}
    header .navbar-brand {  font-size: 15px; padding-top:10px}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {line-height:0}
}

@media (max-width: 380px){
     .slider {height:360px}
}