
.overview .cols .col1 {
	/*width: 70%;*/
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	padding: 0 15px;
}

.overview.blogcontent .cols {
	margin: 0;
}

@media (max-width: 992px) {
	.overview .cols {
		margin: 0 0;
	}
	
	.overview .cols .col {
		padding: 0 !important;
	}
}

.col.blogleft {}

.col.blogright {
	text-align: left !important;
	padding: 0 15px;
}

.col1.blogfull {
	padding: 0 15px;
}

.col1.blogright {
	text-align: left !important;
	padding: 0 15px;
}

@media (min-width: 991px) {
	.col.blogleft {
		width: 70% !important;
	}
	
	.col.blogright {
		width: 30% !important;
	}
	
	.col1.blogfull {
		width: 70% !important;
	}
	
	.col1.blogright {
		width: 30% !important;
	}
}

/* If the screen size is 480px wide or less, change the column widths */
@media (max-width: 991px) {
	col.blogright, col.blogleft, .col1.blogfull, .col1.blogright, .bloglist-left, .bloglist-right, .related-post-wrapper .col {
		width: 100% !important;
	}
	
	.related-post-wrapper .col {
		margin-bottom: 20px !important;
	}
	
	.bottom-post-wrapper .col.bloglist-left {
		margin-right: 0 !important;
	}
	
	.overview.blogcontent .cols .col {
		margin-bottom: 25px;
	}
	
	.bottom-post-wrapper {
		margin-bottom: 0 !important;
	}
	
	.single .overview .cols .col {
		padding: 0 !important;
	}
	
	.single .related-post-wrapper .cols .col {
		margin-right: 0 !important;
	}
	
	.overview .cols .col1.blogfull {
		padding: 0 !important;
	}
}

@media (min-width: 781px) and (max-width: 991px) {
	.related-post-wrapper .cols .col .cardbottom {
		padding-top: 15% !important;
	}
}

@media (max-width: 780px) {
	.related-post-wrapper .cols .col .cardbottom {
		padding-top: 20% !important;
	}
}

.clear {
	clear: both;
}

.right-sidebar div {
	margin-left: 8px;
}

.right-sidebar div, .right-sidebar div h2 {
	text-align: left;
}

.top-section.blog {
	min-height: 290px;
	height: 290px;
	padding-bottom: 185px;
}

.top-section.single {
	min-height: 170px;
	height: 170px;
	padding-bottom: 0px !important;
}

.blogcontent.single {
	padding-top: 0px;
}

