body.alka { font-family: 'Zen Kaku Gothic Antique', sans-serif; display: flex; flex-direction: column; }

body.alka .home-lead strong { font-size: 1.75em; display: block; }

body.alka .home-lead span { font-size: 1.5em; display: block; margin-bottom: 1rem; }

body.alka .home-lead a { background-color: #f4e000; text-decoration: none; color: #000; padding: .5rem 1rem; font-size: 1.5em; font-weight: bold; text-transform: uppercase; }

body.alka .home-lead a:hover { background: #dbc900; text-decoration: underline; }

body.alka article { padding: 1rem; margin-bottom: 2rem; }

body.alka article.bg-gray { background-color: #DDD; }

body.alka article img { max-width: 100%; }

body.alka h1 { background-color: #f4e000; display: inline-block; padding: .75rem 1rem; font-weight: bold; text-transform: uppercase; }

body.alka h1.plain { background-color: unset; }

body.alka h2 { background-color: #CCC; display: inline-block; padding: .5rem .75rem; font-weight: bold; text-transform: uppercase; }

body.alka .added-value-bullets { display: grid; grid-template-columns: 1fr 4fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr; gap: .5em .5em; grid-template-areas: ". ." ". ." ". ." ". ." ". ." ". ."; align-items: stretch; margin-bottom: 2rem; }

body.alka .bullet-heading { background-color: #ffe9ad; color: #000; font-weight: bold; text-transform: uppercase; text-align: center; padding: .5rem; display: flex; align-items: center; justify-content: center; }

body.alka .single-image { background: #EEE; padding: 1rem; }

body.alka .logo-list { padding: 0; list-style: none; display: flex; flex-direction: row; justify-content: center; }

body.alka .logo-list > li > img { object-fit: cover; width: auto; height: 100px; }

body.alka .logo-list li:not(:first-child) { margin-left: 3rem; }

body.alka .mod-struct-comp-label { width: auto; max-height: 400px; }

body.alka .logo-grid { padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 1rem; margin-bottom: 3rem; }

body.alka .logo-grid.small { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }

body.alka .logo-grid.small.auto-fit { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }

body.alka .logo-grid.big { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

body.alka .logo-grid.no-bg > li { background: unset; }

body.alka .logo-grid.no-square > li::before { content: none; }

body.alka .logo-grid.outline > li { border: 1px solid #CCC; border-radius: 5px; }

body.alka .logo-grid > li { background: #EEE; padding: 1rem; display: grid; place-items: center; text-align: center; }

body.alka .logo-grid > li::before { content: ""; display: block; padding-bottom: 100%; grid-area: 1 / 1 / 2 / 2; }

body.alka .logo-grid > li img { width: 100%; grid-area: 1 / 1 / 2 / 2; }

body.alka .product-index-grid { padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-gap: 1rem; margin-bottom: 3rem; }

body.alka .product-index-grid > li { border: 1px solid #CCC; border-radius: 5px; padding: 1rem; display: grid; place-items: center; text-align: center; }

body.alka .product-index-grid > li::before { content: ""; display: block; grid-area: 1 / 1 / 2 / 2; }

body.alka .product-index-grid > li img { width: 100%; grid-area: 1 / 1 / 2 / 2; }

body.alka .page-lead-image { width: 100%; max-height: 200px; overflow: clip; margin-bottom: 1rem; display: flex; flex-direction: row; }

body.alka .page-lead-image.fit-v { justify-content: center; }

body.alka .page-lead-image.fit-v img { width: auto; height: 200px; }

body.alka .page-lead-image img { object-fit: cover; width: 100%; height: auto; }

body.alka .page-lead-image.multiple { display: flex; flex-direction: row; justify-content: space-between; }

body.alka nav.navbar.navbar-alka { background-color: #f4e000; padding: 0; }

body.alka nav.navbar.navbar-alka .alka-logo { width: auto; height: 75px; }

body.alka nav.navbar.navbar-alka .nav-link { font-size: .9rem; font-weight: bold; color: #444; text-transform: uppercase !important; padding-left: 12px; padding-right: 12px; }

body.alka nav.navbar.navbar-alka .nav-link:hover, body.alka nav.navbar.navbar-alka .nav-link.active { color: #2b2b2b; text-decoration: underline; }

body.alka nav.navbar.navbar-alka .collapse.navbar-collapse { justify-content: flex-end; }

body.alka nav.navbar.navbar-alka .dropdown-menu { border-radius: 0; background-color: #efdb00; border-color: #626262; }

body.alka nav.navbar.navbar-alka .dropdown-menu .dropdown-item { text-transform: uppercase; font-weight: bold; font-size: .8rem; }

body.alka nav.navbar.navbar-alka .dropdown-menu .dropdown-item:hover, body.alka nav.navbar.navbar-alka .dropdown-menu .dropdown-item.active { background-color: unset; color: #2b2b2b; text-decoration: underline; }

body.alka footer { flex: 1; color: #FFF; background-color: #626262; }

body.alka footer h1 { font-size: 1.5rem; font-weight: bold; background-color: unset; padding: 0; }

body.alka footer h1 a { text-decoration: underline; }

body.alka footer a { color: #fff; text-decoration: none; }

body.alka footer a:hover { color: #CCC; }

body.alka footer ul { list-style: none; padding-left: 0; }

body.alka footer .footer-sep { height: 3px; }

body.alka footer .contact { text-align: center; }

body.alka footer .logo { width: 100px; height: auto; margin: 0; padding: 0; }

body.alka footer .copyright { padding: .25rem; background-color: #444; text-align: center; }
