/* END CSS */

/**
 * Theme Name:     Locus FS (Hello)
 * Author:         Locus FS
 * Template:       hello-elementor
 * Text Domain:	   locus-fs-hello
 * Description:    Locus FS
 * Theme URI:      http://Locus%20FS
 * Version:        v2
 */
body.elementor-editor-active header {
	display: none !important;
}

body, html {
	font-family: "Schnebel", Sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.4;
}

[data-elementor-post-type="page"] p, .checkmark {
	font-size: 18px !important;
}

footer p, footer li a {
	font-size: 16px !important;
}

a {
	-webkit-transition: all .12s ease-in-out;
	-moz-transition: all .12s ease-in-out;
	-ms-transition: all .12s ease-in-out;
	-o-transition: all .12s ease-in-out;
	transition: all .12s ease-in-out;
}

.amerkt {
	background-size: 100%;
	background-position: center;
	transition: background-size .4s ease;
}

.amerkt:hover {
	background-size: 110%;
}

.site-logo {
	display: inline-block;
	line-height: 0;
	/* Removes any extra vertical space */
	vertical-align: middle;
	height: 50px;
}

.site-logo svg, .site-logo img {
	height: 50px;
	/* Fixed height - always 50px tall */
	width: auto;
	/* Width scales automatically to maintain aspect ratio */
	display: block;
	/* Removes bottom gap in some cases */
	object-fit: contain;
}

/* Optional: maximum width constraint to prevent ultra-wide logos from taking too much space */
.site-logo svg, .site-logo img {
	max-width: 220px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

/* Optional: hover effect for interactivity */
.site-logo:hover svg, .site-logo:hover img {
	transform: translateY(-3px);
}

.site-logo img[src$=".svg"] {
	width: auto !important;
	height: 50px !important;
	min-width: 150px;
	/* Prevents total collapse */
	min-height: 50px;
	object-fit: contain;
	display: block !important;
}

/* If Elementor is wrapping it (common) */
.site-logo, .site-logo a, .site-logo img {
	height: 50px !important;
	line-height: 50px;
}

#scroll-progress-bar {
	position: absolute;
	bottom: -1px;
	left: 0;
	height: 1px;
	background-color: var(--e-global-color-accent);
	width: 0%;
	transition: width .1s ease-out;
	z-index: 9999;
}

.dp a:hover {
	transform: translateX(3px);
}

.mobilemenu {
	height: 0;
}

.mobilemenu .elementor-nav-menu--dropdown .elementor-sub-item {
	font-size: 20px !important;
	font-weight: normal !important;
}

/* Hamburger Styles */
.menutrigger {
	width: 30px;
	cursor: pointer;
	z-index: 1001;
	position: relative;
}

.menutrigger .bar {
	width: 100%;
	height: 3px;
	background: #333;
	margin: 6px 0;
	transition: all .3s ease;
}

/* X transition */
.menutrigger.active .bar:nth-child(1) {
	transform: rotate(45deg) translate(7px, 7px);
}

.menutrigger.active .bar:nth-child(2) {
	opacity: 0;
}

.menutrigger.active .bar:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -6px);
}

.admin-bar .mobilemenu {
	top: 126px !important;
}

/* Mobile Menu */
.mobilemenu {
	position: fixed;
	top: 80px !important;
	right: 0;
	height: 100%;
	z-index: 1000;
	box-shadow: -4px 0 10px rgba(0, 0, 0, .1);
	/* Hidden state */
	transform: translateX(100%);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	/* Transition for slide + fade */
	transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
}

