/*  

*****************************************************
-----------------------------------------------------

Theme Name: racingaspirations3
Description: racingaspirations but responsive
Version: 2.0
Author: Huw Davies
Author URI: http://www.racingaspirations.com/
Tags: two-columns, fixed-width, right-sidebar, tan

	Simplixity by James Barclay
	http://everythingisgray.com/

	The XHTML, CSS, PHP, and images included in this theme are released under the GPL:
	http://www.opensource.org/licenses/gpl-license.php

-----------------------------------------------------
*****************************************************



********************
--------------------
	  Contents
--------------------
********************

 
	* General
	* Layout
		- Header
		- Container
	* Content	(Includes items in the main content area)
		- Post headers
		- Posts
	* Navigation    (Includes items in the navigation menu)
		- Navigation
	* Sidebar	(Includes items in the sidebar)
		- General
		- Sidebar headers
		- Wordpress calendar
	* Footer   (Includes items in the footer)
	* Misc.    (Includes miscellaneous items)

*/

:root {
	--body-color: #f6f6f6; /*#efeeeb*/
	--content-color: #fdfdfd; /*#f8f7f4*/
	--toolbar-color: #e8e8e8; /*#cccccc*/
	--sidebar-color: #f1f1f1; /*#cccccc*/
}

/*******************
 **    General    **
 *******************/

html {
	scroll-padding-top: 80px;
}
body, h1, h2, h3, h4, h5, h6, blockquote, p, form
{
	margin: 0;
	padding: 0;
}
body:not(.wp-admin)
{
	font-family: 'univia-pro', Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
	vertical-align: top;
	color: #555555;
	background-color:#ffffff;
	overflow-x:hidden !important;
}
img
{
	border: 0;
}
input, select, textarea
{
	font-family: 'univia-pro', Tahoma, Helvetica, Arial, Verdana, sans-serif;
	font-size: 18px;
}
#header h1 a
{
	color: #ffffff;
}
#header h1 a:hover{
	color: #ffffff;
}
h2
{
	font-size:17px;
}
h2 a
{
	color: #5b5b5b;
}
h2 a:hover
{
	text-decoration: none;
	color: #333333;
}
body:not(.wp-admin) a:link, body:not(.wp-admin) a:visited
{
	text-decoration: none;
	color: #a52713;
}
a:hover
{
	text-decoration: underline;
	color: #a52713;
}
p
{
	/* padding: 10px 0 0 0; */
}
.desktop-only {
	
}
.hide-by-default {
	display:none;
}
/*******************
 **    Header     **
 *******************/
#header
{
	position: relative;
	height: 150px;
	background: url(img/bg/rockingham.jpg) no-repeat;
	background-color:#ffffff;
	width: 100%;
}
.header_bg {
	position:fixed; 
	left:0; 
	right:0; 
	top:0;
	background-size:cover;
	background-position:center;
}
.centered_content_2
{
	margin: 0 auto;
	max-width: 982px;
	position: relative;
}
.desktop .centered_content_2 
{
	position:initial;
	max-width: initial;
	margin:initial;
}
#header_avatar
{
	width:125px; 
	height:125px; 
	position:absolute; 
	top:15px; 
	right:-8px;
	background: url(img/header_avatar.png) no-repeat;
	z-index:9999;
	padding-left:12px;
	padding-top:12px;
	display:none;
}
#menu
{
	position: -webkit-sticky;
	position:sticky;
	top: 0;
	height: 85px;
	background-color:#ffffff;
	z-index:999;
	width: 100%;
}
#menu_menus
{
	font-weight:bold; 
	font-size:17px;
	position:absolute; 
	top:-7px;
	right:0px;
	left:330px;
	text-align:right;
}
#menu_menus.k-toolbar, 
#menu_menus.k-widget, 
#menu_menus.k-toolbar-resizable {
	background-image:none;
	background:none;
	background-color:transparent;
	border:none;
}
#menu_menus .k-i-more {
	margin-top:7px;
}
#menu_menus .k-overflow-anchor {
	border:none;
}
.menu_menus_seperator
{
	color:#555555;
}
.menu_menus_item
{
	white-space:nowrap;
}
#menu_submenu
{
	position: absolute;
	height: 45px;
	bottom: 0;
	background-color:var(--toolbar-color);
	width: 100%;
	box-shadow: 0px 2px 2px #a2a3a3;
	/*border-bottom: 1px solid #a2a3a3;*/
}
.desktop #menu_submenu {
	top:0px;
	padding-left:10px;
}
.menu_title
{
	font-size:22px;
	font-weight:bold;
	margin-top:2px;
	min-height:35px;
}
.mobile-width .menu_title {
	margin-left: 5px;
}
.menu_separator
{
	width:1px;
	overflow:hidden;
	height:38px;
	background-color: #e5e4e4;
}
#menu_menus a.k-button.k-primary {
	color:white !important;
}
#title_container 
{
	padding-top:4px;
	white-space:nowrap; 
	overflow:hidden
}
#title_container>table 
{
	background-color: var(--toolbar-color);
}
/*******************
 **    Content    **
 *******************/
