@import url("settings.css");

header {background: rgba(255,255,255,0.1); 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: 38px; line-height: 1.2em; font-style: italic; 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}

.content .news .teaser-description {font-size: 14px; margin-left:10px}
.content>.news>div {margin-bottom:20px}
.content h2.news {font-style: italic; font-size: 36px; text-align:center; position:relative;}
.content h2.news a,.content h2.home a {color: #000;}
.home-gallery h2.home a {color:#fff}
.slider {background: #000; z-index:-1}
.slider img {filter: brightness(70%)}
a.button:hover,a.button:focus {color:#f7f7f7}
.logotypes-bg {margin-top:100px; border-top:1px solid #eee}
.logotypes a {height: unset; flex-direction: column}
.logotypes a img {border:1px solid  #eee; padding:3px }
.logotypes a span {margin-top:5px; font-size: 11px; color: #555 }
.accordion-button:hover,.accordion-button:focus {z-index:0}
/*   #menu_sidebar .navbar-brand img, header .navbar-brand img  { -webkit-filter: grayscale(100%);  Safari 6.0 - 9.0 
  filter: grayscale(100%);
   }*/
.content h2.news a span {position: absolute; bottom:0; right:0}
#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}
footer {background: var(--color1)}
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}
.home .page-content {margin-top:-80px;  background: #fff}
footer .footer-box h4 {text-shadow: unset; color: #fff; font-weight: normal; text-align:center; display:block; padding:20px ; border: 1px solid #fff}
footer .footer-box li {font-size: 1rem}
footer .footer-box li a {color:#fff; padding: 5px}
footer .footer-box a {color:#fff;}
footer .copyright {background: #6887af}

.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 152px; background: var(--color1); color: #fff}
.flatpickr-calendar {margin-top:-152px}
.page-title h1, .page-title h1 a,.page-title h1 a:hover {color: #fff; text-shadow: unset; text-align:center} 
.content {padding: 20px}
.page-title i {color:#fff}
.slider .carousel-one p {text-shadow: 2px 2px 5px #000;font-style: normal;}
header .topbar .address a,header .topbar .address span{color: #ccc}

header {background: var(--bg1);box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}
body.home header {background: rgba(255,255,255,0.1);box-shadow:unset}
#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: 68px;line-height: 80px; font-weight: 700; font-style: italic} 
.slider .carousel-one p {font-size: 30px;}
.slider .carousel-one h1 {font-size: 60px;line-height: 70px; font-weight: 700; font-style: italic} 
.page-title {text-align:center}
.page-title i {font-size: 1.6em;}
.top-tiles {margin-top: -100px}
.content .news .thumbnail,.content .news em {border-radius: 5px}
#menu_top .my-i, #menu_top li br {display:none}
.top-tiles .tile,.top-tiles .tile .tile-icon {border-radius: 8px}
.content .parishgroups a {width:200px; height:250px;}
.content .parishgroups a img { max-height:188px}
.parishgroups-show .img-fluid {border-radius: 50%; max-width:400px; padding:5px; border: 1px solid #ccc; margin:5px}

  #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right:1px solid rgba(255,255,255,0.1);}
    #menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:first-child a{border-left:1px solid rgba(255,255,255,0.1);}
    
    .slider .owl-carousel {z-index:0} 
.slider,.slider .owl-carousel,.slider .owl-carousel .item {height: fit-content}
.content .home-office {margin:0; background: none}
.content .polkimisje-cat .thumbnail p { min-height:100%;background: rgba(0,0,0,0.4)} 
.content .polkimisje-cat .thumbnail p span { min-height:100%; font-size: 40px; font-family: var(--header-font); text-transform: none} 
.content .btn-group {margin-top:0}
.klasztory img,.klasztor img.cover {width:100%}
.klasztor .list2 {border-bottom:0}
/*.cover-klasztor { border: 1px solid #eee; border-radius:5px; }*/
.cover-klasztor .cover {  margin-bottom:10px}
.cover-klasztor h3, .cover-klasztor h2 {margin:0; text-align:center; padding:0}
.cover-klasztor h3 {margin-bottom:10px}
.cover-klasztor p {text-align:center}

/*header .navbar-brand img {background: #fff}*/
/*.navbar-brand img {box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);}*/
   #menu_sidebar .navbar-brand img, header .navbar-brand img { background: none;filter: brightness(0) invert(1); box-shadow: unset}
   .apostolat-show .img-fluid {border-radius: 10px}
@media (min-width: 993px) {
    
    /*#menu_sidebar .navbar-brand img, header .navbar-brand img  {width:200px; height:200px; position:absolute; top:-42px; margin-top:0;left:50px; padding: 10px; border: 5px solid var(--color1); border-top:0}*/
    /*#menu_sidebar .navbar-brand img, header .navbar-brand img  {width:115px; height:115px; position:absolute; top:-5px; margin-top:0;left:50px; padding: 10px;}*/
   #menu_sidebar .navbar-brand img, header .navbar-brand img  {height:90px;margin-top:0px}
                                                               header ul.navbar-nav li .dropdown-menu a {padding: 10px 15px}
    #menu_sidebar ul.navbar-nav>li>a, header ul.navbar-nav>li>a {line-height:60px; font-size: 16px; padding: 15px 20px}
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top:0}
    header .topbar .container-lg {justify-content: right}
    header .navbar-brand .title {display:none}
    #menu_top {justify-content: end}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {width: 300px !important}
}
@media (min-width: 993px) and (max-width: 1600px) {   
    #menu_sidebar ul.navbar-nav>li>a, header ul.navbar-nav>li>a {font-size: 16px; padding: 15px 20px}
    #menu_top {justify-content: flex-end}
}
@media (min-width: 993px) and (max-width: 1200px) {   
    #menu_sidebar ul.navbar-nav>li>a, header ul.navbar-nav>li>a {font-size: 14px;}
}
@media (max-width: 1500px) {
    
    #menu_sidebar ul.navbar-nav>li>a, header ul.navbar-nav>li>a {line-height:60px; font-size: 16px; padding: 15px 15px}
}
@media (max-width: 1400px) {
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px}
    /*.slider {height:700px}*/
    .slider .carousel-one h1 {font-size: 50px;line-height: 60px;} 
    .slider .carousel-one p {font-size: 20px;}
    /*.slider .carousel-one {top:45%}*/
    
    #menu_sidebar ul.navbar-nav>li>a, header ul.navbar-nav>li>a {line-height:60px; font-size: 14px; padding: 10px 10px}
    /*#menu_sidebar .navbar-brand img, header .navbar-brand img {height:150px; width:150px}*/
}
@media (max-width: 1200px) {
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    #menu_sidebar ul.navbar-nav>li>a, header ul.navbar-nav>li>a {line-height:60px; font-size: 12px; padding: 10px 10px}
    
}
@media (max-width: 1100px) {
     /*.slider {height:600px}*/
     .slider .carousel-one h1 {font-size: 40px; line-height:50px}
        /*.slider .carousel-one {top:40%}*/
}
@media (max-width: 992px) {
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top:5px}
    /*#menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:0; height:65px; width:65px; background: none;filter: brightness(0) invert(1); box-shadow: unset}*/
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:0; height:70px; background: none;filter: brightness(0) invert(1); box-shadow: unset}
    header .navbar-brand small {letter-spacing:1px}
  .slider .owl-theme .owl-dots{display:none}
.home .page-content {margin-top:15px}
    /*.slider .carousel-one  {display:none}*/
    header {background: var(--bg1) !important};
    #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:114px}
    .top-tiles {margin-top: -40px}
    #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: 40px;line-height: 50px;}
    .page-title {margin-top:129px}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding:10px 20px; line-height:1.5em}
}

@media (max-width: 767px) {
    #chooselang_google_content {left:-145px;} 
    .slider {margin-top:105px}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .page-title {margin-top:105px}
    .content {padding: 10px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img  {margin-right: 10px; height:50px; width:50px}
    #menu_sidebar nav.navbar, header nav.navbar {padding-bottom:0}
    #menu_sidebar .navbar-brand, header nav.navbar .navbar-brand {min-height: 64px; width: -webkit-fill-available}
    .content h2.news a span {position: relative}
    .home-gallery .mod-gallery .thumbnail {height: auto !important; max-height:200px} 
    .home-gallery .mod-gallery .thumbnail p {height:100%; font-size: 20px}
    
    
}
@media (max-width: 576px) {
    .page-content {margin-top: 0}
    .content .filtr-search {max-width:40%}
    .slider {z-index: -1}
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top: 5px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 16px}
    /*header .navbar-brand br {display:none }*/
    header .navbar-brand .title {padding-top:5px}
    #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; font-size: 12px}
    .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}*/
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size:11px}
    #menu_sidebar,#menu_top {margin-top:0px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {display:block; margin-top: 2px}
 
        header .navbar-brand small {font-size:8px}

}
@media (max-width: 392px) { 
      #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 14px}
   
}