.mobilemenu.open {
	transform: translateX(0);
	height: 100%;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.mobilemenu .elementor-nav-menu {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.mobilemenu .sub-menu {
	padding: 15px 0 0;
}

.mobilemenu .sub-menu li {
	margin-bottom: 20px;
}

.mobilemenu .sub-menu li a {
	font-size: 20px;
	font-weight: normal;
}

.mobilemenu .sub-menu li:last-child {
	margin-bottom: 0;
}

/* Prevent body scrolling */
body.frozen {
	overflow: hidden;
}

.featuredmenu:after {
	content: "";
	background-image: linear-gradient(180deg, rgba(61, 70, 68, .09) 0%, rgba(255, 255, 255, 0) 15%);
	background-color: var(--e-global-color-5c272fa);
	width: 100%;
	/* right: 0; */
	
	/* left: 0; */
	top: 0;
	bottom: 0;
	position: absolute;
	transform: translateX(100%);
	/* z-index: 12; */
	border-radius: 0 0 15px 0;
	overflow: hidden;
}

.bannervideo .elementor-background-video-hosted {}

.maintitle {
	line-height: 1.4 !important;
}

.maintitle span {
	font-family: "Schnebel", Sans-serif;
	font-style: italic;
	font-size: 60%;
	line-height: 1 !important;
}

.subtitle_shape > * {
	padding: 0px !important;
	line-height: 1 !important;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 2px;
	color: var(--e-global-color-accent) !important;
	justify-content: center !important;
	border-radius: 1px 20px;
	border: 0px solid var(--e-global-color-accent) !important;
	background: transparent;
}

.subtitle_shape.solid > * {
	color: #fff !important;
	padding: 16px 34px 12px 38px !important;
	border: 0 !important;
	min-width: 320px;
	text-transform: none !important;
}

.subtitle_shape.solid.cobalt > * {
	background: #006198;
}

.line-below h3:after {
	content: "";
	background: var(--e-global-color-accent);
	margin: 10px auto;
	display: block;
	height: 1px;
	width: 90px;
}

.line-below.left h3:after {
	content: "";
	margin: 10px 0;
}

.line-above h3:before {
	content: "";
	background: var(--e-global-color-accent);
	margin: 10px auto;
	display: block;
	height: 1px;
	width: 90px;
}

.line-above.left h3:before {
	content: "";
	margin: 10px 0;
}

.btn a {
	background-color: var(--e-global-color-primary);
	text-transform: uppercase;
	border-radius: 100px;
	display: flex;
	justify-content: space-between;
	padding: 10px 30px 10px 30px;
	align-items: center;
	line-height: 1;
	height: 50px;
}

.btn a:hover {
	-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	-moz-transform: scale(.98);
	-webkit-transform: scale(.98);
	-o-transform: scale(.98);
	-ms-transform: scale(.98);
	transform: scale(.98);
}

.btn span {
	color: var(--e-global-color-secondary) !important;
	font-size: 18px;
	line-height: 1;
	font-weight: 400;
	top: 1px;
	position: relative;
	text-transform: capitalize;
}

.menuish span {
	font-size: 16px;
}

.btn a:after, .flipperbox .elementor-flip-box__button:after, .simple_btn > div:after, a.simple_btn:after, .tab-featured-card__cta:after, .slider-arrows button, .theyears div[role="tabpanel"] a:after {
	content: "";
	top: 1px;
	position: relative;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS44MSAxMi45NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzNkNDY0NDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUuODEsNi41MXMwLS4wNSwwLS4wOGMwLS4wNi0uMDItLjEyLS4wMy0uMTgsMC0uMDMtLjAyLS4wNS0uMDMtLjA4LS4wMy0uMDctLjA3LS4xNC0uMTMtLjIsMCwwLDAtLjAyLS4wMS0uMDIsMCwwLDAsMCwwLDBMMjkuODYuMjJjLS4yOS0uMjktLjc2LS4yOS0xLjA1LDBzLS4yOS43NiwwLDEuMDVsNC40OCw0LjQ4SC43NGMtLjQxLDAtLjc0LjMzLS43NC43NHMuMzMuNzQuNzQuNzRoMzIuNTVsLTQuNDksNC40OWMtLjI5LjI5LS4yOS43NiwwLDEuMDUuMTQuMTUuMzMuMjIuNTIuMjJzLjM4LS4wNy41Mi0uMjJsNS43NS01Ljc1czAtLjAyLjAyLS4wMmMuMDYtLjA2LjExLS4xMy4xNC0uMjEsMCwwLDAsMCwwLDAsMCwwLDAtLjAyLDAtLjAzLjAzLS4wNy4wNC0uMTUuMDQtLjIzWiIvPgo8L3N2Zz4=");
	width: 36px;
	height: 14px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 10px;
	display: inline-block;
	-webkit-transition: all .12s ease-in-out;
	-moz-transition: all .12s ease-in-out;
	-ms-transition: all .12s ease-in-out;
	-o-transition: all .12s ease-in-out;
	transition: all .12s ease-in-out;
}

.slider-arrows button.prev {
	transform: rotate(180deg);
}

.btn.green a:after {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS44MSAxMi45NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzk1YzA0MzsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUuODEsNi41MXMwLS4wNSwwLS4wOGMwLS4wNi0uMDItLjEyLS4wMy0uMTgsMC0uMDMtLjAyLS4wNS0uMDMtLjA4LS4wMy0uMDctLjA3LS4xNC0uMTMtLjIsMCwwLDAtLjAyLS4wMS0uMDIsMCwwLDAsMCwwLDBMMjkuODYuMjJjLS4yOS0uMjktLjc2LS4yOS0xLjA1LDBzLS4yOS43NiwwLDEuMDVsNC40OCw0LjQ4SC43NGMtLjQxLDAtLjc0LjMzLS43NC43NHMuMzMuNzQuNzQuNzRoMzIuNTVsLTQuNDksNC40OWMtLjI5LjI5LS4yOS43NiwwLDEuMDUuMTQuMTUuMzMuMjIuNTIuMjJzLjM4LS4wNy41Mi0uMjJsNS43NS01Ljc1czAtLjAyLjAyLS4wMmMuMDYtLjA2LjExLS4xMy4xNC0uMjEsMCwwLDAsMCwwLDAsMCwwLDAtLjAyLDAtLjAzLjAzLS4wNy4wNC0uMTUuMDQtLjIzWiIvPgo8L3N2Zz4=");
}

.btn.dark a:after, .flipperbox .elementor-flip-box__button:after {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNS44MSAxMi45NyI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMzUuODEsNi41MXMwLS4wNSwwLS4wOGMwLS4wNi0uMDItLjEyLS4wMy0uMTgsMC0uMDMtLjAyLS4wNS0uMDMtLjA4LS4wMy0uMDctLjA3LS4xNC0uMTMtLjIsMCwwLDAtLjAyLS4wMS0uMDIsMCwwLDAsMCwwLDBMMjkuODYuMjJjLS4yOS0uMjktLjc2LS4yOS0xLjA1LDBzLS4yOS43NiwwLDEuMDVsNC40OCw0LjQ4SC43NGMtLjQxLDAtLjc0LjMzLS43NC43NHMuMzMuNzQuNzQuNzRoMzIuNTVsLTQuNDksNC40OWMtLjI5LjI5LS4yOS43NiwwLDEuMDUuMTQuMTUuMzMuMjIuNTIuMjJzLjM4LS4wNy41Mi0uMjJsNS43NS01Ljc1czAtLjAyLjAyLS4wMmMuMDYtLjA2LjExLS4xMy4xNC0uMjEsMCwwLDAsMCwwLDAsMCwwLDAtLjAyLDAtLjAzLjAzLS4wNy4wNC0uMTUuMDQtLjIzWiIvPgo8L3N2Zz4=");
}

.btn.dark a {
	background-color: var(--e-global-color-primary);
}

.btn.dark span {
	color: #fff !important;
}

.btn.green a {
	background-color: var(--e-global-color-secondary);
}

.btn.green span {
	color: #fff !important;
}

.btn a:hover:after, .tab-featured-card:hover .tab-featured-card__cta:after, .flipperbox:hover .elementor-flip-box__button:after, .blog_post_loop:hover .simple_btn > div:after, .theyears div[role="tabpanel"] a:hover:after {
	-moz-transform: translateX(5px);
	-webkit-transform: translateX(5px);
	-o-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
}

.flipperbox .elementor-flip-box__button, .simple_btn > div {
	border: 0 !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	font-size: 16px !important;
	text-transform: capitalize;
}

.elementor-flip-box__back .elementor-flip-box__layer__description:before {
	content: "";
	background: var(--e-global-color-accent);
	margin: 10px auto;
	display: block;
	height: 6px;
	width: 60px;
}

.smartsearch, .linker a {
	display: inline-block;
	color: var(--e-global-color-text);
	position: relative;
	font-weight: normal;
	font-size: 16px;
	text-decoration: none;
	transition: all .3s ease;
}

.linker a {
	font-size: 16px !important;
	font-weight: bold !important;
}

.smartsearch:after, .linker a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	border-radius: 2px;
	background: var(--e-global-color-accent);
	width: 30px;
	/* Fixed short underline visible by default */
	transform-origin: left center;
	transition: width .45s ease;
}

.smartsearch:hover:after, .linker a:hover:after {
	width: 100%;
}

/* Optional: different easing for return to feel more natural */
.smartsearch:hover:after, .linker a:hover:after {
	transition: width .5s ease-out;
}

.smartsearch:after, .linker a:after {
	transition: width .4s ease-in;
}

/* Optional enhancements */
.smartsearch:hover, .linker a:hover {
	color: var(--e-global-color-accent);
}

.btns a {
	display: inline-block;
	border: 1px solid transparent;
	color: var(--e-global-color-text);
	position: relative;
	font-weight: normal;
	font-size: 16px !important;
	text-decoration: none;
	transition: all .3s ease;
	border-radius: 1px 20px !important;
	transition: all .3s ease;
	line-height: 1 !important;
	box-sizing: border-box;
	padding: 15px 35px 13px 35px !important;
}

.btns.outline a {
	border: 1px solid var(--e-global-color-text) !important;
	background-color: transparent !important;
}

.btns a:after {}

.btns a:hover:after {
	width: calc(100% - 50px);
	transition: width .5s ease-out;
}

.btns a:hover {
	color: var(--e-global-color-accent);
	transform: scale(.97);
}

.main_menu .e-n-menu-dropdown-icon > .e-n-menu-dropdown-icon-opened {
	display: block !important;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMyAxMyI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDMwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4xIEJ1aWxkIDEyMykgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogIzNkNDY0NDsKICAgICAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7CiAgICAgICAgc3Ryb2tlLWxpbmVqb2luOiByb3VuZDsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBvbHlsaW5lIGNsYXNzPSJzdDAiIHBvaW50cz0iMy41IC41IDkuNSA2LjUgMy41IDEyLjUiLz4KPC9zdmc+");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width: 11px !important;
	height: 11px !important;
	transition: transform .2s ease-in-out;
	/* Smooth rotate */
	transform: rotate(0deg);
}

.main_menu .e-n-menu-dropdown-icon > .e-n-menu-dropdown-icon-opened.nitro-lazy {
	background-image: none !important;
}

/* When dropdown is open: rotate to point down */
.main_menu .e-n-menu-dropdown-icon[aria-expanded="true"] > span {
	transform: rotate(90deg);
}

/* Hide the extra closed span completely (we don't need two icons) */
.main_menu .e-n-menu-dropdown-icon-closed {
	display: none !important;
}

p:last-child {
	margin-bottom: 0 !important;
}

.masked {
	-webkit-mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_fixed.svg");
	mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_fixed.svg");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: left center;
	mask-position: left center;
	mask-mode: alpha;
	position: relative;
	z-index: 10;
}

.masked.nitro-lazy {
	mask-image: none !important;
}

.masked.bio {
	-webkit-mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_bio.svg");
	mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_bio.svg");
}

.masked.bio.nitro-lazy {
	mask-image: none !important;
}

.masked.ag {
	-webkit-mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_ag.svg");
	mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_ag.svg");
}

.masked.ag.nitro-lazy {
	mask-image: none !important;
}

.masked.ingredients {
	-webkit-mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_ingredients.svg");
	mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_ingredients.svg");
}

.masked.ingredients.nitro-lazy {
	mask-image: none !important;
}

.masked.mining {
	-webkit-mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_mining.svg");
	mask-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/locus_shape_mining.svg");
}

.masked.mining.nitro-lazy {
	mask-image: none !important;
}

.locus:before {
	content: "" !important;
	background-color: var(--e-global-color-primary) !important;
	position: absolute !important;
	width: 10000% !important;
	height: calc(100% - 130px) !important;
	z-index: 1 !important;
	left: 20% !important;
	top: 20px !important;
}

.locus:after {
	content: "";
	background-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/source/rev-df0e4cd/locusfs.com/wp-content/themes/locus-fs-hello/img/squigs_w.svg");
	background-size: 60px;
	opacity: .05;
	position: absolute;
	width: 10000%;
	height: calc(100% - 130px);
	z-index: 2;
	left: 20%;
	top: 20px;
	background-repeat: repeat;
}

.masked:after {
	content: "";
}

p, li {
	line-height: 1.6;
}

p:last-child {
	margin-bottom: 0 !important;
}

.cool-slider.e-n-tab-title-text {
	font-size: 20px;
}

.cool-slider .e-n-tab-title[tabindex="0"] > span {
	font-size: 22px !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.cool-slider .e-n-tab-title {}

.cool-slider .e-n-tabs-content > div {
	opacity: 0 !important;
	visibility: hidden !important;
}

.cool-slider .e-n-tabs-content > .e-active {
	opacity: 1 !important;
	visibility: visible !important;
	position: relative !important;
	transition: opacity 1.2s ease-in-out, visibility 1.2s ease-in-out !important;
}

.afterbox:after {
	content: "";
	border-radius: 1px 20px;
	position: absolute;
	transform: translate(25px, 25px);
	width: 100%;
	height: calc(100%);
	background-size: 60px;
	background-repeat: repeat;
	z-index: 1;
}

.afterbox.lefttop:after {
	transform: translate(-25px, -25px);
}

.afterbox > div {
	z-index: 2;
	border-radius: 1px 20px;
}

.grey:after {
	background-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/optimized/rev-df0e4cd/locusfs.com/wp-content/uploads/2025/04/squigs_g.svg");
	opacity: .2;
}

.lightgreen:after, .exec .elementor-widget-image:after {
	background-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/optimized/rev-df0e4cd/locusfs.com/wp-content/uploads/2025/04/squigs_lg.svg");
}

.exec img {
	z-index: 2;
	position: relative;
}

.exec .elementor-widget-image:after {
	content: "";
	border-radius: 10000px;
	position: absolute;
	transform: translate(10px, 10px);
	width: 100%;
	height: calc(100%);
	background-size: 40px;
	background-repeat: repeat;
	left: 0;
	z-index: 1;
}

.checkmark, .faq-content ul {
	list-style: none;
	padding-left: 30px;
}

.checkmark li, .faq-content ul li {
	position: relative;
}

.checkmark li:before, .faq-content ul li:before {
	content: "";
	width: 15px;
	height: 13px;
	display: inline-block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-right: 0;
	position: absolute;
	left: -20px;
	top: 4px;
}

.checkmark.white li:before {
	top: 0;
	content: "–";
}

.checkmark.green li:before {
	top: 0;
	content: "–";
}

.checkmark.grey li:before, .faq-content ul li:before {
	top: 0;
	content: "–";
}

.checkmark.grey + p {
	margin: 20px 0 0 0;
}

.tm-reg {
	position: relative;
	font-size: .6em;
	vertical-align: super;
}

.workflow {
	overflow: hidden !important;
}

.workflow:after {
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNTU5LjI1IDE0OS45MSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2VlZWVlYjsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiBub25lOwogICAgICAgIHN0cm9rZTogI2VlZWVlYjsKICAgICAgICBzdHJva2UtbWl0ZXJsaW1pdDogMTA7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiA0cHg7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTAsMTQ3QzE4MS4wMiw3Ny4wMiw0NjIuNzEsMzIuMDUsNzc5LjA5LDMyLjA1czU4Ny41Nyw0My4zMSw3NjguODgsMTExLjA3Ii8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTU1OS4yNSwxNDcuNDJjLTYuMDYuMDItMTMuOTIuOTgtMTkuMzMsMy4wNWw2LjUxLTcuNzUuMDQtMTAuMTJjMi43OSw1LjA4LDguMTcsMTAuODksMTIuNzgsMTQuODJaIi8+Cjwvc3ZnPg==");
	content: "";
	width: 1400px;
	height: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	z-index: -1;
	margin: auto;
	display: block;
}

.nums {
	margin-top: auto;
}

.nums > div {
	color: var(--e-global-color-primary) !important;
	font-size: 34px;
	font-weight: bold;
	border: 4px solid #eeeeeb;
	background: #fff;
	width: 65px;
	height: 65px;
	padding-top: 5px;
	line-height: 1;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	border-radius: 100px;
}

.dotty {
	margin-top: auto;
}

.dotty > div {
	color: var(--e-global-color-primary) !important;
	font-size: 34px;
	font-weight: bold;
	border: 4px solid #eeeeeb;
	background: #fff;
	width: 15px;
	height: 15px;
	padding-top: 5px;
	line-height: 1;
	display: flex;
	justify-content: center !important;
	align-items: center !important;
	border-radius: 100px;
}

.soil, .plant {
	transform: translateY(45px);
}

.penetrate, .suspend {
	transform: translateY(35px);
}

.fourcorners > div {
	border-style: solid;
	border-width: 0;
	border-color: var(--e-global-color-accent);
}

.fourcorners > div:nth-child(1) {
	border-right-width: 1px;
}

.fourcorners > div:nth-child(2) {}

.fourcorners > div:nth-child(3) {
	border-top-width: 1px;
	border-right-width: 1px;
}

.fourcorners > div:nth-child(4) {
	border-top-width: 1px;
}

.sixcorners > div {
	border-style: solid;
	border-width: 0;
	border-color: rgba(171, 171, 171, .2);
}

.sixcorners > div:nth-child(1) {
	border-right-width: 1px;
}

.sixcorners > div:nth-child(2) {}

.sixcorners > div:nth-child(3) {
	border-left-width: 1px;
}

.sixcorners > div:nth-child(4) {
	border-top-width: 1px;
	border-right-width: 1px;
}

.sixcorners > div:nth-child(5) {
	border-top-width: 1px;
}

.sixcorners > div:nth-child(6) {
	border-top-width: 1px;
	border-left-width: 1px;
}

.timeline {
	overflow: hidden !important;
	position: relative;
}

.timeline:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 140px;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	pointer-events: none;
}

.timeline:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 140px;
	width: 100%;
	background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	pointer-events: none;
}

