/*
Theme Name: Real Time Reception 2018b
Theme URI: http://www.realtimereception.co.uk/
Author: Josh.biz
Author URI: http://www.josh.biz/
Description: A custom WordPress theme for Real Time Reception Ltd
Version: 1.0
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*My code*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	color: #4D4D4D;
	background-color: #ffffff;
	background-image: url(images/dots.jpg);
	background-repeat: no-repeat;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #58737e;
}
strong {
	font-weight: 600;
}
#editable p.title {
	color: #747474;
	font-size: 32px;
	font-weight: 600;
	margin-top: 1em;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}
h2, .blog #editable h1, #left-sidebar h3 {
	color: #58737E;
	font-size: 20px;
	margin-bottom: 8px;
	line-height: 30px;
	margin-top: 20px;
}

#editable h1, .blog #editable h1 {
	color: #717171;
    font-size: 28px;
    margin-bottom: 1em;
    line-height: 1.6em;
    margin-top: 1.5em;
}


#left-sidebar h3 {
	margin-top: 1.5em;
	margin-bottom: 14px;
}
h4 {
	line-height: 1.6em;
}
.blog #editable a:link, .blog #editable a:visited {
	color: #58737E;
	text-decoration: none;
	}
	
.blog #editable a:hover, .blog #editable a:active {
	color: #58737E;
	text-decoration: underline;
	}
#editable a.more-link {
	display: block;
	margin-top: 2em;
	}
h2 a:link, h2 a:visited
 {
	color: #7E7743;
	text-decoration: none;
}
h2 a:hover, h2 a:active {
	color: #7E7743;
	text-decoration: underline;
}

h3 {
    font-size: 18px;
    line-height: 1.6em;
    color: #828d54;
    margin-top: 22px;
    margin-right: 0px;
    margin-bottom: 0.75em;
    margin-left: 0px;
}

#content ul, #content ol {
	margin-left: 1.5em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}



img, .wp-caption, object, embed, video {
	max-width: 100%;
	height: auto;
}

.alignleft, .wp-caption.alignleft {
	float: left;
	margin: 0em 1.5em 1.5em 0em;
	text-align: left;
}
.alignright, .wp-caption.alignright {
	float: right;
	margin: 0em 0em 1.5em 1.5em;
	text-align: right;
}
.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin: 1em auto;
	text-align: center;
}

p.wp-caption-text {
	font-size: 12px;
	margin-top: 0;
	font-style: italic;
}

div.wpcf7 .wpcf7-form-control {
	max-width: 100%;
}

a:link, a:visited {
	color: #6A7C21;
	text-decoration: none;
}
a:hover, a:active {
	color: #4d4d4d;
	text-decoration: underline;
}
/*Layout stuff*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
#pagewrapper {
	max-width: 1024px;
	margin: 0 auto;
	background-image: url(images/redset.png);
	background-position: 360px 16px;
	background-repeat: no-repeat;
	overflow: hidden;

}
#header {
	min-height: 180px;
	position: relative;
	padding-bottom: 1em;
	padding-right: 20px;
	overflow: hidden;
}

#header h1 img {
	float: left;
	margin-top: 43px;
	margin-left: 6px;
}
#header #contact-us {
	font-size: 20px;
	float: right;
	margin-top: 20px;
	width: 420px;
	text-align: right;
	color: #858585;
}
#header #strapline {
	float: right;
	clear: right;
	margin-top: 8px;
	width: 420px;
	text-align: right;
	font-size: 14px;
    line-height: 1.4em;
    font-weight: 600;
	color: #79888e;
}
#header #contact-us span {
	font-size: 40px;
}
#header #contact-us p {
	line-height: 36px;
}
#header #contact-us p a:link, #header #contact-us p a:visited {
	color: #7C9127;
	text-decoration: underline;
}
#header #contact-us p a:hover, #header #contact-us p a:active {
	color: #52601A;
	text-decoration: underline;
}

#middle {
	display: flex;
	clear: both;
	margin: 0px auto 0px;
	padding-top: 1px;
	position: relative;
}
#pagewrapper #middle #slider, .metaslider {
	/*float: left;*/
	margin-bottom: 0px;
	margin-left: 20px;
	/*border-top: solid 3px #7C9127;
	border-bottom: solid 3px #7C9127;*/
}
#middle p {
	margin-bottom: 16px;
	line-height: 24px;
}
#middle p.subscribe {
	color: #2B7CB5;
	margin-top: 20px;
	margin-bottom: 4px;
	font-size: 15px;
}



