/*-- Use For Custom Styling --*/
:root {
	--common-colors-teal:       #0F86A6;
	--common-colors-dark-teal:  #07677B;
	--common-colors-light-blue: #31B1CE;
}

/*--- MENU-SELECTORS ---*/

.overlay-menu ul.side-nav-content .nav-item .nav-link.menu-active {
	color:       var(--common-colors-light-blue);
	font-weight: 900 !important;
}

.menu__link.menu-active {
	padding:          4px 16px !important;
	border-radius:    4px;
	font-weight:      500 !important;
	background-color: var(--common-colors-dark-teal) !important;
	color:            white !important;
}

/*--- END::MENU-SELECTORS ---*/
/*--- STYLESHEET-FIXES ---*/
.btn-teal {
	border-color: var(--common-colors-teal);
	background-color: var(--common-colors-teal);
	color: #ffffff;
}

.btn-hvr-black .btn-hvr-effect {
	border-color: var(--common-colors-dark-teal);
	background-color: var(--common-colors-dark-teal);
	color: #ffffff;
}


/*--- END::STYLESHEET-FIXES ---*/


/*--- COMMON-TYPOGRAPHY ---*/
.common-layout {
	/*--- COMMON-PADDING ---*/
	.common-padding-none {
		padding: 0;
	}

	.common-padding-top-none {
		padding-top: 0;
	}

	.common-padding-bottom-none {
		padding-bottom: 0;
	}

	.common-padding-left-none {
		padding-left: 0;
	}

	.common-padding-right-none {
		padding-right: 0;
	}

	.common-padding-topbottom-none {
		padding-top:    0;
		padding-bottom: 0;
	}

	.common-padding-leftright-none {
		padding-left:  0;
		padding-right: 0;
	}

	.common-padding-5 {
		padding: 5px;
	}

	.common-padding-top-5 {
		padding-top: 5px;
	}

	.common-padding-bottom-5 {
		padding-bottom: 5px;
	}

	.common-padding-left-5 {
		padding-left: 5px;
	}

	.common-padding-right-5 {
		padding-right: 5px;
	}

	.common-padding-topbottom-5 {
		padding-top:    5px;
		padding-bottom: 5px;
	}

	.common-padding-leftright-5 {
		padding-left:  5px;
		padding-right: 5px;
	}

	.common-padding-10 {
		padding: 10px !important;
	}

	.common-padding-top-10 {
		padding-top: 10px !important;
	}

	.common-padding-bottom-10 {
		padding-bottom: 10px !important;
	}

	.common-padding-left-10 {
		padding-left: 10px !important;
	}

	.common-padding-right-10 {
		padding-right: 10px !important;
	}

	.common-padding-topbottom-10 {
		padding-top:    10px !important;
		padding-bottom: 10px !important;
	}

	.common-padding-leftright-10 {
		padding-left:  10px !important;
		padding-right: 10px !important;
	}

	.common-padding-20 {
		padding: 20px !important;
	}

	.common-padding-top-20 {
		padding-top: 20px !important;
	}

	.common-padding-bottom-20 {
		padding-bottom: 20px !important;
	}

	.common-padding-left-20 {
		padding-left: 20px !important;
	}

	.common-padding-right-20 {
		padding-right: 20px !important;
	}

	.common-padding-topbottom-20 {
		padding-top:    20px !important;
		padding-bottom: 20px !important;
	}

	.common-padding-leftright-20 {
		padding-left:  20px !important;
		padding-right: 20px !important;
	}

	.common-padding-30 {
		padding: 30px !important;
	}

	.common-padding-top-30 {
		padding-top: 30px !important;
	}

	.common-padding-bottom-30 {
		padding-bottom: 30px !important;
	}

	.common-padding-left-30 {
		padding-left: 30px !important;
	}

	.common-padding-right-30 {
		padding-right: 30px !important;
	}

	.common-padding-topbottom-30 {
		padding-top:    30px !important;
		padding-bottom: 30px !important;
	}

	.common-padding-leftright-30 {
		padding-left:  30px !important;
		padding-right: 30px !important;
	}

	.common-padding-40 {
		padding: 40px !important;
	}

	.common-padding-top-40 {
		padding-top: 40px !important;
	}

	.common-padding-bottom-40 {
		padding-bottom: 40px !important;
	}

	.common-padding-left-40 {
		padding-left: 40px !important;
	}

	.common-padding-right-40 {
		padding-right: 40px !important;
	}

	.common-padding-topbottom-40 {
		padding-top:    40px !important;
		padding-bottom: 40px !important;
	}

	.common-padding-leftright-40 {
		padding-left:  40px !important;
		padding-right: 40px !important;
	}

	.common-padding-50 {
		padding: 50px !important;
	}

	.common-padding-top-50 {
		padding-top: 50px !important;
	}

	.common-padding-bottom-50 {
		padding-bottom: 50px !important;
	}

	.common-padding-left-50 {
		padding-left: 50px !important;
	}

	.common-padding-right-50 {
		padding-right: 50px !important;
	}

	.common-padding-topbottom-50 {
		padding-top:    50px !important;
		padding-bottom: 50px !important;
	}

	.common-padding-leftright-50 {
		padding-left:  50px !important;
		padding-right: 50px !important;
	}

	.common-padding-60 {
		padding: 60px !important;
	}

	.common-padding-top-60 {
		padding-top: 60px !important;
	}

	.common-padding-bottom-60 {
		padding-bottom: 60px !important;
	}

	.common-padding-left-60 {
		padding-left: 60px !important;
	}

	.common-padding-right-60 {
		padding-right: 60px !important;
	}

	.common-padding-topbottom-60 {
		padding-top:    60px !important;
		padding-bottom: 60px !important;
	}

	.common-padding-leftright-60 {
		padding-left:  60px !important;
		padding-right: 60px !important;
	}

	.common-padding-70 {
		padding: 70px !important;
	}

	.common-padding-top-70 {
		padding-top: 70px !important;
	}

	.common-padding-bottom-70 {
		padding-bottom: 70px !important;
	}

	.common-padding-left-70 {
		padding-left: 70px !important;
	}

	.common-padding-right-70 {
		padding-right: 70px !important;
	}

	.common-padding-topbottom-70 {
		padding-top:    70px !important;
		padding-bottom: 70px !important;
	}

	.common-padding-leftright-70 {
		padding-left:  70px !important;
		padding-right: 70px !important;
	}

	.common-padding-80 {
		padding: 80px !important;
	}

	.common-padding-top-80 {
		padding-top: 80px !important;
	}

	.common-padding-bottom-80 {
		padding-bottom: 80px !important;
	}

	.common-padding-left-80 {
		padding-left: 80px !important;
	}

	.common-padding-right-80 {
		padding-right: 80px !important;
	}

	.common-padding-topbottom-80 {
		padding-top:    80px !important;
		padding-bottom: 80px !important;
	}

	.common-padding-leftright-80 {
		padding-left:  80px !important;
		padding-right: 80px !important;
	}

	.common-padding-90 {
		padding: 90px !important;
	}

	.common-padding-top-90 {
		padding-top: 90px !important;
	}

	.common-padding-bottom-90 {
		padding-bottom: 90px !important;
	}

	.common-padding-left-90 {
		padding-left: 90px !important;
	}

	.common-padding-right-90 {
		padding-right: 90px !important;
	}

	.common-padding-topbottom-90 {
		padding-top:    90px !important;
		padding-bottom: 90px !important;
	}

	.common-padding-leftright-90 {
		padding-left:  90px !important;
		padding-right: 90px !important;
	}

	.common-padding-100 {
		padding: 100px !important;
	}

	.common-padding-top-100 {
		padding-top: 100px !important;
	}

	.common-padding-bottom-100 {
		padding-bottom: 100px !important;
	}

	.common-padding-left-100 {
		padding-left: 100px !important;
	}

	.common-padding-right-100 {
		padding-right: 100px !important;
	}

	.common-padding-topbottom-100 {
		padding-top:    100px !important;
		padding-bottom: 100px !important;
	}

	.common-padding-leftright-100 {
		padding-left:  100px !important;
		padding-right: 100px !important;
	}

	/*--- END:COMMON-PADDING ---*/
	/*--- COMMON-MARGINS ---*/
	.common-margin-none {
		margin: 0 !important;
	}

	.common-margin-top-none {
		margin-top: 0 !important;
	}

	.common-margin-bottom-none {
		margin-bottom: 0 !important;
	}

	.common-margin-left-none {
		margin-left: 0 !important;
	}

	.common-margin-right-none {
		margin-right: 0 !important;
	}

	.common-margin-topbottom-none {
		margin-top:    0 !important;
		margin-bottom: 0 !important;
	}

	.common-margin-leftright-none {
		margin-left:  0 !important;
		margin-right: 0 !important;
	}

	.common-margin-5 {
		margin: 5px !important;
	}

	.common-margin-top-5 {
		margin-top: 5px !important;
	}

	.common-margin-bottom-5 {
		margin-bottom: 5px !important;
	}

	.common-margin-left-5 {
		margin-left: 5px !important;
	}

	.common-margin-right-5 {
		margin-right: 5px !important;
	}

	.common-margin-topbottom-5 {
		margin-top:    5px !important;
		margin-bottom: 5px !important;
	}

	.common-margin-leftright-5 {
		margin-left:  5px !important;
		margin-right: 5px !important;
	}

	.common-margin-10 {
		margin: 10px !important;
	}

	.common-margin-top-10 {
		margin-top: 10px !important;
	}

	.common-margin-bottom-10 {
		margin-bottom: 10px !important;
	}

	.common-margin-left-10 {
		margin-left: 10px !important;
	}

	.common-margin-right-10 {
		margin-right: 10px !important;
	}

	.common-margin-topbottom-10 {
		margin-top:    10px !important;
		margin-bottom: 10px !important;
	}

	.common-margin-leftright-10 {
		margin-left:  10px !important;
		margin-right: 10px !important;
	}

	.common-margin-20 {
		margin: 20px !important;
	}

	.common-margin-top-20 {
		margin-top: 20px !important;
	}

	.common-margin-bottom-20 {
		margin-bottom: 20px !important;
	}

	.common-margin-left-20 {
		margin-left: 20px !important;
	}

	.common-margin-right-20 {
		margin-right: 20px !important;
	}

	.common-margin-topbottom-20 {
		margin-top:    20px !important;
		margin-bottom: 20px !important;
	}

	.common-margin-leftright-20 {
		margin-left:  20px !important;
		margin-right: 20px !important;
	}

	.common-margin-30 {
		margin: 30px !important;
	}

	.common-margin-top-30 {
		margin-top: 30px !important;
	}

	.common-margin-bottom-30 {
		margin-bottom: 30px !important;
	}

	.common-margin-left-30 {
		margin-left: 30px !important;
	}

	.common-margin-right-30 {
		margin-right: 30px !important;
	}

	.common-margin-topbottom-30 {
		margin-top:    30px !important;
		margin-bottom: 30px !important;
	}

	.common-margin-leftright-30 {
		margin-left:  30px !important;
		margin-right: 30px !important;
	}

	.common-margin-40 {
		margin: 40px !important;
	}

	.common-margin-top-40 {
		margin-top: 40px !important;
	}

	.common-margin-bottom-40 {
		margin-bottom: 40px !important;
	}

	.common-margin-left-40 {
		margin-left: 40px !important;
	}

	.common-margin-right-40 {
		margin-right: 40px !important;
	}

	.common-margin-topbottom-40 {
		margin-top:    40px !important;
		margin-bottom: 40px !important;
	}

	.common-margin-leftright-40 {
		margin-left:  40px !important;
		margin-right: 40px !important;
	}

	.common-margin-50 {
		margin: 50px !important;
	}

	.common-margin-top-50 {
		margin-top: 50px !important;
	}

	.common-margin-bottom-50 {
		margin-bottom: 50px !important;
	}

	.common-margin-left-50 {
		margin-left: 50px !important;
	}

	.common-margin-right-50 {
		margin-right: 50px !important;
	}

	.common-margin-topbottom-50 {
		margin-top:    50px !important;
		margin-bottom: 50px !important;
	}

	.common-margin-leftright-50 {
		margin-left:  50px !important;
		margin-right: 50px !important;
	}

	.common-margin-60 {
		margin: 60px !important;
	}

	.common-margin-top-60 {
		margin-top: 60px !important;
	}

	.common-margin-bottom-60 {
		margin-bottom: 60px !important;
	}

	.common-margin-left-60 {
		margin-left: 60px !important;
	}

	.common-margin-right-60 {
		margin-right: 60px !important;
	}

	.common-margin-topbottom-60 {
		margin-top:    60px !important;
		margin-bottom: 60px !important;
	}

	.common-margin-leftright-60 {
		margin-left:  60px !important;
		margin-right: 60px !important;
	}

	.common-margin-70 {
		margin: 70px !important;
	}

	.common-margin-top-70 {
		margin-top: 70px !important;
	}

	.common-margin-bottom-70 {
		margin-bottom: 70px !important;
	}

	.common-margin-left-70 {
		margin-left: 70px !important;
	}

	.common-margin-right-70 {
		margin-right: 70px !important;
	}

	.common-margin-topbottom-70 {
		margin-top:    70px !important;
		margin-bottom: 70px !important;
	}

	.common-margin-leftright-70 {
		margin-left:  70px !important;
		margin-right: 70px !important;
	}

	.common-margin-80 {
		margin: 80px !important;
	}

	.common-margin-top-80 {
		margin-top: 80px !important;
	}

	.common-margin-bottom-80 {
		margin-bottom: 80px !important;
	}

	.common-margin-left-80 {
		margin-left: 80px !important;
	}

	.common-margin-right-80 {
		margin-right: 80px !important;
	}

	.common-margin-topbottom-80 {
		margin-top:    80px !important;
		margin-bottom: 80px !important;
	}

	.common-margin-leftright-80 {
		margin-left:  80px !important;
		margin-right: 80px !important;
	}

	.common-margin-90 {
		margin: 90px !important;
	}

	.common-margin-top-90 {
		margin-top: 90px !important;
	}

	.common-margin-bottom-90 {
		margin-bottom: 90px !important;
	}

	.common-margin-left-90 {
		margin-left: 90px !important;
	}

	.common-margin-right-90 {
		margin-right: 90px !important;
	}

	.common-margin-topbottom-90 {
		margin-top:    90px !important;
		margin-bottom: 90px !important;
	}

	.common-margin-leftright-90 {
		margin-left:  90px !important;
		margin-right: 90px !important;
	}

	.common-margin-100 {
		margin: 100px !important;
	}

	.common-margin-top-100 {
		margin-top: 100px !important;
	}

	.common-margin-bottom-100 {
		margin-bottom: 100px !important;
	}

	.common-margin-left-100 {
		margin-left: 100px !important;
	}

	.common-margin-right-100 {
		margin-right: 100px !important;
	}

	.common-margin-topbottom-100 {
		margin-top:    100px !important;
		margin-bottom: 100px !important;
	}

	.common-margin-leftright-100 {
		margin-left:  100px !important;
		margin-right: 100px !important;
	}
}
/*--- COMMON-TYPOGRAPHY ---*/
.common-typography {
	/*--- DEFAULT-TYPOGRAPHY ---*/
	font-size: 16px;

	&.letter-spacing-1, .letter-spacing-1 { letter-spacing: -1px; }
	&.letter-spacing-2, .letter-spacing-2 { letter-spacing: -2px; }
	&.letter-spacing-3, .letter-spacing-3 { letter-spacing: -3px; }

	&.font-color-dark-teal, .font-color-dark-teal { color: var(--common-colors-dark-teal); }
	&.font-color-white, .font-color-white { color: white; }
	&.font-color-black, .font-color-black { color: black; }

	/*--- FONT-WEIGHT ---*/
	&.font-weight-100, .font-weight-100 { font-weight: 100; }
	&.font-weight-200, .font-weight-200 { font-weight: 200; }
	&.font-weight-300, .font-weight-300 { font-weight: 300; }
	&.font-weight-400, .font-weight-400 { font-weight: 400; }
	&.font-weight-500, .font-weight-500 { font-weight: 500; }
	&.font-weight-600, .font-weight-600 { font-weight: 600; }
	&.font-weight-700, .font-weight-700 { font-weight: 700; }
	&.font-weight-800, .font-weight-800 { font-weight: 800; }
	&.font-weight-900, .font-weight-900 { font-weight: 900; }

	/*--- FONT-SIZING ---*/
	&.font-size-1, .font-size-1 { font-size: 0.500em;}
	&.font-size-2, .font-size-2 { font-size: 0.750em;}
	&.font-size-3, .font-size-3 { font-size: 1.000em;}
	&.font-size-4, .font-size-4 { font-size: 1.250em;}
	&.font-size-5, .font-size-5 { font-size: 1.500em;}
	&.font-size-6, .font-size-6 { font-size: 1.750em;}
	&.font-size-7, .font-size-7 { font-size: 2.250em;}
	&.font-size-8, .font-size-8 { font-size: 2.500em;}
	&.font-size-9, .font-size-9 { font-size: 2.750em;}
}
/*--- END::COMMON-TYPOGRAPHY ---*/