/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root{
	--cnvs-themecolor: #ff7f00;
	--cnvs-themecolor-rgb: 255, 127, 0;	
}

.accordion{
	--bs-accordion-active-bg: #F9B874;
	--bs-accordion-btn-focus-border-color: #ff7f00;
	--bs-accordion-btn-focus-box-shadow:  #ff7f00;

}

.btn-primary{
	--bs-btn-bg: #ff7f00;
	--bs-btn-border-color: #ff7f00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff7f00;
    --bs-btn-hover-border-color: #ff7f00;
}

.mw-link-cta {
	background-color: #ff7f00;
	padding: 10px;
	color: #fff;
}

a.mw-link-cta:hover {	
	color: #fff !important;
}

.menu-item.current > .menu-link.mw-link-cta {
	color: #fff;
} 

.svg-bg {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}

/* Feature Box */ 
.feature-box-border-vertical .feature-box { position: relative; }

/* .feature-box-border-vertical .feature-box:not(.noborder)::before, */
.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::before {
	content: "";
	position: absolute;
	top: calc(64px + 13px);
	left: 59px;
	width: 2px;
	height: calc(100% - 90px);
	background-color: #EEE;
	z-index: 0;
}

.feature-box-border-vertical.border-hover-animate .feature-box:not(.noborder)::after {
	/* background-color: #0F6458; */
	/* height: 0;
	transition: height .3s ease-in-out; */
}

/* .feature-box-border-vertical .feature-box:nth-child(2):not(.noborder)::after { background-color: #0F6458; }

.feature-box-border-vertical.border-hover-animate .feature-box:hover:not(.noborder)::after { height: calc(100% - 90px); } */

.feature-box-border-vertical .fbox-icon i,
.feature-box-border-vertical .fbox-border.fbox-light .fbox-icon i {
	line-height: 60px;
	font-size: 24px;
	z-index: 1;
	text-align: center;
}


/* Pricing Table */
.pricing-tabs label.active {
	background-color: var(--bs-primary);
	color:  #FFF;
}

.pricing-tabs label.active * { color: #FFF; }

.pricing-tabs .price small {
	font-size: 12px;
	opacity: .7;
}

/* Contact Form */

.js-validate-error-label {
	color: crimson;
	font-size: 0.9em;
}

.js-validate-error-field {
border: 1px solid #dc3545 !important;
}

.js-validate-error-field:focus {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.mw-map-container .fluid-width-video-wrapper {
	height: 100%;
	padding: 0 !important;
}