#content_container
{
	background-color: var(--body-color);
	width: 100%;
	position: relative;
}
/*f6f5f1*/
.main_color
{
	background-color: var(--content-color);
}
.main_color_as_border
{
	border-color: var(--content-color);
}
#content_home
{
	background-color: var(--content-color);
}
#content
{
	background-color: var(--content-color);
	float: left;
	max-width: 672px;
	min-height: 200px;
	width:100%;
}
.full-width #content
{
	min-height: 1000px;
}
.post
{
	padding: 0 20px 30px 5px; 
}
.single-post.mobile-width .post
{
	padding-left: 20px;
}
.post h3
{
	font-size:15px;
	margin-bottom:15px;
}
.entry
{
	padding: 30px 0 0 5px;
}
.calculator_entry
{
	padding: 6px 0 0 0;
}
.calculator
{
	background-color:#ffffff;
	border: 1px solid #000000;
	overflow:hidden;
}
.tags
{
	font-size:18px;
	width:300px;
}
.post_excerpt
{
	text-align:justify;
}
.post_text
{
	text-align:justify;
}
.post_text p
{
	padding: 10px 0 0 0;
}
.post span.dt
{
	color: #a3a3a3;
}
.posts_table
{
	padding-top:5px;
}
.posts_table_avatar
{
	vertical-align:top;
	padding-right:10px;
	width:150px;
}
.posts_table_avatar .avatar {
	box-shadow: 1px 2px 3px #cccccc;
	border-radius: 3px;
	object-fit: cover;
	width: 140px;
}
.sidebar_posts_table_avatar .avatar {
	box-shadow: 1px 2px 3px #cccccc;
	border-radius: 3px;
	object-fit: cover;
}
.posts_table_excerpt
{
	vertical-align:top;
}
.posts_table_meta
{
	vertical-align:bottom;
	white-space:nowrap;
}
.posts_table_meta div
{
	overflow:hidden;
	width:500px;
}
.posts_preview_image
{
	width: 140px; 
	height: 120px;
	border: 0 none;
	object-fit: cover;
	box-shadow: 1px 2px 3px #cccccc;
	border-radius: 3px;
}
.posts_preview_gallery_image
{
	width:118px; 
	height:97px; 
	padding-right:10px; 
	opacity:0.7; 
	filter:alpha(opacity=70);
	border: 0 none;
}
.post_text blockquote
{
	font-style:italic;
	margin:10px;
	color:#777777;
}
.post_horz_ad
{
	margin-left:20px;
	margin-top:10px;
}
.post_horz_ad_calc
{
	margin-top:30px;
}
/*****************************
 **  Highlighting anchors   **
 *****************************/
 .highlight-target {
	width: fit-content;
    position: relative;
    left: -5px;
    top: 25px;
    margin-bottom: 25px;
 }
 .highlight-target:target {
	background-color: #FFFFFF;
    border: 2px solid #cccccc;
    border-radius: 5px;
    padding: 4px;
	box-shadow: 0px 0px 5px #aaaaaa;
	z-index: 1;
 }

/*******************
 **  Navigation   **
 *******************/

/*******************
 **    Sidebar    **
 *******************/

.sidebar
{
	background-color: var(--sidebar-color);
	padding: 0 0 0 0;
	width: 310px;
	display: inline;
	float: left;
	height:100%;
	position:relative;
	overflow:hidden;
}
.sidebar_ad
{
	padding:5px 5px 5px 5px;
	width:300px;
	height:390px;
}
.sidebar_ad_2
{
	margin-top:30px; 
	margin-left:20px
}
#google_sidebar_ad
{
	position:absolute; 
	top:0px;
	z-Index:1;
}
.sidebar_floating_item 
{
	float:left; 
	width:290px; 
	overflow:hidden
}
.sidebar_item
{
	margin-top: 10px;
	margin-left: 15px;
	/*width: 280px;*/
	overflow: hidden;
	position:relative;
}
.sidebar_post
{
}
.sidebar_posts_preview_image
{
	width: 120px; 
	height: 103px;
	border: 0 none;
	object-fit: cover;
	box-shadow: 1px 2px 3px #cccccc;
	border-radius: 3px;
}
.sidebar_posts_table
{
	padding-top:20px;
}
.sidebar_posts_table_avatar
{
	vertical-align:top;
	padding-right:7px;
}
.sidebar_posts_table_excerpt
{
	vertical-align:top;
}
.sidebar_post_meta
{
	font-size:11px;
}
.sidebar_posts_preview_gallery_image
{
	width:70px; 
	height:58px; 
	padding-right:7px; 
	opacity:0.7; 
	filter:alpha(opacity=70);
	border: 0 none;
}

