/*************************************************************************/


.single-post .main-header {
	position: relative;
}

.single-post .main-content {
    background: #f6f6f6;
    border-top: 1px solid rgba(0,0,0,.1);
}












/* Project Footer | Tags */

.single-post .project-footer-tags {
	background: #fff;
	margin-top: 40px;
	border: 1px solid #e1e1e1;	
}

.single-post .project-footer-tags .tags {
	margin-bottom: 0;
}

.single-post .project-footer-tags .tag {
	font-size: 14px;
	color: #302c51;
	transition: all ease-in-out .3s;
	padding: 5px 15px;
	background: #fff;
}



@media (min-width: 992px) {
	.single-post .project-footer-tags .tag:hover {
		background: #302c51;
		color: #fff;
		border-color: #302c51;
	}	
}







@media (max-width: 991px) {
	.single-post .project-footer-tags {
		padding: 35px 7% 25px 7%;
		border-top: 1px solid rgba(0,0,0,.1);
	}
}

@media (min-width: 992px) {
	.single-post .project-footer-tags {		
		padding: 40px 6% 30px 6%;
		box-shadow: 0px 5px 15px rgba(0,0,0,.15);
	}	
}






/* Post Footer | Post Contact Row */

@media (max-width: 991px) {
	.single-post .post-footer .post-contact-row {
		padding: 45px 7%;
	}
}

@media (min-width: 992px) {
	.single-post .post-footer .post-contact-row {
		padding: 50px 6%;
	}	
}





















/* Post Footer | Related Post */

@media (max-width: 991px) {
	.single-post .post-footer .related-posts {
		padding: 45px 7%;
	}
}

@media (min-width: 992px) {
	.single-post .post-footer .related-posts {
		padding: 50px 6%;
	}	
}



/* Post Footer | Related Post | Article */

.post-footer .related-posts {
	background: #302c51;
}

.post-footer .related-posts a {
	margin-left: 10px; margin-right: 10px;
}

.post-footer .related-posts a p {
	color: rgba(255,255,255,.7);
	font-weight: 600; font-size: 14px;
	margin-top: 15px;
	transition: all ease-in-out .2s;
}

.post-footer .related-posts a:hover p {
	color: rgba(255,255,255,1);
}






/*** Post Footer | Related Posts | Custom Slick Dots ***/

.post-footer .related-posts .slick-dots {
	margin-top: 20px;
}

.post-footer .related-posts .slick-dots li {
	background: rgba(255,255,255,.2);
	width: 10px; height: 10px;
}

.post-footer .related-posts .slick-dots .slick-active {
	background: rgba(255,255,255,1) !important;
}


/*** Post Footer | Related Posts | Custom Slick Arrows ***/

.post-footer .related-posts .slick-arrow { 
	font-size: 0;
	position: absolute;
	z-index: 100;
	background: #fff;
	border-radius: 50px;	
	border: none;
	box-shadow: 0px 3px 10px rgba(0,0,0,.3);
}


@media (max-width: 360px) {
	.post-footer .related-posts .slick-arrow { 
		top: 34%; transform: translateY(-34%);
		width: 24px; height: 24px;			
	}	
}


@media (min-width: 361px) and (max-width: 767px) {
	.post-footer .related-posts .slick-arrow { 
		top: 30%; transform: translateY(-30%);
		width: 26px; height: 26px;			
	}		
}


@media (min-width: 768px) and (max-width: 991px) {
	.post-footer .related-posts .slick-arrow { 
		top: 30%; transform: translateY(-30%);
		width: 28px; height: 28px;			
	}	
}


@media (min-width: 992px) {
	.post-footer .related-posts .slick-arrow { 
		top: 30%; transform: translateY(-30%);
		width: 30px; height: 30px;			
	}
}


















.post-footer .related-posts .slick-arrow:after {
    font: 20px/1 'FontAwesome';

}

.post-footer .related-posts .slick-prev {
	left: 5%;
}

.post-footer .related-posts .slick-next {
	right: 5%;
}

.post-footer .related-posts .slick-next:after {
    content: "\f105";
}

.post-footer .related-posts .slick-prev:after {
    content: "\f104";
}
















































/**** UL ******/

.single-post .post-content ul,
.single-post .post-content ol {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.9em;
	padding-left: 1.2rem; color: #302c51;
}

.single-post .post-content ul li,
.single-post .post-content ol li {
	margin-bottom: .3em;
}





.single-post .short_intro {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #302c51; line-height: 1.9em;
	margin-bottom: 30px;
}


.single-post .post-excerpt p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #302c51; line-height: 1.9em;
}


