﻿.top-navigation-bar
{ display: none !important; }
@media only screen and (max-width: 760px) {
.top-navigation-bar
{ display: block !important; }
}


#carousel .item
{ max-width: 2000px !important; max-height: 900px !important; margin-left: auto !important;  margin-right: auto !important;}

.carousel-slide-caption h2 {
   color: #ffffff !important;
}
.carousel-slide-caption p
{ color: #ffffff!important; }

/** VELIKOST FONTU PRODUKTU **/
.p-in-in a
{ font-size: 18px!important; font-weight: 600!important; }
/** VELIKOST FONTU KATEGORIE **/
.category-title 
{ font-size: 38px!important; font-weight: 700!important; }
/** VELIKOST FONTU POPISKU **/
.category-perex
{ font-size: 14px!important; line-height: 130%!important; }

.benefitBanner {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0px!important;
    width: 100%;
}
.benefitBanner .benefitBanner__item 
{ width: 25%!important; height: auto; margin: 0px!important; padding-right: 0px!important; }

.benefitBanner .benefitBanner__item .benefitBanner__picture 
{ width: 100%!important; height: auto!important; margin-right: 0px!important; display: flex; align-items: center; justify-content: center; }
.benefitBanner__content, .benefitBanner__title, .benefitBanner__data
{ width: 100% !important; padding-top: 5px!important; text-align: center !important; }


@media only screen and (max-width: 1200px) {
.benefitBanner .benefitBanner__item 
{ width: 50%!important; height: auto; margin-bottom: 15px!important; padding-right: 0px!important; }
}


@media only screen and (max-width: 920px) {
.benefitBanner .benefitBanner__item 
{ width: 100%!important; height: auto; margin-bottom: 15px!important; padding-right: 0px!important; }
}

/** POCET PRODUKTU 
.products-block.products .product 
{ width: 31%!important; }**/
.podpis 
{ display: none !important; }

/** WIDGET NA CEPU **/
.flag-custom2 
{ font-size: 11px !important; font-weight: 500 !important; color: #ffffff !important; line-height: 120% !important; letter-spacing: 0.06em !important; border-radius: 0rem 0.75rem 0.75rem 0rem; }
/** WIDGET AKCE **/
.flags .flag-action 
{ padding: 5px 10px !important; background: #244b80 !important; text-transform: uppercase !important; font-weight: 500 !important; line-height: 120% !important; color: #ffffff !important; font-size: 11px !important; letter-spacing: 0.06em !important; border-radius: 0rem 0.75rem 0.75rem 0rem; position: relative; }
.flag-discount 
{ height: 30px !important; border-radius: 0rem !important; color: #000000 !important; border-radius: 0.75rem !important; background-color: #244b80 !important; }

.flag-discount span 
{ width: 100% !important; height: 30px !important; float: left !important; left: 0px !important; color: #ffffff !important; line-height: 30px !important; position: absolute !important; }
   .flag-discount .price-standard {
      display: none !important;
   }






/** PIVOVAR **/
.pivovar-menu-panel 
{ width: 100%; height: auto; float: left; margin-left: 0px; margin-top: 0px; margin-bottom: 30px; padding: 0px; background: #522f09; }
.pivovar-menu-btn a 
{ width: 20% !important; height: 40px !important; float: left; margin-left: 0px !important; margin-top: 20px !important; margin-bottom: 20px !important; padding: 0px; font-size: 15px; font-weight: 500; color: #ffffff !important; line-height: 40px; text-transform: none; text-decoration: none; text-align: center; letter-spacing: 0.04em; background: none; 
  -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.pivovar-menu-btn a:hover 
{ color: #edb141 !important; }

/** KONTAKTY **/
.tab-contact-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; }
.tab-contact-boxes 
{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 20px; }
.tab-contact-box 
{ padding: 10px; }
.tab-contact-box h2
{ width: 100%; height: auto; float: left; margin: 0px; padding-bottom: 15px; font-optical-sizing: auto; font-size: 1rem; font-weight: 600; color: #000000; text-transform: uppercase; text-decoration: none; text-align: left; letter-spacing: 0.06em; line-height: 100%;}
.tab-kontakt-box
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 10px; }
.kontakt-box-name h3
{ width: 100%; height: auto; float: left; margin: 0px; padding: 0px; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 16px; color: #000000; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.06em; line-height: 100%; }
.kontakt-box-contact p
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 5px; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 15px; color: #000000; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.06em; line-height: 150%; }
.kontakt-box-contact a
{ color: #c2a572; text-decoration: none; }

.kontakt-hour-panel
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 20px; }
.kontakt-hour-panel-napis p
{ width: 100%; height: auto; float: left; margin: 0px; padding-top: 5px; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 15px; color: #000000; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.06em; line-height: 200%; }
.kontakt-hour-box
{ width: 45%; height: 36px; float: left; margin: 0px; padding-left: 10px; background: none; }
.kontakt-hour-box-dark
{ width: 45%; height: 36px; float: left; margin: 0px; padding-left: 10px; background: #f6f6f6; }
.kontakt-hour-box-napis p
{ width: 100%; height: 36px; float: left; margin: 0px; padding: 0px; font-optical-sizing: auto; font-weight: 300; font-style: normal; font-size: 14px; color: #000000; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.04em; line-height: 36px; }
.kontakt-hour-box-popis p
{ width: 100%; height: 36px; float: left; margin: 0px; padding: 0px; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px; color: #000000; text-transform: none; text-decoration: none; text-align: left; letter-spacing: 0.04em; line-height: 36px; }

@media (max-width: 768px) {
.tab-contact-boxes { grid-template-columns: 1fr; }


.contact-map-panel
{ width: 100%; height: auto; float: left; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; }


}







