/* Blog Single Styles - Using nested, make sure to include the & ampersands for browser support */

.single-post .main-content > .wp-block-group:first-of-type {
	background: linear-gradient(180deg, #ffffff 0%, #faf9f5 16.93%) !important;
}

.single-post .main-content > .wp-block-group:first-of-type .wp-block-columns {
	display: flex;
	align-items: flex-end !important;
	gap: 50px;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column {
	padding: unset !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column
	> * {
	padding: unset !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:last-of-type
	.wp-block-image {
	border-radius: 24px !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: unset !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	#h-blog {
	display: none;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	.breadcrumb {
	display: flex;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #737171;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	.breadcrumb
	a {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	color: #1f1f1f;
	text-decoration: none;
	white-space: nowrap;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	.breadcrumb
	.breadcrumb-separator {
	margin: 0 6px;
	color: #535fca;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	.breadcrumb
	span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	h1 {
	font-family: Relative !important;
	font-size: 42px !important;
	font-weight: 400 !important;
	line-height: 50.4px !important;
	color: #1f1f1f !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	p {
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 25.2px !important;
	color: #1f1f1f !important;
	font-style: unset !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	p
	a {
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 25.2px !important;
	color: #535fca !important;
	font-style: unset !important;
}

.single-post
	.main-content
	> .wp-block-group:first-of-type
	.wp-block-columns
	.wp-block-column:first-of-type
	p
	em {
	font-style: unset !important;
}

/* Targeting CTAs (which always seem to come last) */
.single-post
	.main-content
	> .wp-block-group:last-of-type
	> .wp-block-group__inner-container
	> .wp-block-group {
	max-width: unset !important;
	background: #535fca url("../img/bg-getting-started.jpg") no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-size: 100%;
	background-position: bottom;
}

@media only screen and (max-width: 431px) {
	.single-post
		.main-content
		> .wp-block-group:last-of-type
		> .wp-block-group__inner-container
		> .wp-block-group {
		padding-top: 40px !important;
	}
}

.single-post .main-content > .wp-block-group:last-of-type .wp-block-columns {
	display: flex !important;
	justify-content: center;
	gap: 30px;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column {
	max-width: fit-content;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column
	a {
	font-weight: 500 !important;
	font-size: 20px !important;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.button-cta
	a {
	background: #535fca !important;
	color: white !important;
	border: 1px solid white !important;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.button-cta
	a:hover {
	background: white !important;
	color: #535fca !important;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type {
	position: relative;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type::after {
	content: "";
	position: absolute;
	width: 0;
	height: 1px;
	bottom: -3px;
	left: 0;
	background: white;
	transition: width 0.2s linear;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type:hover::after {
	width: 100%;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type
	a {
	margin-left: 30px;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type
	p {
	padding-right: unset !important;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type
	p::after {
	display: none !important;
}

.single-post
	.main-content
	> .wp-block-group:last-of-type
	.wp-block-columns
	.wp-block-column:last-of-type
	p::before {
	content: "";
	background-image: url("../img/cantact-us-icon.svg");
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center;
	width: 18px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 43%;
	transform: translateY(-50%);
	left: auto;
}

@media only screen and (max-width: 431px) {
	.single-post .main-content > .wp-block-group:last-of-type .wp-block-columns {
		flex-direction: column !important;
	}
}

@media only screen and (max-width: 999px) {
	.single-post
		.main-content
		> .wp-block-group:last-of-type
		.wp-block-columns
		.wp-block-column {
		margin: unset !important;
	}
}

/* All images babe */
.single-post .main-content .wp-block-image img {
	border-radius: 24px !important;
}

/* Overriding Dan the mans Styles for social share mobile */
@media only screen and (max-width: 550px) {
	.single-post
		.main-content
		.wp-block-group:first-of-type
		.wp-block-columns.wp-container-core-columns-is-layout-1 {
		flex-wrap: wrap-reverse !important;
		gap: 10px;
	}

	.single-post
		.main-content
		.wp-block-group:first-of-type
		.wp-block-columns.wp-container-core-columns-is-layout-1
		> .wp-block-column:last-child {
		max-width: fit-content !important;
	}

	.share {
		width: fit-content !important;
	}

	.single-post .share .title {
		display: inline !important;
		max-width: unset !important;
	}

	.single-post
		.main-content
		> .wp-block-group:first-of-type
		.wp-block-group__inner-container
		> .wp-block-columns
		> .wp-block-column:first-of-type
		> .wp-block-columns
		div {
		margin: unset !important;
		gap: 10px;
	}

	.single-post .blog-info .date::after,
	.single-post .blog-info .name::after {
		display: none !important;
	}

	.single-post .blog-info .date {
		width: 100% !important;
	}
}
