/* AS A NOTE: Icons are from fontawesome 4.7 and from flaticon */
@import url("style-blog.css");
:root{

	/* A */
	--primary:#0f6da5;
	--primary-trim:#262262;
	--secondary:#f15a29;
	--secondary-trim:#fbb040;
	--tertiary:#a5ce39;
	--tertiary-trim:#70a442;


	/* 0 deg is bot-top; 90 is left-right */
	--logo-gradient:linear-gradient(158deg, 
		#ffffff00 				0%					calc(10% - 2px),
		var(--tertiary-trim)	calc(10% + 1px)		calc(16% - 2px),
		var(--tertiary) 		calc(16% + 1px)		calc(24% - 2px),
		var(--primary-trim) 	calc(24% + 1px)		calc(28% - 2px),
		var(--primary) 			calc(28% + 1px)		calc(48% - 2px),
		var(--primary-trim) 	calc(48% + 1px)		calc(52% - 2px),
		var(--secondary)		calc(52% + 1px)		calc(62% - 2px),
		var(--secondary-trim)	calc(62% + 1px)		calc(81% - 2px),
		#ffffff00 				calc(81% + 1px)		100%
	);

	--dark-background:var(--primary-trim);

	font-size: 14px;
}

.text-secondary-trim{
	color:var(--secondary-trim);
}

.anchor{
	scroll-margin-top:75px;
}

.blog-excerpt-container {
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	text-overflow: ellipsis;
	mask-image: linear-gradient(black 70%, transparent 100%);
	-webkit-mask-image: linear-gradient(black 70%, transparent 100%);
}