@import url('https://fonts.googleapis.com/css?family=Lato:300i,400,700|Roboto+Slab:300,400');



	#article h1, #article h2, #article h3, #article h4, #article h5, #article h6 {
	}

		#article_meta {
			font-size: 0.8em;
			color: var(--primary);
		}

		#article #banner {
			background-size: auto;
			background-position: center;
			height: 22em;
		}

		#article_body, #article_body p {
			font-weight: normal;
			font-size: 18px;
			color: #5D6769;
			line-height: 1.9em;
		}
		#article_body p {
			margin-top: 2em;
			margin-bottom: 2em;
		}

		#article_body img {
			display: block;
			margin: 1em auto;
			float: none;
		}



		#article_body h2, #article_body h3, #article_body h4, #article_body h5, #article_body h6 {
			font-family: var(--heading-font-md);
		}

		#article_body a:link, #article_body a:visited, #article_body a:hover {
/*			color: #3594BA;	*/
		}

	

		#article_body blockquote {
			border-radius: 3px;
			position: relative;
			font-style: italic;
			text-align: center;
			padding: 1rem 1.2rem;
			width: 80%;
			color: #4a4a4a;
			margin: 4em auto;
			font-size: 1.1em;
			background: #E8E8E8;
		}
			
			#article_body blockquote:before,
			blockquote:after{
				font-family: FontAwesome;
				position: absolute;
				top: 13px;
				color: #E8E8E8;
				font-size: 34px;
			}
			
			#article_body blockquote:before{
				content: "\f10d";
				margin-right: 13px;
				right: 100%;
			}
			
			#article_body blockquote:after{
				content: "\f10e";
				margin-left: 13px;
				left: 100%;  
			}

			#article_body blockquote p {
				margin: 0 !important;
			}

	.coupon {
		display: block;
		width: 7em;
		border-color: #C0F0B9 !important;
		background-color: #D5FFC6 !important;
		border: 3px dashed;
		text-align: center;
		padding: 0.8em;
		letter-spacing: 0.1em;
		font-size: 1.3em;
		font-family: monospace;
		margin: 3em auto !important;
	}






	#posts .card-img-top {
		height: 11em;
		object-fit: cover;
	}




			
	#article-tags .tag {
		font-size: 0.8em;
		margin: 0.5em 1em;
		display: inline-block;
	}

	.back-arrow {
		position: absolute;
		font-size: 1.5em;
		color: var(--gray);
	}



	textarea.inherit {
		font-size: inherit;
		color: inherit;
		font-family: inherit;
		max-width: 100%;
		min-width: 100%;
		background: transparent;
		line-height: inherit;
		border: 1px solid #ced4da;
		border-radius: .25rem;
		min-height: 1.3em;
		padding: .375rem;
	}