.single-post .post-body {
	border-bottom: 1px solid rgba(0,0,0,.1);
}

.single-post .post-content {
	padding-bottom: 20px;
}

.single-post .post-content p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #302c51; line-height: 1.9em;
}

.single-post .content-left article {
	background: #fff;
	border-top: 5px solid #08cbff;
	border-radius: 5px;
}



.single-post .post-content h5 {
	font-weight: 800;
	color: #302c51;	
}


.single-post .post-content h4 {
	margin-top: 15px;
	margin-bottom: 15px;
}




@media (max-width: 991px) {
	.single-post .post-excerpt {
		margin-bottom: 25px;
	}
}

@media (min-width: 992px) {
	.single-post .post-excerpt {
		margin-bottom: 30px;
	}
}













/* Post Body */

.single-post .post-body h2 { margin-top: 1em; }



@media (max-width: 991px) {
	.single-post .post-body h2 { font-size: 19.5px; }
	.single-post .post-body h3 { font-size: 18.5px; }
	.single-post .post-body h4 { font-size: 17.5px; }
}

@media (min-width: 992px) and (max-width: 1199px) {
	.single-post .post-body h2 { font-size: 21px; }
	.single-post .post-body h3 { font-size: 20px; }
	.single-post .post-body h4 { font-size: 19px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
	.single-post .post-body h2 { font-size: 22.5px; }
	.single-post .post-body h3 { font-size: 21.5px; }
	.single-post .post-body h4 { font-size: 20.5px; }
}

@media (min-width: 1400px) {
	.single-post .post-body h2 { font-size: 24px; }
	.single-post .post-body h3 { font-size: 23px; }
	.single-post .post-body h4 { font-size: 20px;font-weight: 600; color: #212529; }
}




/* Post Meta */

.single-post .post-meta {
	margin-top: 10px;
}

.single-post .post-meta div {
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.single-post .post-meta .post-date {
	margin-right: 20px;
}

.single-post .post-meta a,
.single-post .post-meta {
	color: rgba(48,44,81,.5);
}






.single-post .post-title h1 {
	font-weight: 800;
	color: #302c51;
	line-height: 1.2em;
	margin-bottom: 0;
}	




@media (max-width: 575px) {
	.single-post .post-title h1 {
		font-size: 19px;
	}	
}


@media (min-width: 576px) and (max-width: 767px) {
	.single-post .post-title h1 {
		font-size: 22px;
	}	
}


@media (min-width: 768px) and (max-width: 991px) {
	.single-post .post-title h1 {
		font-size: 25px;
	}	
}


@media (min-width: 992px) {
	.single-post .post-title h1 {
		font-size: 28px;
	}	
}













@media (max-width: 991px) {
	.single-post .post-area {
		width: 100%;
		padding-top: 0;
	}
	
	.single-post .post-body {
		padding: 30px 7%;
	}
	.single-post .content-right {
		margin-top: 30px;
		padding: 30px 7%;
	}
	.single-post .post-header {
		padding: 35px 7% 25px 7%;
	}
	
}

@media (min-width: 992px) {
	.single-post .content-left {
		float: left;
		width: 67.5%;
		margin-right: 4.5%;
	}
	
	.single-post .content-left article {
		box-shadow: 0px 5px 20px rgba(0,0,0,.15);
	}
	
	
	.single-post .content-right {
		float: left;
		width: 28%;
	}
	.single-post .post-body {
		padding: 50px 6%;
		padding-bottom: 30px;
	}
	.single-post .post-header {
		padding: 40px 6% 30px 6%;
	}
	.single-post .post-area {
		padding-top: 80px;
	}		
}




























@media (max-width: 991px) {
	
}

@media (min-width: 992px) {
	
}



/* I Don't Know Why*/




@media (max-width: 575px) {
	.single-post .main-footer .ft-row:last-child {
		padding-bottom: 50px;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	.single-post .main-footer .ft-row:last-child {
		padding-bottom: 60px;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.single-post .main-footer .ft-row:last-child {
		padding-bottom: 70px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.single-post .main-footer .ft-row:last-child {
		padding-bottom: 80px;
	}
}


@media (min-width: 1200px) and (max-width: 1399px) {
	.single-post .main-footer .ft-row:last-child {
		padding-bottom: 90px;
	}	
}


@media (min-width: 1400px) {
	.single-post .main-footer .ft-row:last-child {
		padding-bottom: 100px;
	}	
}










/*************************************/








/*** Blog Page ***/



.archive-posts .content-left .blog-post .post-featured-image {
	display: block;
}


/* Archive */

@media (min-width: 992px) {
	.archive-posts .content-left {
		float: left;
		width: 67.5%;
		margin-right: 4.5%;
	}
	
	.archive-posts .content-right {
		float: left;
		width: 28%;
	}	
}




@media (min-width: 992px) {
	.archive-posts .content-left .blog-post {
		float: left;
	}	
} 



/* Archive Posts */


@media (max-width: 575px) {
	.archive .blog-post {
		margin-bottom: 40px;				
	}
} 

@media (min-width: 576px) and (max-width: 991px) {
	.archive-posts .content-left .blog-post {
		width: 47.5%;
		margin-right: 5%;
		margin-bottom: 50px;
	}	

	.archive-posts .content-left .blog-post:nth-child(2n) {
		margin-right: 0;
	}		
}

@media (min-width: 992px) {
	.archive-posts .content-left .blog-post {
		width: 47.5%;
		margin-right: 5%;
		margin-bottom: 60px;
	}	

	.archive-posts .content-left .blog-post:nth-child(2n) {
		margin-right: 0;
	}
	
	.archive-posts .content-left .blog-post:hover{
		transform: translateY(-15px);
	}
} 










@media (max-width: 575px) {
	.blog .page-content .default-container { 
		padding-top: 50px;
	}
} 

@media (min-width: 576px) and (max-width: 767px) {
	.blog .page-content .default-container { 
		padding-top: 60px;
	}		
}

@media (min-width: 768px) and (max-width: 991px) {
	.blog .page-content .default-container { 
		padding-top: 70px;
	}		
}

@media (min-width: 992px) {
	.blog .page-content .default-container { 
		padding-top: 80px;
	} 
}









/*** Post Date ***/

.blog-post .post-date {
	color: #322D50; opacity: .4;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 5px;
}



/*** Post Title ***/

.archive .blog-post .post-title {
	margin-bottom: 0;
}

.archive-posts .blog-post .post-title { 
	height: 2.7em;
	margin-bottom: 5px;
} 




/*** Contact Form ***/
#st-contact-form {
    padding-top: 0px;
}

#st-contact-form .heading h2 {
	text-align: left;
	font-weight: 700;
	color: #312D51;
}


#st-contact-form .cf-submit input {
	width: 100%;
	padding: 8px;
	text-align: center;
	background: #5476EC;
	color: #fff;
	border: none;
	border-radius: 100px;
}



#st-contact-form .cf-info p {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: #312D51;
	font-family: SVN-Gilroy;
	margin-bottom: 10px;
}



@media (max-width: 991px) {
	#st-contact-form .cf-info p {
		margin-bottom: 0px;
	}
}

@media (min-width: 992px) {
	#st-contact-form .cf-info p {
		margin-bottom: 10px;
	}
}