main .holder h1 {
	text-align: left;
	font: normal normal 500 48px/65px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.overview h2 {
	text-align: left;
}

.top-post-wrapper .col.blogleft h2, .col.blogleft h2 a, .top-post-wrapper .col1.blogfull h2, .col1.blogfull h2 a {
	text-align: left;
	font: normal normal normal 42px/49px Work Sans;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.col.blogleft p, .col1.blogfull p {
	text-align: left;
	font: normal normal 300 20px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.col.blogright .widget-title, .col1.blogright .widget-title {
	text-align: left;
	font: normal normal normal 24px/20px Work Sans;
	letter-spacing: 0px;
	color: #03d8ff;
	padding-top: 20px;
	margin-top: 12px;
	margin-bottom: 8px;
}

#header nav > ul > li > a {
	text-align: left;
	font: normal normal normal 18px/14px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.col.blogleft .postdate, .col.blogleft .postauthor, .col1.blogfull .postdate, .col1.blogfull .postauthor {
	text-align: left;
	font: normal normal normal 18px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.btn.readmore {
	text-align: center;
	margin: 0 auto;
	width: 140px;
	height: 38px;
	font-size: 18px;
	box-shadow: 0px 3px 6px rgba(3, 216, 255, .33);
	border-radius: 4px;
	padding: 4px;
	opacity: 1;
}

.post-categories, .post-categories a {
	text-align: left;
	font: normal normal normal 14px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.top-post-wrapper {
	margin-bottom: 40px;
	padding-bottom: 35px;
	border-bottom: dashed 1px #c9c9c9;
}

@media (min-width: 769px) {
	.top-post-wrapper {
		padding-left: 30px;
	}
	
	.top-post-wrapper .post-top-date {
		margin-left: -30px;
	}
}

.postthumb {
	border-right: dashed 1px #c9c9c9;
	padding-right: 20px;
	max-height: 217px;
	max-width: 217px;
}

.postexcerpt {
	padding-top: 15px;
}

@media (min-width: 641px) {
	.postexcerpt {
		padding-left: 20px;
		padding-top: 0;
	}
}

.bottom-post-wrapper .col.blogleft h2, .col.blogleft h2 a, .bottom-post-wrapper .col1.blogfull h2, .col1.blogfull h2 a, .bloglist-left h2, .bloglist-right, h2 {
	text-align: left;
	font: normal normal normal 32px/38px Work Sans;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.bottom-post-wrapper .col.bloglist-left, .bottom-post-wrapper .col1.bloglist-left {
	background: #fff;
	opacity: 1;
	width: 48%;
	margin-right: 4%;
}

.bottom-post-wrapper .col.bloglist-right, .bottom-post-wrapper .col1.bloglist-right {
	background: #fff;
	opacity: 1;
	width: 48%;
	position: relative;
}

.bottom-post-wrapper {
	margin-bottom: 35px;
}

.bottom-post-wrapper .cols .col {
	padding-left: 0px;
	padding-right: 0px;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, .2);
	border: .5px solid #67727c;
}

.bottom-post-wrapper .cols .col a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: relative;
}

.bottom-post-wrapper .cols .col a:hover h2 {
	color: #03d8ff;
}

.bottom-post-wrapper .cols .col a:hover {
	color: #67727c;
}

.blog-maim-wrap img {
	object-fit: cover;
	height: 126px;
	object-position: top center;
}

/* .bottom-post-wrapper .cols .col .top-bottom-post-wrapper {
    padding-left: 15px;
    padding-right: 15px;
} */

/* .related-post-wrapper .cols .col .cardbottom {
    padding-top: 35%;
} */
.aboutauthor, .relatedposts {
	margin-top: 40px;
}

.col.blogleft .col.bloglist-left .bloglist-meta, .col.blogleft .col.bloglist-right .bloglist-meta, .col1.blogfull .col1.bloglist-left .bloglist-meta, .col1.blogfull .col1.bloglist-right .bloglist-meta {
	text-align: left;
	font: normal normal normal 14px/18px Work Sans;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.related-post-wrapper .cols .col .cardbottom .bloglist-meta {
	text-align: left;
	font: normal normal normal 18px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

/*
.col.panel2 {
	background-color: #67727C !important;
	color: #ffffff !important;
}

.col.panel2 h2 a, .col.panel2 p .postdate, .col.panel2 p.bloglist-meta {
	color: #ffffff !important;
}*/
.col.panel1 .cardbottom, .col.panel3 .cardbottom, .col.panel6 .cardbottom {
	background-color: #67727c !important;
}

.col.panel4 .cardbottom, .col.panel5 .cardbottom {
	background-color: #b5babf !important;
}

/* hover stuff */
.bloglist-left a:hover, .bloglist-right a:hover {
	background: #67727c;
}

.bloglist-right:hover .top-bottom-post-wrapper, .bloglist-left:hover .top-bottom-post-wrapper {
	color: #fff;
}

.bloglist-left h2:hover, .bloglist-right h2:hover, .bloglist-left .postdate:hover, .bloglist-right .postdate:hover, .bloglist-left:hover h2, .bloglist-left:hover .postdate, .bloglist-right:hover h2, .bloglist-right:hover .postdate {
	color: #fff;
}

.bloglist-right:hover .top-bottom-post-wrapper p.bloglist-meta, .bloglist-left:hover .top-bottom-post-wrapper p.bloglist-meta {
	color: #ff9b00 !important;
}

.related-post-wrapper .cols .col:hover .cardbottom .bloglist-meta {
	color: #ff9b00 !important;
}

.cardbottom .arrow {
	width: 37px;
	height: 37px;
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	color: #fff;
	padding: 20px 5px 5px 20px;
	font-size: 12px;
}

[class*=" icon-"], [class^="icon-"] {
	font-family: icomoon !important;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.arrow::before {
	position: relative;
	z-index: 1;
}

.icon-arrow:before {
	content: "";
}

*, ::after, ::before {
	box-sizing: inherit;
}

.cardbottom .arrow::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 1px solid transparent;
	border-width: 0 0 37px 37px;
	border-bottom-color: #03d8ff;
}

.related-post-wrapper .col {
	position: relative;
}

.catwidget {
	border-bottom: solid 1px #c9c9c9;
}

ul.leaders {
	max-width: 40em;
	padding: 0 0 0 2px;
	overflow-x: hidden;
	list-style: none !important;
}

ul.leaders a {
	text-align: left;
	font: normal normal normal 20px/36px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
}

ul.leaders li:not(.show-more-cats-li):before {
	float: left;
	width: 0;
	white-space: nowrap;
	content: "- - - - - - - - - - - - - - - - - - - - - - - - " "- - - - - - - - - - - - - - - - - - - - - - - - " "- - - - - - - - - - - - - - - - - - - - - - - -";
	font-size: 7px;
	padding-top: 14px;
	font-stretch: condensed;
	font-weight: 800;
	color: #c9c9c9;
}

ul.leaders li.show-more-cats-li span.show-more-btn {
	float: right;
	width: 20px;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 12px;
}

ul.leaders li.show-more-cats-li span.show-more-btn:before, ul.leaders li.show-more-cats-li span.show-more-btn:after {
	width: 20px;
}

#show-more-cats {
	display: none;
}

@media (min-width: 1121px) {
	ul.leaders#show-more-cats {
		margin-top: -7px;
	}
}

/*ul.leaders li:before {
    float: left;
    vertical-align: bottom;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . . . . . ";
	border-bottom: dashed 1px #67727c !important;
 }
*/
ul.leaders a span:first-child {
	padding-right: .33em;
	background: white;
}

ul.leaders a span + span {
	float: right;
	padding-left: .33em;
	background: white;
}

.cardbottom {
	height: 126px;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

/*.bloglist-left h2 {
    height: 120px;
    padding-bottom: 20px;
}
.bloglist-right h2 {
    height: 120px;
    padding-bottom: 20px;
}*/

/* .bloglist-left .h2wrapper {
    height: 220px;
    padding-bottom: 20px;
} */

/* .bloglist-right .h2wrapper {
    height: 220px;
    padding-bottom: 20px;
} */
.bloglist-left .h2wrapper h2, .bloglist-right .h2wrapper h2 {
	margin-bottom: 4px;
	padding: 25px;
	color: #67727c;
}

.blog-bottom-post {
	background: #67727c;
}

.blog-bottom-post span {
	color: #fff;
	font-size: 14px;
	line-height: 18px;
}

/* If the screen size is between 801px and 1120px wide, change the font size */
@media (min-width: 801px) and (max-width: 1120px) {
	.bloglist-right h2 a, .bloglist-left h2 a {
		font-size: 22px !important;
		line-height: 1 !important;
	}
}

/* If the screen size is between 401 and 800px wide, change the font size */
@media (min-width: 401px) and (max-width: 800px) {
	.bloglist-right h2 a, .bloglist-left h2 a {
		font-size: 18px !important;
		line-height: 1 !important;
	}
}

/* If the screen size is 400px wide or less, change the font size */
@media screen and (max-width: 400px) {
	.bloglist-right h2 a, .bloglist-left h2 a {
		font-size: 16px !important;
		line-height: .8 !important;
	}
}

.recentposts ul li a {
	text-align: left;
	font: normal normal normal 16px/20px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
}

.recentposts ul {
	text-align: left;
	font: normal normal normal 12px/20px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	border-bottom: dashed 1px #c9c9c9 !important;
	padding-top: 6px;
	padding-bottom: 6px;
}

ul.recentposts {
	padding-left: 2px;
}

.searchblog {
	border-bottom: 1px solid #c9c9c9;
}

.widget .search-form {
	position: relative;
	border: none;
}

.search-form input {
	width: 100%;
	width: 85%;
	text-align: left;
	font: normal normal normal 16px/36px Work Sans;
	letter-spacing: 0px;
	color: #b1afaf;
	opacity: 1;
	border-top-style: hidden !important;
	border-right-style: hidden !important;
	border-left-style: hidden !important;
	border-bottom-style: hidden !important;
}

.search-form input:focus {
	outline: none;
}

.widget .search-form button {
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
	border: none;
	width: 50px;
	padding-top: 5px;
	color: #b7b7b7;
	background-color: transparent;
	cursor: pointer;
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.full-width {
	padding: 0;
}

.pagination h2 {
	display: none;
}

.page-numbers, .page-numbers a {
	text-align: center;
	font: normal normal normal 18px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
}

nav.pagination .nav-links {
	text-align: center;
}

.page-numbers.current {
	color: #03d8ff;
}

.truncated-excerpt {
	text-align: left;
	font: normal normal normal 24px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.singleexcerpt {
	padding-bottom: 30px;
}

.search-submit {
	border: none;
	background: transparent;
	text-align: right;
}

.fa-search {
	color: #0d9ef1;
	font-size: 20px !important;
}

.single .related-post-wrapper .cols .col {
	background: #f9f9f9 0% 0% no-repeat padding-box;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, .16);
	opacity: 1;
}

.single .related-post-wrapper .cols {
	margin-bottom: 35px;
}

.single .related-post-wrapper .cols .col h2 {
	text-align: left;
	font: normal normal normal 32px/38px Work Sans;
	letter-spacing: 0px;
	color: #707070;
	opacity: 1;
}

.single .related-post-wrapper .cols .col .postdate {
	text-align: left;
	font: normal normal normal 18px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.relatedposts h2 {
	text-align: left;
	font: normal normal normal 24px/20px Work Sans;
	letter-spacing: 0px;
	color: #03d8ff;
	opacity: 1;
}

.single .overview .cols .col {
	width: 44%;
}

.single .related-post-wrapper .cols .col {
	margin-right: 35px;
}

.related-post-wrapper .cols .col:hover {
	background: #67727c;
	color: #fff;
}

.related-post-wrapper .cols .col a:hover .h2wrapper h2, .related-post-wrapper .cols .col a:hover .h2wrapper p .postdate {
	color: #fff;
}

.related-post-wrapper .cols {
	margin-bottom: 35px !important;
}

.aboutauthor h2, .aboutacreto h2 {
	text-align: left;
	font: normal normal normal 24px/50px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.aboutauthor p, .aboutacreto p {
	text-align: left;
	font: normal normal 300 20px/28px Work Sans;
	letter-spacing: 0px;
	color: #67727c;
	opacity: 1;
}

.postfull .thumb img {
	/*max-height: 217px;*/
	object-fit: contain;
	padding-bottom: 30px;
}

.col1-blogfull ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.col1.blogfull ul li {
	position: relative;
	font-size: 20px;
	line-height: 32px;
	padding-left: 16px;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	font-weight: 300;
}

.col1.blogfull ul li::before {
	content: "";
	width: 10px;
	height: 10px;
	background: #03d8ff;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 0;
}

.top-section.blog {
	background: url("https://cdn-ildenmb.nitrocdn.com/DApZwJRLyXCblJBAFwuORIBbREibpxSK/assets/images/source/rev-b02a968/acreto.ai/wp-content/themes/acreto/includes/img/blogs_header_background_03.svg") 50% 100% no-repeat;
	background-size: auto;
	background-size: cover;
}

.top-section.blog.nitro-lazy {
	background-image: none !important;
}

.top-section.single {
	background: url("https://cdn-ildenmb.nitrocdn.com/DApZwJRLyXCblJBAFwuORIBbREibpxSK/assets/images/source/rev-b02a968/acreto.ai/wp-content/themes/acreto/includes/img/single_blog_header_background.svg") 50% 100% no-repeat;
	background-size: auto;
	background-size: cover;
}

.top-section.single.nitro-lazy {
	background-image: none !important;
}

.overview.blogcontent li {
	margin-left: 20px;
}

ul.leaders li, ul.recentposts ul li {
	margin-left: 0px !important;
}

@media (max-width: 768px) {
	.contact-form-blog .input-holder label {
		padding: 0px 10px;
	}
}

.contact-form-blog .wpcf7 {
	margin-left: 0;
}

.contact-form-blog .form-holder {
	padding: 40px 25px 10px;
	background: #f2f2f2;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	box-shadow: 10px 6px 10px rgba(0, 0, 0, .1);
}

.contact-form-blog .form-holder .input-holder label {
	font-size: 16px;
	line-height: 23px;
	color: #67727c;
}

.contact-form-blog .form-holder .form-control {
	height: 35px;
	border: 1px solid #d1d1d1;
	background: #fff;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
}

.contact-form-blog .wpcf7 form .wpcf7-response-output {
	font-size: 12px;
	line-height: 14px;
}

.contact-form-blog .form-holder .your-message .form-control {
	height: 148px;
}

.contact-form-blog .form-holder .btn {
	width: 180px;
	padding: 7px 10px;
	display: block;
	margin: 0 auto;
}

.contact-form-blog .form-holder .input-holder {
	margin-left: 0;
}

.contact-form-blog .form-holder h2 {
	font: 300 24px/28px "Work Sans", sans-serif;
	margin-bottom: 35px;
	text-align: center;
}

@media (min-width: 993px) {
	.contact-form-blog.stuck {
		width: 270px !important;
	}
}

@media (min-width: 1024px) {
	.contact-form-blog.stuck {
		position: fixed;
		top: 135px;
		width: 340px !important;
		z-index: 5;
		margin-left: 8px;
	}
}

/* @media (min-width: 1240px) {
    .contact-form-blog.stuck {
        width: 23.9% !important
    }
} */

/* @media (min-width: 1024px) {
    .contact-form-blog.stuck {
        position:fixed;
        top: 135px;
        width: 27% !important;
        z-index: 5;
    }
} */
#footer {
	z-index: 1;
}

/******************************************************
Landing Page
****************************************************/
.top-section.landing-page {
	background: url("https://cdn-ildenmb.nitrocdn.com/DApZwJRLyXCblJBAFwuORIBbREibpxSK/assets/images/optimized/rev-b02a968/acreto.ai/wp-content/themes/acreto/includes/img/ebook_landing_page_BG.png") 50% 100% no-repeat;
	background-size: cover;
	padding-bottom: 0;
	min-height: 970px;
	overflow: initial;
}

.top-section.landing-page.nitro-lazy {
	background-image: none !important;
}

.top-section.landing-page .holder {
	max-width: 700px;
}

.top-section.landing-page .holder .descr {
	margin: 0 165px 55px 55px;
}

@media (max-width: 570px) {
	.top-section.landing-page .holder .descr {
		margin: 0;
	}
}

/* .landing-page-form {
    background: url(../img/single_blog_header_background.svg) 50% 100% no-repeat;
    background-size: cover;
} */
.landing-contact-form {
	display: flex;
	justify-content: flex-end;
}

@media (min-width: 993px) {
	.landing-contact-form {
		position: absolute;
		right: 15px;
		top: 300px;
	}
}

.landing-contact-form .form-holder {
	width: 410px;
	padding: 40px 60px 10px;
	background: #f2f2f2;
	border: 1px solid #d1d1d1;
	border-radius: 10px;
	box-shadow: 10px 6px 10px rgba(0, 0, 0, .1);
}

@media (max-width: 992px) {
	.landing-contact-form .input-holder label {
		padding: 0px 10px;
	}
	
	.landing-contact-form .form-holder {
		width: 100%;
		padding: 40px 20px 10px;
	}
}

.landing-contact-form .form-holder .input-holder label {
	font-size: 16px;
	line-height: 23px;
	color: #67727c;
}

.landing-contact-form .form-holder .form-control {
	height: 35px;
	border: 1px solid #d1d1d1;
	background: #fff;
	padding: 5px 10px;
	font-size: 16px;
	line-height: 23px;
	font-weight: 300;
}

.landing-contact-form .wpcf7 form .wpcf7-response-output {
	font-size: 12px;
	line-height: 14px;
}

.landing-contact-form .form-holder .your-message .form-control {
	height: 148px;
}

.landing-contact-form .form-holder .btn {
	width: 180px;
	padding: 7px 10px;
	display: block;
	margin: 0 auto;
}

.landing-contact-form .form-holder .input-holder {
	margin-left: 0;
}

.landing-contact-form .form-holder h2 {
	font: 300 24px/28px "Work Sans", sans-serif;
	margin-bottom: 35px;
	text-align: center;
}

.landing-page-content {
	margin-bottom: 90px;
}

.landing-page-content .landing-page-box {
	width: 100%;
}

@media (min-width: 1024px) {
	.landing-page-content .landing-page-box {
		max-width: 560px;
	}
}

@media (min-width: 1124px) {
	.landing-page-content .landing-page-box {
		max-width: 660px;
	}
}

/* @media (max-width: 1024px) {
    .landing-page-content .landing-page-box {
        max-width: 560px;
    }
} */
.landing-page-content .landing-page-box .descr {
	border-left: 1px dashed #67727c;
	padding: 0 15px;
	color: #67727c;
	font-weight: 300;
}

.single #footer {
	margin-top: 50px;
}

.contact-form-blog-height {
	margin-top: 145px;
}

.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}

.flexbox-container > div {
	width: 50%;
	padding: 10px;
}

.flexbox-container > div:first-child {
	margin-right: 20px;
}

.new-blog .new-blog-flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
}

.new-blog .new-blog-flexbox-container h2 {
	padding: 25px 25px 0;
}

.new-blog .new-blog-flexbox-container > div {
	width: 50%;
	display: flex;
	flex-direction: column;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, .2);
	border: .5px solid #67727c;
	flex: 1 0 auto;
}

.new-blog .new-blog-flexbox-container > div:first-child {
	margin-right: 20px;
}

.new-blog-flexbox-container img {
	object-fit: cover;
	height: 126px;
	width: 100%;
	flex: 1 0 auto;
}

.blog-bottom-post {
	background: #67727c;
	display: flex;
	justify-content: space-between;
	padding: 10px 10px 25px;
	position: relative;
}

.blog-bottom-post span {
	color: #fff;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
}

.blog-bottom-post .new-blog-arrow {
	width: 37px;
	height: 37px;
	position: absolute;
	bottom: -1px;
	right: -1px;
	overflow: hidden;
	color: #fff;
	padding: 22px 5px 5px 20px;
	font-size: 10px;
}

.blog-bottom-post .new-blog-arrow::before {
	position: relative;
	z-index: 1;
}

.blog-bottom-post .new-blog-arrow::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 1px solid transparent;
	border-width: 0 0 37px 37px;
	border-bottom-color: #03d8ff;
}

.related-post-wrapper .cols .col {
	padding: 0;
	border: .5px solid #67727c;
}

.related-post-wrapper .cols .col a {
	background: #fff;
}

.related-post-wrapper .cols .col a:hover {
	background: #67727c;
}

.related-post-wrapper .cols .col a:hover .h2wrapper h2 {
	color: #03d8ff;
}

.single .related-post-wrapper .cols .col h2 {
	padding: 20px 20px 0;
}

/* .meta-box-info h2{
    margin-bottom: 8px;
}
.meta-box-info{
    border-top: dashed 1px #c9c9c9 !important;
    margin-top: 30px;
    padding-top: 30px;
} */
.subtitle-box-info p {
	color: #67727c;
	font-size: 24px;
	font-weight: 500 !important;
}

@media (min-width: 750px) {
	.related-post-row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.related-post-row .col {
		/* background: #67727C; */
		width: 48% !important;
	}
}

.related-post-row .col {
	/* background: #67727C; */
	
	/* width: 100% !important; */
	padding: 0 !important;
	box-shadow: 2px 4px 6px rgba(0, 0, 0, .2);
	border: .5px solid #67727c;
}

@media (min-width: 769px) {
	.related-post-row .col h2 {
		padding: 25px;
		line-height: 38px;
		font-size: 32px;
	}
}

.related-post-row .col h2 {
	margin-bottom: 4px;
	padding: 15px;
	line-height: 32px;
	font-size: 28px;
	color: #67727c;
}

.related-post-row .col a:hover h2 {
	color: #03d8ff;
}

.related-post-row .col a:hover {
	background: #67727c;
}

@media (min-width: 641px) {
	.top-columns {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		width: 100%;
	}
}

.top-columns .column {
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
}

.top-bottom-post-wrapper {
	height: 100%;
	min-height: 98px;
}

.first-top-post {
	border-bottom: dashed 1px #c9c9c9;
	padding-bottom: 27px;
	margin-bottom: 0;
}

#header .top-bar a {
	margin-left: 30px;
}
