/*
Theme Name: ColorMag - Layout
Page layouts: header, footer, sidebars, structure
Split from original style.css for better organization
*/

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Header.
--------------------------------------------- */
/* Top Bar.
--------------------------------------------- */
#header-meta {
	background-color: #fff;
}

.cm-top-bar {
	background-color: #f4f4f5;
	padding: 10px 0;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
	font-size: 14px;
	border-bottom-style: solid;
}

.cm-top-bar .cm-row {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
}

.cm-top-bar .tg-full-width {
	max-width: 100%;
	padding: 0 15px;
}

.cm-top-bar__2 {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 10px;
	align-items: center;
}

@media screen and (min-width: 48em) {
	.cm-top-bar__1 {
		display: flex;
		gap: 15px;
		align-items: center;
	}
	.cm-top-bar__2 {
		flex-direction: row;
		justify-content: flex-end;
		gap: 16px;
	}
	.cm-top-bar .cm-row {
		gap: 15px;
	}
}

@media screen and (min-width: 62em) {
	.cm-top-bar {
		padding: 8px;
	}
	.cm-top-bar .cm-row {
		flex-direction: row;
	}
}

/* Header.
--------------------------------------------- */
.cm-header {
	background-color: #fff;
}

.cm-site-branding img {
	width: auto;
	margin-bottom: 0;
}

.cm-site-branding a {
	display: block;
}

.cm-site-title {
	margin-bottom: 0;
	font-size: 40px;
	line-height: 1.5;
}

.cm-site-title a {
	color: var(--cm-color-1, #207daf);
}

.cm-site-description {
	line-height: 1.8;
	font-size: 16px;
	color: #52525b;
	margin: 4px 0 0 0;
	font-family: "Open Sans", serif;
	word-break: break-word;
}

.header-image {
	margin-bottom: 0;
	border-bottom: 1px solid var(--cm-color-8, #E4E4E7);
	width: 100%;
}

.cm-header-col-1 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
	flex-basis: 30%;
}

.cm-header-col-2 .widget {
	text-align: right;
	color: #3f3f46;
}

.cm-header-col-2 .widget .cm-widget-title {
	font-size: 18px;
	line-height: 1.2;
	padding-bottom: 4px;
}

.cm-header-col-2 .wp-block-image {
	margin: 0;
}

.cm-header-col-2 img {
	margin-bottom: 0;
}

.cm-header-2 .cm-row {
	display: flex;
}

/* For header display type one */
.header_display_type_one .cm-header-1 .cm-row {
	flex-direction: row-reverse;
}

.header_display_type_one .cm-header-col-2 .widget {
	text-align: left;
}

/* For header display type two */
.header_display_type_two .cm-header-1 .cm-row {
	flex-direction: column;
}

.header_display_type_two .cm-header-col-1 {
	flex-direction: column;
	float: none;
	text-align: center;
	justify-content: center;
}

.header_display_type_two .cm-site-branding {
	padding-right: 0;
}

.header_display_type_two #cm-site-info {
	padding-right: 0;
}

.header_display_type_two .cm-header-col-2 .widget {
	color: #3f3f46;
	text-align: center;
}

.cm-menu-toggle {
	display: flex;
	cursor: pointer;
}

.cm-contained .cm-header-2 #cm-primary-nav {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
	position: relative;
	background-color: transparent;
	border-top: 0 solid transparent;
	z-index: 999;
}

.cm-contained .cm-header-2 .cm-row {
	background-color: #212529;
	border-top: 4px solid #289dcc;
}

@media screen and (min-width: 769px) {
	.cm-menu-toggle {
		display: none;
	}
}

/* Header Layout: Classic.
--------------------------------------------- */
.cm-layout-2 .cm-header-1 .cm-row {
	flex-direction: column;
}

.cm-layout-2 .cm-header-2 .cm-row {
	flex-direction: row;
}

.cm-layout-2 .cm-row {
	justify-content: center;
}

.cm-layout-2 .cm-row .cm-header-col-2 {
	display: none;
}

.cm-layout-2 .cm-row .cm-header-col-1 {
	display: unset;
	float: none;
	text-align: center;
}

.cm-layout-2 .cm-top-bar .cm-row {
	padding: 0;
}

.cm-layout-2 #cm-primary-nav {
	background-color: transparent;
}

.cm-layout-2 #cm-primary-nav.headroom--pinned {
	background: inherit;
}

.cm-layout-2 #cm-primary-nav .cm-row {
	background-color: transparent;
	justify-content: flex-start;
}

.cm-layout-2 #cm-primary-nav .fa {
	color: #3F3F46;
}

.cm-layout-2 #cm-primary-nav .fa:hover {
	background: transparent;
	color: var(--cm-color-1, #207daf);
}