#left-sidebar {
	flex-grow: 0;
   	flex-shrink: 0;
   	flex-basis: 240px;
    order: 2;
	
	text-align: right;
    padding-left: 3em;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-top: 4em;
}

.blog #left-sidebar {
	display: none;
}

#sidebar .widget.testimonials {
    background-color: #eeefe8;
    /* border: 1px solid #3d4713; */
    font-size: 14px;
    background-image: url(images/inverted-commas.png);
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-right: 16px;
    padding-bottom: 24px;
    padding-left: 22px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-bottom: 2em;
	list-style: none;
}

#sidebar .widget.testimonials p {
	padding-bottom: 8px;
	margin-bottom: 0;
	line-height: 22px;
}

#sidebar ul, h2, li.testimonials {
	text-align: left;
}

#sidebar .widget.testimonials ul.post-meta li span.post-meta-key {
	display: none;
}

#sidebar li.widget_recent_entries {
	margin: 26px 0px 40px 10px;
}


#sidebar li.widget_recent_entries ul li {
	border-bottom: 1px solid #abb5b9;
	margin-bottom: 12px;
	font-size: 15px;
	padding-bottom: 12px;
	line-height: 1.4em
}

#sidebar li.widget_recent_entries ul li:last-child {
	border-bottom: 0;
}

#pagewrapper #middle #editable {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
#content {
	padding-top: 1em;
}
#editable ul {
	list-style-type: disc;
	margin-left: 30px;
	margin-top: 20px;
	font-size: 16px;
	margin-bottom: 22px;
	line-height: 24px;
}
#editable ul li {
	margin-bottom: 10px;
}
#editable .call {
	margin-top: 30px;
}

#editable ol {
	margin-left: 30px;
	margin-top: 20px;
	font-size: 15px;
	margin-bottom: 36px;
}

#middle .call span {
	color: #7C9127;
	font-size: 24px;
	line-height: 36px;
}

#middle .call span a:link, #middle .call span a:visited {
	color: #7C9127;
	text-decoration: none;
	}
	
#middle .call span a:hover, #middle .call span a:active {
	color: #7C9127;
	text-decoration: underline;
	}

#footer {
	font-weight: 400;
	padding: 2em 1em 1em 1em;
	background-color: #59727c;
	color: #ffffff;
	clear: both;
}
#footerinner {
	max-width: 720px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#footer .box {
	padding: 2em 1em 1em 1em;
	margin-bottom: 1em;
	background-color: #506b76;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	text-align: center;
}

#footer h4 {
	display: inline-block;
	margin: 0 0 1.5em 0;
	padding: 0.4em 0em 0.4em 0em;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 17px;
	font-weight: 600;
	border-top: solid 2px #899ba2;
	border-bottom: solid 2px #899ba2;
}
#footer p {
	font-size: 15px;
	line-height: 1.6em;
	color: #e4e7e9;
	margin-bottom: 1.25em;
}
#footer #box2 p {
	margin-bottom: 0.5em;
}

#footer a:link, #footer a:visited {
	color: #e4e7e9;
}
#footer a:hover, #footer a:active {
	color: #e4e7e9;
	text-decoration: underline;
}

#box2 img {
	margin-right: 12px;
	margin-bottom: 12px;
}

#footer-accreditations {
	text-align: center;
	padding: 2em;
	background-color: #44565e;
	color: #ffffff;
	clear: both;
}

#footer-legal {
	text-align: center;
	padding: 2em;
	background-color: #263034;
	color: #ffffff;
	clear: both;
}

