/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 25 2025 | 15:27:52 */
#ast-scroll-top {
	width: 35px;
	height: 60px;
	background: var(--e-global-color-secondary);
	border: 2px solid var(--e-global-color-primary);
	border-radius: 8px;

}

#ast-scroll-top .ast-icon {
	display: none;
}

#ast-scroll-top::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('https://charleslegalpl.com/wp-content/uploads/2025/08/arrow-up.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%);
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* #ast-scroll-top:hover {
background: var(--e-global-color-secondary);
} */

#ast-scroll-top:hover::before {
	filter: brightness(0) saturate(100%) invert(100%);
}


div p {
	margin-bottom: 15px !important;
}

div p:last-of-type {
	margin-bottom: 0 !important;
}

.w-fit-content {
	width: fit-content;
}

.header-menu .elementor-nav-menu .menu-item a {
	transition: all 0.3s linear;
}

.header-menu .elementor-nav-menu .menu-item a::before {
	content: "";
	display: block;
	width: 28px;
	height: 15px;
	background-color: #fff !important;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	position: absolute;
	bottom: -13px;
	left: 50%;
	transform: translate(-50%, -15px);
	opacity: 0;
}

.header-menu .elementor-nav-menu .menu-item a:hover::before,
.header-menu .elementor-nav-menu .menu-item a.elementor-item-active::before {
	opacity: 1;
	transform: translate(-50%, -0px);
}

.quote-form.custom-btn::before, 
.quote-form.custom-btn::after {
	display: none !important;
}

.custom-btn .elementor-button .elementor-button-content-wrapper, 
.custom-btn .elementor-field-type-submit {
	position: relative;
	z-index: 5;
}

.custom-btn .elementor-field-type-submit {
	padding: 0 !important;
}

.custom-btn::before,
.custom-btn::after,
.custom-btn .elementor-button::before,
.custom-btn .elementor-button::after, 
.custom-btn .elementor-button .elementor-button-text {
	transition: all 0.3s linear;
}

.custom-btn .elementor-button::before,
.custom-btn .elementor-button::after {
	content: "";
	display: block;
	width: calc(50% + 10px);
	height: 100%;
	position: absolute;
	top: 0;
}

.custom-btn .elementor-button::before {
	left: 0;
	transform-origin: left;
}

.custom-btn .elementor-button::after {
	right: 0;
	transform-origin: right;
}

.custom-btn::before, 
.custom-btn::after, 
.custom-btn .elementor-field-type-submit::before, 
.custom-btn .elementor-field-type-submit::after {
	content: "";
	display: block;
	width: calc(50% + 10px);
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	transform-origin: left;
}

.custom-btn::before, 
.custom-btn .elementor-field-type-submit::before {
	left: 0;
	border-right: 0 !important;
	transform-origin: left;
}

.custom-btn::after, 
.custom-btn .elementor-field-type-submit::after {
	right: 0;
	border-left: 0 !important;
	transform-origin: right;
}

.custom-btn:hover::before, 
.custom-btn:hover::after, 
.custom-btn .elementor-field-type-submit:hover::before, 
.custom-btn .elementor-field-type-submit:hover::after {
	width: 20px;
}

.custom-btn .elementor-button:hover::before,
.custom-btn .elementor-button:hover::after {
	width: 6px;
}

.custom-btn.primary::before, 
.custom-btn.primary::after, 
.custom-btn.primary .elementor-field-type-submit::before, 
.custom-btn.primary .elementor-field-type-submit::after {
	border: 6px solid var( --e-global-color-primary );
}

.custom-btn.primary .elementor-button::before,
.custom-btn.primary .elementor-button::after {
	background-color: var( --e-global-color-primary );
}

.custom-btn.primary .elementor-button:hover .elementor-button-text {
	color: var( --e-global-color-primary );
}

.custom-btn.secondary::before, 
.custom-btn.secondary::after, 
.custom-btn.secondary .elementor-field-type-submit::before, 
.custom-btn.secondary .elementor-field-type-submit::after{
	border: 6px solid var( --e-global-color-secondary );
}

.custom-btn.secondary .elementor-button::before,
.custom-btn.secondary .elementor-button::after {
	background-color: var( --e-global-color-secondary );
}

.custom-btn.secondary .elementor-button:hover .elementor-button-text {
	color: var( --e-global-color-secondary );
}

.flip-box .elementor-flip-box__image {
	width: fit-content;
	padding: 12px;
	border: 1px solid #747474;
	border-radius: 50%;
}

.core-icon-box .elementor-icon,
.core-icon-box .elementor-icon-box-icon::before {
	transition: all 0.3s linear;
}

.core-icon-box, 
.core-icon-box .elementor-icon-box-icon {
	position: relative;
	z-index: 5;
}

.core-icon-box .elementor-icon-box-icon {
	width: fit-content;
	margin: 0 auto;
}

.core-icon-box .elementor-icon {
	background-color: #fff !important;
	padding: 30px;
	border-radius: 50%;
	position: relative;
}

.core-icon-box .elementor-icon-box-icon::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var( --e-global-color-accent );
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -4;
	opacity: 0;
	transform: scale(0.85);
}

.core-icon-box:hover .elementor-icon {
	background-color: #fff !important;
	transform: scale(0.85);
}

.core-icon-box:hover .elementor-icon-box-icon::before {
	animation: glow 1s ease-in-out;
}

.blog-img a {
	width: 100% !important;
}

.blog-loop-item .blog-img-col .blog-icon-link-col {
	transform: scaleY(0);
}

.blog-loop-item .blog-img-col:hover .blog-icon-link-col {
	transform: scaleY(1);
}

.footer-blog-loop-item .blog-img a {
	width: 100% !important;
	height: 100% !important;
}

@keyframes glow {
	0% {
		opacity: 1 ;
		transform: scale(1);
		box-shadow: 0 0 25px 8px #2E4A3B;
	}

	100% {
		opacity: 0;
		transform: scale(1.2);
		box-shadow: 0 0 25px 8px #2E4A3B;
	}
}


.about.flip-box .elementor-flip-box__image {
	border: 1px solid #fff;
	filter: brightness(0) saturate(100%) invert(100%);
}

@media screen and (max-width:1024px) {
	.core-icon-box .elementor-icon {
		padding: 20px;
	}

	#ast-scroll-top {
		height: 50px;
	}
}

@media screen and (max-width:768px) {
	.header-menu .elementor-menu-toggle {
		padding: 25px !important;
	}

	.header-menu .elementor-nav-menu {
		overflow: hidden;
	}

	.header-menu .elementor-nav-menu .menu-item a {
		align-items: center;
	}

	.header-menu .elementor-nav-menu .menu-item a::before {
		background-color: var( --e-global-color-primary ) !important;
		clip-path: polygon(0% 34%, 60% 34%, 60% 0%, 100% 50%, 60% 100%, 60% 64%, 0% 64%);
		width: 16px;
		height: 10px;
		left: -18px;
		bottom: 50%;
		transform: translate(0, 50%) !important;
	}

	.header-menu .elementor-nav-menu .menu-item a:hover::before,
	.header-menu .elementor-nav-menu .menu-item a.elementor-item-active::before {
		left: 10px;
	}

	.header-menu .elementor-nav-menu .menu-item a:hover,
	.header-menu .elementor-nav-menu .menu-item a.elementor-item-active {
		padding-left: 32px !important;
	}

	#ast-scroll-top {
		width: 30px;
		height: 40px;
	}

	#ast-scroll-top::before {
		width: 25px;
		height: 25px;
	}
}