.years {
	overflow: hidden !important;
	position: relative;
	transition: height .4s ease;
}

.years-inner {
	transition: transform .4s ease;
	will-change: transform;
}

.year-wrapper {
	box-sizing: border-box;
	padding: 20px 0;
}

.timeline_nav {
	display: flex;
	flex-direction: column;
	gap: 40px;
	z-index: 2;
	position: relative;
}

.timeline-wrapper:before {
	width: 4px;
	background: #eeeeeb;
	height: 100vh;
	content: "";
	display: inline-block;
	position: absolute;
	left: 6px;
}

.timeline_nav a {
	display: block;
	position: relative;
	font-family: "Schnebel", Sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	color: var(--e-global-color-secondary);
}

.timeline_nav a:before {
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 100px;
	background: #fff;
	margin-right: 10px;
	border: 4px solid #eeeeeb;
}

.timeline_nav a.active {
	color: var(--e-global-color-primary);
}

.timeline_nav a.active:before {
	background: var(--e-global-color-accent);
}

.theyears > .e-n-tabs > .e-n-tabs-heading > :is(.e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title) {
	flex: 1;
}

.theyears .e-n-tabs-heading {
	justify-content: space-between;
}

.theyears div[role="tabpanel"] a {
	color: var(--e-global-color-secondary);
	padding: 20px 0;
	border-top: 1px solid var(--e-global-color-5c272fa);
	display: flex;
	width: 100%;
}

