/*
Theme Name: Level Crane Systems
Theme URI: https://inshi.pro/
Author: Inshi
Author URI: https://inshi.pro/
Description: This WordPress theme has been custom-developed. It may contain specific features and design elements tailored to the requirements of the client. Please note that as a custom-designed product, it may not encompass the full range of functionalities found in generic WordPress themes. Any replication or redistribution of this theme without proper authorization is strictly prohibited.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*<editor-fold desc="Wp Admin Bar">*/
#wpadminbar
{
	opacity: .3 !important;
	display: none;
}

#wpadminbar:hover
{
	opacity: 1 !important;
}

@media screen and (max-width: 768px)
{
	#wpadminbar
	{
		display: none;
	}
}

html[lang]
{
	margin-top: unset !important;
}

/*</editor-fold>*/

/*<editor-fold desc="Base">*/

html
{
	overflow-x: hidden;
}

figure
{
	display: flex;
	flex-direction: column;
}

body .wp-site-blocks
{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden;
}

body .wp-site-blocks > footer
{
	margin-top: auto;
}

/*</editor-fold>*/

/*<editor-fold desc="Helpers">*/
.technically-hidden
{
	display: none !important;
}

/*</editor-fold>*/

/*<editor-fold desc="Header">*/

header.main-header
{
	position: relative;
	z-index: 1000;
}

div.main-header
{
	position: fixed;
	width: 100%;
	inset: 0 0 auto 0;
	color: var(--the-color);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	transition: background .3s, border-bottom .3s;
}

.header-soc-icons a
{
	display: inline-block;
	width: 28px;
	height: 28px;
	background: var(--the-color);
	-webkit-mask: var(--image) no-repeat center center;
	mask: var(--image) no-repeat center center;
	transition: background .3s;
}

.header-soc-icons a:hover
{
	background: var(--wp--preset--color--lcs-crimson);
}

.header-soc-icons img
{
	display: none;
}

