/*
 Theme Name:   F1 Fanatic 9
 Theme URI:    http://www.f1fanatic.co.uk
 Description:  F1 Fanatic 9: A Twenty Fifteen child theme
 Author:       Keith Collantine
 Author URI:   http://f1fanatic.co.uk
 Template:     twentyfifteen
 Version:      9.0.2
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteen-child-2
*/

/* 20160229 Menu page and others */

#menu-page li {
	float: left;
	width: 50%;
	padding: 0 0.5em 1em 0;
	list-style-type: none;
	display: block;
}

#menu-page li img {
	width: 207px;
	display: inline;
	float: left;
	/* margin-right: 1em; */
}

#menu-page li p, #menu-page li h4 {
	clear: none;
}

#menu-page li p {
	margin-left: 14em;
}

#menu-page li span {
	margin-top: 0;
	line-height: 0;
	color: #6c9a30;
	font-weight: bold;
}

#menu-page li:hover {
	background-color: #eee;
	opacity: 0.8;
}

#menu-page li a:hover {
	text-decoration: none;
}

@media screen and (max-width: 77.5em) {
	#menu-page li {
		width: 100%;
	}
}

#bottom-ad {
	margin: 1em auto 0;
	text-align: center;
}

/* 20160109 Chart branding */

.brandedchart {
	background-image: url(/wp-content/themes/f1fanatic9/charts/f1f-chart-brand.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
}

/* 20151023 Ad */

.box-ad {
	z-index: 9999;
}

#sidebar-skyscraper {
	z-index: 0;
}

/* 20151020 changes */

#breadcrumbs {
	margin-left: 2.5%;
    opacity: 0.75;
}

@media screen and (min-width: 38.75em) {
	.hentry, .page-header, .page-content {
		margin: 0 2.5%;
	}
}

@media screen and (max-width: 38.75em) {
	.infobox {
		display: block;
		float: left;
		width: 100%;
		margin-left: 0em !important;
		margin-bottom: 1em;
	}
}

.infobox {
	border-top: 2px solid #6c9a30;
	border-bottom: 2px solid #6c9a30;
	margin-left: 1em;
	max-width: 33%;
}

.post .infobox h4 {
	margin-top: 1em;
	margin-bottom: 1em;
}

#f1fsortable th {
	background-color: #6c9a30;
	color: #fff;
    padding-right: 2em;
}

#f1fsortable thead tr .header {
	background-image: url(buttons/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#f1fsortable thead tr .headerSortUp {
	background-image: url(buttons/asc.gif);
}

#f1fsortable thead tr .headerSortDown {
	background-image: url(buttons/desc.gif);
}

.page-numbers { /* Replaced earlier version further down */
	background-color: #1280c6;
	color: #fff;
	padding: 0.5em;
}

.current, .page-numbers:hover {
	background-color: #fff;
	color: #1280c6;
}

.comment-list {
    margin-top: 1em;
} 

h2 .comments-title{
	margin-bottom: 1em;
}

#tweets iframe {
	width: 30% !important;
	margin-right: 3% !important;
	float: left;
}

.aftertweets {
	clear: both;
	margin-top: 1em;
}

figcaption {
	background-color: #eee;
    padding-left: 0.5em !important;
}

blockquote {
	font-size: 90%;
	font-style: normal;
	border-left: 2px solid #ccc;
	color: #000;
}

blockquote em {
	font-style: italic;
}

/* 20151006 changes */

.widget {
	margin-bottom: 0.5em;
}

.widget-area {
	margin: 0.5em auto 0;
}

.avb {
	float: left;
	padding-right: 0.5em;
}

.displayname {
	font-weight: bold;
}

.comment-content {
	padding: 0.5em 0;
}

.comment-policy {
	text-align: center; 
}

@media screen and (min-width: 59.6875em) {
	.pagination {
		margin: 2.5% 2.5% 0;
	}

	.pagination .page-numbers {
		line-height: 3em;
	}
}

@media screen and (min-width: 68.75em) {
	.pagination .page-numbers {
		line-height: 3.5em;
	}
}

@media screen and (min-width: 77.5em) {
	.pagination .page-numbers {
		line-height: 4em;
	}
}

}
/* 20151002 changes */

.poll-six ul li {
	float: left; width: 16.666%;
}

.wp-polls-foot {
	clear: left;
}

#bbpress-forums #bbp-search-form .button {
	padding: 0.5em 1.625em;
    margin-bottom: 1em;
}

