/*
 Theme Name:   Racefans 20231003
 Theme URI:    http://www.racefans.net
 Description:  Racefans: A Twenty Fifteen child theme
 Author:       Keith Collantine
 Author URI:   http://www.racefans.net
 Template:     twentyfifteen
 Version:      9.0.3
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteen-child-2
*/

/* main .category-round-up header h3, main .category-round-up header .homepage-author, main .category-round-up a img {
	display: none;
} */

/* Live page */

#article-content-old p:nth-child(n+2):nth-last-child(n+7)::after {
  content: '';
  border-bottom: 1px solid black;
  display: block;
}

.article-content {
    transition: opacity 0.5s ease-in-out; /* Adjust the duration as needed */
    opacity: 1;
	padding: 0 2.5% 0 2.5%;
}

/* Newsletter form style */

.tnp-subscription {
	max-width: 100%;
	border: 2px solid #1280c6;
	padding: 5px 5px 0 5px;
}

.tnp-subscription h4 {
	margin-top: 0 !important;
}

/* Driver ratings */

.ratings-notes {
	font-size: 85%;
    padding-bottom: 1em;
}

.dr_good {
	color: #6c9a30;
}

.dr_bad {
	color: #1280c6;
}

/* Not working 4/4/23*/

.radiomessages > tbody > tr:last-child { 
	border-bottom: 2px solid #666666;
}

tr.lap td {
	text-align: center;
	font-style: italic;
	border-top: 2px solid #666666;
}

td.teamradioname, td.speaker {
	font-weight: bold;
	white-space: nowrap;
}

tr.qualifying-elimination {
	background-color: #eeeeee;
}

/* 20231011 Removed css to hide completed live posts */

.zcr-already-moderated {
	display: none;
}

iframe {
	margin-bottom: 0;
}

/* Bullet point in homepage excerpt */

.entry-header-homepage ul {
	margin-bottom: 0;
}

/* 20200414 Old sticky ad being replaced with new fixed ad */

.fixed-ad {
position: fixed;
    top: 0;
    margin: 60px 0 0;
}

.sticky-ad {
	margin: 0 auto;
	width: 300px;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

/* Improve register page layout */

#buddypress .standard-form #basic-details-section, #buddypress .standard-form #profile-details-section {
	width: 100%;
}

#buddypress .standard-form#signup_form div.submit {
    float: none;
    width: 100%;
    margin: 0 auto;
}

/* Fix alignright for mobiles */

.alignright {
    display: block;
    float: none;
    text-align: center;
}

/* Make author link clearer */

a.author {
	text-decoration: underline;
}

.author-info h4 {
	margin-bottom: 1em;
}

/* 20180507 Show/hide many */

#showall, .showSingle {
    color: #fff;
    font-weight: bold;
    background-color: #6c9a30;
    padding: 0.5em 1em;
    text-transform: uppercase;
    margin-bottom: 1em;
    display: inline-block;
}

#showall:hover, .showSingle:hover {
	background-color: #1280c3;
	color: #fff;
}

/* RaceFans Live link */

#racefans-live-link {color: #fff; font-weight: bold; border: 1px solid #fff; padding: 1em; margin: 1em; border-radius: 1em; background-color: #1280c6; display: block;}
#racefans-live-link:hover {background-color: #0099cc;}

.supporter-popup p {
	margin-bottom: 0;
    color: #000000; /* 20200424 */
}

.calltoaction a {
	display: block;
}

.calltoaction a:hover {
    border-bottom: 1.5px solid #000 !important; /* Was fff */
}

.ui-resizable-handle {
	height: 0 !important;
}

#new-on-racefans {
    width: 300px;
    margin: 0 auto 5%;
    background-color: #fff;
	padding: 1em 1em 0;
	font-weight: bold;
	font-size: 85%;
}

/* 20170105 Interactive chart buttons */

li.charts-container {
	width: 10em;
}

.charts-menu-button-caption {
	width: 9em;
}

/* Team mate battle table */

.results {
	width: auto;
	border: 0;
	margin: 0 auto;
}

.results th, .results td {
	padding: 0; border: 0; text-align: center;
}

.results td.tabletext {
	padding-right: 0.5em;
}

/* Radio trasncript table */

.radio-transcript p {
	margin-bottom: 0;
}

tr.newlap td {
	border-top: 1px solid black;
}

/* 20170105 Wide table */

.wide {
	overflow-x: auto;
}

/* 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;
}

/* Snack ads code - 18 lines - added 20231212 */

@media only screen and (max-width: 42em){
#snack_mob_top {
        min-height: 50px !important;
   }
#snack_mex2, #snack_mex3, #snack_mex4, #snack_mex7, snack_mex10, snack_mex11, snack_mex12 {
        min-height: 250px !important;
   }
}
@media only screen and (min-width: 42em){
#snack_dex2, snack_dex3, snack_dex4, snack_dex7, snack_dex9, snack_dex10, snack_dex11 {
        min-height: 90px !important;
   }
#snack_ldb {
        min-height: 250px !important;
   }
}

@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(../gif/racefans-chart.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
}

.brandedchartsmall {
	background-image: url(../gif/racefans-chart-50.gif); 
	background-repeat: no-repeat; 
	background-position: center center;
}

.brandedchartright {
	background-position: right center;
}

