/*
Theme Name: Inshi
Theme URI: https://wordpress.org/themes/twentytwenty/
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;
	}
}

/*</editor-fold>*/

/*<editor-fold desc="Base">*/
html[lang]
{
	margin-top: unset !important;
}

body
{
	overflow-x: hidden;
}

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

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

figure
{
	/* display: flex; */
	/* flex-direction: column; */
	/* flex-shrink: 0; */
}

/*</editor-fold>*/

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

/*</editor-fold>*/

/*<editor-fold desc="Header">*/
header.wp-block-template-part
{
	position: relative;
	height: min(max(73px, calc((100vw - 800px) / 12.1212) + 73px), 106px);
}

.main-header
{
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.main-header
{
	position: fixed;
}

/*</editor-fold>*/

/*<editor-fold desc="Blog">*/
.toc-container
{
	position: sticky;
	top: 100px;
}

.main-blog-post:hover
{
	transform: translateY(-8px);
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05)
}

/*</editor-fold>*/

/*<editor-fold desc="Trusted Row">*/
.trusted-by-section
{
	position: relative;
	overflow: hidden;
}

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

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

.trusted-row-forwarded
{
	justify-content: flex-end;
}

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

@media only screen and (min-width: 590px)
{
	.reviews-carousel
	{
		animation: marquee var(--timing) linear infinite;
		height: 390px;
		gap: 20px !important;
		max-width: unset !important;
		flex-wrap: nowrap !important;
	}

	.reviews-carousel > *
	{
		flex-shrink: 0;
	}

	.reviews-carousel:not(.trusted-row-backwarded)
	{
		justify-content: flex-end;
	}
}

/*</editor-fold>*/

/*<editor-fold desc="Portfolio">*/
body.single-portfolio .wp-block-post-content > *
{
	max-width: 100% !important;
	padding-inline: 0 !important;
}

/*</editor-fold>*/

/*<editor-fold desc="About Us">*/
@media only screen and (min-width: 741px)
{
	.contain-overflowed-image > figure
	{
		position: relative;
		aspect-ratio: 535 / 312;
		width: 100%;
	}

	.contain-overflowed-image > figure img
	{
		position: absolute;
		max-width: none;
		width: calc(100% + 4.1%);
		top: -38.7%;
	}

	.has-unexpected-margin-bottom
	{
		margin-bottom: 1lh !important;
	}
}

/*</editor-fold>*/

/*<editor-fold desc="CMO: Vertical Scroll Wrapper">*/
@media only screen and (min-width: 861px)
{
	.vertical-scroll-wrapper
	{
		max-height: 680px;
		overflow-y: hidden;
	}

	.vertical-scroll-wrapper > div
	{
		margin-top: 340px !important;
		transform: translateY(var(--y));
		/* transition: transform 3s ease; */
		/* will-change: transform; */
	}

	.cmo-services .pin-spacer:nth-child(1)
	{
		height: var(--height-1) !important;
	}

	.cmo-services .pin-spacer:nth-child(2)
	{
		height: var(--height-2) !important;
	}

	.cmo-services .pin-spacer:nth-child(3)
	{
		height: var(--height-3) !important;
	}

	.cmo-services .pin-spacer:nth-child(4)
	{
		height: var(--height-4) !important;
	}

	.cmo-services .pin-spacer:nth-child(5)
	{
		height: var(--height-5) !important;
	}

	.cmo-services .pin-spacer:nth-child(6)
	{
		height: var(--height-6) !important;
	}

	.cmo-services .pin-spacer:nth-child(7)
	{
		height: var(--height-7) !important;
	}

	.cmo-services .pin-spacer:nth-child(8)
	{
		height: var(--height-8) !important;
	}

	.cmo-services .pin-spacer:nth-child(9)
	{
		height: var(--height-9) !important;
	}

	.cmo-services .pin-spacer:nth-child(10)
	{
		height: var(--height-10) !important;
	}

	.cmo-services .pin-spacer:nth-child(11)
	{
		height: var(--height-11) !important;
	}
}

/*</editor-fold>*/