#bbpress-forums p.bbp-topic-meta img.avatar {
	float: left;
	border: 0px;
    margin-right: 1em;
}

#bbpress-forums p.bbp-topic-description img.avatar {
	display: inline;
	margin-bottom: 0px;
	border: 0px;
}

#bbpress-forums .bbp-topic-title {
	width: 65%;
}

#bbpress-forums .bbp-topic-freshness {
	width: 15%;
}

article.bp_group h1.entry-title {
	color: #fff;
    background-color: #6c9a30;
    padding: 0.5em 1em;
}

#buddypress a#members span {
	margin-left: 1em;
}

.bbp-pagination-links a {
	color: #fff;
	background-color: #1280c6;
}

.bbp-pagination-links a:hover {
	color: #1280c6;
	background-color: #fff;
}

@media screen and (min-width: 59.6875em) {
	.buddypress .site-footer {
		margin: 0;
		width: 100%;
	}
}

.f1fanatic_brief_meta, .f1fanatic_brief_meta a {
	color: #666;
	float: right;
	font-weight: normal;
	margin-left: 0.5em;
	margin-top: 1px;
	font-size: 90%;
	font-style: italic;
}

@media screen and (max-width: 55em) {
	.f1fanatic_brief_meta, .f1fanatic_brief_meta a {
		width: 100%;
	}	
	
	.f1f-meta-divider {
		display: none;
	}
	
	.author .url {
		margin-bottom: 0.5em;
	}
}

/* 20150919 changes */

.comment-list .children > li {
	margin-left: 1em;
}

.comment article {
	margin: -2em 0;
}

.comment-list article {
	border-top: 0px;
}

.comment-list .reply a {
    margin-top: 0em;
}

.comment-list li.depth-1 {
	border-top: 2px solid #aaa;
	padding-top: 1em;
	/* margin-top: 1em; */
}

.children {
	border-top: 0px;
	padding-top: 0px;
	margin-top: 1em;
}

#respond {
	padding: 1em 0;
}

/* end 20150919 changes */

body,
button,
input,
select,
textarea,
blockquote cite,
blockquote small,
button,
.page-title,
.post-navigation .post-title,
.entry-footer,
.comments-title,
.comment-reply-title
{
	font-family: "Tahoma", sans-serif;
}

body {
	background-color: #fff;
}

a {
	color: #1280c6;
}

a:focus {
	outline: none;
	color: #1280c6;
}

blockquote {
	margin-left: 0em;
}

a:hover {
	color: #1280c6;
	text-decoration: underline;
	border-bottom: 0px !important;
}

.post-navigation a:hover {
	color: #fff;
}

a.post-thumbnail-homepage:hover {
	opacity: 0.75;
}

p {
	margin-bottom: 1em;
}

header p {
	margin-bottom: 0;
}

ul {
	list-style-position: inside; /* Check this hasn't caused problems for any menus */ 
}

h3, h4 {
	clear: none;
}

.post h3, .page h3, .post h4, .page h4 {
	color: #6c9a30;
}

.post h4, .page h4 {
	margin-top: 1.4545em;
}

.widget {
	list-style: none;
}

#secondary h4 {
	margin: 0 auto;
	padding: 0;
	width: 300px;;
	background-color: #1280c6;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
    font-size: 90%;
}

/* .page-numbers:hover {
	color: #fff;
	background-color: #1280c6;
} */

.entry-content a, .entry-summary a, .page-content a, .comment-content a, .pingback .comment-body > a {
    border-bottom: 0px;
}

.menu-social-container {
	background-color: #fff;
}

.menu-social-container ul {
	/* margin-left: 1em; */
	padding: 1em;
    width: 300px;
    margin: 0 auto;
}

#menu-social a {
	height: 1.5em;
}

#menu-social a:hover{
	text-decoration: none;
	color: #6c9a30;
}

#menu-social li:first-child {
	margin-left: 5%;
}

#menu-social li:last-child {
	width: 10%;
}

.comment-list .reply a{
	color: #6c9a30;
	border: 1px solid #6c9a30;
}

.comment-list .reply a:hover{
	background-color: #6c9a30;
	color: #fff;
	border: 1px solid #6c9a30;
}

.pagination .prev, .pagination .next {
    /* -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); Define? */
    background-color: #1280c6;
}