.brandedtable {
	background-image: url(../gif/racefans-table.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: none; /* Was 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(../gif/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

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

#f1fsortable thead tr .headerSortDown {
	background-image: url(../gif/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;
}

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

.tweetbox {
	padding: 1em;
	border: 2px solid #6c9a30;
	background-color: rgba(108,154,48,0.1);
	overflow: auto;
	white-space: nowrap;
}

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 {
	color: #666;
	font-weight: normal;
	margin-top: 1px;
	font-size: 90%;
	font-style: italic;
}

.f1fanatic_brief_meta  a{
	color: #666;
}

@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;
	hyphens: none;
}

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%;
}

.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("../png/racefans-110-37.png");
	background-repeat: no-repeat;
	width: 200px;
	height: 34px;
	display: block;
	padding: 0; /* Was padding: 1em 0; */
}

.entry-header-homepage p {
	clear: both;
}

.homepage-author {
	float: right;
	color: #888;
	font-size: 80%;
    margin-top: 0.25em;
}

.homepage-author a {
	color: #888;
}

#authorinfo h5 {
	clear: none;
}

#authorinfo {
	margin-bottom: 1em;
}

/* Beware unfortunate similar CSS class */ 

.author-info {
	padding: 0;
}

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

.page-header .avatar {
	float: left;
	margin: 1em 1em 0 0;
}

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

.taxonomy-description p {
	margin-bottom: 1em;
}

.authoremail {
	font-weight: bold;
}

.content-area .page-header {
	background-color: #fff;
	border-left: 0px;
	color: #1280c6;
	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: 16px;
    display: inline-block;
}

.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;
}

.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 */

.main-navigation {
	font-weight: bold;
}

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

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

#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: #fff;
}

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 #1280c6;
}

.secondary-toggle:before {
	color: #1280c6;
}

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

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

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

#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: #1280c6;
}

.homepage-ad {
	text-align: center;
	background-color: #fff;
	margin: 0 2.5%;
}

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

.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%;
}

.lefttable {
	width: auto;
}

.centertable {
	width: auto;
	margin: 0 auto;
}

.centerad {
	margin: 0 auto;
}

th, td {
	padding: 0.2em;
}

#tvtimes {
	width: auto;
    margin: 0 auto;
}

#tvtimes td {
	padding: 0.4em;
}

.nonf1{
    background-color: #eeeeee;
    color: #666666;
}

td.f1fblue {
	color: #1280c6;
    background-color: #b9e4ff;
    text-align: center;
    font-weight: bold;
}

.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; Not sure what this shoulkd have been! */
	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;
	clear: left;
}

.f1fsupportlogo{
	width: 250px;
	height: 75px;
	float: left;
	background: url("../jpg/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;
}

#dotw .wp-polls-form li {
	float: left; width: 50%; text-align: center;
}

.twocol .wp-polls-form li {
	float: left; width: 50%; text-align: left;
}


.teamradioname {
	white-space: nowrap;
}


#article-leaderboard-2, #article-leaderboard-3, #article-leaderboard-4, #article-leaderboard-5, #article-leaderboard-6 {
	text-align: center;
}

#article-mpu {
	margin-left: 0.5em;
}


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

.showhidedisabled {
	display: none;
}

/* StreamAMP units*/

#F1fanatic-Unit1,#F1fanaticUnit14,#NonHomeLeaderboard {
	text-align: center;
}

/* RevContent ads (formerly ContentClick) */

#precontentclick {
	margin-top: 1em;
}

.rc-item-wrapper {
	margin: 1em !important;
}

/* Now TV promo */

#nowtv a img {
	margin: 0 auto;
}

/* 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 !important;
	}
		
	#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) {

	.ui-dialog {
		padding: 0 5%;
	}

	.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: #fff;
	}
	
	.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: #fff;
	}
	
	.site-header {
		border-bottom: 0px;
		background-color: #fff;
	}
	
	#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) {
	.supporter-popup small {
		display: none;
	}
	
	#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: 0;
	}
		
	.righttextcolumn, .lefttextcolumn {
		width: 100%;
	}
	
	.site-header {
		padding: 2em 7.6923%;
	}
	
	.hentry.has-post-thumbnail {
		padding-bottom: 1em;
	}


	
}


/* post-thumbnail-homepage and entry-header-homepage moved out of min-width: 38.75 to handle smaller thumbnails on smaller screen widths */

.post-thumbnail-homepage {
	width: 25%; /* 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: 75%; /* 65% */
	float: left;
	padding: 2.5% 2.5% 0 0; /* Increase room for content */ /* Was 2.5% 2.5% 5% 0; */
}

.hentry+.hentry {
	border-top: 0px;
}

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

	h1.site-title a, p.site-title a {
		background-image: url("../png/racefans-110-37.png");
		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 */
	


	.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) {

.alignright {

    display: inline;
    float: right;

}

	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("../png/racefans-146-49.png");
		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("../png/racefans-167-56.png");
		width: 167px;
		height: 56px;
	}
	
	.post-thumbnail {
		margin-bottom: 2.4em;
	}
	
}

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

	body, button, input, select, textarea {
		font-size: 1.6rem;
	}	

	/* Stop drop-down menu from forcing content down when opened on larger screen sizes */
	
	ul.sub-menu {
		position: absolute;
		z-index: 1;
	}
	
	.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: #fff;
	}
	
	.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("../png/racefans-110-37.png");
		width: 110px;
		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("../png/racefans-146-49.png");
		width: 146px;
		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;
	}
		
}