#legal ul {
    list-style: none;
    position: relative;
    text-align: center;
    font-size: 17px;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-left: 0;
}
/* clear'n floats */
#legal ul:after {
    clear: both;
}
#legal ul:before, #legal ul:after {
    content: " ";
    display: table;
}
#legal ul li {
    display: inline;
}
#legal ul li a {
    display: inline-block;
    padding: 4px 10px;
    border-right: 2px solid #44565e;
    color: #acaeaf;
    text-decoration: none;
}
#legal ul li.current-menu-item a, #legal ul li.current-menu-item a:hover {
    color: #ffffff;
}
#legal ul li:last-child a {
    border-right: none;
}
#legal ul li a:hover {
    color: #dddedf;
}

#legal p.copyright {
	margin-top: 1.5em;
	color: #cdcfd0;
}

#legal #web_design_credit {
	padding: 3em 1em 2em 1em;
}

/*Styling for posts*/

.post {
    padding: 20px 30px;
    background: #f7f9fa;
    margin-bottom: 36px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
}

#editable .post h2 {
	color: #58737e;
	font-size: 22px;
	margin-bottom: 8px;
	line-height: 1.6em;
	margin-top: 6px;
}
.post h2 a:link, .post h2 a:visited,
.post h1 a:link, .post h1 a:visited {
	color: #58737e;
	text-decoration: none;
}
.post h2 a:hover, .post h2 a:active,
.post h1 a:hover, .post h1 a:active {
	color: #58737e;
	text-decoration: underline;
}
.post h1 a:hover, .post h1 a:active {
	text-decoration: none;
}

#middle p.postmetadata {
	background: #e4ebee;
	padding: 4px 24px 4px 4px;
	font-size: 12px;
	text-align: right;
	margin: 10px 0 0 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	clear: both;
}

#middle p.postmetadata span {
	color: #fff;
}

#middle p.postmetadata a:link, #middle p.postmetadata a:visited {
		}
	
#middle p.postmetadata a:hover, #middle p.postmetadata a:active {
}

.boxout {
	width: 200px;
	float: left;
	padding: 20px;
	margin: 0px 20px 20px 0px;
	font-size: 13px;
	color: #FFF;
	background-color: #828D54;
	background-image: url(images/box_bg.jpg);
	background-repeat: no-repeat;
}

.wide {
	max-width: 360px;
	background: #828D54;
}

.boxout h3 {
	color: #e9ff8e;
	margin: 4px 0 6px 0px;
	padding: 0;
}

.boxout a:link, .boxout a:visited {
		color: #FFF;
	}
	
.boxout a:hover, .boxout a:active {
		color: #FFF;
		text-decoration: underline;
	}

.page-id-16 h3 {
	font-size: 38px;
	color: #a0a87d;
	border-top: solid 2px #abb5b9;
	margin-top: 50px;
	padding-top: 12px;
	font-weight: normal;
}

.postmetadata {
	font-weight: bold;
}

.social-media-icons {
	margin-top: 36px;
	clear: both;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

#header-social {
	padding-top: 8px;
	position: absolute;
	left: 748px;
}

#header-social .shunt {
	margin-left: 4px;
}

input.wpcf7-submit {
	margin-top: 1em;
}

.ssba {
	clear: both;
	margin-top: 24px;
}


li#dc_jqaccordion_widget-4 {
	display: none;
}

.one_half {
	box-sizing: border-box;
	padding-right: 1em
}
.one_half.last_column {
	padding-left: 1em;
	padding-right: 0;
}

#middle div#calltoaction {
    margin: 2em auto 3em auto;
    padding: 0.75em 1.5em;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 60px;
	background: #c9dde512;
    border: solid 3px #c9dde5;
    text-align: center;
}

#middle div#calltoaction p {
	font-size: 18px;
	line-height: 1.55em;
	margin: 0.25em 0em;
	font-weight: 400;
}

