/*--Tailwind / Hyva edits --*/
:root {
  --color-primary: #82130F;
  --color-primary-lighter: #e41b13;
  --color-primary-darker: #250504; 
  --color-secondary: #0F7C80;
  --color-secondary-lighter: #87D7D8;
  --color-secondary-darker: #174C4E;
  --color-bg: #555555;
  --color-fg:#c4c4c4;
  --color-lpc-dgray:#232121;
  --color-lpc-gray:#3c3c3c;
  --color-lpc-red:#e41b13;
  --color-lpc-lgrn:#8cc0a9; 
  --att-width: 100%;
}

.bfb-submission-confirmed table tr:nth-child(odd) td {background-color: #3d3d3d;}

.bg-lpcRed {background-color: var(--color-lpc-red)}
.bg-lpcDrk {background-color: var(--color-lpc-dgray) ;}
.bg-lpcGrd {background: linear-gradient(0deg,rgba(130, 19, 15, 1) 8%, rgba(35, 33, 33, 1) 8%);}
.bg-lpcGray {background: var(--color-lpc-gray);}
.bg-container-lighter {background: var(--color-lpc-gray);}

.text-lpc-link {color: var(--color-lpc-lgrn);}
.grid-rows-lpc {grid-template-rows:80% 20%}
.rounded-lpc {border-radius:20px}
.w-30 {width:30px;}
.max-h-580 {max-height: 580px;}

.lpc-logo img {max-width: 150px; width: 100%; height: auto;}
.lpc-logo2 img {max-width: 150px; width: 100%; height: auto;}

.lpc-doc ul li a { display: flex; align-items: center; gap: 15px; color: #404040!important;}
.lpc-att {max-width: var(--att-width); width:100%; font-weight: 600;}
.lpc-table01 tr, td {border:1px solid #cccccc}
.lpc-table01 tr {padding:15px; font-weight:500; font-size:1rem;  padding: 10px}
.lpc-table01 td span {color:#3f3f3f;}

.lpc-slider-title a {color:#82130F!important}
.lpc-slider-btn a {color: #fff;}

.lpc-prod-txt p {color:#3f3f3f}
.lpc-tabs .mgz-tabs-nav {display:flex; justify-content:left; flex-wrap:nowrap; overflow:auto}
.lpc-tabs .mgz-tabs-nav > .mgz-tabs-tab-title > a {margin-right:1px!important; }
.magezon-builder .mgz-single-image-inner img {width:100%}
.lpc-tab-img img {border-radius:8px!important}
.lpc-tab-img .mgz-container {padding-bottom: 20px; margin-bottom: 20px; border-color: #959393 !important; 
  border-bottom-width: 1px !important; border-bottom-style: solid;} 

.lpc-cat-border {border: none; }
.cta_header h2 {font-size: 2.8rem;}

.lpc *, ::after, ::before, ::backdrop, ::file-selector-button {border:none}

.mz-menu .mz-menu-item:hover > .mz-submenu {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease 0.2s; /* 0.2s delay */
}

.mz-menu .mz-submenu {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease 0s; /* initial state */
}

@layer base {
 a {
    color: #c4c4c4;
  }
}

@layer components {
  .card-tabs {
    position: relative;
    border-radius: var(--card-radius, var(--radius-lg));
    border-width: 1px;
    padding-block: var(--card-py, calc(var(--spacing) * 6));
    padding: 0 0 0 0;
    border-color: var(--card-stroke, var(--color-gray-300));
    background-color: var(--card-bg, var(--color-surface));
    color: var(--card-color, var(--color-fg));
    transition-property: color, background-color, border-color, box-shadow, outline-color;
    transition-timing-function: var(--default-transition-timing-function);
    transition-duration: var(--default-transition-duration);
  }
    .card {
    --card-bg: #f5f5f5;
    --card-color: #737171;
    --card-stroke: #e5e7eb;
  }
}


/*-- Magezon Edits --*/
.mgz-single-image-wrapper {width: 100%;}
.magezon-builder a {color: #87D7D8;}

@media (width >= 64rem) { 
:root {
  --att-width: 35%;
  
}

.lpc-tabs .mgz-tabs-nav {justify-content:center;}
.lpc-tabs .mgz-tabs-nav > .mgz-tabs-tab-title > a {margin-right:5px!important}
.lpc-tab-img img {border-radius:15px!important}
.lpc-tab-img .mgz-container  {border:none; margin:0 auto; padding:0}
.cta_header h2 {font-size: 4rem;}
.lpc-cat-border {border-right: 1px solid #cccccc;}

}