@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 h1 {font-size: 50px}
.slider {margin: 20px 0 30px 0}
#menu_sidebar .navbar-brand, header .navbar-brand {text-align:left}
#menu_sidebar .navbar-brand span, header .navbar-brand span {color: var(--color3)}
.content a, footer a {color: var(--color3)}
footer {margin-top:30px}

.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}
@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){
    #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}
}
@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} 
}
@media (max-width: 576px){
        .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:-7px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display: inline}
    header .navbar-brand {  font-size: 17px; padding-top:18px; width:100%}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {line-height:0; font-size: 12px}
}