/*
 Theme Name:     Acuity Cleaning
 Theme URI:      https://medianow.com/contact-us
 Description:    Theme designed by Acuity Cleaning
 Author:         MediaNow Inc
 Author URI:     https://www.medianow.com
 Template:       Divi
 Version:        2.0.1
*/

/* Theme customization starts here */

:root {
	--primary-color: #5e65ae;
	--secondary-color: #3fc4dc;
	--tertiary-color: #f0f0f0;
	--light-color: #ffffff;
	--dark-color: #000000;
}

::-webkit-scrollbar {
	height: 12px;
	width: 6px;
	background: var(--tertiary-color);
}

::-webkit-scrollbar-thumb {
	background: var(--primary-color);
	-webkit-border-radius: 0;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
}

.grecaptcha-badge {
	bottom: 70px !important;
}

body #page-container #et-main-area .et_pb_button {
	font-family: "Maharlika", sans-serif !important;
	text-transform: normal !important;
}

#et-main-area {
	position: relative !important;
	z-index: 0 !important;
	margin-top: 96px !important;
}

.signed-in #et-main-area {
	margin-top: calc(96px + 32px) !important;
}

.desktop {
	display: block !important;
}

.mobile {
	display: none !important;
}

.signed-in {
	margin-top: 32px;
}

blockquote {
	border-left: 5px solid var(--primary-color);
}

.theme-dark-bg a {
	color: var(--light-color) !important;
	text-decoration: underline !important;
}

.page .fluentform fieldset .ff-btn-submit:not(.ff_btn_no_style) {
	background: var(--secondary-color) !important;
	color: var(--dark-color) !important;
	font-family: "Maharlika", sans-serif !important;
	font-weight: light !important;
	transition: all 0.2s ease-in-out !important;
	border: none !important;
	text-transform: normal !important;
}

.theme-square-image-wrapper img {
	aspect-ratio: 1/1 !important;
	object-fit: cover !important;
}

@media (max-width: 980px) {
	#wpadminbar {
		position: fixed !important;
	}

	.signed-in {
		margin-top: 46px;
	}

	#et-main-area {
		margin-top: 90px !important;
	}

	.desktop {
		display: none !important;
	}

	.mobile {
		display: block !important;
	}
}