@import url("settings.css");

/*body {background-color: #b3b2bb}*/
/*body {background-color: #eee}*/ 
.page-content {background: rgba(255,255,255,0.95); border-radius: 10px}
header {background: rgba(255,255,255,1); color: #000; z-index:1; position:fixed; width:100%; top:0  ;-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)}
h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); font-style: italic;font-weight: 700; color: var(--color1); }
h2 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); font-style: italic;font-weight: 700; color: #000;}
h3 {margin-top: 20px; color: var(--color1); margin-bottom:10px; line-height: 1.5em; font-size: 26px}
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}
.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}
#menu_sidebar .dropdown-menu, header .dropdown-menu,#chooselang_google_content, footer {background: var(--color1); color: #fff}
header .topbar {background: #f7f7f7; border-bottom: 1px solid rgba(0,0,0,0.1)}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {color: var(--color1)}
#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: #fff ; text-align:center; border:1px solid #ccc; display:block; padding: 10px 30px; width:100%; font-weight: normal; border-radius:10px}
footer .footer-box li {font-size: 1rem; margin:0 10px}
.footer-box-text {padding:0 5px}
footer {background: var(--color1); filter: brightness(110%); color: #fff}
footer a {color: #fff}
footer .copyright {background: var(--color1); filter: brightness(90%); }
.content h2.home a {color: var(--color1)}
.content .list2 a p, .content .list2 a em {color: #000}
.page-title {margin-top: 143px; background: var(--color1); color: #fff; text-align:center}
.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: #fff; 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: #333}
button.btn-white {background: var(--color1); color: #fff}

ul.navbar-nav li a:hover {filter: brightness(110%)}
.page-title i {font-size: 2em; color: #fff; vertical-align:top}

.slider .carousel-one h1 {font-size:50px; line-height: 65px;font-style: italic;font-weight: 700; font-family: var(--header-font)} 
.slider .carousel-one p {font-size: 30px; font-family: var(--header-font); padding-top:10px;font-style: italic; }
.slider .overlay { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4)}
header .topbar .search {width: fit-content}
.search .link {white-space: nowrap; color: #fff; padding: 0 10px}
.no-slider {margin-top:160px} 
body.with-background .page-content,.sidebar .tile {border-radius:10px;}

.slider {z-index: 1; margin-top:140px; border:0; background: none}
header {z-index:2}
#menu_sidebar .navbar-brand, header .navbar-brand {font-family:var(--header-font); font-weight:700;}
#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:nth-last-child(2), header ul.navbar-nav li:nth-last-child(2) a{border-right:1px solid rgba(0,0,0,0.1);}
#glangs_flags li img {border: 1px solid rgba(0,0,0,0.3); opacity:1}
#glangs_flags li img:hover {opacity:0.8}
#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
#menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 20px; line-height:1em; text-align: left; padding-top:5px; padding-bottom:0}
header .navbar-brand span {display: block}
header .navbar-brand small br {display:none}
#menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 9px; display:block; margin-top:7px; letter-spacing: 0}
#menu_sidebar .navbar-brand img, header .navbar-brand img {border:0; margin-top:-7px}
.slider .owl-theme .owl-dots {display:none}
#top_navbar {border-bottom:1px solid rgba(0,0,0,0.1)}
.sidebar .tile{border: 1px solid rgba(0,0,0,0.1); background: #f7f7f7}
.sidebar .tile h3 {font-size: 20px;font-family: var(--header-font)}
.priest img {border-radius:50%}
.mod-gallery .news a.thumbnail{background-color: #fff; border: 1px solid rgba(0,0,0,0.1);} 
.news .teaser p {font-size: 20px}
/*.mask {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.3)1px, transparent 1px);  background-size:2px 2px;}*/
.mask {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.2)}
.mod-gallery .news {margin-bottom:10px}
.imagebar {text-align:center}
.page-title h1 {font-size: 25px}
header .topbar .search input,.topbar .search input:focus,header .search input:active, header .topbar .search input::placeholder{color: #333;}
 header .topbar .search input:focus, header .search input:active { border: 1px solid #ddd}
header .topbar .search input:-ms-input-placeholder, header .topbar .search input::-ms-input-placeholder  {color: var(--color1); border-color: #ddd}
#glangs_flags ul {min-width:130px; line-height:1em}
html.translated-ltr .page-title {margin-top: 104px}

/* karmelici.pl */
.tile .button-light {font-size: 11px; margin:2px 0}
.sidebar .tile-dark {background: var(--color1); color: #fff}
.sidebar .tile-dark .tile-icon i, .sidebar .tile-dark h3, .sidebar .tile-dark p,.sidebar .tile-dark .cytat{color: #fff; text-shadow: unset}
.sidebar .tile-dark .button {background: #fff; color: #333}
.swiety img {border-radius:50%; max-width: 400px}
.swiety-list {text-align:center; padding:10px}
.swiety-list:hover {background: #f7f7f7}
.swiety-list img {border-radius:50%; width:150px; height:150px}
.klasztory img,.klasztor img.cover {border-radius:50%}
.klasztor .list2 {border-bottom:0}
.poczta {    padding: 4px 10px;    width: 110px;    margin-right: 5px; font-size:11px   }
.poczta:hover, .poczta:focus, .poczta:active {border: 1px solid #333; color: #333}
header .navbar-brand:hover, header .navbar-brand:focus, header .navbar-brand:active {color: var(--color1)}
header .navbar-brand b {display:block}
header .navbar-brand em {display:none}
header .navbar-brand img {height: 80px; margin-top:-2px}
 html.translated-ltr body {top: 42px !important;} 
/* karmelici.pl */

@media (max-width: 1500px) {    
    .slider, .slider .owl-carousel,.slider .owl-carousel .item {height:600px}    
    .slider .carousel-one h1 {font-size: 50px;line-height: 60px;} 
    .slider .carousel-one p {font-size: 20px;}
}
@media (max-width: 1350px) {
.slider, .slider .owl-carousel,.slider .owl-carousel .item {height:500px}    
}
@media (max-width: 1200px) {        
    .page-title {margin-top: 140px}
    header ul.navbar-nav li a {padding:17px 9px; font-size:12px}
}
@media (max-width: 1100px) {        
    .slider, .slider .owl-carousel,.slider .owl-carousel .item {height:450px}  
}
@media (max-width: 992px) {
    
    header .topbar {background: var(--color1); color: #fff }
    header .topbar .address a, header .topbar .address a:hover, header .topbar .address span{color: #fff}
    #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 {margin-top:130px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {padding-top:10px; font-size: 15px}
    header .navbar-brand img {height: 70px; margin-top:-4px; margin-right:20px}
    .slider .carousel-one h1 {font-size: 38px;line-height: 50px;}
    .page-title,.no-slider {margin-top:128px}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size: 9px; letter-spacing: normal}
    button.btn-white {background:#fff; color:  var(--color1);}
    header .topbar .search input {display:none}
    header .topbar .search button {border-radius: 50% !important; padding: 0 7px;}
    #glangs_flags ul {margin-right:5px}
     #glangs_flags li {padding: 0}
     .slider, .slider .owl-carousel,.slider .owl-carousel .item {height:350px}  
     #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 5px 20px}
     .poczta {display:none}
     
}

@media (max-width: 767px) {
      html.translated-ltr body {top: 0px !important;} 
    #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:125px}
    .content {padding: 10px}
    .slider {height:300px}      
#glangs_flags {margin-right: 0}
form.search {margin-right:35px}
#menu_sidebar .navbar-brand img, header .navbar-brand img {height:70px}
.newspaper h3 {font-size: 18px; text-align:center}
.newspaper .btn {display:block}
.bloglist .btn{display:block}

}
@media (max-width: 576px) {
   
    .page-title h1 {font-size:15px}
    .page-title,.no-slider {margin-top:107px}
    .powitaniemodlitwa p br {display:none}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {display:block; height: 50px; margin-top:-2px; margin-right: 10px}
.page-title i {font-size: 20px}
    #top_navbar {border-bottom:0}
    header .topbar {border-top:2px solid var(--color1)}
    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, #menu_sidebar .navbar-brand:hover, header .navbar-brand:hover{padding-top: 8px; width:100%}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {letter-spacing: normal; font-size: 12px}
    #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: 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:8px; font-weight: normal}
    #menu_sidebar,#menu_top {margin-top:10px}
    .slider  {height:190px}  
    .slider .carousel-one {display:none}
    .slider .mask {display:none}
    /*header .search .input-group {display:block}*/
   #menu_sidebar .navbar-brand small, header .navbar-brand small {margin-top:0px}


}