h3 { color: #000; }

/*Faq Page*/

.faq .panel-group { margin-bottom: 180px; }
.faq .faq-item .faq-headline { padding: 16px 32px; font-size: 150%; font-family: barlev-regular; letter-spacing: 0.5px; }
.faq .faq-item .faq-headline.open { background-color: #ffc52e; }
.faq .faq-item .faq-headline .button-open { font-family: initial; }
.faq .faq-item .faq-headline .button-open:before { content: ""; position: absolute; left: 0px; height: 20px; width: 2px; top: -9px; background: #000; transition: all 0.3s; }
.faq .faq-item .faq-headline .button-open:after { content: ""; left: -9px; width: 20px; height: 2px; background: #000; position: absolute; }
.faq .faq-item .faq-headline .button-open.fa-angle-up:before { transform: rotate(90deg); transition: all 0.3s; }
.faq .faq-item { margin-bottom: 16px !important }
.faq .faq-item .faq-body { font-size: 90%; background: #f9f9f9; }
.faq .faq-item .faq-body > div { padding: 20px 42px; }
.faq .faq-item .faq-body p { position: relative; }
.faq .faq-item .faq-body p::after { content: ""; position: absolute; width: 1px; height: 100%; background: black; right: -10px; top: 0; }
.faq .faq-item span > span[dir="ltr"] { font-family: 'IBM-Regular'; font-size: .85em; }
@media (max-width: 767px) {
    .faq .panel-group { margin-bottom: 120px; }
    .faq .faq-item { margin: 0 20px; }
    .faq .faq-item .faq-headline { padding: 10px 15px 0 40px; }
    .faq .faq-item .faq-body > div { padding: 20px 24px; }
}

/*Beer Menu Page*/
.beer-menu-page .top-caption { color: #ffc52e; top: 50%; }
.beer-menu-page .internalPage #GridPage { padding-top: 0; }
.beer-menu-page .container { padding: 0; margin-bottom: 80px; }
.beer-menu-page #CatalogModule { padding: 0; }
.beer-menu-page #CatalogModule .filtersList { margin: 80px 0px 50px; }
.beer-menu-page .filters-box .filters-title { letter-spacing: 0.42px; font-family: barlev-regular; font-size: 105%; }
.beer-menu-page .filters-box .filters-title.active { background: inherit !important; }
.beer-menu-page .filters-box .filters-title:after { content: "" !important; left: 17px; width: 14px; height: 13px; position: absolute; background-repeat: no-repeat; background-image: url(/warehouse/temp/hermanos/arrow_drop.svg); top: 12px; }
.beer-menu-page .filters-box .filters-list-wrapper { right: -2px; top: 40px !important; width: 234px; }
.beer-menu-page .filters-box .filter-list { background: white !important; border: 2px solid; padding: 0 !important; font-size: 90%; min-width: 100% !important; }
.beer-menu-page .filters-box .filter-list-inner { font-size: 100% !important; padding: 0 !important; cursor: pointer; }
.beer-menu-page .filters-box a.filter-list-link { padding: 10px 17px; display: block; }
.beer-menu-page .filters-box .filter-list-item:not(:last-child) { border-bottom: 1px solid #ECECEC !important; }
/*.beer-menu-page #CatalogModule .filters-box .filter-list-inner li.filter-list-item { border-bottom: 0px; }*/
.beer-menu-page .itemsList { max-width: 100%; width: 100%; display: flex; flex-wrap: wrap; }
.beer-menu-page .itemsList > .catalogItemBox { width: 20%; padding: 0 10px; margin-bottom: 14px; }
.beer-menu-page .itemsList > .catalogItemBox .catalogItemBoxInner { background-color: transparent; }
.beer-menu-page .itemsList > .catalogItemBox a.item-image { padding-bottom: 91%; border: 1px solid; background: #fff; }
.beer-menu-page #CatalogModule .itemsList > .catalogItemBox .item-text { min-height: auto; border-bottom: 0px; }
.beer-menu-page .itemsList > .catalogItemBox .item-text .item-text-top { width: 100%; }
.beer-menu-page .itemsList > .catalogItemBox .item-text h3 { font-size: 70%; width: 70%; }
.beer-menu-page .itemsList > .catalogItemBox a.item-text::after { left: 23%; top: 15px; }




@media (min-width: 991px) {
    .beer-menu-page .filtersList .desktop-filters-list { border: 2px solid; width: 930px; margin: 0 auto; display: flex; justify-content: center; }
    .beer-menu-page .filters-box:not(:last-child) { border-left: 2px solid; }
    .beer-menu-page .filters-box { padding: 5px 17px; width: 100%; }
    .beer-menu-page .filters-title { padding: 0 !important; width: 100%; text-align: right; }
}

@media (max-width: 991px) {
    .beer-menu-page #CatalogModule .filtersList .showFiltersBtn { letter-spacing: 0.42px; font-family: barlev-regular; font-size: 140%; }
    .beer-menu-page .filtersList .desktop-filters-list { flex-direction: column; }
    .beer-menu-page .filters-box { border-left: 0 !important; border-bottom: 2px solid; }
    .beer-menu-page .filters-box .filters-list-wrapper { top: 0 !important; }
    .beer-menu-page .itemsList > .catalogItemBox { width: 50%; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    .beer-menu-page .itemsList > .catalogItemBox { width: 33.3333%; }
}

@media (max-width: 767px) {
    .beer-menu-page .itemsList > .catalogItemBox a.item-text::after { left: 25px; width: 38px; top: 15px; }
}

/* Catalog Page hover*/
body:not(.beer-menu-page) .catalogItemBox a.item-image::before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f7f7f7; z-index: 0; }
body:not(.beer-menu-page) .catalogItemBox a.item-image img { z-index: 1; }
body:not(.beer-menu-page) .catalogItemBox a.item-image:hover::before, body:not(.beer-menu-page) .catalogItemBox a.item-image:focus::before { z-index: 2; }
body:not(.beer-menu-page) .catalogItemBox a.item-image:hover img.secImg, body:not(.beer-menu-page) .catalogItemBox a.item-image:focus img.secImg { z-index: 3; }

/*Catalog iframe border*/
.CatalogItemPage iframe { border: 2px solid; margin: 15px 0; }

/*Inner Beer Page hide text*/
.beer-menu-page #CatalogItemView .item-collections { display: none; }

#home-gallery .opacity-layer { display: none; }