/*
Theme Name: Clickingmad
Author: Andy Lawton
Author URI: https://www.clickingmad.com
Description: Based off Twenty Seventeen
Template: twentyseventeen
*/
/*@import url('../twentyseventeen/style.css');*/

svg {
	display: none;
}
.nav-subtitle {
	display: none;
}
.navigation.post-navigation .screen-reader-text {
	font-weight: bold;
}
.blog #header-image {
    float: left;
    padding-right: 0;
    border-right: none;
	width: 100%;
}
body {
	margin: 0;
}
/*#mainmenu ul li.item-334 a {
	color: #FFF;
    background-color: #4c5154;
}*/
#leftcol a.back-to-news {
    display: block;
    clear: both;
    margin-top: 20px;
    float: left;
}
.search-form label,
svg.icon.icon-search,
.widget_archive label {
	display: none;
}
button.search-submit {
	background: transparent url(/templates/clickingmad/images/search.jpg) no-repeat 0 0;
	display: block;
	height: 30px;
	width: 30px;
	border: 0;
	padding: 0;
	float: right;
}
.site-header-main {
	background: #DF3737;
}

.content-area {
	float: left;
	width: 70%;
}


#main-content {
	padding-left: 0;
	font-size: 14px;
	font-weight: 300;
}
.widget_categories ul {
    margin: 0;
    padding: 0;
}
.widget_categories ul li {
    padding: 7px 0;
    margin: 0;
    list-style-type: none;
}

.blog-cont h1 {
	width: 100%;
}


img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	/*vertical-align: middle;*/
}

article {
	margin-bottom: 25px;
}

.pagination .page-numbers .screen-reader-text { display: none;}

#footer-posts .widget-title { display: none; }
#footer-posts ul { margin: 0; padding: 0; }
#footer-posts ul li { list-style-type: none; }

#footer-posts a,
#footer-posts a:link {
	color: #FFF;
}

#footer-posts a:hover {
	color: #99359e;
}



/**
 * 8.0 - Alignments
 */

.alignleft {
	float: left;
	margin: 0.5em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 1.75em 1.75em !important;
}

.wp-block-image {
	margin-bottom: 0 !important;
}

.wp-block-image figure.alignright {
	margin: 0.5em 0 1.75em 1.75em !important;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

blockquote.alignleft {
	margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}

blockquote.alignright {
	margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}

blockquote.aligncenter {
	margin-bottom: 1.473684211em;
}


/**
 * 9.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after {
	clear: both;
}


/**
 * 10.0 - Widgets
 */

.widget-area > :last-child,
.widget > :last-child {
	margin-bottom: 0;
}

.widget:first-child {
	padding-top: 0;
}

.widget .widget-title,
.widget_block h2 {
	width: 100%;
    background: #002d53;
    color: #FFF;
    padding: 10px;
    font-size: 2.8rem;
    box-sizing: border-box;
    text-align: center;
	margin: 15px 0;
}

.widget .widget-title:empty {
	margin-bottom: 0;
}

.widget-title a {
	color: #99359e;
}
#archives-2 ul {
	padding-left: 0;
	margin: 0;
}
#archives-2 ul li {
    list-style-type: none;
	padding: 5px 0;
	margin-bottom: 0;
}
.entry-meta {
    margin: 10px 0;
	font-size: 17px;
	font-style: italic;
}
#recent-posts-2 ul {
	margin: 10px 0;
}
#recent-posts-2 ul li {
	list-style-type: none;
}
time.updated {
	display: none;
}
time.updated.published {
	display: inline;
}
.entry-meta span.edit-link {
    display: block;
}


/* Calendar widget */
.widget.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 2.5625;
	padding: 0;
	text-align: center;
}

.widget_calendar caption {
	font-weight: 900;
	margin-bottom: 1.75em;
}

.widget_calendar tbody a {
	background-color: #666;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #686868;
	color: #fff;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #686868;
	display: block;

	font-size: 13px;
	font-size: 15px;
	line-height: 1.615384615;
	margin-bottom: 0.538461538em;
}

.widget_recent_entries li:last-child .post-date {
	margin-bottom: 0;
}