.pagination .prev:hover, .pagination .next:hover, .pagination .prev:focus, .pagination .next:focus {
    /* -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3); Define? */
    background-color: rgb(21, 121, 184);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #6c9a30;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	background-color: #89b155;
}

h1.site-title a, p.site-title a {
	text-indent: -9999px;
	text-align: left;
	background-image: url("img/f1-fanatic-logo-200-37-b.gif");
	background-repeat: no-repeat;
	width: 200px;
	height: 34px;
	display: block;
	padding: 0; /* Was padding: 1em 0; */
}

h1.entry-title {
	color: #1280c6;
	margin-top: 1em;
}

.content-area .page-header {
	background-color: #6c9a30;
	border-left: 0px;
	color: #fff;
	margin: 0 2.5%;
	padding: 2.5% 8.3333%;
}

h1,h2 {
	/* font-weight: normal; */
}

.entry-title {
	margin-bottom: 0.25em;
}

h3.subtitle {
	color: #6c9a30;
	font-size: 18px;
}

.site-header {
	padding: 1em 7.6923%; /* Was 2em 7.6923%; */
}
  
#page {
	background-color: #eee;
}

.site .avatar {
	border-radius: inherit; /* Get rid of the circular avatars */
}

.nav-previous-image {
	float: left;
	width: 33%;
}

.nav-next-image {
	float: right;
	text-align: right;
	width: 33%;
}

.nav-previous-image a img:hover, .nav-next-image a img:hover {
	opacity: 0.75;
}

.nav-previous-image a:hover, .nav-next-image a:hover {
	text-decoration: underline;
	color: #707070;
}

/* The below will make a horizontal scroll bar appear after reducing viewer width on some screen sizes */

#responsive-ad {
	text-align: center;
	background-color: #eee;
	padding: 0.5% 2%; /* Was 2% */
}

ins {
  background-color: #eee; /* Was #fff, changed because of responsive ad*/
}

.sidebar-ad {
	margin: 0 auto;
	width: 300px;
	padding-bottom: 2em;
}

#sidebar {
	background-color: #eee;
}

#sidebar-skyscraper {
	display: inline;
	float: right;
}

.box-ad {
	float: left;
	margin-bottom: 2em;
	/* width: 250px;
	height: 250px; */
}

.atwho-view, .username strong {
	color: #6c9a30 !important;
}

.comment-count {
	float: right;
}

.comment-count a {
	color: #666;
}

.comment-count a:hover::before {
	text-decoration: none;
}

/* Large screen width main menu */

#f1f-full-width-logo .main-navigation {
	margin: 0;
}

#f1f-full-width-logo .main-navigation ul li ul{
	padding-left: 0.5em;
	background-color: #1280c6;
}

#f1f-full-width-logo .main-navigation ul li ul li a {
	font-size: 80%;
}

#f1f-full-width-logo .main-navigation li {
	/* width: auto; Removed as trying to stop arrow moving */
	/* margin-left: 2em; */ /* Was 1.5 */
	float: left;
	/* font-size: 94%; */
}

#f1f-full-width-logo .main-navigation li  a {
	padding-left: 2em; /* Left value can be used to stop arrow moving; right makes final menu tab consistent with others */
	padding-right: 1em; 
}

#f1f-full-width-logo .main-navigation li  ul li a {
	padding-left: 0;
}

#f1f-full-width-logo .main-navigation li li {
	/* float: none; */
	float: left;
	clear: left;
	margin: 0em;
	padding: 0.25em 0.5em;
	/* width: 100px; Removed as trying to stop arrow moving around */
}

#f1f-full-width-logo .main-navigation li li, #f1f-full-width-logo .main-navigation ul li ul {
	width: 7.5em; /* Any higher causes the arrow to move */
}
#f1f-full-width-logo .main-navigation ul li ul li {
	background-color: #1280c6;
}

button.dropdown-toggle {
	right: auto;
	position: relative;
}

.nav-menu li {
	margin-top: 0.75em;
}

.main-navigation .menu-item-has-children > a {
	padding-right: 20px; /* Overwrites inherited value of 38px */
}

.menu-item-description {
	display: none;
}

.entry-content {
	padding: 1em 2.5%; /* Was 0 5% 10% */ /* Increase room for content */ /* Had changed to 0 0 but then released it removed margin on single posts */
}

.hentry {
	margin-top: 0 !important; /* To override responsive resizing in child theme css */
	box-shadow: none;
}

h1.site-title {
	float: left;
}

