/*
Theme Name: Mirror Pensioners
Theme URI: http://www.mirrorpensioners.co.uk/
Description: A responsive theme.
Version: 1.0
Author: James Koussertari
Author URI: http://www.cariadmarketing.com/
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}



/* Default
========================================================================================================= */
/* Body
======================================== */
body {
background: #e7e7e7;
line-height:0;
font-family:"dk_cool_crayonregular", Helvetica, Arial, sans-serif;
overflow-x:hidden;
}

/* Clearfix
======================================== */
.clear {
clear:both;
}
.group:after {
content: "";
clear:both;
display:table;
}

/* Hide Mobile
======================================== */
@media (min-width: 1px) and (max-width: 900px) {
	.hide-mobile {
		display:none;
	}
}

@media (max-width: 1000px) {
	.hide-1000 {
		display:none;
	}
}

@media (min-width: 1000px) {
	.show-1000 {
		display:none;
	}
}

.hide-800 { display:none; }
@media screen and (min-width: 800px) {
.hide-800 { display:block; }
}

.hide { display:none !important; }

/* iFrame
======================================== */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-bottom:20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Padding and Margin Classes
======================================== */
.padd3 { padding:0 5% 0 5%; }

.paddingt10 {padding-top:5px;}
.paddingb10 {padding-bottom:5px;}
.paddingt20 {padding-top:10px;}
.paddingb20 {padding-bottom:10px;}
.paddingt30 {padding-top:15px;}
.paddingb30 {padding-bottom:15px;}
.paddingt40 {padding-top:20px;}
.paddingb40 {padding-bottom:20px;}
.paddingt60 {padding-top:30px;}
.paddingb60 {padding-bottom:30px;}
.paddingt80 {padding-top:40px;}
.paddingb80 {padding-bottom:40px;}

.margint10 {margin-top:5px;}
.marginb10 {margin-bottom:5px;}
.margint20 {margin-top:10px;}
.marginb20 {margin-bottom:10px;}
.margint30 {margin-top:15px;}
.marginb30 {margin-bottom:15px;}
.margint40 {margin-top:20px;}
.marginb40 {margin-bottom:20px;}
.margint60 {margin-top:30px;}
.marginb60 {margin-bottom:30px;}
.margint80 {margin-top:40px;}
.marginb80 {margin-bottom:40px;}
.pic-left {
	float:left;
	padding:0 10px 10px 0;
}
.pic-right {
	float:right;
	padding:0 0 10px 10px;
}

.dotted-grey {
	border-bottom:1px dotted #ccc;
	padding-bottom:40px;
	margin-bottom:40px;
}
.dotted-purple {
	border-bottom:1px dotted #6A123D;
	padding-top:10px;
	padding-bottom:10px;
}
.title-dotted-border {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
}


.alignleft {float:left; display: inline;}
.alignright {float:right; display: inline;}
.aligncenter {float:center; display: block; text-align: center; margin: auto; }
.float-left {float:left;}
.float-right {float:right;}
.float-none {float:none;}
.center { text-align:center; }
.left { text-align:left; }
.right { text-align:right; }

/* Forms & Focus
======================================================================================================================================== */
:focus {outline:none;}
::-moz-focus-inner {border:0;}