.cm-layout-2 #cm-primary-nav .cm-home-icon.front_page_on {
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav a {
	color: #3F3F46;
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav a::after {
	color: inherit;
}

.cm-layout-2 .cm-primary-nav a:hover {
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav li {
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav ul {
	justify-content: center;
}

.cm-layout-2 .cm-primary-nav ul li.current-menu-item, .cm-layout-2 .cm-primary-nav ul li.current_page_item, .cm-layout-2 .cm-primary-nav ul li:hover, .cm-layout-2 .cm-primary-nav ul li.focus {
	color: var(--cm-color-1, #207daf);
	background-color: transparent;
}

.cm-layout-2 .cm-primary-nav ul li.current-menu-item ul li a,
.cm-layout-2 .cm-primary-nav ul li ul li.current-menu-item a,
.cm-layout-2 .cm-primary-nav ul li.current_page_ancestor ul li a,
.cm-layout-2 .cm-primary-nav ul li.current-menu-ancestor ul li a,
.cm-layout-2 .cm-primary-nav ul li.current_page_item ul li a {
	color: #343a40;
}

.cm-layout-2 .cm-primary-nav ul > li {
	vertical-align: top;
}

.cm-layout-2 .cm-primary-nav ul > li > a {
	border-bottom: 2px solid transparent;
	transition: border 0.5s ease;
	color: #3F3F46;
}

.cm-layout-2 .cm-primary-nav ul > li:hover > a, .cm-layout-2 .cm-primary-nav ul > li.current-menu-item > a, .cm-layout-2 .cm-primary-nav ul > li.current-menu-ancestor > a {
	background-color: transparent;
	border-bottom: 2px solid var(--cm-color-1, #207daf);
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu {
	background-color: #fff;
	transition: all 0.3s ease;
	display: block;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #F4F4F5;
	text-align: left;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li {
	border-bottom: 1px solid #F4F4F5;
	display: flex;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li a {
	width: auto;
	transition: all 0.5s ease;
	border-color: transparent;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li:hover, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-ancestor, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus {
	border-color: var(--cm-color-1, #207daf);
	background-color: var(--cm-color-1, #207daf);
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li:hover > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-ancestor > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.current-menu-item > a, .cm-layout-2 .cm-primary-nav ul ul.sub-menu li.focus > a {
	color: #fff;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li:last-child {
	border-bottom: none transparent;
}

.cm-layout-2 .cm-primary-nav ul ul.sub-menu li ul {
	top: 0;
	transition: none;
}

.cm-layout-2 .cm-primary-nav ul li.menu-item-has-children:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

.cm-layout-2 .cm-primary-nav ul li.menu-item-has-children a::after {
	color: #343a40;
}

.cm-layout-2 .cm-primary-nav ul li.focus > a {
	border-color: var(--cm-color-1, #207daf);
}

.cm-layout-2 .cm-primary-nav ul li.focus > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

.cm-layout-2 .cm-primary-nav .cm-random-post a:hover {
	background: transparent;
}

.cm-layout-2 .cm-primary-nav .cm-random-post a:hover .fa-random {
	color: var(--cm-color-1, #207daf);
}

.cm-layout-2 .cm-primary-nav .cm-random-post a .fa-random {
	color: #3F3F46;
}

.cm-layout-2 .cm-primary-nav .cm-submenu-toggle .cm-icon {
	fill: #3f3f46;
}

.cm-layout-2 .cm-primary-nav .cm-menu-toggle svg,
.cm-layout-2 .cm-primary-nav .cm-home-icon svg,
.cm-layout-2 .cm-primary-nav .cm-random-post svg {
	fill: #3F3F46;
}

.cm-layout-2 .cm-mobile-nav .nav-menu {
	padding-top: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a:hover {
	background: transparent;
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a:hover .fa-random {
	color: var(--cm-color-1, #207daf);
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a .fa-random {
	color: #343a40;
}

.cm-layout-2 .cm-mobile-nav li {
	background-color: #fff;
	border-color: var(--cm-color-8, #E4E4E7);
}

.cm-layout-2 .cm-mobile-nav li a {
	color: #3F3F46;
}

.cm-layout-2 .cm-mobile-nav li:hover > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-page-ancestor > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-menu-ancestor > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-page-item > .cm-submenu-toggle i, .cm-layout-2 .cm-mobile-nav li.current-menu-item > .cm-submenu-toggle i {
	color: #fff;
}

.cm-layout-2 .cm-mobile-nav .cm-submenu-toggle svg,
.cm-layout-2 .cm-mobile-nav .cm-home-icon svg,
.cm-layout-2 .cm-mobile-nav .cm-menu-toggle svg {
	fill: #3f3f46;
}

.cm-layout-2 .cm-mobile-nav .cm-random-post a svg {
	fill: #3f3f46;
}

.cm-layout-2 .is-sticky #cm-primary-nav {
	background-color: #fff;
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
}

.cm-layout-2 .cm-menu-primary-container {
	flex-grow: 1;
}

@media screen and (min-width: 48em) {
	.cm-layout-2 .cm-layout-2-style-1 #cm-primary-nav {
		border-top: 4px solid var(--cm-color-1, #207daf);
	}
}

/* Page templates.
--------------------------------------------- */
.page-template-page-builder .cm-primary {
	float: none;
	width: 100%;
}

.page-template-page-builder .cm-content {
	padding-top: 0;
	padding-bottom: 0;
}

.home.page-template-page-builder .cm-primary .cm-posts {
	display: block;
}

/* Content.
--------------------------------------------- */
#page {
	max-width: 1200px;
	margin: 0 auto;
}

.cm-content {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: var(--cm-color-3, #FFFFFF);
}

.wide {
	padding-top: 0;
	padding-bottom: 0;
}

.wide #page {
	max-width: 100%;
}

.cm-primary,
.cm-secondary {
	width: 100%;
}

.cm-content .cm-row {
	display: flex;
	flex-direction: column;
	row-gap: 60px;
}

.cm-content .cm-row .cm-one-half {
	width: 100%;
	padding-bottom: 0;
	margin-right: 0;
}

.top-full-width-sidebar {
	margin-bottom: 30px;
}

.top-full-width-sidebar .cm-widget-title {
	border-bottom: 2px solid var(--cm-color-1, #207daf);
	font-size: 1.4rem;
	margin-bottom: 24px;
	padding-bottom: 0;
}

.top-full-width-sidebar .cm-widget-title span {
	background-color: var(--cm-color-1, #207daf);
	color: #fff;
	padding: 6px 12px;
	display: inline-block;
}

@media screen and (min-width: 62em) {
	.cm-content .cm-row {
		flex-direction: row;
	}
	.cm-primary {
		width: calc(100% - 30%);
		padding-right: 1.875em;
	}
	.cm-secondary {
		width: 30%;
	}
}

/* Blog.
--------------------------------------------- */
.cm-posts.cm-layout-1-style-1 {
	--grid-column: 1;
}

.cm-layout-1-style-1 .post {
	display: flex;
	flex-direction: column;
}

.cm-layout-1-style-1 .post:first-child {
	padding: 0;
}

.cm-layout-1-style-1 .cm-featured-image {
	flex-basis: 50%;
}

.cm-layout-1-style-1 .cm-featured-image img {
	width: 100%;
}

.cm-layout-1-style-1 .cm-post-content {
	flex: 1;
	align-items: center;
	padding: 20px;
}

@media screen and (min-width: 48em) {
	.cm-layout-1-style-1 .post {
		flex-direction: row;
	}
}

.cm-posts.cm-layout-2-style-1 .post:first-child,
.cm-posts.cm-layout-2-style-1 .page:first-child {
	grid-column: 1/-1;
}

.cm-posts.cm-layout-2-style-2, .cm-posts.cm-layout-2-style-1 {
	grid-template-columns: repeat(var(--grid-column, 1), 1fr);
}

.cm-posts.cm-layout-2-style-2.col-2, .cm-posts.cm-layout-2-style-1.col-2 {
	--grid-column: 1;
}

.cm-posts.cm-layout-2-style-2.col-3, .cm-posts.cm-layout-2-style-1.col-3 {
	--grid-column: 1;
}

.cm-posts.cm-layout-2-style-2.col-4, .cm-posts.cm-layout-2-style-1.col-4 {
	--grid-column: 1;
}

@media screen and (min-width: 48em) {
	.cm-posts.cm-layout-2-style-2, .cm-posts.cm-layout-2-style-1 {
		grid-template-columns: repeat(var(--grid-column, 1), 1fr);
	}
	.cm-posts.cm-layout-2-style-2.col-2, .cm-posts.cm-layout-2-style-1.col-2 {
		--grid-column: 2;
	}
	.cm-posts.cm-layout-2-style-2.col-3, .cm-posts.cm-layout-2-style-1.col-3 {
		--grid-column: 3;
	}
	.cm-posts.cm-layout-2-style-2.col-4, .cm-posts.cm-layout-2-style-1.col-4 {
		--grid-column: 4;
	}
}

.cm-posts {
	display: grid;
	gap: 20px;
	grid-template-columns: 1fr;
	position: relative;
}

.cm-posts .post {
	overflow: hidden;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
	border-radius: 4px;
}

.cm-post {
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
	border-radius: 4px;
}

.cm-post a {
	position: relative;
	display: block;
}

.cm-post:hover .play-button-wrapper {
	background-color: var(--cm-color-1, #207daf);
}

.post:hover .play-button-wrapper {
	background-color: #207daf;
}

.cm-reading-time::before {
	color: #71717a;
}

.cm-highlight-post .post:first-child,
.cm-highlight-post .page:first-child {
	grid-column: 1/-1;
}

.cm-highlight-post .post:first-child .cm-entry-title,
.cm-highlight-post .page:first-child .cm-entry-title {
	font-size: 32px;
}

.cm-post-categories {
	display: inline-flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
}

.cm-post-categories a {
	display: inline-block;
	padding: 4px 8px;
	background-color: var(--cm-color-1, #207daf);
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 2px;
	line-height: 1.8;
}

.featured-image-caption {
	font-style: italic;
	font-size: 14px;
	padding: 10px 0 0 15px;
	display: block;
	color: #444444;
}

.human-diff-time {
	font-size: 12px;
	color: #71717a;
}

.human-diff-time .cm-post-date:not(.human-diff-time-display) {
	display: none;
}

.human-diff-time .human-diff-time-display:hover {
	color: var(--cm-color-1, #207daf);
	cursor: pointer;
}

.cm-tag-links a,
.cm-edit-link a {
	color: #71717a;
}

.cm-post-content,
.single-title-above {
	padding: 20px;
}

.cm-entry-summary ul {
	padding: 0 0 0 30px;
	margin-bottom: 30px;
}

.cm-entry-summary ol {
	padding: 0 0 0 30px;
	margin-bottom: 30px;
}

.cm-entry-summary li > ul, .cm-entry-summary li > ol {
	margin-bottom: 0;
}

ul.blocks-gallery-grid,
ul.wp-block-gallery {
	padding: 0;
}

ul.blocks-gallery-grid img,
ul.wp-block-gallery img {
	margin-bottom: 0;
}

@media screen and (min-width: 48em) {
	.cm-posts {
		grid-template-columns: repeat(var(--grid-column, 1), 1fr);
	}
}

.single .cm-posts .tags a {
	border: 1px solid var(--cm-color-8, #E4E4E7);
	padding: 3px 5px;
	border-radius: 3px;
	color: #777777;
}

.single .cm-posts .tags a:hover {
	color: var(--cm-color-1, #207daf);
	text-decoration: none;
}

.single .cm-entry-header .cm-entry-title {
	font-size: 3.2rem;
}

/* Author Box.
--------------------------------------------- */
.author-box {
	padding: 2%;
	width: 100%;
	display: inline-block;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}

.author-description-wrapper {
	float: right;
	width: 85%;
}

.author-img img {
	margin-right: 15px;
}

.author-name {
	padding-bottom: 10px;
}

.author-description-wrapper .author-url {
	display: inline-block;
	margin-top: 5px;
	width: 100%;
}

.author-description-wrapper .author-url a {
	display: inline-block;
	margin-top: 5px;
	width: 100%;
}

.share .fa-twitter {
	color: #55acee;
}

.share .fa-facebook-square {
	color: #3b5998;
}

.share .fa-google-plus-square {
	color: #dd4b39;
}

.share .fa-pinterest {
	color: #cc2127;
}

.author-box {
	margin-top: 30px;
}

.author-box.author-bio-style-2 .author-name {
	float: left;
}

.author-box.author-bio-style-2 .author-social-sites {
	float: right;
}

.author-box.author-bio-style-2 .author-description {
	display: inline-block;
}

.author-box.author-bio-style-3 .author-social-sites {
	float: left;
}

.author-box.author-bio-style-3 .author-description {
	display: inline-block;
}

/* Related Posts.
--------------------------------------------- */
.related-posts-wrapper h3 {
	font-size: 2rem;
}

.related-posts-main-title {
	margin-bottom: 30px;
}

.related-posts-main-title .fa {
	color: var(--cm-color-1, #207daf);
}

.related-posts-main-title span {
	font-size: 26px;
	padding-left: 10px;
}

.single-related-posts {
	width: 100%;
	box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.24);
	border-radius: 4px;
	overflow: hidden;
}

.single-related-posts .cm-post-content {
	padding: 20px;
}

.single-related-posts .cm-author {
	display: none;
}

.single-related-posts .cm-post-content .cm-entry-title {
	font-size: 20px;
	margin-bottom: 16px;
}

.single-related-posts img {
	width: 100%;
}

.related-posts-wrapper {
	position: relative;
	margin-top: 30px;
}

.related-posts-wrapper .related-posts {
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}

.related-posts-wrapper .related-post-carousel {
	visibility: hidden;
	height: 0;
}

.related-posts-wrapper.style-1 .cm-below-entry-meta {
	margin-bottom: 0;
}

.related-posts-wrapper.style-2 .single-related-posts {
	display: grid;
	grid-template-columns: 1fr;
}

.related-posts-wrapper.style-2 .related-posts {
	grid-template-columns: 1fr;
}

.related-posts-wrapper.style-3 .related-posts {
	grid-template-columns: 1fr;
	gap: 12px;
}

.related-posts-wrapper.style-3 .single-related-posts {
	width: 100%;
	box-shadow: none;
}

.related-posts-wrapper.style-3 .cm-post-content {
	padding: 0;
}

.related-posts-wrapper.style-3 .cm-post-content .cm-entry-title {
	padding: 0;
	font-size: 16px;
	margin-bottom: 0;
}

.related-posts-wrapper.style-3 .cm-post-content .cm-entry-title a {
	position: relative;
	margin-left: 20px;
}

.related-posts-wrapper.style-3 .cm-post-content .cm-entry-title a::before {
	display: block;
	content: "";
	background: #333333;
	height: 8px;
	width: 8px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}

.related-posts-wrapper.style-3 .cm-post-content .cm-entry-title a:hover::before {
	background: var(--cm-color-1, #207daf);
}

.related-posts-wrapper.style-4 .related-posts {
	display: block;
}

.related-posts-wrapper.style-4 .related-posts .cm-below-entry-meta {
	margin-bottom: 0;
}

/* Related Posts Flyout.
--------------------------------------------- */
.related-posts-wrapper-flyout {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	background-color: #f8f8f8;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 420px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(30px);
	transition: 0.2s all ease-in-out;
}

.related-posts-wrapper-flyout.flyout {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	z-index: 10;
}

.related-posts-wrapper-flyout .flyout-related-post-close {
	float: right;
	cursor: pointer;
}

.related-posts-wrapper-flyout .related-posts-flyout-main-title {
	font-size: 18px;
	padding: 20px 30px;
	background-color: #2c2e34;
	color: #ffffff;
}

.related-posts-wrapper-flyout .related-posts-flyout {
	padding: 30px;
}

.related-posts-wrapper-flyout .single-related-posts-flyout {
	margin-bottom: 20px;
}

.related-posts-wrapper-flyout .single-related-posts-flyout:last-child {
	margin-bottom: 0;
}

.related-posts-wrapper-flyout .related-posts-thumbnail {
	float: left;
	margin-right: 15px;
	width: 130px;
}

.related-posts-wrapper-flyout .cm-post-content {
	min-height: 90px;
	padding: 8px;
}

.related-posts-wrapper-flyout .cm-entry-title {
	font-size: 14px;
	line-height: 1.6;
	padding-bottom: 0;
}

.related-posts-wrapper-flyout .cm-entry-title a {
	color: #232323;
}

.related-posts-wrapper-flyout .cm-entry-title a:hover {
	color: var(--cm-color-1, #207daf);
}

.related-posts-wrapper-flyout .cm-author {
	display: none;
}

/* Social Sharing.
--------------------------------------------- */
.share-buttons {
	display: inline-block;
	margin-top: 24px;
}

.box {
	border: 1px solid var(--cm-color-8, #E4E4E7);
	border-radius: 3px;
	display: inline-block;
}

.count {
	background: none repeat scroll 0 0 #f2f2f2;
	color: var(--cm-color-1, #207daf);
	float: right;
	font-size: 22px;
	padding: 0 16px;
}

.share {
	float: left;
	margin-right: 10px;
}

#twitter, #facebook, #googleplus, #pinterest {
	float: left;
}

#twitter.share, #facebook.share, #googleplus.share, #pinterest.share {
	margin-right: 0;
	padding: 0 10px;
	cursor: pointer;
}

/* Author Social Sites.
--------------------------------------------- */
.author-social-sites li {
	float: left;
}

.author-social-sites .fa-twitter, .author-social-sites .fa-facebook, .author-social-sites .fa-google-plus, .author-social-sites .fa-flickr, .author-social-sites .fa-linkedin, .author-social-sites .fa-instagram, .author-social-sites .fa-youtube, .author-social-sites .fa-tumblr {
	font-size: 25px;
	padding: 5px;
}

.author-social-sites .fa-twitter {
	color: #55acee;
}

.author-social-sites .fa-facebook {
	color: #3b5998;
}

.author-social-sites .fa-google-plus {
	color: #dd4b39;
}

.author-social-sites .fa-flickr {
	color: #006399;
}

.author-social-sites .fa-linkedin {
	color: #007bb6;
}

.author-social-sites .fa-instagram {
	color: #9c7c6e;
}

.author-social-sites .fa-youtube {
	color: #e02a20;
}

.author-social-sites .fa-tumblr {
	color: #45556c;
}

@media screen and (min-width: 48em) {
	.related-posts-wrapper .related-posts {
		grid-template-columns: repeat(3, 1fr);
	}
	.related-posts-wrapper.style-2 .single-related-posts {
		grid-template-columns: 50% 50%;
	}
}

/* Common.
--------------------------------------------- */
/* Post format.
--------------------------------------------- */
/* Post Format: Link.
--------------------------------------------- */
.format-link .cm-entry-summary p {
	text-align: center;
	padding-top: 30px;
}

.format-link .cm-entry-summary a {
	display: inline-block;
	padding: 15px 40px;
	background-color: var(--cm-color-1, #207daf);
	color: #fff;
	border-radius: 3px;
	text-decoration: underline;
	text-transform: uppercase;
	transition: background-color 0.3s linear 0s;
}

.format-link .cm-entry-summary a:hover {
	background-color: #33363b;
}

/* Post Format: Aside.
--------------------------------------------- */
.format-aside .cm-entry-header {
	display: none;
}

/* Sidebar.
--------------------------------------------- */
@media screen and (min-width: 48em) {
	.left-sidebar .cm-content .cm-row {
		flex-direction: row-reverse;
	}
	.left-sidebar .cm-content .cm-primary {
		padding-right: 0;
		padding-left: 30px;
	}
}

.cm-narrow-container .cm-secondary {
	display: none;
}

.cm-narrow-container .cm-primary {
	margin: 0 auto;
	width: 100%;
	padding-right: 0;
}

.cm-narrow-container .cm-content .cm-container {
	max-width: 768px;
}

.cm-right-sidebar .cm-content .cm-primary {
	padding-right: 1.875em;
}

.cm-full-width-container .cm-content .cm-container {
	max-width: 100%;
	padding: 0;
}

.cm-full-width-container .cm-content .cm-container .cm-primary {
	width: 100%;
	padding-right: 0;
}

.cm-normal-container .cm-primary {
	padding: 0;
}

.cm-normal-container.cm-no-sidebar .cm-primary {
	width: 100%;
}

.cm-no-sidebar .cm-secondary {
	display: none;
}

.cm-primary .cm-entry-summary .cm-block-alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(51% - 50.2vw);
	max-width: unset;
	padding: 0 24px;
}

.cm-started-content .cm-primary .cm-entry-summary .cm-block-alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(51% - 50.2vw);
	max-width: unset;
	padding: 0 24px;
}

@media screen and (max-width: 768px) {
	.cm-started-content .cm-remove-padding {
		padding: 0 !important;
		border: 0 !important;
	}
}

@media screen and (min-width: 768px) {
	.cm-started-content .cm-sticky {
		height: 100vh;
		/* Ensure it fits within the viewport */
		position: sticky;
		top: 20px;
		/* Distance from the top when scrolling */
	}
}

.cm-normal-container {
	overflow: hidden;
}

.cm-normal-container .cm-primary .cm-entry-summary > .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: unset;
}

.cm-normal-container .cm-primary .cm-entry-summary > .alignfull.wp-block-cover, .cm-normal-container .cm-primary .cm-entry-summary > .alignfull.wp-block-cover-image {
	width: unset;
}

.cm-normal-container .cm-primary .cm-entry-summary > .alignwide {
	margin-left: -100px;
	margin-right: -100px;
	max-width: unset;
}

.cm-normal-container.box-layout .cm-content {
	overflow: hidden;
}

.cm-normal-container.box-layout .cm-primary .cm-entry-summary > .alignfull {
	margin-left: -30px;
	margin-right: -30px;
}

.cm-normal-container.box-layout .cm-primary .cm-entry-summary > .alignfull.wp-block-cover, .cm-normal-container.box-layout .cm-primary .cm-entry-summary > .alignfull.wp-block-cover-image {
	width: unset;
}

.cm-normal-container.box-layout .cm-primary .cm-entry-summary > .alignwide {
	margin-left: -30px;
	margin-right: -30px;
	max-width: unset;
}

@media screen and (max-width: 1200px) {
	.no-sidebar-full-width .cm-primary .cm-entry-summary > .alignwide {
		margin-left: -20px;
		margin-right: -20px;
	}
	.cm-narrow-container .cm-primary .cm-entry-summary > .alignwide {
		margin-left: -50px;
		margin-right: -50px;
	}
	.cm-narrow-container .cm-primary .cm-entry-summary > .alignfull {
		margin-left: -100px;
		margin-right: -100px;
	}
}

@media screen and (max-width: 768px) {
	.cm-primary,
	.cm-secondary {
		width: 100%;
	}
	.no-sidebar-full-width .cm-primary .cm-entry-summary > .alignwide,
	.no-sidebar .cm-primary .cm-entry-summary > .alignwide {
		margin-left: -15px;
		margin-right: -15px;
	}
	.no-sidebar-full-width.box-layout .cm-primary .cm-entry-summary > .alignwide,
	.no-sidebar.box-layout .cm-primary .cm-entry-summary > .alignwide {
		margin-left: -15px;
		margin-right: -15px;
	}
	.no-sidebar-full-width.box-layout .cm-primary .cm-entry-summary > .alignfull,
	.no-sidebar.box-layout .cm-primary .cm-entry-summary > .alignfull {
		margin-left: -30px;
		margin-right: -30px;
	}
	.no-sidebar .cm-primary .cm-entry-summary > .alignfull {
		margin-left: -15px;
		margin-right: -15px;
	}
}

/* Pages.
--------------------------------------------- */
/* 404 Page.
--------------------------------------------- */
.cm-error-404 {
	text-align: center;
}

.cm-error-404 .cm-page-title {
	color: var(--cm-color-1, #207daf);
	font-size: 300px;
	font-weight: 700;
	line-height: 300px;
}

.cm-error-404 .cm-page-header {
	margin-bottom: 24px;
}

.cm-error-404 .cm-page-header .cm-page-title {
	font-size: 150px;
	line-height: 135px;
	border-bottom: 0;
}

.cm-error-404 .cm-page-header p {
	font-size: 22px;
	line-height: 1.3;
	margin-bottom: 8px;
}

.cm-error-404 .cm-page-header .cm-page-title,
.cm-error-404 .cm-page-header p {
	color: #52525B;
	font-weight: 600;
}

.cm-error-404 .cm-page-content {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}

.cm-error-404 .cm-page-content p {
	width: 100%;
	margin-bottom: 0;
	color: #52525B;
}

.cm-error-404 .cm-btn {
	display: inline-block;
	padding: 12px 24px;
	background-color: var(--cm-color-1, #207daf);
	color: #fff;
	font-weight: 600;
	border: 1px solid var(--cm-color-1, #207daf);
	border-radius: 2px;
}

.cm-error-404 .cm-btn:hover {
	background-color: #33363b;
	border-color: #33363b;
}

@media screen and (min-width: 48em) {
	.cm-error-404 .cm-page-header {
		margin-bottom: 24px;
	}
	.cm-error-404 .cm-page-header .cm-page-title {
		font-size: 240px;
		line-height: 215px;
	}
	.cm-error-404 .cm-page-content p {
		width: 570px;
	}
}

/* No result page.
--------------------------------------------- */
.cm-no-results {
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: center;
}

.cm-no-results img {
	margin-bottom: 32px;
}

.cm-no-results .cm-page-title {
	color: #52525B;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.3;
	border-bottom: 0;
}

.cm-no-results .cm-page-header {
	margin-bottom: 12px;
}

.cm-no-results .cm-page-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 40px;
}

.cm-no-results .cm-page-content p {
	width: 100%;
	margin-bottom: 0;
	color: #52525B;
}

.cm-no-results .search-wrap {
	display: flex;
}

.cm-no-results .search-form {
	width: 100%;
}

.cm-no-results input.s {
	width: 100%;
	font-size: 1.4rem;
	border: 1px solid var(--cm-color-8, #E4E4E7);
	border-radius: 4px 0 0 4px;
}

.search-no-results .cm-posts {
	display: block;
}

@media screen and (min-width: 48em) {
	.cm-no-results .cm-page-content p {
		width: 430px;
	}
	.cm-no-results .search-form {
		width: 670px;
	}
}

/* Search.
--------------------------------------------- */
.search .status-publish {
	margin-bottom: 30px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	width: 48.7013%;
}

.search .status-publish .cm-post-content {
	padding: 16px;
}

.search .status-publish:nth-child(2n) {
	float: left;
	clear: both;
}

.search .status-publish:nth-child(2n+1) {
	float: right;
}

.search .status-publish:first-child {
	float: none;
	width: 100%;
}

.search .cm-grid-style-2.status-publish {
	width: 100%;
}

.search .cm-grid-style-2.status-publish img {
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
}

/* Footer.
--------------------------------------------- */
/* Footer Bar.
--------------------------------------------- */
.cm-footer-bar {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background-color: #27272a;
	color: #f4f4f5;
}

.cm-footer-bar .cm-row {
	font-size: 1.4rem;
}

.cm-footer-bar a {
	color: var(--cm-color-1, #207daf);
}

.cm-footer-bar a:hover {
	color: #fff;
	text-decoration: underline;
}

.cm-footer-bar__1 {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cm-footer-bar-area {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	gap: 24px;
}

.cm-footer-bar-style-1 .social-links ul {
	justify-content: center;
}

.cm-footer-bar-style-2 .cm-footer-bar-area {
	flex-direction: row-reverse;
}

.cm-footer-bar-style-2 .cm-footer-bar__1 {
	display: flex;
	order: 2;
}

.cm-footer-bar-style-2 .cm-footer-bar__1 .cm-footer-menu:first-child {
	padding-left: 0;
}

.cm-footer-bar-style-2 .social-links {
	text-align: left;
}

.cm-footer-bar-style-2 .social-links ul {
	justify-content: center;
}

.cm-footer-bar-style-3 .cm-footer-bar-area {
	flex-direction: column;
	text-align: center;
}

.cm-footer-bar-style-3 .cm-footer-bar__1 .social-links {
	text-align: center;
}

.cm-footer-bar-style-3 .cm-footer-bar__1 .cm-footer-menu:first-child {
	padding-left: 0;
}

@media screen and (min-width: 48em) {
	.cm-footer-bar-area {
		flex-direction: row-reverse;
		text-align: left;
	}
	.cm-footer-bar-style-1 .social-links ul {
		justify-content: flex-end;
	}
}

/* General Styles.
--------------------------------------------- */
.cm-footer .widget {
	display: block;
}

.cm-footer .widget ul li {
	padding: 8px 0;
	font-weight: 600;
	border-bottom: 1px solid #52525b;
}

.cm-footer .widget ul li:last-child {
	border-bottom: none;
}

.cm-footer .cm-upper-footer-cols .widget {
	background-color: #27272a;
	border-radius: 4px;
	padding: 12px;
}

.cm-footer .cm-upper-footer-cols .cm-entry-title a {
	color: #fff;
}

.cm-footer .cm-upper-footer-cols .cm-random-posts {
	padding: 0;
}

.cm-footer .cm-upper-footer-cols .cm-first-post .cm-post-content {
	margin-top: 12px;
	padding: 0;
}

.cm-footer .cm-upper-footer-cols .cm-icon {
	fill: #fff;
}

.cm-footer .cm-upper-footer-cols .cm-post {
	box-shadow: unset;
}

.cm-footer .cm-upper-footer-cols .cm-featured-posts--style-3 img {
	border-radius: 4px;
}

.cm-footer .cm-footer-menu ul li a {
	color: #fff;
	text-decoration: none;
}

.cm-footer .cm-footer-menu ul li a:hover {
	color: var(--cm-color-1, #207daf);
}

/* Footer column. */
.cm-footer-cols {
	background-color: #3f3f46;
}

.cm-footer-cols .cm-row {
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #e4e4e7;
}

.cm-footer-cols .cm-widget-title {
	border-bottom: 2px solid var(--cm-color-1, #207daf);
	font-size: 1.4rem;
}

.cm-footer-cols .cm-widget-title span {
	display: inline-block;
	padding: 6px 12px;
	background-color: var(--cm-color-1, #207daf);
	color: #fff;
	font-size: 1.6rem;
}

.cm-footer-cols a,
.cm-footer-cols .human-diff-time {
	color: #fff;
}

.cm-footer-cols a:hover,
.cm-footer-cols .human-diff-time:hover {
	color: var(--cm-color-1, #207daf);
}

.cm-footer-cols ul {
	list-style: none;
}

.cm-footer-cols .cm-reading-time {
	color: #fff;
}

.cm-footer-cols .cm-tab-widget .cm-tabs a:hover {
	color: #fff;
}

.cm-upper-footer-cols {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.cm-upper-footer-cols .cm-post-date a,
.cm-upper-footer-cols .cm-author a,
.cm-upper-footer-cols .cm-tag-links a,
.cm-upper-footer-cols .cm-edit-link a,
.cm-upper-footer-cols .cm-comments-link a {
	color: #fff;
}

.cm-upper-footer-cols .cm-featured-posts .cm-below-entry-meta {
	margin-bottom: 0;
}

.cm-upper-footer-cols .cm-posts img {
	border-radius: 4px;
}

.cm-lower-footer-cols {
	gap: 30px;
	font-size: 1.4rem;
	width: 100%;
}

.cm-lower-footer-col,
.cm-lower-footer-cols {
	display: flex;
	flex-direction: column;
}

.cm-upper-footer-col--1,
.cm-upper-footer-col--2,
.cm-upper-footer-col--3 {
	width: 100%;
}

/*--------------------------------------------------------------
Classic Layout
--------------------------------------------------------------*/
.colormag-footer--classic .cm-footer-cols .cm-row .cm-widget-title {
	border-bottom: 0 none;
}

.colormag-footer--classic .cm-footer-cols .cm-row .cm-widget-title span {
	background-color: transparent !important;
	padding: 0 0 6px;
	position: relative;
}

.colormag-footer--classic .cm-footer-cols .cm-row .cm-widget-title span::before {
	position: absolute;
	display: block;
	bottom: -1px;
	content: " ";
	left: 0;
	width: 25px;
	height: 2px;
	background-color: var(--cm-color-1, #207daf);
}

.colormag-footer--classic .cm-footer-cols .cm-row .cm-view-all-link {
	background-color: #18181b;
}

.colormag-footer--classic .cm-footer-bar {
	background-color: #252730;
	padding: 20px 0;
}

/*--------------------------------------------------------------
Classic Bordered Layout
--------------------------------------------------------------*/
.colormag-footer--classic-bordered .cm-widget-title {
	border-bottom: 0 none;
	background-color: transparent !important;
	position: relative;
	border-bottom: 1px solid #52525b !important;
}

.colormag-footer--classic-bordered .cm-widget-title::before {
	position: absolute;
	display: block;
	bottom: -1px;
	content: " ";
	left: 0;
	width: 25px;
	height: 2px;
	background-color: var(--cm-color-1, #207daf);
}

.colormag-footer--classic-bordered .cm-widget-title span {
	background-color: transparent !important;
	padding-left: 0;
}

.colormag-footer--classic-bordered .cm-view-all-link {
	margin-bottom: 0;
}

.colormag-footer--classic-bordered .cm-footer-bar {
	padding-top: 0;
}

.colormag-footer--classic-bordered .cm-footer-bar .cm-footer-bar-area {
	padding-top: 20px;
	border-top: 1px solid #52525b;
}

#cm-footer.colormag-footer--classic .cm-random-posts, #cm-footer.colormag-footer--classic-bordered .cm-random-posts {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	gap: 16px;
}

#cm-footer.colormag-footer--classic .cm-random-posts .cm-post, #cm-footer.colormag-footer--classic-bordered .cm-random-posts .cm-post {
	padding-bottom: 16px;
	border-bottom: 1px solid #52525b;
}

#cm-footer.colormag-footer--classic .cm-random-posts .cm-post:last-child, #cm-footer.colormag-footer--classic-bordered .cm-random-posts .cm-post:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#cm-footer.colormag-footer--classic .cm-featured-posts .cm-post, #cm-footer.colormag-footer--classic-bordered .cm-featured-posts .cm-post {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0;
}

#cm-footer.colormag-footer--classic .cm-posts .cm-post, #cm-footer.colormag-footer--classic-bordered .cm-posts .cm-post {
	border-bottom: 1px solid #52525b;
	padding-bottom: 16px;
}

#cm-footer.colormag-footer--classic .cm-posts .cm-post:last-child, #cm-footer.colormag-footer--classic-bordered .cm-posts .cm-post:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#cm-footer.colormag-footer--classic .cm-first-post, #cm-footer.colormag-footer--classic-bordered .cm-first-post {
	border-bottom: 1px solid #52525b;
}

#cm-footer.colormag-footer--classic .cm-first-post .cm-post-content, #cm-footer.colormag-footer--classic-bordered .cm-first-post .cm-post-content {
	padding: 0 0 5px;
}

#cm-footer.colormag-footer--classic .cm-featured-posts--style-2 .cm-posts,
#cm-footer.colormag-footer--classic .cm-featured-posts--style-3 .cm-posts, #cm-footer.colormag-footer--classic-bordered .cm-featured-posts--style-2 .cm-posts,
#cm-footer.colormag-footer--classic-bordered .cm-featured-posts--style-3 .cm-posts {
	gap: 16px;
}

#cm-footer.colormag-footer--classic .cm-featured-posts--style-2 img,
#cm-footer.colormag-footer--classic .cm-featured-posts--style-3 img, #cm-footer.colormag-footer--classic-bordered .cm-featured-posts--style-2 img,
#cm-footer.colormag-footer--classic-bordered .cm-featured-posts--style-3 img {
	border-radius: 4px;
}

/* Footer Menu.
--------------------------------------------- */
.cm-footer-menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-moz-column-gap: 16px;
	     column-gap: 16px;
	row-gap: 4px;
	list-style: none;
}

.cm-footer-menu ul li {
	font-size: 12px;
}

/* Footer Advertisement Area.
--------------------------------------------- */
.advertisement_above_footer {
	background-color: #fff;
}

.advertisement_above_footer .cm-widget-title {
	border-bottom: 2px solid var(--cm-color-1, #207daf);
	font-size: 18px;
	margin-bottom: 16px;
	padding-bottom: 0;
}

.advertisement_above_footer .cm-widget-title span {
	background-color: var(--cm-color-1, #207daf);
	color: #fff;
	padding: 6px 12px;
	display: inline-block;
}

@media screen and (min-width: 62em) {
	.cm-upper-footer-cols {
		flex-direction: row;
		justify-content: space-between;
	}
	.cm-upper-footer-col--1,
	.cm-upper-footer-col--2,
	.cm-upper-footer-col--3 {
		width: 31.578947%;
	}
	.cm-lower-footer-cols {
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.cm-lower-footer-cols .cm-lower-footer-col {
		flex: 1;
	}
	.cm-lower-footer-cols .cm-lower-footer-col--1 {
		flex-basis: 20%;
	}
}

/* Scroll to Top.
--------------------------------------------- */
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	opacity: 0.5;
	z-index: 999;
	filter: alpha(opacity=50);
	/* For IE8 and earlier */
}

a#scroll-up i {
	height: 48px;
	width: 48px;
	border-radius: 4px;
	background-color: #8269DF;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
}

a#scroll-up i:before {
	color: #FFFFFF;
}

a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	/* For IE8 and earlier */
}