.header-contact-info a
{
	color: var(--the-color);
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close
{
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
}

.wp-block-navigation__responsive-container-open
{
	background-image: url(assets/images/menu-burger.svg);
}

.wp-block-navigation__responsive-container-close
{
	background-image: url(assets/images/menu-cross.svg);
	z-index: 1;
}

@media only screen and (max-width: 1109px)
{
	div.main-header
	{
		background: #FFF;
		--the-color: #141617 !important;
	}

	div.main-header .main-logo-light
	{
		display: none !important;
	}

	html:not(.has-modal-open) .header-contacts
	{
		display: none;
	}

	html.has-modal-open .header-contacts
	{
		display: flex;
		flex-direction: column-reverse;
		position: fixed;
		bottom: 32px;
		left: 20px;
		z-index: 1000000;
	}

	html.has-modal-open .header-contacts,
	html.has-modal-open .header-contacts > *
	{
		align-items: flex-start !important;
	}

	html.has-modal-open .header-contacts a
	{
		color: var(--wp--preset--color--lcs-crimson) !important;
		font-weight: 600;
	}
}

@media only screen and (min-width: 1110px)
{

	.last-link
	{
		margin-left: 36px !important;
	}

	div.main-header.scrolled
	{
		--the-color: #141617;
		background: #FFF;
		border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	}

	div.main-header:not(.scrolled)
	{
		--the-color: #FFF;
	}

	div.main-header:not(.scrolled) .main-logo-dark,
	div.main-header.scrolled .main-logo-light
	{
		display: none;
	}

	.wp-block-navigation__container
	{
		gap: 30px;
	}

	.wp-block-navigation-item__content
	{
		position: relative;
		color: var(--the-color) !important;
		font-family: "Fira Sans", sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		transition: color .2s ease-in-out;
	}

	.wp-block-navigation-item.current-menu-item::before
	{
		content: '';
		position: absolute;
		width: 100%;
		height: 2px;
		background: var(--the-color);
		bottom: -43px;
		left: 0;
		transition: background-color .2s ease-in-out;
	}

	.wp-block-navigation-item:hover
	{
		--the-color: var(--wp--preset--color--lcs-crimson) !important;
	}
}

@media (max-width: 1109px)
{
	.wp-block-navigation__responsive-container-open svg,
	.wp-block-navigation__responsive-container-close svg
	{
		display: none;
	}

	.wp-block-navigation__responsive-container
	{
		background: #FFF !important;
		height: 100dvh;
		z-index: 10000;
	}

	.wp-block-navigation__responsive-close
	{
		height: 100%;
	}

	.wp-block-navigation__responsive-container-close
	{
		position: fixed;
		right: 20px;
		top: 12px;
	}

	.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content
	{
		text-align: left;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 26px;
	}

	.main-menu ul.main-menu
	{
		margin-inline: 0 auto !important;
		gap: 32px;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content
	{
		align-items: flex-start !important;
		gap: 32px;
		height: 100%;
		padding-block: 32px;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container
	{
		align-items: flex-start !important;
		gap: 32px;
		height: 100%;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-buttons,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-button a
	{
		width: 100%;
	}

	.is-menu-open .wp-block-navigation__responsive-dialog
	{
		height: 100% !important;
		padding-bottom: 10px;
		margin-top: 0 !important;
		padding-top: 56px;
		padding-inline: 20px;
	}

	.main-logos
	{
		display: block;
		width: 100px;
		position: relative;
		z-index: 1000000;
	}

}

@media (min-width: 599px) and (max-width: 1109px)
{
	.wp-block-navigation__responsive-container-open:not(.always-shown)
	{
		display: flex;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open)
	{
		display: none;
	}
}

@media (min-width: 1110px)
{
	.wp-block-navigation__responsive-container-open:not(.always-shown)
	{
		display: none;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open)
	{
		display: block;
	}
}

/*</editor-fold>*/

/*<editor-fold desc="Footer Social Icons">*/
.footer-soc-icons a
{
	display: inline-block;
	width: 28px;
	height: 28px;
	background: rgba(255, 255, 255, 0.44);
	-webkit-mask: var(--image) no-repeat center center;
	mask: var(--image) no-repeat center center;
	transition: background .3s;
}

.footer-soc-icons a:hover
{
	background: var(--wp--preset--color--lcs-white);
}

.footer-soc-icons img
{
	display: none;
}
/*</editor-fold>*/

/*<editor-fold desc="Trusted Row">*/

.rd-trusted-by
{
	position: relative;
	overflow: hidden;
}

.rd-trusted-by::before,
.rd-trusted-by::after
{
	content: '';
	width: 44px;
	height: 40px;
	position: absolute;
	top: min(max(30px, calc((100vw - 800px) / 16) + 30px), 55px);
	flex-shrink: 0;
	z-index: 1;
}

.rd-trusted-by::before
{
	left: 0;
	background: linear-gradient(270deg, rgba(8, 6, 14, 0.00) 0%, #FFF 75%)
}

.rd-trusted-by::after
{
	right: 0;
	background: linear-gradient(270deg, #FFF 25%, rgba(8, 6, 14, 0.00) 100%);
}

.rd-trusted-row
{
	animation: marquee var(--timing) linear infinite;
	height: 40px;
	flex-wrap: nowrap !important;
}

.rd-trusted-row
{
	gap: 55px !important;
}

.rd-trusted-row > *
{
	flex-shrink: 0;
}

@keyframes marquee
{
	0%
	{
		transform: translateX(0);
	}
	100%
	{
		transform: translateX(var(--width));
	}
}

@media only screen and (max-width: 790px)
{
	.rd-trusted-by-section
	{
		background: #FFF !important;
	}

	.rd-trusted-by::before
	{
		background: linear-gradient(270deg, rgba(8, 6, 14, 0.00) 0%, #FFF 75%);
	}

	.rd-trusted-by::after
	{
		background: linear-gradient(270deg, #FFF 25%, rgba(8, 6, 14, 0.00) 100%);
	}
}

/*</editor-fold>*/

/*<editor-fold desc="Accordion">*/

.accordion-item
{
	display: grid !important;
	transition: grid-template-rows .3s ease-in-out, padding-bottom .3s ease-in-out;
}

.accordion-item.active
{
	grid-template-rows: auto 1fr;
	padding-bottom: 16px;
}

.accordion-item:not(.active)
{
	grid-template-rows: auto 0fr;
}

.accordion-item .accordion-item-inner-stack
{
	overflow: hidden;
}

@media only screen and (max-width: 840px)
{
	.accordion-item.active
	{
		background: #F7F9FA;
	}

	.accordion-item:not(.active):last-child h6
	{
		border-bottom: 1px solid #EEF2F5;
	}

	.accordion-item:not(.active) h6
	{
		border-top: 1px solid #EEF2F5;
	}
}

@media only screen and (min-width: 841px)
{
	.accordion-item-image
	{
		display: none !important;
	}
}

/*</editor-fold>*/

/*<editor-fold desc="Your Productivity Elevator">*/
@media only screen and (min-width: 841px)
{
	.elevator-slider
	{
		height: calc((var(--height) * 3) + (68px * 2));
		margin-top: -168px !important;
	}

	.elevator-slider::before,
	.elevator-slider:not(.last)::after
	{
		content: '';
		position: absolute;
		width: 100%;
		height: 132px;
		left: 0;
		z-index: 1;
		pointer-events: none;
	}

	.elevator-slider::before
	{
		top: 0;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
	}

	.elevator-slider:not(.last)::after
	{
		bottom: 0;
		background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
	}
}

/*</editor-fold>*/

/*<editor-fold desc="Header Contact Info">*/
.header-contact-info > p:first-child
{
	position: relative;
	top: 6px;
}
/*</editor-fold>*/

/*<editor-fold desc="Download PDF Popup">*/
.download-popup-wrapper
{
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.28);
	z-index: 100;
	max-width: unset;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: none !important;
}

body.download-popup-open
{
	overflow-y: hidden;
}

body.download-popup-open .download-popup-wrapper
{
	display: flex !important;
	padding-top: 100px;
}

.download-popup-wrapper > div
{
	max-width: min(636px, 95%);
	position: relative;
}

.download-popup-wrapper > div > figure
{
	position: absolute;
	top: var(--wp--preset--spacing--40-24);
	right: var(--wp--preset--spacing--40-24);
	cursor: pointer;
}
/*</editor-fold>*/