/*
primary: #02569e
secondary: #048ae3
tertiary: #6d27b1
quaternary: #F4F9FD
*/

/* hide Google reCAPTCHA badge */
.grecaptcha-badge {
	visibility: hidden;
}

/* Scroll Progress Indicator */
/* Style the holder: fixed position (always stay at the bottom) */
#launchhr-progress-container {
	position: fixed;
	bottom: 0;
	z-index: 1000;
	width: 100%;
	background-color: #383f48;
}

/* The progress container (grey background) */
.launchhr-progress-background {
	width: 100%;
	height: 8px;
	background: var(--secondary);
}

/* The progress bar (scroll indicator) */
.launchhr-progress-bar {
	height: 8px;
	background: var(--tertiary);
	width: 0%;
}

.top-5-percent .parallax-background {
	top: 5% !important;
}

/* light / dark mode switching */
html.dark .custom-dark-mode-switch {
	display: none !important;
}

html:not(.dark) .custom-light-mode-switch {
	display: none !important;
}

ul.custom-no-bullet {
	list-style: none !important;
}

/* #Footer */
html #footer {
	border-top: 4px solid var(--dark-100);
}

html.dark #footer {
	border-top: 4px solid var(--light-100);
}

/* masonry layout on gallery page */
@media (min-width: 380px) {
	.masonry-item {
		width: 50%;
	}

	.masonry-item--width2 {
		width: 100%;
	}
}

@media (min-width: 576px) {
	.masonry-item {
		width: 33%;
	}

	.masonry-item--width2 {
		width: 66%;
	}
}

@media (min-width: 768px) {
	.masonry-item {
		width: 25%;
	}

	.masonry-item--width2 {
		width: 50%;
	}
}

@media (min-width: 1200px) {
	.masonry-item {
		width: 20%;
	}

	.masonry-item--width2 {
		width: 40%;
	}
}

/* Fix shape divider right edge gap on wide screens */
@media (min-width: 1920px) {
	.custom-homepage-hero.section-with-shape-divider .shape-divider svg {
		width: 100% !important;
		transform: translate3d(-50%, 0, 0) scaleX(1.1) !important;
	}
}

/* Limit logo width on screens smaller than sm */
@media (max-width: 575px) {
	.header-logo img {
		max-width: 200px !important;
		height: auto !important;
	}
}

/* why is this so big???? */
.custom-hero-row {
    min-height: 500px !important;
}

/* Sticky footer for short content pages (e.g. privacy - applied to larger screens) */
@media (min-width: 992px) {
	.body {
		display: flex;
		flex-direction: column;
		min-height: 100vh;
	}

	.body > .main {
		flex-grow: 1;
	}
}

/* Custom Sticky Sidebar for services.php */
@media (min-width: 992px) {
	.custom-sticky-sidebar {
		position: -webkit-sticky;
		position: sticky;
		top: 110px;
	}
}

.custom-element-wrapper.custom-element-lynne {
		display: inline-block;
}

.custom-element-wrapper.custom-element-lynne img {
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-lynne:before {
		display: block;
		content: "";
		position: absolute;
		bottom: 0px;
		right: 20px;
		background: var(--primary);
		border-radius: 25px;
		width: 90%;
		height: 90%;
		z-index: -1;
}

.custom-element-wrapper.custom-element-launchhrlogo {
		display: inline-block;
}

.custom-element-wrapper.custom-element-launchhrlogo img {
		border-radius: 25px;
}

.custom-element-wrapper.custom-element-launchhrlogo:before {
		display: block;
		content: "";
		position: absolute;
		bottom: 0px;
		right: 34px;
		background: var(--grey-100);
		border-radius: 25px;
		width: 90%;
		height: 90%;
		z-index: -1;
}