/*
Theme Name: MCN
Theme URI: https://www.purenet.co.uk
Template: twentytwentyone
Author: Purenet
Author URI: https://www.purenet.co.uk
Description: Theme for MCN Compare Website - stylesheet for page content.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 0.0.1
*/

.site .site-main {
	padding-top: 20px;
}

.page-template-sitemap .site .site-main {
	padding-top: 50px;
}

.single .site .entry-header {
	max-width: 100%;
	margin: 0 10px;
	padding-bottom: 0;
}

.site .entry-title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 0;
}

.site .posted-by,
.site .post-taxonomies {
	margin-top: 0;
	margin-bottom: 10px;
}

p#breadcrumbs {
	margin-bottom: 20px;

}

.site .byline {
	margin-left: 5px;
}

.site .post-thumbnail {
	margin-top: 0;
	width: 100%;
}

.site .post-thumbnail img {
	margin-top: 0;
}

.single .site .entry-content img {
	width: 100%;
}

.post-template-default .sidebar aside,
.post-template-default .sidebar .widget_crp_widget {
	max-width: var(--responsive--aligndefault-width);
	margin: 0 auto;
}

.post-template-default .sidebar aside h3 {
	text-align: left;
}

.post-template-default .sidebar .widget_crp_widget h2 {
	text-align: center;
}

.post-template-default .sidebar .widget_crp_widget .crp-list {
	display: flex;
	flex-direction: column;
}

.post-template-default .sidebar .widget_crp_widget .crp-list-item {
	align-items: center;
	background-color: #f5f8fa;
	border: 1px solid #eceaea;
	margin-bottom: 9px;
	margin-top: 0;
}

.post-template-default .sidebar .widget_crp_widget .crp-list-item .crp-list-item-excerpt {
	line-height: normal;
	display: none;
	/*remove to show excerpt*/
}

#articlesidebar .cta-red {
	background: #ea002a;
	color: #FFF;
	padding: 9px 9px 9px 75px;
	position: relative;
}

#articlesidebar .cta-red .cta-white-tyre {
	background: url("assets/icons/white-tyre.png") repeat-y;
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 45px;
	height: 100%;
}

#articlesidebar .cta-red h3 {
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
}

#articlesidebar .cta-red p {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin: 4px 0 8px;
}

#articlesidebar .cta-red .cta-button {
	color: #ea002a;
	display: inline-block;
	background: #FFF;
	font-size: 14px;
	font-weight: 600;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 25px;
	cursor: pointer;
}

#articlesidebar .widget .crp-list-item a:link,
#articlesidebar .widget .crp-list-item a:visited,
#articlesidebar .widget .crp-list-item a:active {
	color: #0078a0;
	text-decoration: none;
	font-weight: 700;
}

.sidebar .crp-list-item .crp-list-item-image img {
	min-width: 140px;
	max-width: 140px !important;
	height: 105px !important;
}

.red_box .cta-red {
	background: #EA002A;
	color: #FFF;
	padding: 9px 9px 9px 75px;
	position: relative;
}

.red_box .cta-red h3 {
	font-size: 22px;
	font-weight: 700;
}

.red_box .cta-red p {
	font-size: 14px;
	font-weight: 600;
	line-height: 18px;
	margin: 4px 0 8px;
}

.red_box .cta-red a.cta-button {
	display: inline-block;
	color: #ea002a;
	background: #FFF;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	padding: 5px 25px;
	cursor: pointer;
}

.red_box .cta-red a.cta-button:hover {
	background: #333;
	color: #fff;
}

.red_box .cta-red .cta-white-tyre {
	background: url(assets/icons/white-tyre.png) repeat-y;
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 45px;
	height: 100%;
}

@media only screen and (min-width: 482px) {
	.site .entry-title {
		font-size: 26px;
	}
}

@media only screen and (min-width: 768px) {
	.post-template-default .sidebar .widget_crp_widget .crp-list {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}

	.post-template-default .sidebar .widget_crp_widget .crp-list-item {
		width: 50%;
		padding-right: 50px;
	}
}

@media only screen and (min-width: 822px) {
	.post-template-default .sidebar aside h3 {
		text-align: center;
		margin-bottom: 25px;
	}
}

@media only screen and (min-width: 1024px) {
	.single .site .site-content {
		margin-top: 80px;
	}
	.single.post-template-default .site .site-content .content-area {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}

	.single.post-template-default .content-area .site-main {
		display: grid;
		grid-template-columns: 639px 361px;
	}

	.single .content-area .site-main  article {
		max-width: 639px;
	}

	.single .content-area .site-main  article header {
		margin: 0;
	}

	.single .content-area .site-main .sidebar {
		margin-left: 26px;
	}

	.post-template-default .sidebar .widget_crp_widget .crp-list {
		display: block;
	}

	.post-template-default .sidebar .widget_crp_widget .crp-list .crp-list-item {
		width: 100%;
		padding-right: 0;
	}

	.post-template-default .sidebar .widget_crp_widget h2 {
		text-align: left;
	}

	.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width {
		max-width: 100%;
	}
}