/* Tag Cloud widget */
.tagcloud ul {
    margin-left: 0 !important;
}
.tagcloud ul li {
    list-style-type: none !important;
    display: inline !important;
}
.tagcloud a {
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    display: inline-block;
    line-height: 1;
    margin: 0 .1875em .4375em 0;
    padding: .5625em .4375em .5em;
}

.tagcloud a:hover,
.tagcloud a:focus {
	border-color: #666;
	color: #666;
	outline: 0;
}

/**
 * 11.2 - Posts and pages
 */

.site-main > article {
	margin-bottom: 20px;
    padding-bottom: 25px;
	position: relative;
}
.hfeed .site-main > article {
	border-bottom: 1px solid #ccc;
}
.hfeed .site-main > article:last-of-type {
	border-bottom: none;
}
/*.entry-title {

	font-size: 28px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.25;
	margin-bottom: 1em;
}*/

.entry-title a {
	font-weight: 500;
}

.post-thumbnail {
    display: block;
    margin: 0 1.5% 1.75em 0;
    float: left;
    width: 20%;
}


.post-thumbnail img {
	display: block;
}

.no-sidebar .post-thumbnail img {
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-content,
.entry-summary {
	border-color: #d1d1d1;
}

.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
	font-size: 28px;
	font-size: 1.75rem;
	line-height: 1.25;
	margin-top: 2em;
	margin-bottom: 1em;
}

.entry-content h2,
.entry-summary h2,
.comment-content h2,
.textwidget h2 {
	font-size: 23px;
	font-size: 1.4375rem;
	line-height: 1.2173913043;
	margin-top: 2.4347826087em;
	margin-bottom: 1.2173913043em;
}

.entry-content h3,
.entry-summary h3,
.comment-content h3,
.textwidget h3 {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.1052631579;
	margin-top: 2.9473684211em;
	margin-bottom: 1.4736842105em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin-top: 3.5em;
	margin-bottom: 1.75em;
}

.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
	letter-spacing: 0.140625em;
	text-transform: uppercase;
}

.entry-content h6,
.entry-summary h6,
.comment-content h6,
.textwidget h6 {
	font-style: italic;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
	font-weight: 900;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}

.post-navigation .post-title,
.entry-title,
.comments-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