/* Font Face
========================================================================================================= */
@font-face {
    font-family: 'impactregular';
    src: url('fonts/impact-webfont.eot');
    src: url('fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/impact-webfont.woff2') format('woff2'),
         url('fonts/impact-webfont.woff') format('woff'),
         url('fonts/impact-webfont.ttf') format('truetype'),
         url('fonts/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* Text Rules
========================================================================================================= */
h1 { font-size:22px; margin-bottom:18px; line-height:28px; letter-spacing:1px; color:#be1e2d; font-family:"impactregular", Helvetica, Arial, sans-serif;}
h2 { font-size:18px; margin-bottom:12px; line-height:22px; letter-spacing:1px; color:#be1e2d; font-family:"impactregular", Helvetica, Arial, sans-serif;}
h3 { font-size:16px; margin-bottom:10px; line-height:20px; letter-spacing:1px; color:#be1e2d; font-family:"impactregular", Helvetica, Arial, sans-serif;}
h4 { font-size:14px; margin-bottom:8px; line-height:18px; letter-spacing:1px; color:#414042; font-family:"impactregular", Helvetica, Arial, sans-serif;}
h5 { font-size:11px; margin-bottom:8px; line-height:16px; letter-spacing:1px; color:#414042; font-family: Helvetica, Arial, sans-serif;}
h6 { font-size:10px; margin-bottom:8px; line-height:14px; letter-spacing:1px; color:#414042; font-family: Helvetica, Arial, sans-serif;}

@media all and (min-width: 600px) {
h1 { font-size:28px; margin-bottom:24px; line-height:30px; letter-spacing:1px; }
h2 { font-size:22px; margin-bottom:12px; line-height:24px; letter-spacing:1px; }
h3 { font-size:18px; margin-bottom:10px; line-height:22px; letter-spacing:1px; }
h4 { font-size:16px; margin-bottom:8px; line-height:20px; letter-spacing:1px; }
h5 { font-size:12px; margin-bottom:8px; line-height:16px; letter-spacing:1px; }
h6 { font-size:10px; margin-bottom:8px; line-height:14px; letter-spacing:1px; }
}


p  { font-size:15px; margin-bottom:10px; line-height:20px; color:#414042; font-family: Helvetica, Arial, sans-serif;}
dt  { font-size:18px; margin-bottom:10px; line-height:20px; color:#414042; font-family:Helvetica, Arial, sans-serif; font-weight:bold;}
dd  { font-size:15px; margin-bottom:10px; line-height:20px; color:#414042; font-family:Helvetica, Arial, sans-serif; border-bottom:1px dotted #ccc; padding-bottom:10px;}
td { font-size:15px; margin-bottom:10px; line-height:20px; color:#414042; font-family:Helvetica, Arial, sans-serif;}
th { font-size:14px; line-height:18px; font-family:Helvetica, Arial, sans-serif;}
a { color:#325b9b; text-decoration:none;}
a:hover { color:#3483BC;}


strong { font-weight:bold; }
em { font-style: italic;}
li { list-style-type:none; margin-left:0;  margin-bottom:0; line-height:0; color:#414042; font-size:15px; font-family:Helvetica, Arial, sans-serif; }
hr {  border:0; border-bottom:1px dotted #ccc; clear:both; }
.wp-caption-text { font-size:11px; color:#888; font-style:italic; }

.white-text p, .white-text h1, .white-text h2, .white-text h3 { color:#fff; }
.red { color:#be1e2d; }


/* COLOURS
========================================================================================================= */
.back-black { background:#000000; }
.back-grey { background:#e7e7e7; }
.back-light-grey { background:#f1f2f2; }
.back-white { background:#ffffff; }
.back-none { background:none; }

.back-red { background:#be1e2d; }




/* Structure
========================================================================================================= */

/* Wrappers
======================================== */
.outer-wrapper {
	width:100%;
	box-sizing:border-box;
}
.wrapper {
	max-width:1024px; 
	margin:0px auto;
	font-family: arial;
	box-sizing:border-box;
	background:#fff;
	padding:20px;
	box-shadow:0 15px 15px 10px #B3B1B1;
}
.center-wrapper {
	width:100%; 
	text-align:center;
	height:auto;
	padding:30px 0;
	overflow:hidden;
}

/* Header
======================================== */
.header {
}

/* Burger
======================================== */
.burger {
	background:#e7e7e7;
	padding:10px 20px;
}

/* Logo
======================================== */
#logo {
	width:100%;
	text-align:center;
}
#logo img{
	width:auto;
	max-width:100%;
}

/* Contact Details
======================================== */
.contact-details {
	clear:both;
	text-align:center;
}
.contact-details span {
	font-weight:normal;
	font-size:20px;
	color:#fff;
	line-height:20px;
	font-family:"dk_crayon_crumbleregular", Helvetica, Arial, sans-serif;
}
.contact-details span a {
	text-decoration:none;
	color:#fff;
	font-family:"dk_crayon_crumbleregular", Helvetica, Arial, sans-serif;
}

/* Pushy - Navigation
======================================== */
.main-nav2 ul {
	margin-bottom:0;
}
.main-nav2 ul, .main-nav2 li {
	display:block;
	width:100%;
	float:left;
}
.main-nav2 ul li{
	position:relative;
	display:block;
	float:none;
	box-sizing:border-box;
}
.main-nav2 a {
	font-family:Helvetica, Arial, sans-serif;	
	border-bottom:1px solid #777;
	padding:12px 20px 10px 20px;
	text-decoration:none;
	display:block;
	color:#fff;
	font-size:13px;
	letter-spacing:2px;
	background:#333;
	clear:both;
	line-height:37px;
	padding:0 20px;
	box-sizing:border-box;
}
.main-nav2 a:hover {
	background:#222;
}


.main-nav2 ul ul {
	left: 0;
	position: relative;
	text-align: left;
	z-index: 10000;
	width:100%;
	overflow:hidden;
	clear:both;
}
.main-nav2 ul ul li{
	clear:both;
	width:100%;
	display:block;
	box-sizing:border-box;
}
.main-nav2 ul ul a {
	border-bottom:1px solid #777;
	padding:0 40px;
	font-size:12px;
}
.main-nav2 ul ul a:hover{
	background:#222;
}
.main-nav2 ul li:hover > ul {
	position: relative;
	display:block;
	top: 100%;
	width:100%;
}

/* -------------- active links -------------- */
.main-nav2 .current-menu-item > a, .main-nav2 ul .current_page_parent > a { color: #fff; background:#222; }
.main-nav2 ul ul .current-menu-item > a, .main-nav2 ul ul .current_page_parent > a { color: #fff; background:#222; }
.main-nav2 ul ul .current-menu-item > a:hover, .main-nav2 ul ul .current_page_parent > a:hover { color: #fff; background:#222; }

/* Content
======================================== */
.content li { list-style-type:disc; margin-left:15px; margin-bottom:8px; line-height:20px; color:#444444; font-size:15px; font-family:Helvetica, Arial, sans-serif; }
.content ol li { list-style-type:decimal; }
.content img {  }

/* Content Images
======================================== */
.img-auto-max img { max-width:100%; height:auto; }
.vc_box_shadow_border { border-radius:4px !important; }
.vc_box_shadow_border img { border-radius:2px !important; }

/* Sidebar
======================================== */
#side {
	clear:both;
	width: 100%;
	float: left;
	padding-top:0px;
	font-family: arial;
	margin-top:30px;
}
#sidebar {
	clear:both;
	width: 100%;
	float: left;
	padding-top:0px;
	font-family: arial;
}

/* Search Bar
======================================== */
.screen-reader-text {
	display:none;
}
#search {
	width:84%;
	border:none;
	float:right;
	margin-top:12px;
}
#search-container .widget_search{
	background:#FFF;
	border:1px solid #ccc;
	height:30px;
}
#footer .widget_search {
	background:#FFF;
	height:30px;
}
#search-container {
	clear:both;
	width:100%;
	float:right;
}
#search-container ul {
	padding:0;
	margin:0;
}
#search-container li {
	padding:0;
	margin:0;
}
#search-container input[type=text]{
	margin-top:6px;
	color:#333;
}
#search-container input[type=image]{
	float:left;
	background-image: url('images/search.png');
}
#search-container input[type=image]:hover{
	background-image: url('images/search_hover.png');
}

/* Footer
======================================== */
#footer {
	max-width:1024px;
	width:100%;
	margin:0px auto;
	font-family: arial;
	padding-top:40px;
	list-style:none;
	box-sizing:border-box;
}
#footer .textwidget {
	padding:0px 5px 5px 0px;
	color:#fff;
	line-height:20px;
	font-size:15px;
}
#footer .textwidget a {
	display:inline;
	float:left;	
	margin-right:4px;
}
#footer .textwidget a:last-child {
	margin-right:0;
}
#footer h3 {
	list-style:none;
	margin:0px;
	padding:5px 50x 5px 0px;
	color:#FFFFFF;
	font-size:18px;
	margin-bottom:16px;
	font-weight:bold;
}
#footer img {
}
#footer a {
	color:#fff;
	font-size:15px;
	line-height:16px;
	padding:0px;
	text-decoration:none;
}
#footer a:visited {color:#FFF;}  /* visited link */
#footer a:hover {color:#8c2155;}  /* mouse over link */

/* Social
======================================== */
#social {
	clear:both;
}
#social img {
	margin-top:0;
}
#social li {
	margin-bottom:0;
	display:inline;
	width:33px;
	height:33px;
	margin-left:5px;
}
#social li:first-child {
	margin-left:0;
}

#social a {
	padding:0;
	margin:0;
	width:33px;
	height:33px;
	margin-bottom:5px;
}

.facebook { width:33px; height:33px; display:inline-block; background-image: url('images/facebook-icon.png'); background-position:center; background-size:contain; } 
.facebook:hover { opacity:0.8; }

.twitter { width:33px; height:33px; display:inline-block; background-image: url('images/twitter-icon.png'); background-position:center; background-size:contain; } 
.twitter:hover { opacity:0.8; }

.pinterest { width:33px; height:33px; display:inline-block; background-image: url('images/pinterest-icon.png'); background-position:center; background-size:contain; } 
.pinterest:hover { opacity:0.8; }

.linkedin { width:33px; height:33px; display:inline-block; background-image: url('images/linkedin-icon.png'); background-position:center; background-size:contain; } 
.linkedin:hover { opacity:0.8; }

.google { width:33px; height:33px; display:inline-block; background-image: url('images/google-icon.png'); background-position:center; background-size:contain; } 
.google:hover { opacity:0.8; }

.mail { width:33px; height:33px; display:inline-block; background-image: url('images/mail-icon.png'); background-position:center; background-size:contain; } 
.mail:hover { opacity:0.8; }

.rss { width:33px; height:33px; display:inline-block; background-image: url('images/rss-icon.png'); background-position:center; background-size:contain; } 
.rss:hover { opacity:0.8; } 

/* Copyright
======================================== */
#copyright { 
	margin:0 auto;
}
#copyright p { 
	text-align:center;
	color:#414042;
	line-height:25px;
}
#copyright .textwidget {
	color: #414042;
	line-height:20px;
	font-size:15px;
	padding-top:16px;
	text-align:center;
}
#copyright .textwidget a {
	color: #325b9b;
	text-decoration:none;
}
#copyright .textwidget a:hover {
	color:#3483BC;
}