.theyears div[role="tabpanel"] a:after {
	margin-left: auto;
}

.blog_pc h1, .blog_pc h2, .blog_pc h3, .blog_pc h4 {
	font-family: "Schnebel", Sans-serif;
	font-weight: 900 !important;
	line-height: 1;
	color: var(--e-global-color-secondary);
	margin-top: 30px;
	margin-bottom: 20px;
}

.blog_pc p, .blog_pc li {
	font-size: 16px;
	line-height: 1.6;
}

.blog_pc p, .blog_pc ul {
	margin-bottom: 20px;
}

.blog_pc p:last-child {
	margin-bottom: 0;
}

.blog_pc a, .blog_pc p > a {
	color: var(--e-global-color-primary);
}

.blog_pc img {
	border-radius: 20px !important;
}

.ez-toc-counter {
	font-family: "Schnebel", Sans-serif;
	padding: 40px !important;
	background-color: var(--e-global-color-5c272fa) !important;
	border-radius: 20px !important;
	border: 0 !important;
	margin: 40px 0 !important;
}

.ez-toc-title {
	font-weight: 900 !important;
	line-height: 1;
	font-size: 18px;
	color: var(--e-global-color-secondary);
}

.ez-toc-heading-level-2 {
	margin-bottom: 10px !important;
	font-size: 16px !important;
}

