.single {
	.container-blog {
		background-color: #FFFFFF;
	}
	
	/* CSS BLOG SINGLE POST*/
	.container-fluid-blog {
	    margin-right: auto;
	    margin-left: auto;
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	    text-align: center;
	}

	.breadcrumb {
		text-align: left;
		padding-left: $padding-horz !important;
	}

	/*SINGLE PAGE*/
	.post-header {
		text-shadow: 2px 2px 8px #000000; color: #fff !important;
	}

	.cat-label a {
		color: #fff !important;
		padding: 5px;
	}
	.cat-label a:hover {
		color: #ccc !important;
	}

	.page-author {
		color: #fff;
	}

	.page-author a:link, .page-author a:visited {
		color: #fff !important; font-weight: bold;
	}

	.page-author a:hover, .page-author a:active {
		color: #eeeeee !important;
	}

	/*Header Desktop View */
	@media (min-width:575px) { 
		div.post-header {
			width: 100%;
			height: 60vh;
			/* Image is centered vertically and horizontally at all times */
			background-position: center center !important;

			/* Image doesn't repeat */
			background-repeat: no-repeat !important;

			/* Makes the image fixed in the viewport so that it doesn't move when 
			the content height is greater than the image height */
			background-attachment: fixed !important;

			/* This is what makes the background image rescale based on its container's size */
			background-size: cover !important;

			/* Pick a solid background color that will be displayed while the background image is loading */
			
			position: relative;
		}

		.headerCentered { 	   
			max-width: 1280px;
			margin: 0 auto;
			padding: 0 40px;
			float: none;
			padding-left: 4%;
			padding-right: 30px;
			position: relative;
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}
	/*Header Mobile View Step Down Middle Size*/
		@media (max-width:998px) { 
			div.post-header {
				  width: 100%;
				  height: 40vh;
				  }
		 }
	/*Header Mobile View*/
	@media (max-width:574px) { 
		div.post-header {
			  width: 100%;
			  height: 20vh;
				/* Image is centered vertically and horizontally at all times */
			  background-position: center center !important;

			  /* Image doesn't repeat */
			  background-repeat: no-repeat !important;

			  /* Makes the image fixed in the viewport so that it doesn't move when 
				 the content height is greater than the image height */
			  background-attachment: scroll !important;

			  /* This is what makes the background image rescale based on its container's size */
			  background-size: cover !important;

			  /* Pick a solid background color that will be displayed while the background image is loading */
			
			   position: relative;
		}
		.headerCentered { 
			margin-left: auto;
		    margin-right: auto;
		    float: none;
		    padding-left: 30px;
		    padding-right: 30px;
		    margin: 0;
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}

	/* BLOG SINGLE FOOTER*/
	.blog-direction-post span {
		font-size: 14px;
		letter-spacing: 10px; 
		display: block; margin: 0 0 10px 0;
	}

	.blog-direction-post.footerPrevious span {
		margin: 0 -8px 10px 0;
	}

	.footerPrevious {
		text-align: right; border-right: 1px solid #D1D1D1; 
	}

	.footerNext {
		text-align: left; border-left: 1px solid #D1D1D1;  
	}
	
	.homeIcon {
		text-align: center; margin: 0 auto; 
	}

	@media (max-width:575px) { 
		.footerPrevious {text-align: center;}
		.footerNext {text-align: center;}
	}

	/*CONTENT TYPOGRAPHY Desktop View */
	@media (min-width:575px) { 
		.blog-content-area { 
			width: 100%; 
			background-color: #f1f1f1;
			padding: 10px;
		}
		
		.container-blog {  
			background-color: #ffffff; 
			max-width: 1180px;
			margin: 0 auto !important;
		}

		.page-content {
			padding-top: 60px !important;
			padding-left: 20px;
			padding-right: 20px;

			@media (min-width: $screen-md-min) {
				padding-left: 100px;
				padding-right: 100px;
			}
		}
	}

	@media only screen and (min-width: 991px) {
		.page-content {
			padding-top: 15px !important;
			padding-left: 10px;
			padding-right: 10px;
		}

		.entry-content {
			p {
				margin: 0 10px 15px 10px;
			}
		}
	}

	@media only screen and (min-width: 767px) {
		.blog-content-area {
			min-height: 730px;
		}
		.container-blog {
			padding: 15px 15px 30px 15px;
		}
	}	

	.wp-block-table {
		table {
			width: 100%;
			margin-bottom: $margin-vert;
		}

		table, td, th {
			border: 1px solid #979797;   
			border-collapse: collapse; 
		}

		th, td {
			padding-left: $padding-vert-sm;
		}
	}

	/*Header TYPOGRAPHY Desktop View */
	@media (min-width:575px) { 
		.blog-title a h2, .post-header h2 {
		    margin-bottom: .35rem !important;
		    font-size: 4.2498rem !important;
		    line-height: 1.1 !important;
		    letter-spacing: -.05em !important;
		    font-weight: 800 !important;
		}

		.headerCentered .post-header h2 {
			color: #fff !important;
		}
	}

	/*Header TYPOGRAPHY mobile View */
	@media (max-width:574px) { 
		.blog-title a h2, .post-header h2 {
		    font-size: 3.2498rem !important;
		    font-weight: 800 !important;
		}
	}

	.blog-direction-post {
		@media (min-width: $screen-md-min) {
		 	letter-spacing: 10px;
		}

  		text-align: right;

  		.previous-next-link {
  			display: block;
			margin-top: $margin-vert;
			min-height: 20px;
		}

		a {
			letter-spacing: 0;
			color: $font-color-base;
		}

		&.blog-direction-post-right {
			text-align: left;
		}
	}

	.blog-direction-post-container {
		padding: $padding-vert 0; 
		border-top: 1px solid #979797; 
		border-bottom: 1px solid #979797;
		display: flex;
    	align-items: center;
    	justify-content: center;
	}

	.blog-home {
		background: url(../../images/homeIcon.png) center center no-repeat;
	    width: 100%;
	    height: 24px;
	    display: inline-block;
	    text-align: center;
	    border-left: 1px solid #979797;
	    border-right: 1px solid #979797;
	    min-height: 105px;
	}

	.blog-similar-posts {
		padding: 25px;

		h3 {
			font-weight: $font-semibold;
			text-align: center;
		}
	}

	.related-posts-wrap {
		@media (min-width: $screen-md-min) {
			display: flex;
			justify-content: space-between;
		}

		> div:nth-of-type(1n+4) {
			display: none;
		}

		> div {
			margin-bottom: $margin-vert;
			text-align: center;

			@media (min-width: $screen-md-min) {
				text-align: left;
				margin-bottom: 0;
				min-width: 30%;
			}
		}

		a {
			margin-top: $margin-vert-sm;
			display: block;
			font-size: 17px;
			text-decoration: underline;
			color: $font-color-base;
			
			&:hover {
				text-decoration: none;
			}

			@media (min-width: $screen-md-min) {
				font-size: 23px;
				font-weight: $font-semibold;
			}			
		}

		.date {
			display: block;
		}
	}
}
/*-----------------------------------------*/
/* SINGLE.PHP Blog Page */
/*-----------------------------------------*/
 .entry-content {  /*foundation.scss:63*/
        font-weight: 100; /*Change 500 to 100*/
        line-height: 25px;
        }

@media only screen and (max-width: 991px) {
.single .page-content {
        padding-top: 15px!important;
        padding-left: 10px;
        padding-right: 10px;
        }
.entry-content p /*foundation.scss:59*/ {
        margin: 0 10px 15px 0; /*Mobile Pararaph Margin Left/Right to keep off side*/
        }
}