//	=================
//    	Imports
//	=================

@import '../../../assets/base/color_variables';   	// Color Variables
@import '../../../assets/base/fonticons';   			// Fonticons Variables
@import '../../../assets/base/urls';   				// URLS Variables
@import '../../../assets/base/utilities_variables';  // Utilities Variables

.grid-stack-item-content {
	background: $white;
	color: $color_312;
	text-align: $align-center;
	font-size: $fs-20;
	.fa {
		font-size: 64px;
		display: block;
		margin: $m-20 $m-0 $m-10;
	}
}
.darklue {
	color: $additional-color-11;
	hr.flaticon-star-circle-line {
		&::before {
			background-color: $additional-color-11;
			border-radius: $br-4;
			color: $white;
		}
	}
}
hr.star-light {
	margin: 25px auto $m-30;
	padding: $p-0;
	max-width: 250px;
	border: $b-width-0;
	border-top: $solid $b-width-3;
	text-align: $align-center;
	border-color: $light-gray;
}
hr.star-primary {
	margin: 25px auto $m-30;
	padding: $p-0;
	max-width: 250px;
	border: $b-width-0;
	border-top: $solid $b-width-3;
	text-align: $align-center;
	border-color: $light-gray;
	border-color: $color_312;
	&:before {
		content: "\f212";
		display: inline-block;
		position: $pos-rel;
		top: -.8em;
		padding: 4px .25em;
		font-family: $font_family_1;
		font-size: 2em;
	}
	&:after {
		color: $color_312;
		background-color: $white;
	}
}
hr.flaticon-star-circle-line {
	&:before {
		content: "\f212";
		display: inline-block;
		position: $pos-rel;
		top: -.8em;
		padding: 4px .25em;
		font-family: $font_family_1;
		font-size: 2em;
	}
	&:after {
		color: $white;
		background-color: $color_538;
	}
}
section {
	padding: $p-50 $p-0 $p-100;
	h2 {
		margin: $m-0;
		font-size: 3em;
	}
}