.ez-toc-heading-level-2 > a {
	font-weight: 900 !important;
}

.mustache:after {
	content: "";
	width: 30px;
	height: 1px;
	border-radius: 2px;
	background: var(--e-global-color-a5cae27);
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	transform-origin: left center;
	transition: width .45s ease;
}

#grnhse_app * {
	font-family: "Schnebel", Sans-serif;
}

#grnhse_app .index--header__no-description {
	display: none !important;
}

#grnhse_app .job-posts {
	padding-top: 0 !important;
}

.faq-accordion {
	width: 800px;
	gap: 10px;
	display: flex;
	flex-direction: column;
}

.faq-item {
	margin-top: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 30px 13px;
	background: var(--e-global-color-5c272fa);
	border-radius: 6px;
}

.faq-title {
	width: 100%;
	text-align: left;
	padding: 2px 0 0 0;
	border: none;
	font-size: 18px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--e-global-color-secondary);
	line-height: 1;
}

.faq-title:hover {
	background: transparent !important;
}

.faq-icon {
	font-size: 24px;
	transition: transform .3s ease;
}

.faq-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s ease, padding .3s ease, opacity .2s ease;
	opacity: 0;
}

.faq-content.open {
	max-height: 500px;
	opacity: 1;
	padding: 15px 0 0;
}

