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

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

#logo img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	height: 100px;
}

@media (min-width: 991px) {
	#logo img {
		height: 130px;
	}
}

.is-expanded-menu .menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*="col-"]):not([class="col"])
/*, .is-expanded-pagemenu .page-menu-sub-menu*/
{
	width: 350px;
}

.is-expanded-menu .menu-link
{
	--cnvs-primary-menu-padding-x: 10px;
}

.is-expanded-pagemenu .page-menu-sub-menu,
.page-menu-nav
{
	background-color: var(--cnvs-contrast-600) !important;
}
.page-menu-nav
{
	width: 100%;
}

#page-menu.sticky-page-menu #page-menu-wrap
{
	position: absolute;
}

/*page menu drop down bug - temporary fix
	=====================================
*/ 
.is-expanded-pagemenu .page-menu-sub-menu
{
	width: 250px;
}

.is-expanded-menu .page-menu-container .page-menu-sub-menu .page-menu-sub-menu
{
	right: 100%;
	left: 100%;
	top: 0px;
}
/*=======================================*/

.hidden {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.d-grid {
	--column: 1;
	display: grid;
	grid-template-columns: repeat(var(--column), 1fr);
	grid-gap: 30px;
}

@media (min-width: 991px) {
	.d-grid {
	   --column: 3;
	}
	.d-grid .grid-w {
	   grid-row: span 2 / auto;
	}
}
		
.dropdown:hover>.dropdown-menu {
	display: block;
}
.dropdown>.dropdown-toggle:active {
	/*Without this, clicking will make it sticky*/
	pointer-events: none;
}

.form-group > label.error {
	display: block !important;
	text-transform: none;
}

.form-group input.valid ~ label.error,
.form-group input[type="text"] ~ label.error,
.form-group input[type="email"] ~ label.error,
.form-group input[type="number"] ~ label.error,
.form-group select ~ label.error { display: none !important; }

.validation-error-label {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.flex-direction-nav a {
	width: 40px;
}

#tinymce {
	padding: 10px;
}

/* ul:not([class] every list without class - but won't select class="" */
/* ul:not([class=""]selects only class="" blank */
#content .content-wrap ul:not([class]),
#content .content-wrap ul:not([class=""]),
#tinymce.mce-content-body  ul:not([class]),
#tinymce.mce-content-body  ul:not([class=""])
{
	margin-left: 25px;
}

#content .content-wrap ol:not([class]),
#content .content-wrap ol:not([class=""]),
#tinymce.mce-content-body ol:not([class]),
#tinymce.mce-content-body ol:not([class=""])
{
	margin-left: 35px;
}

#content p
{
  text-align: justify;
}

:root {
	/* --cnvs-body-font: "Lato", sans-serif; */
	/* --cnvs-primary-font: "Inter", sans-serif;
	--cnvs-primary-font: "Poppins", sans-serif; */
	--cnvs-body-font: "Inter", sans-serif;
	--cnvs-primary-font: "Inter", sans-serif;
	--cnvs-secondary-font: "Playfair Display", serif;

	--cnvs-themecolor: #009688;
	--cnvs-themecolor-rgb: 0, 150, 136;
}