/* Comments
======================================== */
/****** The actual comments ******/
/*The comments container*/
#comments {
    margin-bottom:40px;
    width:100%;
    float:left;
}
#comments li {
    list-style:none;
}
/*Reply button*/
#comments .reply a {
    clear:both;
    text-decoration:none;
    color:#FFF;
    background-color:#333333;
    margin-top:20px;
    line-height:20px;
    float:left;
}
#comments .reply a:hover {
    background-color:#8c2155;
}
.comment-reply-link {
    display:block;
    width:28px;
    height:18px;
    padding:5px;
    float:left;
}
/*The actual comments left by people*/
#comments p {
    margin-bottom:15px;
    color:#333333;
    clear:both;
}
/*Each comment block*/
.comment-body {
    width:88%;
    border:1px solid #f0f1f1;
    padding:5%;
    background:#fff;
    border:4px solid #f0f1f1;
    clear:both;
    float:left;
    margin-top:20px;
}
.comment-body a {
    font-size:10px;
    color:#8c2155;
}
.comment-meta, .commentmetadata {
    margin-top:20px;
    margin-bottom:30px;
}
.comment-author, .vcard {
    color:#fff;
    margin-bottom:20px;
}
#comments .fn {
    color:#333;
    font-size:16px;
    font-weight:bold;
    margin-left:5px;
}
#comments .fn a {
    color:#333;
    font-size:16px;
    font-weight:bold;
}
#comments .says {
    color:#333;
}
/*only visible once you post a comment*/
.comment-awaiting-moderation {
    color:#333;
}
/* Post Author Comment Styles */
.bypostauthor .comment-body {
background: #ccc; 
}
c .bypostauthor .comment-body p {
color: #FFF; 
}
#comments .bypostauthor .comment-body a {
color: #8c2155; 
}
#comments .bypostauthor .reply a {
    color:#FFF;
}