.faq-title[aria-expanded="true"] {
	color: var(--e-global-color-primary);
}

/* END FAQ */
.legal h1, .legal h2, .legal h3, .legal h4 {
	color: var(--e-global-color-secondary);
	margin-bottom: 20px;
	margin-top: 30px;
}

.legal h1 {
	font-size: 30px;
}

.legal h2 {
	font-size: 26px !important;
}

.legal h3 {
	font-size: 24px !important;
}

.legal h4 {
	font-size: 22px !important;
}

.legal p {}

.legal ul, .legal ol {
	margin-bottom: 20px;
}

.legal li {
	margin-bottom: 10px;
}

.legal li:last-child {
	margin-bottom: 0;
}

.legal a {
	color: var(--e-global-color-primary) !important;
}

.copyright, .copyright a {
	color: #111;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
}

.copyright a:hover {
	color: var(--e-global-color-primary);
}

@media (max-width: 767px) {
	.main_menu nav {
		height: calc(-80px + 100vh);
	}
	
	.main_menu nav .elementor-nav-menu {
		justify-content: flex-end;
		margin-inline-start: auto;
		overflow: scroll;
		padding: 30px;
	}
	
	.btn a {
		padding: 10px 20px 10px 20px;
	}
	
	.btn a, .btn {
		width: 100%;
	}
	
	.maintitle span {
		font-size: 20px;
	}
	
	.afterbox:after {
		transform: translate(30px, 30px);
		height: 250px !important;
		max-height: 250px !important;
		min-height: 250px !important;
	}
	
	.afterbox > * {
		height: 250px !important;
		max-height: 250px !important;
	}
	
	.bottomcta .afterbox:after {
		transform: translate(30px, 30px);
		height: inherit !important;
		max-height: inherit !important;
		min-height: inherit !important;
	}
	
	.bottomcta .afterbox > * {
		height: inherit !important;
		max-height: inherit !important;
		min-height: inherit !important;
	}
	
	.years-inner {
		gap: 40px;
		display: flex;
		transform: translateY(0px);
		flex-direction: column;
	}
	
	.timeline_nav {
		flex-direction: row;
		overflow-x: auto;
		gap: 20px;
		padding: 0 20px;
		mask-image: linear-gradient(to right, transparent 0px, black 30px, black calc(100% - 30px), transparent 100%);
		scrollbar-width: none;
	}
	
	.timeline_nav::-webkit-scrollbar {
		display: none;
	}
	
	.timeline_nav a {
		display: flex;
		white-space: nowrap;
		flex-shrink: 0;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	}
	
	.timeline_nav a:before {
		margin: 0 0 10px;
	}
	
	.timeline-wrapper:before {
		width: 100%;
		height: 4px;
		position: absolute;
		top: 6px;
		left: 0;
	}
	
	#locusMap {
		bottom: -35px;
	}
	
	.fourcorners > div {
		border-bottom-width: 1px;
		border-right: none;
		border-left: none;
		border-top: none;
	}
	
	.fourcorners > div:last-child {
		border-bottom: none;
	}
}