/*******************
 **     Search    **
 *******************/

#searchform div{
	padding: 0;
	margin:0;
	/*margin-right:20px;
	margin-top:-3px*/
}
#searchsubmit{
	background: url(img/go_button.png) no-repeat;
	width: 25px;
	height: 25px;
	border: 0;
	margin-top:5px;
	cursor: pointer;
	vertical-align: top;
	margin-right:10px;
}
#s{
	color: #5b5b5b;
	border: 2px solid var(--toolbar-color);
	background-color:#ffffff;
	width:240px;
	margin-top:1px;
	font-size:15px;
	padding:4px;
	margin-right:-4px;
	border-radius: 5px;
}
.hidden{
	display: none;
}
#search_container
{
	position:absolute;
	right:0;
	top:4px;
}

/*******************
 **   Comments    **
 *******************/
 .comment-table {
	width: -webkit-fill-available;
 }
.comment-avatar, .comment-content
{
	vertical-align:top;
}
.comment cite.fn, .pingback cite.fn
{
	font-style:normal;
}
.comment span.dt, .pingback span.dt
{
	color: #a3a3a3;
}
.comment, .pingback
{
	margin-bottom: 40px;
	text-align:justify;
}
.comment-input
{
	width: -webkit-fill-available;
	height:70px;
	resize:vertical;
}
.comment img.avatar, .pingback div.avatar
{
	margin-right:10px;
}
figure.wp-block-table {
	margin-top:10px;
}
figure.wp-block-image {
	margin-top:10px;
}
h1.wp-block-heading {
	margin-top:10px;
	font-size:1.2em;
}
h2.wp-block-heading {
	margin-top:10px;
}
h3.wp-block-heading {
	margin-top:10px;
	margin-bottom: 0;
}
h4.wp-block-heading {
	margin-top:10px;
	margin-bottom: 0;
	font-size:0.8em
}
h5.wp-block-heading {
	margin-top:10px;
	margin-bottom: 0;
	font-size:0.8em;
	font-style: italic;
}
h6.wp-block-heading {
	margin-top:10px;
	margin-bottom: 0;
	font-size:0.7em;
	font-style: italic;
}

/*******************
 **     Footer    **
 *******************/
#footer
{
	position: relative;
	height: 200px;
	background-color:#ffffff;
	z-index:1;
	width: 100%;
	border-top: solid 10px var(--toolbar-color);
}
#footer_legal_table
{
	margin-top: 20px;
}
#footer_legal_cookies
{
	margin-top: 4px;
	font-size:0.75em;
}
#footer_facebook2
{
	width:35px;
	height:35px;
	display:inline-block;
	margin-right:5px;
	background: url(img/facebook.png) no-repeat;
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover;    /* Mozilla*/
	-o-background-size: cover;      /* Opera*/
	background-size: cover;         /* Generic*/
}
#footer_linkedin2
{
	width:35px;
	height:35px;
	display:inline-block;
	background: url(img/linkedin-512.png) no-repeat;
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover;    /* Mozilla*/
	-o-background-size: cover;      /* Opera*/
	background-size: cover;         /* Generic*/
}
#footer_twitter2
{
	/*position: absolute;
	top:0;
	right:177px;*/
	width:42px;
	height:35px;
	display:inline-block;
	background: url(img/twitter.png) no-repeat;
	-webkit-background-size: cover; /* For WebKit*/
	-moz-background-size: cover;    /* Mozilla*/
	-o-background-size: cover;      /* Opera*/
	background-size: cover;         /* Generic*/
}
#footer_facebook
{
	width:133px;
	height:32px;
	display:inline-block;
	margin-right:20px;
	background: url(img/find-us-on-facebook.png) no-repeat;
}
#footer_twitter
{
	width:123px;
	height:32px;
	display:inline-block;
	background: url(img/follow-us-on-twitter.png) no-repeat;
}
.footer-logout {
	display:none;
}

/*******************
 **     Misc.     **
 *******************/

