/**
*   menu.css
*   /themes/rtcc/blocks/menu/menu.css
*
*   Custom styles for the Menu Block
*/


.menu-logos {margin-top:50px;text-align:center;margin-bottom:80px;}
.menu-logos .logo {margin:0 auto;display:none;}
.menu-logos .logo.active {display:block;}

.menu-tabs {
  list-style-type:none;display:flex;gap:1rem;margin:0 auto;
  flex-wrap:wrap;justify-content:space-between;padding:0; 
}

.disclaimer {margin-top:40px;text-align:center;font-style:italic;font-weight:normal;font-size:16px;line-height:16px;}
.disclaimer a {text-decoration:underline;}
.tab {
  border:2px solid #DA2C2A;color:#DA2C2A;background:#FFFFFF;border:2px solid #DA2C2A;
  border-radius:10px;font-weight:900;font-size:16px;line-height:19px;text-align:center;
  letter-spacing:0.04em;text-transform:uppercase;width:168px;padding:15px 0;
}
.tab.active, .tab:hover, .tab:active {background:#DA2C2A;color:white;border:2px solid #DA2C2A;}

.tabimage {display:none;margin:0 auto;max-height:154px;}
.tabimage.active {display:block;}

.tabpanel {display:none;columns:2;margin-bottom:70px;margin-top:42px;min-height:200px;}
.tabpanel.active {display:flex;}
.tabpanel .section,
.accordion-content .col .section {position:relative;text-align:center;padding:20px;}
.tabpanel .section:before,
.accordion-content .col .section:before {
  content:"";width:calc(100% - 40px);border-bottom:solid 2px #DA2A2A;
  position:absolute;left:20px;top:51px;z-index:0;
}
.tabpanel h2,
.accordion-content .col .section h2 {
  position:relative;z-index:1;font-weight:800;font-size:30px;line-height:30px;
  text-align:center;text-transform:uppercase;color:#DA2A2A;z-index:1;
  position:relative;background:#FEFAF4;padding:15px 15px;
  display:inline-block;margin-bottom:15px;
}
.tabpanel h3,
.accordion-content .col .section h3 {
  text-align:left;font-weight:700;font-size:25px;line-height:25px;
  text-transform:uppercase;margin-bottom:10px;color:#000;
}
.tabpanel h3 span,
.accordion-content .col .section h3 span {
  font-size:20px;line-height:20px;
  font-weight:normal;margin-left:8px;
}
.tabpanel h3 + h3,
.accordion-content .col .section h3 + h3 {
  margin-top:20px;
}
.tabpanel p,
.accordion-content .col .section p {
  text-align:left;color:#000;
}

.no-menu {margin:0 auto;padding:20px;text-align:center;width:100%;}

ul.accordion-list {
  position:relative;display:block;width:100%;
  height:auto;margin:0;list-style:none;
}
ul.accordion-list li {
  position:relative;display:block;width:100%;height:auto;
  margin:0; cursor:pointer;
}
ul.accordion-list li.active h1:after {transform:rotate(180deg);}
ul.accordion-list li h1 {
  border-top:1px solid #DA2C2A;color:#DA2C2A;font-weight:800;
  position:relative; display:block; width:100%; height:auto; padding:30px 30px;
  margin:0; font-size:28px;line-height:28px;letter-spacing:0.01em;text-transform:uppercase;
  cursor:pointer;
}
ul.accordion-list li h1:after {
  content:"";border:0 none;position:absolute;right:30px;top:36px;
  transition:all 0.3s ease-in-out;width:22px;height:13px;
  background:url('../../assets/images/img-down-arrow.png') no-repeat;
}
ul.accordion-list li div.accordion-content {
  position:relative; display:block;
  width:100%; height:auto; margin:0;
  padding:0; cursor:pointer;
}
ul.accordion-list li div.accordion-content .accordion-store-logo {text-align:center;}
ul.accordion-list li div.accordion-content .accordion-store-logo img{margin:0 auto;height:154px;}
ul.accordion-list li div.accordion-content .flex-container {display:flex;}



/** Responsive - Menus block **/
@media screen and (max-width:1280px) {
  .menu-tabs {max-width:720px;justify-content:flex-start;}
}  
@media screen and (max-width:1160px) {
  .tabimage {height:auto;}
}
@media screen and (max-width:992px) {
  .tabimage {height:auto;}
}
@media screen and (max-width:768px) {
  .menu-logos {padding:0 20px;margin-bottom:30px;}
  .tabimage {max-height:120px;}
  .menu-tabs {max-width:360px;justify-content:space-between;}
  .tab {font-size:14px;padding:10px 0;}
  .tabpanel h2, .accordion-content .col .section h2 {font-size:30px;line-height:30px;}
  .tabpanel h3, .accordion-content .col .section h3 {font-size:18px;line-height:150%;}
  .tabpanel h3 span, .accordion-content .col .section h3 span {font-size:14px;}
  .tabpanel p {font-size:14px;line-height:150%;}
  .accordion-list li h1:after {top:36px;}
  .disclaimer {margin-top:20px;padding:0 20px;font-size:14px;}
  ul.accordion-list li div.accordion-content .flex-container{flex-direction:column;}
}
@media screen and (max-width:400px) {
  .menu-logos {padding:0 20px;margin-bottom:30px;}
  .menu-tabs {max-width:340px;padding:8px;justify-content:space-between;}
  .tab {font-size:14px;width:150px;padding:10px 0;}
  .tabpanel h2, .accordion-content .col .section h2 {font-size:26px;line-height:28px;}
  ul.accordion-list li h1 {font-size:20px;padding:20px;}
  ul.accordion-list li h1:after {top:26px;}
} 
@media screen and (max-width:330px) {
  .tab {font-size:14px;width:140px;padding:10px 0;}
} 

@media screen and (min-width:1280.02px) {
  .menu-tabs { gap: 0; }
  /* ul.accordion-list {padding-left: 20px; padding-right: 20px;} */
}