@media (max-width: 1024px) {
	.theyears div[role="tabpanel"] a {
		text-align: center;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.theyears div[role="tabpanel"] a:after {
		margin-left: 0;
		margin-top: 10px;
	}
	
	.timeline_nav {}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.soil, .plant {
		transform: translateY(45px);
	}
}

@media (min-width: 1025px) and (max-width: 1366px) {
	.soil, .plant {
		transform: translateY(45px);
	}
}

/* ==========================================
   HubSpot Form Styling – Full Reset & Floating Labels
   ========================================== */
.formy {
	min-height: 420px;
}

.formy .hsfc-FormWrapper, .formy .hsfc-Form, .formy .hsfc-Step__Content {
	position: relative !important;
	padding: 0 !important;
}

.formy * {
	font-family: Schnebel, sans-serif !important;
}

/* Hide inline field errors – only show summary */
.formy .hsfc-ErrorAlert {
	display: none !important;
}

/* Summary error box above form */
.formy .hsfc-NavigationRow__Alerts {}

.formy .hsfc-NavigationRow {
	margin-top: 0 !important;
}

/* Field containers */
.formy .hsfc-EmailField, .formy .hsfc-TextField, .formy .hsfc-DropdownField, .formy .hsfc-TextareaField {
	position: relative !important;
	margin-bottom: 0 !important;
}

/* Labels – start centered inside input */
.formy .hsfc-FieldLabel {
	position: absolute !important;
	top: 54% !important;
	left: 30px !important;
	transform: translateY(-50%) !important;
	color: #111 !important;
	font-size: 16px !important;
	pointer-events: none !important;
	transition: all .3s ease !important;
	background: transparent !important;
	z-index: 2 !important;
	line-height: 1.2 !important;
	margin-bottom: 0 !important;
}

.formy .hsfc-TextareaField .hsfc-FieldLabel {
	position: absolute !important;
	top: 30px !important;
	left: 30px !important;
}

/* Float label when active (focused or filled) */
.formy .label-active .hsfc-FieldLabel {
	top: 3px !important;
	left: 20px !important;
	transform: translateY(0) !important;
	font-size: 10px !important;
	color: var(--e-global-color-text) !important;
	background: transparent !important;
	padding: 0 !important;
}

/* Required asterisk */
.formy .hsfc-FieldLabel__RequiredIndicator {
	color: #c62828 !important;
	margin-left: 4px !important;
}

/* All inputs / textarea / dropdown button */
.formy .hsfc-TextInput, .formy .hsfc-TextareaInput, .formy .hsfc-DropdownInput .hsfc-TextInput--button {
	width: 100% !important;
	height: 50px !important;
	padding: 0 26px !important;
	padding-top: 18px !important;
	/* space for floating label */
	padding-bottom: 12px !important;
	border: 1px solid rgba(0, 0, 0, .05) !important;
	border-radius: 6px !important;
	background: rgba(255, 255, 255, .9) !important;
	font-size: 16px !important;
	color: var(--e-global-color-text) !important;
	transition: #999 .3s ease, box-shadow .3s ease !important;
	box-sizing: border-box !important;
	margin-bottom: 0 !important;
}

/* Textarea taller */
.formy .hsfc-TextareaInput {
	height: 120px !important;
	padding-top: 24px !important;
	resize: none !important;
}

/* Focus highlight */
.formy .hsfc-TextInput:focus, .formy .hsfc-TextareaInput:focus, .formy .hsfc-DropdownInput .hsfc-TextInput--button:focus {
	border-color: 1px solid rvar(--e-global-color-accent) !important;
	outline: none !important;
	box-shadow: 0 0 0 2px rgba(var(--e-global-color-text-rgb), .2) !important;
}

/* Row spacing */
.formy .hsfc-Row {
	gap: 20px !important;
}

/* Submit button */
.formy .hsfc-Button {
	position: relative !important;
	color: #fff !important;
	font-weight: normal !important;
	font-size: 18px !important;
	text-decoration: none !important;
	transition: all .3s ease !important;
	border-radius: 1px 20px !important;
	line-height: 1 !important;
	padding: 15px 35px 13px 35px !important;
	background: var(--e-global-color-secondary) !important;
	border: none !important;
	cursor: pointer !important;
	min-height: 50px !important;
}

.formy .hsfc-Button:hover, .formy .hsfc-Button:active, .formy .hsfc-Button:focus {
	transform: scale(.97) !important;
	opacity: .9 !important;
}

/* Dropdown extras */
.formy .hsfc-DropdownInput__Caret span {
	border-top-color: var(--e-global-color-text) !important;
}

.formy .hsfc-DropdownOptions {
	border: 1px solid #ccc !important;
	border-radius: 6px !important;
	background: white !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .1) !important;
	margin-top: 4px !important;
}

.formy .hsfc-DropdownOptions__List__ListItem {
	padding: 12px 16px !important;
	cursor: pointer !important;
}