.clear_float{
	clear: both;
}
.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft
{
	float: left;
}
.alignright
{
	float: right;
}
.wp-caption
{
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img
{
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption-dd
{
	font-size: 0.69em;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.appcenterMenu
{
	background-color: #ccc;
	padding: 3px;
	border-left: 1px solid #a2a3a3;
	border-right: 1px solid #a2a3a3;
	border-bottom: 1px solid #a2a3a3;
}
.homepage-blog-image
{
	border:0 none;
	padding:30px;
	background-image:url(img/home_blog_bg.png);
	width:400px;
	height:496px;
}
.homepage-calc-image
{
	border:0 none;
	padding:30px;
	background-image:url(img/home_calc_bg.png);
	width:400px;
	height:218px;
}
.highlighted_area
{
	background-color:#efeab9;
	border:1px solid #aaaaaa; 
	padding:3px;
	margin-left:5px;
}
.calculator .highlighted_area,
#just_saved_message.highlighted_area,
#divNoSharing.highlighted_area {
	margin-left:0;
}
.centered_content_2_fixed_content {
	background-color:var(--content-color);
	top:51px;
	padding-top:5px;
}
.k-loading-mask {
	position:fixed !important;
	top:initial !important;
	z-index:100000 !important;
}


/**********************
 **     Login        **
 **********************/
 
body.login 
{
	background-color: #eae9e4;
}
.wp-login-logo {
	display:none;
}

/**********************
 **     Popup        **
 **********************/
 
.popup 
{
	position:fixed;
	border:2px solid #a2a3a3;
	z-Index:99999;
	background-color:#ffffff;
}
.popupbg {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(0,0,0,0.4);
}
.popupcontentbg {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color:#ffffff;
}
.popuphead
{
	position:relative;
	background-color:#eeeeee;
	white-space:nowrap;
}
.popuphead button
{
	border:none;
    cursor: pointer;
	background-color: transparent;
}
.popupheadtb td.popuphead:last-child {
    width:5px;
}
.popupiframe
{
	border:0 none;
	position:relative;
}
.popupbody
{
	background-color: #fcfcfc;
	margin: 5px;
}
.popupiframediv
{
	position:relative;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

@media screen and ((max-width: 700px) or (max-height: 500px)) {
	.popup.can-go-full-screen {
		border:none;
		top:100px !important;
		left:0px !important;
		bottom:0px !important;
		right:0px !important;
		height:initial !important;
	}
	.popup.can-go-full-screen .popupheadtb {
		width:100% !important;
		height:50px !important;
		overflow: hidden !important;
	}
	.popup.can-go-full-screen .popupiframediv {
		position:absolute !important;
		top:50px !important;
		left:0px !important;
		bottom:0px !important;
		right:0px !important;
		width:initial !important;
		height:initial !important;
	}
	.popup.can-go-full-screen .popupiframe {
		position:absolute !important;
		top:0px !important;
		left:0px !important;
		bottom:0px !important;
		right:0px !important;
		width:100% !important;
		height:100% !important;
	}
}
@media screen and (max-height: 400px) {
	.popup.can-go-full-screen {
		top:0px !important;
	}
}

/*****************

	google translate
*/

#google_translate_element {
	position: fixed !important;
	top: 6px !important;
	left: 6px !important;
	z-index: 9999 !important;
	background-color: rgba(245, 245, 220, 0.8) !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.popupwindow {
	margin-top:20px;
}

.popupwindow #google_translate_element{
	width: 100% !important;
	top: 0 !important;
	left: 0 !important;
	background-color: rgba(245, 245, 220, 1) !important;
}

#footer #google_translate_element{
	position: absolute !important;
	left: 0 !important;
	top: 87px !important;
	background-color: white !important;
	z-index: -1 !important;
}

.google-translate-in-popup-only {
	display:none;
}

.popupwindow .google-translate-in-popup-only {
	display:inline;
}

/*****************

	facebook
*/

.fb-page {

}

.popupwindow .fb-static-container,
.login .fb-static-container,
body.page .fb-static-container,
.mobile-width .fb-static-container {
	display:none;
}

.fb-static-container {
	position:absolute;
	top:240px;
	/*bottom:10px;*/
	left:5px;
	z-index:99;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s, opacity 0.5s linear;
	max-width:255px;
	min-width:1px;
	overflow:auto;
}

.fb-static-container.active {
	visibility: visible;
	opacity: 1;
}

.fb-static-container-close {
	display:none;
}

.fb-static-container .fb-static-container-close {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	top:5px;
	right:5px;
	background-image: url(img/popup-close-light.png);
	background-size:contain;
	background-repeat:no-repeat;
	cursor:pointer;
}


/*****************

	embedded video
*/

figure.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	/*left: -40px;*/
}

figure.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
	width: 660px;
	height: 371px;
	max-width: none !important;
}