body:not(.search-results) .entry-summary {
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.4736842105;
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-header + .entry-summary {
	margin-top: -0.736842105em;
}

body:not(.search-results) .entry-summary p,
body:not(.search-results) .entry-summary address,
body:not(.search-results) .entry-summary hr,
body:not(.search-results) .entry-summary ul,
body:not(.search-results) .entry-summary ol,
body:not(.search-results) .entry-summary dl,
body:not(.search-results) .entry-summary dd,
body:not(.search-results) .entry-summary table {
	margin-bottom: 1.4736842105em;
}

body:not(.search-results) .entry-summary li > ul,
body:not(.search-results) .entry-summary li > ol {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary th,
body:not(.search-results) .entry-summary td {
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary fieldset {
	margin-bottom: 1.4736842105em;
	padding: 0.3684210526em;
}

body:not(.search-results) .entry-summary blockquote {
	border-color: currentColor;
}

body:not(.search-results) .entry-summary blockquote > :last-child {
	margin-bottom: 0;
}

body:not(.search-results) .entry-summary .alignleft {
	margin: 0.2631578947em 1.4736842105em 1.4736842105em 0;
}

body:not(.search-results) .entry-summary .alignright {
	margin: 0.2631578947em 0 1.4736842105em 1.4736842105em;
}

body:not(.search-results) .entry-summary .aligncenter {
	margin-bottom: 1.4736842105em;
}

.entry-content > :last-child,
.entry-summary > :last-child,
body:not(.search-results) .entry-summary > :last-child,
.page-content > :last-child,
.comment-content > :last-child,
.textwidget > :last-child {
	margin-bottom: 0;
}

.author-info {
	border-color: inherit;
	border-style: solid;
	border-width: 1px 0 1px 0;
	clear: both;
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}

.author-avatar .avatar {
	float: left;
	height: 42px;
	margin: 0 1.75em 1.75em 0;
	width: 42px;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.entry-content .author-title {
	clear: none;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 900;
	line-height: 1.75;
	margin: 0;
}

.author-bio {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin-bottom: 1.6153846154em;
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}

a.more-link {
    display: block;
    clear: both;
    margin-top: 10px;
}

.entry-footer {
	color: #686868;
	font-size: 13px;
	line-height: 1.6153846154;
	margin-top: 40px;
	padding-top: 20px;
	padding-left: 0;
	border-top: 1px solid #ccc;
    font-weight: bold;
    font-style: italic;
}

.entry-footer:empty {
	margin: 0;
}

.entry-footer span.byline,
.entry-footer time.updated {
	display: none;
}

.entry-footer > span:not(:last-child):after {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

.entry-footer .avatar {
	height: 21px;
	margin: -0.1538461538em 0.5384615385em 0 0;
	width: 21px;
}

.sticky-post {
	color: #686868;
	display: block;

	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 0.5384615385em;
	text-transform: uppercase;
}


/**
 * 11.3 - Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 19px;
	font-size: 1.1875rem;
	line-height: 1.473684211;
	margin-bottom: 1.473684211em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}


/**
 * 12.0 - Media
 */

.site .avatar {
	border-radius: 50%;
}

.entry-content .wp-smiley,
.entry-summary .wp-smiley,
.comment-content .wp-smiley,
.textwidget .wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

.entry-content a img,
.entry-summary a img,
.comment-content a img,
.textwidget a img {
	display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 1.75em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode a,
.entry-content .wp-playlist a {
	box-shadow: none;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 1.75em;
}

.wp-playlist.wp-audio-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 0.7142857143em 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 0.7142857143em;
}


/**
 * 12.1 - Captions
 */

.wp-caption {
	margin-bottom: 1.75em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption .wp-caption-text {
	color: #686868;
	font-size: 13px;
	font-size: 14px;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.wp-block-image .aligncenter, 
.wp-block-image .alignleft, 
.wp-block-image .alignright, 
.wp-block-image.is-resized {
    display: table;
}

.wp-block-image .aligncenter>figcaption, 
.wp-block-image .alignleft>figcaption, 
.wp-block-image .alignright>figcaption, 
.wp-block-image.is-resized>figcaption {
    display: table-caption;
    caption-side: bottom;
}

.blocks-gallery-caption, 
.wp-block-embed figcaption, 
.wp-block-image figcaption,
.blocks-gallery-item figcaption {
    color: #555d66;
    font-size: 13px;
    text-align: center;
}

/**
 * 12.2 - Galleries
 */

.gallery {
	margin: 0 -1.1666667% 1.75em;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #686868;
	display: block;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

.blog-cont #searchbox {
	width: 100%;
}
#searchbox-inner {
	float: left;
}
#searchbox label span.screen-reader-text {
    display: none;
}
#searchbox button.search-submit span {
    display: none;
}

.cat-tags-links span {
	padding-right: 5px;
}

h2.screen-reader-text {
	display: none;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: left;
	clear: both;
	margin-top: 5px;
}

#archives-dropdown-2 {
	width: 100%;
	padding: 5px;
	font-size: 16px;
}

ul.wp-block-archives-list {
	margin: 15px 0;
}

ul.wp-block-archives-list li {
	list-style-type: none;
}

span.dividerstart {
    padding: 0 10px 0 0;
}
span.divider { padding: 0 5px 0 5px;}

@media only screen and (max-width: 1220px) {
	.width-controller {
		max-width: 960px;
	}
}

@media only screen and (max-width: 980px) {
	.width-controller {
		max-width: 720px;
	}

	h2.screen-reader-text {
		display: inline-block;
	}

	.nav-next {
		float: left;
		clear: both;
	}

}
@media only screen and (max-width: 780px) {
    #leftcol a.back-to-news {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
	.hidden-xs {
		display: none !important;
	}
	.post-thumbnail {
		margin: 0 0 1.75em 0;
		width: 100%;
	}
	.store-view-default h1 {
		font-size: 3rem !important;
		padding: 0;
	}
}

@media only screen and (max-width: 760px) {
	.content-area {
		width: 100%;
	}
	#sidebar {
		display: none;
	}
}