.secondary-toggle, .secondary-toggle:hover, .secondary-toggle:focus {
	border: 1px solid #fff;
}

.secondary-toggle:before {
	color: #fff;
}

#f1f-full-width-logo .main-navigation ul li a, .dropdown-toggle:after {
	/* background-color: #fff; */
	color: #fff;
}

#f1f-full-width-logo .main-navigation ul li a, #f1f-full-width-logo .main-navigation ul li button {
	border-bottom: 1px solid #1280c6;
}

#f1f-full-width-logo .main-navigation ul li a:hover, #f1f-full-width-logo .main-navigation ul li ul li:hover {
	background-color: #1579b8;
}

#f1f-full-width-logo .main-navigation ul li ul li a, #f1f-full-width-logo .main-navigation ul li ul li button {
	border-bottom: 0px;
}

.dropdown-toggle:after {
	color: #fff;
}

.text-above-ad {
	font-size: 75%;
	color: #888888;
	text-transform: uppercase;
	margin: 0 0 0.5em; /* Was 1% 0px 0px; */
	text-align: center;
}

.text-above-ad a {
	color: #1280c6;
}

.text-above-ad a {
	border-bottom: 0;
}

.go-ad-free {
	font-weight: bold;
}

.excerpt {
	clear: left;
}

.entry-header-homepage h2.entry-title {
	font-size: 2.6rem;
	line-height: 1.1537;
	margin-bottom: 0em; /* 1.1538em by ratio */
}	

.entry-header {
	padding: 0 2.5%; /* !important; Override for all sizes */
}

table {
	table-layout: auto;
	font-size: 75%;
}

th, td {
	padding: 0.2em;
}

.good {
	color: #00cc00;
}

.bad {
	color: #cc0000;
}

ul.infolist {
	list-style: none;
	color: #000;
}

ul.infolist li:hover {
	background-color: #eee;
}

ul.infolist img {
	display: inline;
	float: left;
	padding-right: 1em;
}

ul.infolist  li {
	clear: left;
	margin-bottom: 1em;
	height: 117px;
}

.infolist span {
	font-weight: bold;
	color: #1280c6;
}

.infolist span:hover {
	text-decoration: underline;
}

.infolist a:hover {
	text-decoration: none;
}

.infolist a {
	color: #000;
}

#buddypress #item-body {
	border-left: 0px;
}

#buddypress #object-nav {
	float: none;
	width: auto;
	border-right: 0px;
	margin-right: 0px;
}

#buddypress #object-nav ul li {
	float: left;
}

#buddypress #object-nav ul li a {
	background-color: #1280c6;
	color: #fff;
	font-size: 16px;
}

#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a, #buddypress #object-nav ul li a:hover {
    opacity: .7 !important; /* Otherwise a:hover is replaced by #buddypress #object-nav ul li:not(.selected) a */
}

#buddypress #object-nav ul li:not(.selected) a {
    opacity: 1;
}

#buddypress #object-nav ul li span {
	font-weight: bold;
}

#buddypress div.item-list-tabs ul {
	background-color: #fff;
	border-top: 0px;
}

#buddypress .hentry {
	margin: 0 0.5%;
}

#buddypress .wp-editor-wrap input[type=button] {
	padding: 1px 10px 1px;
}

.single-item.groups #buddypress div#item-header div#item-actions h3 {
    background: #eee;
    color: #888;
}

#sitewide-notice.admin-bar-on #message {
    top: 40%;
}

#sitewide-notice #message {
    left: 25%;
    width: 50%;
}

#sitewide-notice p {
	border: 2px solid #1280c6;
	background-color: #cfecff;
}

.motorracingleague_info {
    background-color: #cfecff;
    border-color: #1280c6;
}

#close-notice {
	font-weight: bold;
}

#close-notice:before {
	content: "\f405";
    font-family: "Genericons";
    position: absolute;
    top: 5px;
    right: 5px;
}

/* Adapted from old layout */

.textcolumns {
	width: 100%;
	float: left;
}

.lefttextcolumn {
	width: 49%; /* Was 50% */
	float: left;
}

.righttextcolumn {
	width: 49%; /* Was 50% */
	align: left;
	float: right; /* Was right */
}

.wp-polls .Buttons {
	margin-top: 1em;
    background-color: #8db45a;
}

.wp-polls .Buttons:hover {
    background-color: #6c9a30;
}

.wp-polls-ul {
    margin: 0px 0px 10px 0px;
}

