@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: 28px;font-family: var(--header-font); }
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 1.5em; font-size: 28px}
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; text-align:left}
.page-title {text-align:left}
 .slider {height:fit-content}
.slider-image>img, .slider-image video {position:relative}
/*odkomentuj jesli ma wyswietlac napisy*/
/*.slider .carousel-one {background: unset}
.slider .carousel-one {display:none !important}*/ 
.content {padding-right:30px}
.dzienjednoscilista img {margin: 0px; padding:0}
.dzienjednoscilista h3 {text-align:Center; color: #000; margin-top: 0; font-size: 14px; padding: 8px 5px; margin-top: 2px; border: 1px solid #eee}
.myt {background: #CC0000; color: #fff}
.mfb {background: #1877F2; color: #fff}
.mtik {background: #000; color: #fff}
.minst {background: #F70076; color: #fff}
.mtik , .mfb, .myt, .minst {padding: 10px; margin: 5px; border-radius: 5px; display:inline-block; width: 150px}
.mtik:hover , .mfb:hover, .myt:hover , .minst:hover {color: #f7f7f7}
.rejony h2 {text-align:center !important; background: var(--color1); padding: 8px; color: #fff; margin-top: 20px}
header .topbar .search {width:500px}
.priest img {max-width:300px}
.priest h3 {font-size: 22px}
.poczta {
    padding: 10px;
    width: 490px;
    margin-right: 10px;
    background: #28a745;
    color:#fff;
    border:1px solid #fff;
    letter-spacing:1px
}
.poczta:hover, .poczta:focus {
    background: #218838; 
    border:1px solid #fff;; color: #fff}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right:1px solid rgba(0,0,0,0.1);}
    #menu_sidebar ul.navbar-nav li a:last-child, header ul.navbar-nav li:first-child a{border-left:1px solid rgba(0,0,0,0.1);}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    .slider2{ position: relative}
    .slider2 img {width:100%; }
    .slider2 p{color:#000; font-size:16px; text-align:center; margin-top:20px}
    .slider2 h2{font-size: 50px; font-family: 'Georgia'; text-align:center; font-style: italic; text-shadow: 1px 1px 2px #fff, 0 0 1em #fff, 0 0 0.2em #fff;}
    .slider2 .cytat {display:flex; width:100%; height:100%; position: absolute; top:0;left:0; width:100%; height:100%; justify-content:center; align-items:center}
/*@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}
} */

footer .copyright {margin-top:0}
.tile ul.navbar-nav li a {
    font-family: 'Marcellus SC', cursive;
    font-size: 16px;
    display: block;
    background: none;
    color: var(--color1);
    padding: 10px;
    text-align: left;
    border-top: 0px;
}
#glangs_flags ul {text-align:right;}
.content .lista-kategorii .thumbnail p {font-size: 12px} 
.content .shopgallery {clear:both}
.content .shopgallery .thumbnail  {overflow:hidden; text-align:center; border:1px solid #eee; margin:5px; position:relative; display:inline-block; width: 100%; background-size: cover; background-position: center;}
.content .shopgallery .thumbnail  img {max-height: 160px;  padding: 0}
.content .shopgallery .thumbnail  small {display:inline-block; line-height:1.2em}
.content .shopgallery .thumbnail  span.name {font-family: 'Marcellus SC', cursive; font-size:14px; display: block; text-align:center; color: #000; padding: 5px; overflow:hidden; height: 65px; width:100%; line-height:1.2em}
.content .shopgallery .thumbnail:hover {border: 1px solid #aaa} 
.content .shopgallery .thumbnail .productinfo {display:flex; padding: 0 10px; height: 50px }
.content .shopgallery .thumbnail .productprice, .content .shopgallery .thumbnail .productbutton {flex: 1 1 0px;  text-align:left}
.content .shopgallery .thumbnail span.price {font-size: 16px; line-height:15px; }
.content .shopgallery .thumbnail span.price strike{display:block; font-size: 11px;  line-height:15px;}
.content .shopgallery .thumbnail .productbutton {text-align:right; }
.content .shopgallery .thumbnail .productbutton .button {font-size: 12px; padding: 5px 10px; border:0}
/*.content .shopgallery .thumbnail .productbutton .button:hover {background: #ddd}*/
.content .shopgallery .thumbnail em {font-style: normal; font-size: 11px; color:#fff;  line-height: 1em; padding: 5px 8px; text-transform: uppercase; display: block; position: absolute; top:15px; right: 0; background: var(--color1)} 
.content .shopgallery>div {display:flex; align-items: stretch}
.content .shopgallery .thumbnail  span.name{height:auto; padding-bottom: 55px}
.content .shopgallery .thumbnail .productinfo {position: absolute; bottom:0; width: 100%}
h4 {
    font-family: 'Marcellus SC', cursive;
    margin-top: 25px;
    color: var(--color3);
    margin-bottom: 10px;
    line-height: 26px;
    font-size: 20px;
}
.tile h4 {
   
    padding-left:10px;
}
.sidebar .tile {border: 1px solid var(--color1); margin-bottom:10px; background: #f4faff; border-bottom: 1px solid var(--color1)}
#menu_sidebar {background: unset}
#menu_sidebar ul.navbar-nav li {
    border-bottom: 1px dotted var(--color1);
    border-top: 0px;
    background: unset;
    width: 100%;
}
#menu_sidebar ul.navbar-nav li a{
    font-family: 'Marcellus SC', cursive;
    font-size: 13px;
    display: block;
    background: none;
    color: var(--color1);
    padding: 10px;
    text-align: left;
    border-top: 0px;
}
.content .product-info {padding: 10px}
    .content .parishgroups-show .tc h2 {line-height:1em}
    .homekontakt div div:first-child p {text-align:right}
    .content-home {padding-right:0}
@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}

  .slider2 h2{font-size: 30px; }
}
@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}*/
  .slider2 h2{font-size: 30px; }
}
@media (max-width: 992px){
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:70px}
    header .navbar-brand {  font-size: 20px;}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 5px 20px;}
    .slider {height: 500px; margin-top:120px}
    .content .shopgallery .thumbnail span.name {font-size: 12px}
 
   .slider2 h2{font-size: 25px; }
   .slider2 p{font-size: 13px;  margin-top:10px }
   .slider2 {margin-top: 142px}
   #menu_top  {margin-top:10px}
 header ul.navbar-nav li a {border:0 !important}
 header ul.navbar-nav>li>a {border-top:1px solid #eee !important}
 #menu_sidebar .dropdown-menu, header .dropdown-menu {box-shadow: unset}
 
    .homekontakt div div:first-child p {text-align:right}
  
    .poczta {
        background: #fff; color: var(--color1); border:0;
         letter-spacing:0;
  padding:4px 8px;
    width: 300px;
    font-size: 11px;
    margin-right:10px;
}
    .home .sidebar {flex-direction:column}
    .home .sidebar .tile {width:100%}
}
@media (max-width: 767px){
    #menu_sidebar .navbar-brand img, header .navbar-brand img {height:50px}
    .content {padding: 10px 0px}
    .content .shopgallery .thumbnail span.price {font-size: 13px}
    .content .parishgroups-show .tc h2 {text-align:center;}
    .content .parishgroups-show .tc h4 {text-align:center !important} 
    .content .parishgroups-show .product-gallery {margin-bottom:15px} 
   header .topbar .search {width:auto}
    .poczta {
        background: #fff; color: var(--color1); border:0;
         letter-spacing:0;
  padding:4px 8px;
    width: 180px;
    font-size: 11px;
    margin-right:0;
}

    .homekontakt div div:first-child p,.homekontakt div div p {text-align:center}
}
@media (max-width: 576px){
     .slider2 h2{font-size: 16px; }
   .slider2 p{font-size: 10px; margin-top:2px }
   .slider2 {margin-top: 101px}
   
        .slider {height: 300px; margin-top:100px}
    .slider .carousel-one {background: rgba(221,0,0,0.7)}
    #glangs_flags ul {margin-right:10px}
    #menu_sidebar .navbar-brand img, header .navbar-brand img {margin-top:1px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display: inline}
    header .navbar-brand {  font-size: 17px; padding-top:5px; width:100%}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {line-height:0; font-size: 10px}
}