#st-contact-form .cf-info input,
#st-contact-form .cf-info textarea {
	width: 100%;
	font-family: Open Sans;
	color: #312D51;
	border: none;
	border-bottom: 1px solid rgba(0,0,0,.1);
}











@media (max-width: 575px) {
	#st-contact-form .cf-info input,
	#st-contact-form .cf-info textarea {
		font-size: 17px;
		padding: 12px 0 9.5px 0;
	}
}


@media (min-width: 576px) and (max-width: 767px) {
	#st-contact-form .cf-info input,
	#st-contact-form .cf-info textarea {
		font-size: 17px;
		padding: 13px 0 10.5px 0;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	#st-contact-form .cf-info input,
	#st-contact-form .cf-info textarea {
		font-size: 19px;
		padding: 14px 0 11.5px 0;
	}
}



@media (min-width: 992px) {
	#st-contact-form .cf-info input,
	#st-contact-form .cf-info textarea {
		font-size: 17px;
		padding: 15px 0 12.5px 0;
	}
	
	#st-contact-form .cf-message {
		height: calc(100% - 40px);		
	}
	#st-contact-form .cf-message .cf-input {
		height: calc(100% - 33.8px);		
	}
	#st-contact-form .cf-message textarea  {
		height: 100%;
	}
}










#st-contact-form .cf-info input:focus,
#st-contact-form .cf-info textarea:focus {
	border-bottom: 1px solid rgba(0,0,0,.1) !important;
}



input:-webkit-autofill,
input:-webkit-autofill:focus {
	transition: background-color 600000s 0s, color 600000s 0s;
}


#st-contact-form .cf-info {
	margin-bottom: 40px;
}


@media (min-width: 992px) {
	#st-contact-form .cf-info {
		padding-right: 40px;
	}
	#st-contact-form .cf-submit {
		padding-right: 40px;
	}
}