.f1fsupport {
	margin: 0 auto 10px auto;
	max-width: 728px;
	height: 75px;
	border: 1px solid #1280c6;
}

.f1fsupportlogo{
	width: 250px;
	height: 75px;
	float: left;
	background: url("img/f1fsupport.jpg") no-repeat scroll left top transparent;
	}

.f1fsupportrightcontainer {
	clear:none;
	float: right;
	max-width: 478px;
}

.f1fsupportrighttoptext {
	text-align: center;
	margin-top: 10px;
	margin-right: 20px;
}

.f1fsupportrighttoptext h3 {
	margin-top: 0 !important;
	margin-bottom: 0;
}

.f1fsupportrightbottomtext {
	text-align: right;
	margin-right: 20px;
	font-weight: bold;
}

.f1fsupportrightbottomtext p {
	margin-bottom: 0;
}

.f1fsupportrighttoptext h3 {
	font-size: 24px;
	text-align: center;
}

.f1fsupportrighttoptext a {
	font-size: 16px;
}

#ratetherace  ul li{
	float: left;
	width: 10%;
    text-align: center;
	padding: 1em 0;
	background-color: #8db45a;
	border: 1px solid #6c9a30;
}

#ratetherace  ul li:hover {
	background-color: #6c9a30;
}

#ratetherace .wp-polls-res ul li .pollbar{
	margin: 0px;
	background-image: none;
	background-color: #6c9a30;
	border: 0px;
	height: 5em;
}

#ratetherace .wp-polls-res ul li:hover {
	background-color: #8db45a;
}

/* To show/hide divs using showhide.js */

.showhidedisabled {display: none;}

/* Content Click ads */

.cc_ad {margin: 7px 0 5px 0 !important; width: 33% !important;}
.cc_image{width: 45% !important; float: left !important;}
.cc_title_wrapper {width: 50% !important; float: left !important; padding-top: 0 !important; margin-left: 2.5% !important;}
#precontentclick {margin-top: 1em;}
@media (max-width: 900px) {.cc_ad {width: 31% !important;}}

/* Make log in button appear on small screens */

@media screen and (max-width: 782px) {
	
	#wp-toolbar>ul>li, #wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar {
		display: block;
	}
		
	#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks>ul>li>a {
		margin-left: 1em;
	}
}

@media screen and (max-width: 68.75em) {
	
	/* Hack to preserve overall page width due to MPU in sidebar */

	.site-content {
		width: 65%;
	}
	.sidebar {
		width: 35%;
	}
}


@media screen and (max-width: 59.6875em) {

	.site-branding {
		width: 50%;
		margin-left: 50%;
	}
	
	/* Remove sidebar width hack */

	.site-content {
		width: 100%;
	}
	.sidebar {
		width: 100%;
	}


/* Reposition site logo and hamburger menu when sidebar disappears */

	#f1f-full-width-logo {
		width: 70%; /* Increased from 70% so logo remains fully visible on smallest sizes */
		float: left;
		/* These two disguise the join between the two halves at 768px wide. Looks a bit tall at around 400-600px screen sizes but few using those right now. */
		min-height: 125px;
		background-color: #1280c6;
	}
	
	.sidebar-small-width-container {
		width: 30%; /* Reduced from 50% so logo remains fully visible on smallest sizes */
		float: right;
		/* These two disguise the join between the two halves (see above) */
		min-height: 125px;
		background-color: #1280c6;
	}
	
	.site-header {
		border-bottom: 0px;
		background-color: #1280c6;
	}
	
	#f1f-full-width-logo-background {
		display: block;
		width: 100%;
		background-color: #fff;
		/* height: 8em; Setting this breaks drop-down menu */
	}

	/* Called via functions.js */
	
	.make-sidebar-full-width {
		width: 100%;
		float: none;
	}

	.site-main {
		padding: 5% 0 0; /* Top was 26.783115%. */
	}
	
	#f1f-full-width-logo nav {
		display: none;
	}
	
	/* Drop-down arrows go to the right */
	button.dropdown-toggle {
		right: 0;
		position: absolute;
	}
	
	.dropdown-toggle:after {
		color: #1280c6;
	}
		
}

@media screen and (max-width: 55em) {

	#f1f-full-width-logo {
		/* These two disguise the join between the two halves at 768px wide. Looks a bit tall at around 400-600px scree nsizes but few using those right now. */
		min-height: 100px;
	}
	
	.sidebar-small-width-container {
		min-height: 100px;
	}
}