.formy .hsfc-DropdownOptions__List__ListItem:hover, .formy .hsfc-DropdownOptions__List__ListItem[aria-selected="true"] {
	background: #f5f5f5 !important;
}

/* Red border on invalid */
.formy [aria-invalid="true"] .hsfc-TextInput, .formy [aria-invalid="true"] .hsfc-TextareaInput, .formy [aria-invalid="true"] .hsfc-DropdownInput .hsfc-TextInput--button {
	border-color: #c62828 !important;
}

.elementor-widget-image:not(.footer_logo) img[src$=".svg"] {
	width: 95px !important;
	height: 95px !important;
	max-width: 95px !important;
}

.p-after:after {
	content: "";
	background-image: url("https://cdn-ilelojj.nitrocdn.com/pRQRazbbzlDNIrPAaXApWGuxKbWERNkd/assets/images/optimized/rev-df0e4cd/locusfs.com/wp-content/uploads/2025/04/squigs_lg.svg");
	background-size: 60px;
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	transform: translate(25px, 25px);
	display: block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	border-radius: 0 20px;
}

@media only screen and (max-width: 400px) {
	.subtitle_shape > *, subtitle_ > * {
		font-size: 12px !important;
	}
}

/* hubspot form styled end */
.faq-content p, .faq-content ul, .faq-content ol {
	font-size: 16px;
	margin-block-end: 10px !important;
}

.faq-content p:last-child, .faq-content ul:last-child, .faq-content ol:last-child {
	font-size: 16px;
	margin-bottom: 10px;
}

.product_section {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.product_section.where {}

.product_section.how {
	gap: 60px;
	flex-direction: column;
	justify-content: center;
}

.product_section .intro h3 {
	font-size: 44px !important;
	font-family: "Schnebel", Sans-serif;
	font-weight: 900 !important;
	color: #fff;
	margin: 0 0 20px;
}

.product_section .intro {
	flex: 0 0 35%;
	text-align: center;
	margin-bottom: 0;
}

.where-list {
	display: flex;
	justify-content: space-evenly;
	gap: 10px;
	font-size: 16px;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
	/* padding: 40px 0; */
	border-top: 1px solid var(--e-global-color-5c272fa);
	border-bottom: 1px solid var(--e-global-color-5c272fa);
	/* margin-bottom: 30px; */
	width: 100%;
}

.where-list > div {
	text-align: left;
	line-height: 1.2;
	position: relative;
	padding: 0;
	flex: auto;
	display: inline-block;
}

.where-list > div:after {}

.where-list > div:last-child:after {
	display: none;
}

.where-closing {
	font-weight: bold;
}

.how-grid {
	display: grid;
	grid-template-columns: repeat(var(--how-cols, 3), 1fr);
	gap: 20px;
	margin: 0 auto;
	padding: 0;
}

@media (max-width: 600px) {
	.how-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

.how-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 30px 20px;
	background: rgba(255, 255, 255, .1);
	border-radius: 10px 0;
	transition: transform .3s ease;
}

.how-icon {
	width: 75px;
	height: 75px;
	margin-bottom: 10px;
}

.how-icon img {
	width: 75px;
	height: 75px !important;
	object-fit: contain;
}

.how-title {
	font-size: 18px !important;
	margin: 0 0 10px;
	color: var(--e-global-color-accent);
}

.how-content {
	font-size: 16px;
	line-height: 1.6;
	color: #fff;
}

/* END HOW */
.data-grid {
	display: grid;
	gap: 40px;
	align-items: flex-start;
}

.data-grid.cols-1 {
	grid-template-columns: 1fr;
}

.data-grid.cols-2 {
	grid-template-columns: repeat(2, 1fr);
}

.data-grid.cols-3 {
	grid-template-columns: repeat(3, 1fr);
}

.data-grid h3 {
	font-family: "Schnebel", Sans-serif;
	font-size: 24px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: var(--e-global-color-secondary);
	margin: 0 0 20px;
}

.data-grid .impact-list, .data-grid .use-content, .data-grid .callout-content {
	font-size: 16px;
	line-height: 1.6;
	color: var(--e-global-color-text, #333);
}

.data-grid .subtits {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.2;
	color: var(--e-global-color-accent) !important;
}

.intro.line-below .content {
	color: #fff;
}

::selection {
	background: var(--e-global-color-a5cae27);
	color: #111;
	padding: 10px;
}

#scrollTopBtn {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 50%;
	background: var(--e-global-color-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
	z-index: 1002;
}

#scrollTopBtn.show {
	opacity: 1;
	visibility: visible;
}

#scrollTopBtn:hover {
	transform: translateY(-3px);
}

.blog_pc h1 {
	font-size: 34px !important;
}

.blog_pc h2 {
	font-size: 30px !important;
}

.blog_pc h3 {
	font-size: 26px !important;
}

.blog_pc h4 {
	font-size: 22px !important;
}

.blog_pc h5 {
	font-size: 20px !important;
}

.blog_pc p, .blog_pc ul {
	margin-bottom: 20px !important;
}