#middle div#calltoaction p span {
	color: #4D4D4D;
	font-size: 24px;
	font-weight: 600;
}
#middle div#calltoaction p a:link, #middle div#calltoaction p a:visited {
	color: #4D4D4D;
	}
	
#middle div#calltoaction p a:hover, #middle div#calltoaction p a:active {
	text-decoration: underline;
	}

.page-id-2213 #middle div#calltoaction,
.page-id-2218 #middle div#calltoaction,
.page-id-2221 #middle div#calltoaction {
	display: none;
}


.tablepress thead th {
    line-height: 1.25em;
}

.tablepress th.column-2,.tablepress td.column-2,
.tablepress th.column-3,.tablepress td.column-3,
.tablepress th.column-4,.tablepress td.column-4 {
	text-align: center;
}

#tablepress-2.tablepress td {
	font-size: 14px;
	line-height: 1.5em;
	padding-top: 16px;
	padding-bottom: 16px;
}

#tablepress-2.tablepress td.column-2,
#tablepress-2.tablepress td.column-3 {
	text-align: left;
}

body:not(.page-id-38) .grecaptcha-badge {
	display: none;
}

#logos {
	border-top: solid 3px #dadada;
	border-bottom: solid 3px #dadada;
	padding: 1em 0em;
	margin: 2em 1em;
}
#logos h4 {
	font-style: italic;
	font-size: 15px;
    text-align: center;
    margin: 0.5em;
    color: #717171;
}
#logosinner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: center;
}

.logo {
	padding: 1em;
	text-align: center;
}


/* FIRST Media Breakpoint - less than 940px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 940px) {
#header {
    padding-right: 1.5em;
}
#strapline, #header-social {
	display: none;
}
}
	
	
/* Media Breakpoint - less than 900px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 900px) {

#header #contact-us span {
    font-size: 32px;
}

.aligncenter, .wp-caption.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft, .wp-caption.alignleft,
.alignright, .wp-caption.alignright,
.aligncenter, .wp-caption.aligncenter,
.alignnone, .boxout {
    float: none;
    margin: 1em auto;
    display: block;
 }

.alignleft p.wp-caption-text, .alignright p.wp-caption-text {
	text-align: center;
	}
}


/* Media Breakpoint - less than 860px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 860px) {

#contact-us {
	display: none;
}
}


/* Media Breakpoint - less than 676px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 676px) {
#pagewrapper #middle #slider, .metaslider {
	margin-right: 20px;
}

#middle {
	flex-direction: column;
	}

#left-sidebar {
	width: 75%;
	text-align: center;
	margin: 0 auto;
	padding: 0px 20px 3em 20px;
}

#middle div#calltoaction {
	margin-bottom: 0;
	}
}



/* Media Breakpoint - less than 770px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 770px) {
#footer .box {
	text-align: center;
}
}

/* Media Breakpoint - less than 650px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 650px) {

#pagewrapper {
	background-image: none;
	}
#header {
	padding-right: 0;
}
#header h1 {
	text-align: center;
}
#header h1 img {
    float: none;
    margin-left: 0;
}
}


/* Media Breakpoint - less than 600px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 600px) {
.one_half {
	box-sizing: border-box;
	padding-right: 0;
}
.one_half.last_column {
	padding-left: 0;
}
#editable h1, #editable p.title {
    font-size: 24px;
}
}


	

/* Media Breakpoint - less than 394px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 394px) {
	
	#header {
		min-height: 0;
	}
	#header h1 img {
	margin-top: 24px;
}
	
#middle div#calltoaction p {
	font-size: 18px;
}

#middle div#calltoaction p span {
	font-size: 20px;
}
}
	
	
/* Media Breakpoint - less than 320px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 320px) {
	
	#middle div#calltoaction p {
	font-size: 16px;
}

#middle div#calltoaction p span {
	font-size: 18px;
}
	
}

/* Media Breakpoint - less than 288px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 288px) {
	
	#middle div#calltoaction p {
	font-size: 14px;
}

#middle div#calltoaction p span {
	font-size: 16px;
}
	
}