@media screen and (max-width: 38.75em) {
	#f1f-full-width-logo {
		padding: 3.85%;
		min-height: 75px; /* Was 'initial'  which prevented interference with menu; no longer seems necessary */
	}
	
	.sidebar-small-width-container {
		min-height: 75px; /* Was 'initial'  which prevented interference with menu; no longer seems necessary */
	}
	
	.entry-header-homepage h2.entry-title, .entry-header-homepage h3.subtitle, .entry-header-homepage p {
		margin: 10px 5%;
	}
		
	.righttextcolumn, .lefttextcolumn {
		width: 100%;
	}
	
	.site-header {
		padding: 2em 7.6923%;
	}
	
	.hentry.has-post-thumbnail {
		padding-bottom: 1em;
	}

	/*
	
	button.dropdown-toggle {
		height: 32px;
		width: 32px;
		top: 0;
	}
	
	.dropdown-toggle:after {	
		line-height: 32px;
		width: 32px;
	}
	
	.main-navigation .nav-menu > li:first-child {
		border-top: 1px solid #eee;
	}
	
	*/
	
}

@media screen and (min-width: 38.75em) {

	h1.site-title a, p.site-title a {
		background-image: url("img/f1-fanatic-logo-200-37-b.gif");
		width: 200px;
		height: 37px;
	}
	
	#f1f-full-width-logo {
		padding: 3.5% 1em 0; /* was 5.65% 1em */
	}

	/* Compact article links on large screen home page. */
	/* Need to stop this from applying to posts and pages */
	
	.post-thumbnail-homepage {
		width: 35%;
		float: left;
		padding: 2.5% 2.5% 0; /* Increase room for content */ /* Was padding: 2.5%; */
	}
	
	.entry-header-homepage, section .entry-header { /* section .entry-header distinguishes between category pages and regular posts */
		width: 65%;
		float: left;
		padding: 2.5% 2.5% 0 0; /* Increase room for content */ /* Was 2.5% 2.5% 5% 0; */
	}	

	.main-navigation ul, .main-navigation li {
		border-top: 0px;
		border-bottom: 0px;
		/* margin-left: 22em; */
	}
	
	.widget-area {
		/* padding-top: 1em; */
	}
	
	.entry-footer {
		padding: 2.5%;
	}
}

@media screen and (min-width: 46.25em) {

	body, button, input, select, textarea {
		font-size: 1.6rem;
	}
	
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
		font-size: 1.8rem;
	}
	
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
		font-size: 2.0rem;
	}

	.entry-header-homepage h2.entry-title {
		font-size: 2.4rem;
		line-height: 1.1613;
		margin-bottom: 0em; /* 1.1613em by ratio */
	}
	
	.entry-title {
		font-size: 2.8rem;
	}

	h1.site-title a, p.site-title a {
		background-image: url("img/f1-fanatic-logo-264-49-b.gif");
		width: 264px;
		height: 49px;
	}		
}

@media screen and (min-width: 55em) {

	body, button, input, select, textarea {
		font-size: 1.6rem;
	}
	
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
		font-size: 1.9rem;
	}
	
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
		font-size: 2.2rem;
	}

	.entry-header-homepage h2.entry-title {
		font-size: 2.6rem;
		line-height: 1.1613;
		margin-bottom: 0em; /* 1.1613em by ratio */
	}
	
	.entry-title {
		font-size: 3.0rem;
	}

	h1.site-title a, p.site-title a {
		background-image: url("img/f1-fanatic-logo-300-56-b.gif");
		width: 300px;
		height: 56px;
	}
	
	.post-thumbnail {
		margin-bottom: 2.4em;
	}
	
}

