/*
Theme Name: Haku
Template: blankslate
Version: 1.0
Description: Haku Theme
Author: UROK
*/

@import url("//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");
@import url("//cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

* { border: 0; box-sizing: border-box; margin: 0; outline: 0; padding: 0; }

:root { --swiper-navigation-sides-offset: 2em; --swiper-theme-color: #5f8a34; }

html :where(.wp-block) {
    max-width: 1200px;
}

BODY { background-color: #f1f8f2 }

.ui.title { color: transparent; }
.ui.title::before { background-image: url('./assets/images/title.png'); background-position: center; background-size: cover; content: ''; display: inline-block; font-size: 1em; height: 1em; user-select: none; width: 2.76244em }
.ui.title.white { filter: brightness(0) invert(1) }

.ui.has-wave { position: relative }
.ui.has-wave.top {  }
.ui.has-wave.top::before { background-image: url('./assets/images/block-wave-top.png'); background-position: top; background-repeat: no-repeat; background-size: 100% auto; content: ''; display: block; left: 0; padding-top: 12.5%; position: absolute; top: 0; width: 100% }

.ui.cover { height: 25em; left: 50%; margin-bottom: 2em; overflow: hidden; position: relative; top: 0; transform: translateX(-50%); width: 100vw }
.ui.cover > IFRAME { aspect-ratio: 16/9; height: auto; left: 50%; min-height: calc(100% + 100px); min-width: 100%; pointer-events: none; position: absolute; top: calc(50% - 50px); transform: translate(-50%, -50%); width: auto; z-index: -2 }
.ui.cover::before { background-color: rgba(0, 0, 0, 0); content: ''; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100% }
.ui.cover::after { background-image: url('./assets/images/block-wave-bottom.png'); background-position: bottom; background-repeat: no-repeat; background-size: 100% auto; bottom: -1px; content: ''; display: block; left: 0; padding-top: 12.5%; position: absolute; transform: scaleX(-1); width: 100%; z-index: 1 }
.ui.cover > DIV { color: var(--text-color, #fff); left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; word-break: keep-all; }
.ui.cover > DIV > H1 { font-size: 3em; font-weight: 700; line-height: 1em; margin: 0 }
.ui.cover > DIV > H2 { font-weight: 400; margin-bottom: 1em }

.ui.history { list-style: none; margin: 2.778em 0; padding: 0; position: relative }
.ui.history::before { background: #5f8a34; content: ""; height: 100%; left: 50%; position: absolute; top: 3em; transform: translateX(-50%); width: 1px; z-index: 1 }
.ui.history > li { color: #5f8a34; font-size: 2em; font-weight: bold; margin: 2.778em 0; padding-bottom: 2em; position: relative; text-align: center; z-index: 2; margin-top: 0 }
.ui.history > li > ul { font-size: 0.5em; list-style: none; margin: 5em 0 0; padding: 0 }
.ui.history > li > ul > li { background: #f9f9f9; border-radius: 0.5em; margin: -2em 0; padding: 0.8em 1em; position: relative; width: 31.5%; z-index: 2; line-height: 1.8em }
.ui.history > li > ul > li img { display: block; border-radius: 1em; width: 80% !important; margin: 1em 0; box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.ui.history > li > ul > li::before { background: #fff; border: 0.2em solid #5f8a34; border-radius: 50%; content: ""; height: 0.3em; position: absolute; top: 50%; width: 0.3em; z-index: 3; transform: translateY(-50%) }
.ui.history > li > ul > li:nth-child(odd) { left: 0; margin-left: 17%; margin-right: auto; text-align: left }
.ui.history > li > ul > li:nth-child(odd)::before { right: -1.25em }
.ui.history > li > ul > li:nth-child(even) { left: 51.5%; margin-left: 0; margin-right: auto; text-align: left }
.ui.history > li > ul > li:nth-child(even)::before { left: -1.25em }
.ui.history li ul li ul { color: #444; font-size: 0.95em; font-weight: 300; list-style: disc; margin-top: 0.5em; padding-left: 0.8em; line-height: 2em }

.ui.vision { padding: 4em 0 }
.ui.vision > li { display: flex; justify-content: center; align-items: center; margin: -1.5em 0; position: relative; width: 50% }
.ui.vision > li::before {content: ""; position: relative; width: 12em; height: 12em; background-color: #007c7b; clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); -webkit-clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); z-index: 1;}
.ui.vision > li > img {display: block; position: absolute; top: 50%; width: 5em !important; height: auto; z-index: 2; pointer-events: none;}
.ui.vision > li > ul {flex-grow: 1; line-height: 1.35em; width: 20em}
.ui.vision > li:nth-child(odd) {flex-direction: row; left: 50%; margin-left: -9em}
.ui.vision > li:nth-child(even) {flex-direction: row-reverse; margin-left: 9em}
.ui.vision > li:nth-child(even)::before { background-color: #089e6e; }
.ui.vision > li:nth-child(odd) > img { left: 6em; transform: translate(-50%, -50%); }
.ui.vision > li:nth-child(even) > img { right: 6em; transform: translate(50%, -50%); }
.ui.vision > li:nth-child(odd) > ul {margin-left: 2rem; text-align: left;}
.ui.vision > li:nth-child(even) > ul {margin-right: 2rem; text-align: right;}
.ui.vision li ul li {list-style: none; padding: 0;}
.ui.vision > li > ul > li { font-weight: 700; }
.ui.vision > li > ul > li > ul { color: #888; font-weight: 300; margin-top: .5em; padding: 0 }

.ui.antiaging-factors { align-items: center; display: grid; font-size: .9em; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0 }
.ui.antiaging-factors.x4 { grid-template-columns: repeat(4, 1fr); }
.ui.antiaging-factors > LI { border-radius: 5em; margin: 1em -2em; padding: 1em 0; text-align: center }
.ui.antiaging-factors > LI:nth-child(3n+1) { background-color: #007c7b10; }
.ui.antiaging-factors > LI:nth-child(3n+2) { background-color: #089e6e10; }
.ui.antiaging-factors > LI:nth-child(3n+3) { background-color: #5f8a3410; }
.ui.antiaging-factors > LI:nth-child(3n+1)::before { color: #007c7b }
.ui.antiaging-factors > LI:nth-child(3n+2)::before { color: #089e6e }
.ui.antiaging-factors > LI:nth-child(3n+3)::before { color: #5f8a34 }
.ui.antiaging-factors > LI::before { content: ''; display: block; font-family: 'Font Awesome 6 Free'; font-size: 2em; font-weight: 900; margin: 0 auto .25em }
.ui.antiaging-factors > LI:nth-child(1)::before { content: '\e53f' }
.ui.antiaging-factors > LI:nth-child(2)::before { content: '\e699' }
.ui.antiaging-factors > LI:nth-child(3)::before { content: '\e097' }
.ui.antiaging-factors > LI:nth-child(4)::before { content: '\f471' }
.ui.antiaging-factors > LI:nth-child(5)::before { content: '\e53c' }
.ui.antiaging-factors > LI:nth-child(6)::before { content: '\e059' }
.ui.antiaging-factors > LI:nth-child(7)::before { content: '\f470' }
.ui.antiaging-factors > LI:nth-child(8)::before { content: '\f192' }
.ui.antiaging-factors > LI:nth-child(9)::before { content: '\f127' }

.ui.antiaging-research { display: grid; font-size: .9em; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; position: relative; text-align: center; width: fit-content; margin: 0 auto; padding: 4em 0; }
.ui.antiaging-research LI { color: #fff; line-height: 1.5em; margin: 0 -2em }
.ui.antiaging-research > LI { position: relative }
.ui.antiaging-research > LI::before { content: ""; font-size: 18em; width: 1em; height: 1em; background-color: #007c7b10; clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); -webkit-clip-path: polygon(50% 0%, 93.3% 25%, 93.3% 75%, 50% 100%, 6.7% 75%, 6.7% 25%); display: block; }
.ui.antiaging-research > LI:nth-child(even)::before { background-color: #5f8a3410; }
.ui.antiaging-research > LI > STRONG,
.ui.antiaging-research > LI > UL { display: block; position: absolute; width: 100% }
.ui.antiaging-research > LI > UL { list-style: none ; padding: 5em; top: 3.5em }
.ui.antiaging-research > LI > STRONG { color: #007c7b; top: 6em; font-weight: 700 }
.ui.antiaging-research > LI:nth-child(even) > STRONG { color: #5f8a34; }
.ui.antiaging-research > LI:nth-child(1),
.ui.antiaging-research > LI:nth-child(3) { transform: translateY(4em) }
.ui.antiaging-research > LI:nth-child(4) { transform: translateX(-4em) }
.ui.antiaging-research > LI:nth-child(5) { transform: scale(1.25); }
.ui.antiaging-research > LI:nth-child(5)::before { background-color: #007c7b; }
.ui.antiaging-research > LI:nth-child(5) > STRONG::before { content: '\f471'; font-family: 'Font Awesome 6 Free'; font-size: 3em; font-weight: 900; display: block; margin: 0 auto .5em }
.ui.antiaging-research > LI:nth-child(5) > STRONG { color: #fff; top: 50%; transform: translateY(-50%); }
.ui.antiaging-research > LI:nth-child(6) { transform: translateX(4em) }
.ui.antiaging-research > LI:nth-child(7),
.ui.antiaging-research > LI:nth-child(9) { transform: translateY(-4em) }
.ui.antiaging-research > LI > UL > LI { color: #676767; word-break: keep-all; }

.wp-block, BODY, INPUT, TEXTAREA, SELECT, BUTTON, TABLE { font-family: "Pretendard"; font-size: 18px; }

.wp-block-heading { font-weight: 700; letter-spacing: -.03em; line-height: 1.3em; margin: 1em 0 .5em }
H2.wp-block-heading { font-size: 2em }
H3.wp-block-heading { font-size: 1.75em }
H4.wp-block-heading { font-size: 1.5em }
H5.wp-block-heading { color: #5f8a34; font-size: 1.2em; }
.wp-block-button > .wp-block-button__link { background: none; color: #5f8a34; font-size: .9em; font-weight: 700; letter-spacing: -.035em; padding: 1em; position: relative; white-space: nowrap }
.wp-block-button > .wp-block-button__link::before { border: .15em solid; border-right-color: transparent; border-radius: 3em; content: ''; display: block; height: 3em; left: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: all 300ms ease-in-out; width: 3em; }
.wp-block-button > .wp-block-button__link:hover::before { border-right-color: inherit; width: 100% }
.wp-block-cover__inner-container .fa-solid { display: block }
.wp-block-group-round { background-image: url('./assets/images/round-background.png'); background-position: center; background-size: cover; border-radius: 50%; overflow: hidden; position: relative }
.wp-block-group-round::before { content: ''; display: block; padding-top: 100%; }
.wp-block-group-round > .wp-block-group__inner-container { left: 50%; padding: 2em; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; word-break: keep-all; }
.wp-block-group-round.has-fullcontent > .wp-block-group__inner-container,
.wp-block-group-round.has-fullcontent > .wp-block-group__inner-container > * { height: 100%; min-height: auto; padding: 0; width: 100% }
.wp-block-index-section { margin: 5em 0 }
.wp-block-group-round.has-fullcontent > .wp-block-group__inner-container > * .wp-block-cover__inner-container { padding: 0 2em }
.wp-block-separator { height: .33em; width: 2em; }
.wp-block-separator.center { margin-left: auto; margin-right: auto }
.wp-block-list { color: #676767; list-style: disc; padding-left: 2em }
.wp-block-list > LI { line-height: 1.75em; margin: 1em 0 }
.wp-block-table > TABLE { color: #676767; font-size: .9em }
.wp-block-table > TABLE > THEAD { border-bottom: 1px solid #5f8a34 }
.wp-block-table > TABLE TD,
.wp-block-table > TABLE TH { border: 0; border-bottom: 1px solid #ccc; padding: 1em }
.wp-block-table > TABLE > THEAD TH { border-bottom-color: #5f8a34; color: #5f8a34 }

BODY MAIN .wpda_tree_item_title,
BODY MAIN .wpda_tree_item_desc { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; font-style: inherit; letter-spacing: inherit; text-decoration: inherit; }
BODY MAIN .wpda_tree_item_title { font-weight: 700; margin-top: 1em }
BODY MAIN .wpdevart_org_chart_container .wpda_tree_item_img_cont { height: auto; width: 10em }
BODY MAIN div.wpdevart_org_chart .wpdevart_org_chart_container li .wpda_tree_item_container > div { background-color: #fff; font-size: .9em; letter-spacing: -.05em; padding-bottom: 1em }

.root_daum_roughmap.root_daum_roughmap_landing { width: 100% }
.root_daum_roughmap.root_daum_roughmap_landing .cont { display: none }

BODY.home .has-overflow-image { position: relative }
BODY.home .has-overflow-image .wp-block-image-overflow { left: 0; margin: 0; position: absolute; top: 50%; z-index: -1 }
BODY.home .has-overflow-image.left .wp-block-image-overflow { transform: translate(-50%, -50%) }
BODY.home .has-overflow-image.right .wp-block-image-overflow { transform: translate(50%, -50%) }

A { color: inherit; text-decoration: none; }
P { color: #676767; letter-spacing: -.03em; line-height: 1.75em }
BODY { overflow-x: hidden; }

#wrapper > #container > #content .header { display: none }

#wrapper > #container,
#footer > .footer-inner,
.ui.cover > DIV,
BODY.home .wp-group-index-product-item { margin: 0 auto; width: 1200px }

#wrapper { background-color: #fff; background-image: url('./assets/images/background.jpg'); background-position: center bottom -15em; background-size: 100% auto; left: 0; position: absolute; top: 0; width: 100% }

#wrapper > #header { color: #fff; height: 5em; left: 0; position: fixed; transition: background-color .2s ease-in-out; width: 100%; z-index: 1000 }
#wrapper > #header::before { background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .35) 25%, rgba(0, 0, 0, .15) 50%, rgba(0, 0, 0, 0) 100%); content: ''; display: block; height: 150%; left: 0; position: absolute; top: 0; transition: opacity .2s ease-in-out; width: 100%; z-index: -1 }
#wrapper > #header > #branding { left: 2em; position: absolute; top: 50%; transform: translateY(-50%) }
#wrapper > #header > #branding > #site-title { font-size: 2.5em }
#wrapper > #header > #branding > #site-title A { display: block }
#wrapper > #header > #branding > #site-title A > .ui.title { display: block; filter: brightness(0) invert(1) }
#wrapper > #header > #branding > #site-title A > SPAN { display: none }

#wrapper > #header > #menu { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) }
#wrapper > #header > #menu > .menu-global-container { white-space: nowrap }
#wrapper > #header > #menu > .menu-global-container > #menu-global { align-items: center; display: flex }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item { position: relative; text-align: center }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > A { display: block; letter-spacing: -.035em; padding: 2em 1em; position: relative; z-index: 1 }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > A::after,
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > A::before { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; filter: brightness(0) invert(1); position: absolute; transform: translateX(-50%); transition: all 250ms ease-in-out; visibility: hidden; width: 1em }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > A::after { background-image: url('./assets/images/focus-line.png'); bottom: 1.5em; height: .1em; left: 50%; opacity: 0; width: 0% }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > A::before { background-image: url('./assets/images/icon.png'); height: 1em; left: 50%; opacity: 0; top: 0 }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu { background-color: #fff; border-radius: .5em; box-shadow: 0 0 1em rgba(0, 0, 0, .1); left: 50%; opacity: 0; padding: .5em 0; position: absolute; top: 5em; transform: translate(-50%, 1em); transition: all 250ms ease-in-out; visibility: hidden }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu::before { border: .5em solid transparent; border-bottom-color: #fff; content: ''; display: block; height: 0; left: 50%; position: absolute; top: -1em; transform: translateX(-50%); width: 0; z-index: -1 }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu::after { bottom: 0; content: ''; display: block; position: absolute; top: -5em; width: 100%; z-index: -1 }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu > .menu-item > A { color: #444; display: block; letter-spacing: -.035em; padding: .75em 2em }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu > .menu-item > A > SPAN { display: inline-block; position: relative }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu > .menu-item > A:hover { background-color: rgba(6, 84, 45, .05); color: #06542d }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu > .current-menu-item > A > SPAN { color: #06542d; font-weight: 700 }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu > .current-menu-item > A > SPAN::after { background-color: #06542d; bottom: -.25em; content: ''; display: block; height: 1px; left: 0; position: absolute; width: 100% }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .current-menu-parent > A::after,
#wrapper > #header > #menu > .menu-global-container > #menu-global > .current-menu-parent > A::before,
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item:hover > A::after,
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item:hover > A::before { opacity: 1; visibility: visible }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .current-menu-parent > A::after,
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item:hover > A::after { width: 100% }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .current-menu-parent > A::before,
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item:hover > A::before { top: .75em }
#wrapper > #header > #menu > .menu-global-container > #menu-global > .menu-item:hover > .sub-menu { opacity: 1; transform: translate(-50%, 0); visibility: visible }

#wrapper > #header > #extra-menu { align-items: center; display: flex; position: absolute; right: 2em; top: 50%; transform: translateY(-50%) }
#wrapper > #header > #extra-menu > A { border-radius: 50%; display: block; font-size: 1.25em; padding: .5em; transition: background-color .2s ease-in-out }
#wrapper > #header > #extra-menu > A:hover { background-color: rgba(255, 255, 255, .25) }
#wrapper > #header > #extra-menu > A > I { height: 1em; width: 1em }
#wrapper > #header > #extra-menu > A > SPAN { display: none }
#wrapper > #header > #extra-menu > #search { background-color: rgba(255, 255, 255, .25); border-radius: 5em; margin-left: 1em; padding-right: 2em; position: relative }
#wrapper > #header > #extra-menu > #search > FORM > LABEL { display: block; }
#wrapper > #header > #extra-menu > #search > FORM > LABEL > INPUT { background: none; color: #fff; padding: .5em 0 .5em 1em; transition: width .2s ease-in-out; width: 8em; }
#wrapper > #header > #extra-menu > #search > FORM > LABEL > INPUT:focus { width: 16em }
#wrapper > #header > #extra-menu > #search > FORM > LABEL > INPUT::placeholder { color: rgba(255, 255, 255, .5); }
#wrapper > #header > #extra-menu > #search > FORM > .search-submit { background: none; color: inherit; cursor: pointer; padding: .5em; position: absolute; right: .5em; top: 50%; transform: translateY(-50%) }
#wrapper > #header > #extra-menu > #search > FORM > .search-submit::before { content: '\f002'; display: block; font-family: 'Font Awesome 6 Free'; font-size: 1em; font-weight: 900; }
#wrapper > #header > #extra-menu > #search > FORM > .search-submit > SPAN { display: none }

#wrapper > #container { }

#wrapper.scrolled > #header { background-color: #fff; box-shadow: 0 0 1em rgba(0, 0, 0, .1); color: #444; }
#wrapper.scrolled > #header::before { opacity: 0 }
#wrapper.scrolled > #header > #branding > #site-title A > .ui.title { filter: none }
#wrapper.scrolled > #header > #menu > .menu-global-container > #menu-global > .menu-item > .sub-menu { top: 6em }
#wrapper.scrolled > #header > #menu > .menu-global-container > #menu-global > .menu-item > A::after,
#wrapper.scrolled > #header > #menu > .menu-global-container > #menu-global > .menu-item > A::before { filter: none }
#wrapper.scrolled > #header > #menu > .menu-global-container > #menu-global > .menu-item > A:hover { color: #06542d }
#wrapper.scrolled > #header > #extra-menu > #search { background-color: rgba(0, 0, 0, .05) }
#wrapper.scrolled > #header > #extra-menu > #search > FORM > LABEL > INPUT { color: #888 }
#wrapper.scrolled > #header > #extra-menu > #search > FORM > LABEL > INPUT::placeholder { color: rgba(0, 0, 0, .2) }
#wrapper.scrolled > #header > #extra-menu > A:hover { background-color: rgba(6, 84, 45, .05); color: #06542d }

#wrapper > #container > #content > NAV.breadcrumb-nav { color: #fff; font-size: .9em; position: absolute; top: 20em; white-space: nowrap; z-index: 1 }
#wrapper > #container > #content > NAV.breadcrumb-nav > * { display: inline-block; margin: 0 .25em; vertical-align: middle; }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item { position: relative; }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown { background-color: #fff; border-radius: .5em; box-shadow: 0 0 1em rgba(0, 0, 0, .1); color: #888; font-size: .9em; left: 50%; position: absolute; text-align: center; top: calc(100% + 2em); transform: translateX(-50%); min-width: 100%; z-index: 1; opacity: 0; visibility: hidden; transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown::before { border: .5em solid transparent; border-bottom-color: #fff; content: ''; display: block; height: 0; left: 50%; position: absolute; top: -.99em; transform: translateX(-50%); width: 0; z-index: -1 }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown::after { bottom: 0; content: ''; display: block; position: absolute; top: -5em; width: 100%; z-index: -1 }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown > LI { border-bottom: 1px solid rgba(0, 0, 0, .1); opacity: 0; transform: translateY(1em); transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1); transition-delay: calc(var(--i, 0) * 50ms); }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown > LI:last-child { border-bottom: none }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown > LI > A { display: block; padding: .75em 1.5em }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > .dropdown > LI > A:hover { background-color: rgba(6, 84, 45, .05); color: #06542d }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > A { border: 1px solid rgba(255, 255, 255, .5); border-radius: 5em; display: block; padding: .5em 1em; transition: all 250ms ease-in-out; }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > A > I,
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-separator { font-size: .66em; }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item > A > I { margin-left: .5em; transition: transform 250ms ease-in-out; }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-separator { opacity: .5; }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item:hover > A { background-color: rgba(255, 255, 255, .25); color: #fff }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item:hover > A > I { transform: rotate(180deg); }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item:hover > .dropdown { opacity: 1; visibility: visible; top: calc(100% + 1em); }
#wrapper > #container > #content > NAV.breadcrumb-nav > .breadcrumb-item:hover > .dropdown > LI { opacity: 1; transform: translateY(0); }

#wrapper > #footer { background-color: #f1f8f2; margin-top: 5em; }
#wrapper > #footer > .footer-inner { font-size: .8em; padding: 4em 0 }
#wrapper > #footer > .footer-inner > H1 { font-size: 2.5em; margin-bottom: .75em }
#wrapper > #footer > .footer-inner > H1 > SPAN { display: none }
#wrapper > #footer > .footer-inner > ADDRESS { font-style: normal; }
#wrapper > #footer > .footer-inner > ADDRESS > P { color: rgba(0, 0, 0, .5); display: inline-block; line-height: 1em; margin: 0 .75em .75em 0 }
#wrapper > #footer > .footer-inner > #copyright { color: #5f8a34; font-weight: 300; margin-top: 1em }

BODY.home { background-position: center 100vh }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover { height: 120vh }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover::before { display: none }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover::after { transform: scaleX(1) }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover > IFRAME { min-width: 120% }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover > DIV { font-size: 1.2em; mix-blend-mode: exclusion; text-align: center; top: calc(50% - 10vh); }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover > DIV > H1 { font-weight: 100; }
BODY.home > #wrapper > #container > #content .entry-content > .ui.cover > DIV > H1::after { background-image: url('./assets/images/focus-line.png'); background-size: 100% 100%; content: ''; display: block; filter: brightness(0) invert(1); font-size: 5em; height: .006em; margin: .1em auto; width: 1em }
BODY.home .index-brand { margin-top: -5em }
BODY.home .index-brand H1 { font-size: 4em; margin-bottom: 0; }
BODY.home H2.wp-block-heading { color: #06542d; font-size: 1.2em; font-weight: 900; margin: 4em 0 2em; text-align: center }
BODY.home H2.wp-block-heading::after,
BODY.home H2.wp-block-heading::before { background-position: center; background-repeat: no-repeat; background-size: 100% 100%; content: ''; display: block; margin: 0 auto; width: 1em; }
BODY.home H2.wp-block-heading::after { background-image: url('./assets/images/focus-line.png'); font-size: 8em; height: .01em; margin: .05em auto }
BODY.home H2.wp-block-heading::before { background-image: url('./assets/images/icon.png'); font-size: 1.25em; height: 1em; }
BODY.home .wp-group-index-product { left: 50%; margin-top: 8em; padding: 4em 0; position: relative; transform: translateX(-50%); width: 100vw }
BODY.home .wp-group-index-product .wp-block-heading { margin: 0 }
BODY.home > #wrapper > #footer { margin: 0 }
BODY.home #footer::before { display: none }
BODY.home #footer > .footer-inner { border-top: 1px solid rgba(0, 0, 0, .1) }
BODY.admin-bar #wrapper { top: 32px }