/****** The comment form ******/
/*The label of the form = Comment*/
.comment-respond{
    float:left;
    clear:both;
    width:100%;
}
.comment-reply-title{
    clear:both;
}
.comment-form-comment label {
    float:left;
}
/*The text area*/
#comment {
    width:88%;
    clear:both;
    margin-top:20px;
    float:left;
    margin-bottom:10px;
    border:4px solid #f0f1f1;
    padding:5%;
}
/*The tags allowed under the text area*/
.form-allowed-tags {
    font-size:10px;
    color:#999;
    width:100%;
    clear:both;
}
#submit {
    background-color:#8c2155;
    border:none;
    color:#FFF;
    padding:10px;
    width:130px;
	box-sizing:border-box;
	cursor:pointer;
}
#submit:hover {
    background-color:#333333;
}
#comments .avatar-32 {
    width:64px;
    height:64px;
}

/* Cat Filters
======================================== */
.blog-title { float:left; }
.filter-button { float:right; }
.push-button {
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	border-radius:5px;
	color:#fff;
	background:#8c2155;
	text-align:center;
	cursor:pointer;
	padding:7px 10px;
	box-sizing:border-box;
	line-height:22px;
	border:0;
	font-size:16px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
	-webkit-box-shadow: 0px 4px 0px #6A123D;
	-moz-box-shadow: 0px 4px 0px #6A123D;
	box-shadow: 0px 4px 0px #6A123D;
}
.push-button:active{
	top:3px;
	position:relative;
}
.push-button:hover { background:#A62262; }

.push-button-small {
	padding:4px 10px;
	line-height:22px;
	font-size:14px;
	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
	-webkit-box-shadow: 0px 4px 0px #6A123D;
	-moz-box-shadow: 0px 4px 0px #6A123D;
	box-shadow: 0px 4px 0px #6A123D;
}


.btn-white {
	background:#ffffff;
	color:#8c2155;
	-webkit-box-shadow: 0px 4px 0px #6A123D;
	-moz-box-shadow: 0px 4px 0px #6A123D;
	box-shadow: 0px 4px 0px #6A123D;
}
.btn-white:hover { background:#eee; }

.btn-purple {
	background:#8c2155;
	color:#fff;
	-webkit-box-shadow: 0px 4px 0px #701441;
	-moz-box-shadow: 0px 4px 0px #701441;
	box-shadow: 0px 4px 0px #701441;
}
.btn-purple:hover { background:#A62262; }

.btn-brown {
	background:#c3996c;
	color:#ffffff;
	-webkit-box-shadow: 0px 4px 0px #B08B64;
	-moz-box-shadow: 0px 4px 0px #B08B64;
	box-shadow: 0px 4px 0px #B08B64;
}
.btn-brown:hover { background:#D9AC7B; }


.cat-filters { clear:both; }
.cat-filters li {
	display:inline-block;
	list-style:none;
	background:#f0f1f1;
	margin-left:0;
	margin-right:5px;
	margin-bottom:10px;
	box-sizing:border-box;
	line-height:12px;
}
.cat-filters li a {
	padding:12px 10px !important;
	display:block;
	color:#444;
	text-decoration:none;
}
.cat-filters li a:hover {
	color:#8c2155;
}

/* cols
======================================== */
.cols { 
	width:100%; 
	box-sizing:border-box;
}
.cols ul li {
	width:100%;
	float:left;
	height:auto;
	display:block;
	vertical-align:top;
	box-sizing:border-box;
	margin-bottom:4%;
}
.cols ul li:after {
	content: "";
	clear:both;
	display:table;
}
.cols a { text-decoration:none; }
.cols p { margin:0; }
.cols img { max-width:100%; height:auto; }

/* col-4
======================================== */
.cols ul li { width:100%; }
.col-4 ul li { margin-bottom:4%; } 
.col-4 ul ul li { margin-bottom:0; }
 
/* col-3
======================================== */
.col-3 ul li { margin-bottom:4%; } 
.col-3 ul ul li { margin-bottom:0; } 

/* col-rep-3
======================================== */
.col-rep-3 img {
	border-radius:4px;
	margin-bottom:15px;
}


/* shrink-mob
======================================== */
.shrink-mob img {
	max-width:80%;
}
@media all and (min-width: 600px) {
.shrink-mob img { max-width:100%; }
}

/* Blocks
======================================== */
.block li { 
	box-sizing:border-box;
	margin-left:0;
}
.block-top {
	padding:20px 20px 0 20px;
}
.block-middle { 
	overflow: auto;
	line-height:18px;
	padding:0 20px 0 20px;
}
.block-middle p {
	font-size:15px;
}
.block-bottom { 
	padding:0;
	text-align:right;
}
.block-bottom a.more-btn { 
	color:#fff;
	background:#CFCFCF;
	padding:4px 10px;
	display:block;
	width:55px;
	float:right
}
.block-bottom a { 
	font-weight:bold;
}
.block a {text-decoration:none; color:#414042; }

.block img { width:100%; height:auto; display:block; margin:20px 0; }

.home .block img { width:70%; margin:20px auto; }


.block .ref { float:left; }
.block .more-link { float:right; margin-top:15px; }
.block .prev-next-links { display:block; line-height:18px; font-size:15px; margin-top:15px; }




/* Block borders */
.block-border li { 
	border-top:none;
	border-bottom:1px solid #C9C9C9;
	border-left:1px solid #C9C9C9;
	border-right:1px solid #C9C9C9;
}



/* Obit blocks */
.block-obit { 
	background:#f1f2f2;
}
.block-obit .block-top {
	padding:0 20px 0 20px;
}



/* Sidebar blocks */
.block-side .block-bottom {
	padding:0 20px 10px 20px;
}


.block-bottom a {
	color:#325b9b;
}
.block-bottom a:hover {
	color:#3483BC;
}


 
/* Home news blocks */
.block-news .news-img {
	height:200px;
	width:100%;
	text-align:center;
	background:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
    background-color: #eeeeee;
	margin-bottom:10px;
}



/* Yesterdays */
.block-yesterdays .block-top {
	padding:0 0 10px 0;
}
.block-yesterdays .block-middle {
	padding:0 0 10px 0;
}
.block-yesterdays .block-bottom {
	padding:0 0 10px 0;
}
.block-yesterdays .news-img {
	height:200px;
}
.block-yesterdays li {
	border-bottom:1px dotted #ccc;
}



.headline {
	width:100%;
	display:block;
	background:#be1e2d;
	color:#fff;
	padding:5px 20px;
	box-sizing:border-box;
	margin-bottom:0;
}
.headline a { color:#fff; }


.headline-blue {
	background:#3483BC;
}

/* Archive List
======================================== */
.archive-list li {
	list-style:none;
	margin-left:0;
	padding-bottom:13px;
	margin-bottom:13px;
	border-bottom:1px dotted #ccc;
	display:block;
}
.archive-list li:first-child {
	border-top:1px dotted #ccc;
	padding-top:13px;
}

/* Home Blogs 
======================================== */
.front-posts {
	margin-top:20px;
}
.front-posts img {
	display:block;
}
.blogs h1,
.blogs h2,
.blogs h3 {
	letter-spacing:0;
	font-weight:normal;
	color:#fff;
}
.blogs h3 {
	font-size:15px;
}
.blogs a {
	color:#fff;
	text-decoration:none;
}

.blogs p {
	color:#ccc;
}
@media all and (min-width: 600px) {
.front-posts {
	margin-top:0;
}
}

/* Feature Block
======================================== */

.feature-block {
	box-sizing:border-box;
	background:#e7e7e7;
	padding:30px;
	text-align:center;
	box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 5px #ddd, inset 0 0 0 10px #fff, inset 0 0 2px 10px #eee;	
}
.feature-block a {
	font-size:24px;
	font-family:"impactregular", Helvetica, Arial, sans-serif;
}

/* Single page
======================================== */
.single-content-img {
	width:100%;
	padding:0 0 20px 0;
	margin-bottom:0;
	float:left;
}
.single-content-img img {
	width:100%;
	max-width:100%;
	height:auto;
	float:left;
}

/* Blog Page
======================================== */
.blog-page-left {
	width:100%;
	display:block;
	height:220px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.blog-page-left a { display:block; }

.blog-page-left-obit { height:auto; }
.blog-page-left-obit img {
	max-width:100%;
	width:100%;
	height:auto;
}

.blog-page-right {
	width:100%;
	display:block;
}
.blog-page h3 a {
	color:#414042;
}
.blog-page li {
	position:relative;
	list-style:none;
	margin-left:0;
	padding-bottom:30px;
	border-bottom:1px dotted #ccc;
}
.blog-page .blue-btn {
	text-decoration:none;
	font-weight:bold;
	color:#325b9b;
	position:absolute;
	bottom:0;
	right:0;
}
.blog-page .blue-btn:hover {
	color:#3483BC;
}
.blog-page .excerpt {
	margin-top:10px;
}

/* Page left - right
======================================== */
.page-left {
	width:100%;
	display:block;
}
.page-right {
	width:100%;
	display:block;
}
.page-right img {
	max-width:100%;
	height:auto;
}

/* Post Meta
======================================== */
.post-meta {
	font-family:Helvetica, Arial, sans-serif;
}
.post-date {
	font-size:16px;
	color:#be1e2d;
	font-weight: 700;
}

/* Alert
======================================== */
.alert {
	background: #f4f4f4;
	box-sizing:border-box;
	border-radius:4px;
	border-left:4px solid #FFA703;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:6px 10px;
	color:#444;
	width:100%;
}







/* Plugins
========================================================================================================= */

/* Scroll Up
======================================== */
.scroll-to-top {
	position: fixed;
	background:#000;
	border-radius:50%;
	/*background:url('images/icon_top.png') no-repeat;*/
	cursor: pointer;
	width:40px;
	height: 40px;
	bottom: 10px;
	right:10px;
	display: none;
	z-index: 999;
	text-align:center;
	color:#fff;
	transition:bottom 0.3s;
} 
.scroll-to-top span {
	height: 40px;
	position: absolute;
	top: 50%;
	right:30%;
}
.scroll-to-top:hover {
	bottom:13px;
}

/* PageNavi
======================================== */
.wp-pagenavi {
	margin-top:30px;
	margin-bottom:30px;
}
.wp-pagenavi a{
	color:#8c2155;
}
.wp-pagenavi span.pages {
	display:none !important;
}

/* Contact Form
======================================== */

/* Placeholders */
input::placeholder,
textarea::placeholder {
    color: #3E3E3E;
    opacity: 1;
}


img.ajax-loader {
	width:16px !important;
	height:16px !important;
}
.wpcf7-form img{
	width:auto !important;	
}
.wpcf7-form span {
	color:#444;	
	font-size:13px;
}
.wpcf7-form input{
	width: 100%;
	padding:7px;
	border:1px solid #f0f1f1;
	color:#3E3E3E;
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif !important;
	box-sizing:border-box;
	background:#f0f1f1;
}
.wpcf7-form textarea {
	width:100%;
	padding:7px;
	height:80px;
	border-radius:4px;
	box-sizing:border-box;
	background:#f0f1f1;
}
.wpcf7-textarea{
	font-family:Helvetica, Arial, sans-serif !important;
	font-size:14px;
	color:#3E3E3E;
	background:#f0f1f1;
	border:1px solid #f0f1f1;
	border-radius:4px;
}
.wpcf7-form a{
	display:block;
	text-decoration:none;
	width: 100%;
	padding:7px;
	border:none;
	color:#3E3E3E;
	background:#f0f1f1;
	font-size:14px;
	box-sizing:border-box;
}
.wpcf7-form input[type=checkbox]{
	width: auto;
}
/*checkbox span items*/
.wpcf7-list-item{
	clear:both;
	display:block;
}
span.wpcf7-list-item {
    margin-left: 0;
}
.wpcf7-form input[type=submit]{
	width:auto;
	border-radius:3px;
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	color:#fff !important;
	background:#be1e2d !important;
	text-align:center;
	cursor:pointer;
	padding:7px 10px;
	box-sizing:border-box;
	line-height:22px;
	border:0;
	font-size:16px;
}
.wpcf7-form input[type=submit]:hover { background:#D02232 !important; }

div.wpcf7-response-output {
	font-size:13px;
	line-height:16px;
	margin: 0 0 0 !important;
    padding: 5px !important;
}

.captcha { width:100%; }
.captcha-code { float:left; width:30%; border:2px solid #f0f1f1; border-right:0; height:33px; box-sizing:border-box;}
.captcha-input { float:left; width:70%; }

@media all and (min-width: 600px) {
.captcha-code { float:left; width:15%; }
.captcha-input { float:left; width:85%; }
}
.wpcf7-captchac {
	border:none;
	background:#f0f1f1;
	box-sizing:border-box;
}




@media all and (min-width: 360px) {

/* Content Images
======================================== */
.img-auto-max img {  }

.blog-page-left {
	height:300px;
}
}


@media all and (min-width: 550px) {
	
/* col-3
======================================== */
.col-3 ul li { width:30.66%; margin-right:4%; } 
.col-3 ul li:nth-child(3n) { margin-right:0; }
.col-3 ul li:nth-child(3n+1) { clear:both; }

/* Blog Page
======================================== */
.blog-page-left {
	float:left;
	width:30%;
	height:130px;
	margin-right:4%;
	display:inline-block;
}
.blog-page-right {
	float:left;
	width:66%;
	display:inline-block;
}
.blog-page .excerpt {
	margin-top:0;
}
.blog-page-left-obit { height:auto; }
.blog-page-left-obit img {
	max-width:100%;
	width:100%;
	height:auto;
}


/* Page left - right
======================================== */
.page-left {
	float:left;
	width:66%;
	margin-right:4%;
	display:inline-block;
}
.page-right {
	float:left;
	width:30%;
	display:inline-block;
}

/* columns
======================================== */
.columns {
    -webkit-columns: 100px 2; /* Chrome, Safari, Opera */
    -moz-columns: 100px 2; /* Firefox */
    columns: 100px 2;
}


}




@media all and (min-width: 600px) {

/* Structure
========================================================================================================= */

/* Contact Details
======================================== */
.contact-details span {
	font-size:26px;
	line-height:30px;
}

/* Footer
======================================== */
#footer ul li { width:49%; }
#footer ul li:nth-child(2n) { margin-right:0; }
#footer ul li:nth-child(4n) { margin-right:0; }

/* col-4
======================================== */
.col-4 ul li { 
	float:left;
	display:inline-block; 
	margin-right:4%;
	box-sizing:border-box;
	width:48%; 
} 
.col-4 ul li:nth-child(2n) { margin-right:0; }
.col-4 ul li:nth-child(4n) { margin-right:0; }

.col-4 ul ul li { 
	float:left;
	width:100%; 
} 

/* Blog Page
======================================== */
.single-content-img {
	width:50%;
	padding:0 0 5px 20px;
	margin-bottom:0;
	float:right;
}
.single-content-img img {
	width:100%;
	float:right;
}

/* Max Height
======================================== */
.max-height-top {
	max-height:190px;
	min-height:190px;
}
.max-height-middle { 
	max-height:100px;
	min-height:100px;
}
.max-height-excerpt { 
	max-height:80px;
	min-height:80px;
}

.block-yesterdays .news-img {
	height:300px;
}

.block-yesterdays .max-height-middle { 
	max-height:50px;
	min-height:50px;
}


}



@media all and (min-width: 850px) {


.blog-page li {
	padding-bottom:10px;
}

	
/* Logo
======================================== */
#logo { width:23%; float:left; }
#logo img { width:auto; max-width:none; }

/* Contact Details
======================================== */
.contact-details {
	clear:none;
	float:right;
	text-align:right;
}
.contact-details span {
	font-size:30px;
	line-height:34px;
}

/* Padding overides
========================================================================================================= */
.paddingt10 {padding-top:10px;}
.paddingb10 {padding-bottom:10px;}
.paddingt20 {padding-top:20px;}
.paddingb20 {padding-bottom:20px;}
.paddingt30 {padding-top:30px;}
.paddingb30 {padding-bottom:30px;}
.paddingt40 {padding-top:40px;}
.paddingb40 {padding-bottom:40px;}
.paddingt60 {padding-top:60px;}
.paddingb60 {padding-bottom:60px;}
.paddingt80 {padding-top:80px;}
.paddingb80 {padding-bottom:80px;}

.margint10 {margin-top:10px;}
.marginb10 {margin-bottom:10px;}
.margint20 {margin-top:20px;}
.marginb20 {margin-bottom:20px;}
.margint30 {margin-top:30px;}
.marginb30 {margin-bottom:30px;}
.margint40 {margin-top:40px;}
.marginb40 {margin-bottom:40px;}
.margint60 {margin-top:60px;}
.marginb60 {margin-bottom:60px;}
.margint80 {margin-top:80px;}
.marginb80 {margin-bottom:80px;}

/* col-4
======================================== */
/*
.col-4 ul li { width:22%; } 
.col-4 ul li:nth-child(2n) { margin-right:4%; }
.col-4 ul li:nth-child(4n) { margin-right:0; }
.col-4 ul li:nth-child(3n) { clear:none; }
*/

/* Content-left
======================================== */
.content-left {
	float:left;
	width: 64.5%;
}
	
/* Sidebar
======================================== */
#side {
	clear:right;
	float: right;
	width: 33%;
	margin-top:0;
}



}




@media all and (min-width: 1000px) {
	 
/* GRID / RESPONSIVE
========================================================================================================= */

/* Grid - Apply this to any screen size larger than 768px
======================================== */
.grid-container > [class^="grid-"]  {
	float: left;
	min-height: 1px;
	margin-left: 2%; 
}
.grid-container > [class^="grid-"]:first-child {
	margin-left: 0;
}
.grid-container > [class^="grid-"]:last-child {
	float: right;
}
	
/* Columns are 65px wide, with 20px gutters
======================================== */
.grid-1 { width: 6.5%; }
.grid-2 { width: 15%; }
.grid-3 { width: 23.5%; }
.grid-4 { width: 32%; }
.grid-5 { width: 40.5%; }
.grid-6 { width: 49%; }
.grid-7 { width: 57.5%; }
.grid-8 { width: 66%; }
.grid-9 { width: 74.5%; }
.grid-10 { width: 83%; }
.grid-11 { width: 91.5%; }
.grid-12 { width: 100%; }




/* Structure
========================================================================================================= */

.top-contact { display:block; }

/* Search Bar
======================================== */
#search-container { width:auto; }
/* The white box section */
#search { width:80%; }

/* Navigation
======================================== */
#menu {
	width:100%;
	clear:both;
	background:#e7e7e7;
}
.main-nav { display:block; }
.main-nav ul { float:left; margin-bottom:0; padding-bottom:0;}

.main-nav ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
	box-sizing:border-box;
	border-right:1px solid #fff;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.main-nav ul li:hover {
	background:#D9D9D9;
}
.main-nav a {
	font-family:Helvetica, Arial, sans-serif;
	text-decoration:none;
	line-height:30px;
	color:#414042;
	font-size:14px;
	position:relative;
	letter-spacing:1px;
	padding:7px 20px;
}
.main-nav a:hover {
	color:#414042;
}

/* -------------- Drop Down -------------- */
.main-nav ul ul {
	position: absolute;
	top: -9999999px;
	left: 0;
	opacity: 0;
	text-align: left;
	z-index: 10000;
}
.main-nav ul ul li{
	clear:both;
	width:100%;
	display:block;
	width:235px;
	border-bottom:1px solid #E4E4E4;
	box-sizing:border-box;
	background:#EDEDED;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	border-right:none;
}
.main-nav ul ul li:first-child{
}
.main-nav ul ul li:last-child{
	border-bottom:0;
}
.main-nav ul ul li:hover{
	background:#D9D9D9;
}
.main-nav ul ul a {
	display:block;
	line-height:30px;
	padding:0 20px;
	font-size:14px;
	color:#414042;
}
.main-nav ul ul a:hover {
	color:#414042;
}

.main-nav ul li:hover > ul {
	position: absolute;
	display:block;
	top: 100%;
	opacity: 1;
	width:100%;
}

/* -------------- active links -------------- */
.main-nav ul .current-menu-item > a, .main-nav ul .current_page_parent > a { color:#be1e2d; }
.main-nav ul ul .current-menu-item > a, .main-nav ul ul .current_page_parent > a { color:#be1e2d;}
.main-nav ul ul .current-menu-item > a:hover, .main-nav ul ul .current_page_parent > a:hover { color: #be1e2d; font-weight:normal; }

/* Footer
======================================== */
#footer { padding-top:80px; }
#footer ul li { width:23.5%; }
#footer ul li:nth-child(2n) { margin-right:2%; }
#footer ul li:nth-child(4n) { margin-right:0; }


}


@media all and (min-width: 1040px) {
/* Padding
======================================== */
.padd3 { padding:0; }

/* Top
======================================== */
.top-left { float:left; }
.top-right { float:right; }

}