@media screen and (min-width: 59.6875em) {

	body, button, input, select, textarea {
		font-size: 1.6rem;
	}
	
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
		font-size: 1.8rem;
	}
	
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
		font-size: 2.0rem;
	}

	.entry-header-homepage h2.entry-title {
		font-size: 2.2rem;
		line-height: 1.1613;
		margin-bottom: 0em; /* 1.1613em by ratio */
	}
	
	.entry-title {
		font-size: 2.6rem;
	}

	.social-navigation li {
		width: 20%;
	}

	.site-header {
		padding: 2.5% 7.6923% 2.5%;
	}
	
	.main-navigation a {
		display: inline;
	}

	.site-title {
		float: left;
	}
	
	.site-main {
		padding: 2.5% 0; /* Increase room for content */
	}

	#f1f-full-width-logo {
		padding: 1em 1em 5%; /* Top was 5.65% */
		background-color: #1280c6;
	}
	
	.widget {
		padding: 0;
		line-height: 1;
		/* margin: 0;  Was 0 0 20% */
	}
	
	body:before {
		box-shadow: none;
	}
	
	/* Don't display the main menu in the sidebar on larger screen sizes */

	#sidebar #site-navigation {
		display: none;
	}
	
	/* Move sidebar to right */
	/* Source: http://premium.wpmudev.org/blog/customize-twenty-fifteen/ */
	/* Have increase the minimum sidebar width from the default so a 300px wide ad will fit */
	/* Sidebar was 29.4118%, site-content was 70.5882% */

	.site-content {
		clear: left; /* Added to stop it from moving right when top menu is opened. */
		float: left;
		margin-left: 0px;
		/* width: 65%; */ /* Not necessary to preserve MPU width? */
	}
	.sidebar {
		float: right;
		right:0;
		margin-right: 0px;
		/* max-width: 413px;
		width: 35%; */ /* Not necessary to preserve MPU width? */
	}
	
	#sidebar {
		/* min-width: 300px; */ /* Not necessary to preserve MPU width? */
	}

	body:before {
		content: none; /* Removes the pseudo element - big change, watch out for knock-on effects */
		/* right: 0;
		left:auto;
		width: 35%; */ /* Added to match sidebar */
	}
	
	.entry-header-homepage h2.entry-title {
		font-size: 2.6rem;
		line-height: 1.1537;
		margin-bottom: 0em; /* 1.1538em by ratio */
	}	
	
	h1.site-title a, p.site-title a {
		background-image: url("img/f1-fanatic-logo-200-37-b.gif");
		width: 200px;
		height: 37px;
	}	

	.dropdown-toggle {
		top: -4px; /* Bring up into line with rest of menu */
	}
	
	.site-header {
		margin: 0;
	}
	
	.site-footer {
		margin: 0;
		width: 100%;
	}

	.entry-footer {
		padding: 5% 2.5%;
	}	
	
	.social-navigation {
		width: 300px;
		margin: 0 auto 5%;
	}
	
	.hentry {
		padding-top: 4%;
		margin: 0 2.5%; /* Increase room for content */
	}
	
	.comments-area, .post-navigation {
		margin: 8.3333% 2.5% 0;
	}
	
	.comments-area, .entry-footer {
		padding: 2.5%;
	}
}

@media screen and (min-width: 68.75em) {

	body, button, input, select, textarea {
		font-size: 1.6rem;
	}
	
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
		font-size: 1.8rem;
	}
	
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
		font-size: 2.0rem;
	}

	.entry-header-homepage h2.entry-title {
		font-size: 2.4rem;
		line-height: 1.1613;
		margin-bottom: 0em; /* 1.1613em by ratio */
	}
	
	.entry-title {
		font-size: 2.8rem;
	}

	h1.site-title a, p.site-title a {
		background-image: url("img/f1-fanatic-logo-264-49-b.gif");
		width: 264px;
		height: 49px;
	}	

	.site-header {
		padding: 2.5% 7.6923% 3.5%;
	}
	
	h2.entry-title {
		font-size: 2.9rem;
		line-height: 1.1575;
		margin-bottom: 0em; /* 1.1575em by ratio */
	}
		.dropdown-toggle {
		top: -5px; /* Bring up into line with rest of menu */
	}
	
	.post-thumbnail {
		margin-bottom: 2.4em;
	}
	
	.entry-content h3 {
		margin-top: 1em;
	}
}

@media screen and (min-width: 77.5em) {
	
	body, button, input, select, textarea {
		font-size: 1.6rem;
	}
	
	.entry-content h4, .entry-summary h4, .page-content h4, .comment-content h4 {
		font-size: 1.9rem;
	}
	
	.entry-content h3, .entry-summary h3, .page-content h3, .comment-content h3 {
		font-size: 2.2rem;
	}

	.entry-header-homepage h2.entry-title {
		font-size: 2.6rem;
		line-height: 1.1613;
		margin-bottom: 0em; /* 1.1613em by ratio */
	}
	
	.entry-title {
		font-size: 3.0rem;
	}
	
	.post-thumbnail {
		margin-bottom: 1.5em;
	}
		
}