/*
Theme Name: HERO Wordpress Theme
Theme URI: heroevents.eu
Author: Sol Jubrail, Marcus Michaels
Author URI: http://thesoltrain.co.uk/
Description: Wordpress theme, developed, loved, and produced by theSolTrain and Modest Industries for HERO
Version: 0.1
License: 
License URI: 
Tags: HERO, Classic, Rally, Motorsport
Text Domain: hero
*/


/* Event Schedule css */

/*
.max-width {
	max-width:990px !important;
}
*/






@media (min-width: 767px){
	#menu-toggle .vertical-align--middle {
		display:block !important;
	}	
}
#menu-toggle .left {
		display:none !important;
	}

@media (min-width: 1280px){
	#top-nav li a, #top-nav li span {
		border: none;
		font-size: 18px !important;
	}
}

.page-template-template-event-schedule
.difficulty-filter__wrapper 
.difficulty-filter__difficulty-elements {
	font-size: 0;
	line-height: 0;
	text-align: center;
	padding:20px 0 0 0;
}
.page-template-template-event-schedule
.difficulty-filter__wrapper .difficulty-filter__difficulty-elements 
.difficulty-filter__difficulty-element 
.event-difficulty__icon {
	cursor: default;
}

.page-template-template-event-schedule .intro .intro__copy{
	font-size:16px !important;
}


.page-template-template-event-schedule h4 {
	font-size:13px !important;
}


.event-schedule-col-first {
	display: inline-block;
	margin: 0 20px 20px 0;
	vertical-align: top;
	width: calc((100% / 12 * 2) - 20px);
	border-top: 1px solid #274F36;
	min-height: 150px;
}

.event-schedule-col-first h3 {
	padding-top:0;
	margin-top:10px;
}
		@media (max-width: 768px){
			.event-schedule-col-first {
				width:100%;
				display:block;
				min-height:155px;
				box-sizing:border-box;
				padding:0 10px 0 10px;
			}
			.event-schedule-col-first h3 {
				margin-top:20px;
			}
		}



.event-schedule-col{
	display: inline-block;
	margin: 0 20px 20px 0;
	vertical-align: top;
	width: calc((100% / 12 * 2) - 20px);
	border-top: 1px solid #274F36;
	min-height: 150px;
}

.event-schedule-col h3 {
	padding-top:0;
	margin-top:12px;
}

.event-schedule-col img {
	padding-top:0;
	margin-top:20px;
}

	@media (max-width: 768px){
		 .event-schedule-col {
			width:100%;
			display:block;
			min-height:auto;
			padding:20px 0 20px 0;
			background-color:#EFEFEF;
			margin:0;			
		}
		.event-schedule-col img {
			margin:0 auto;
			display:block;
		}
	}



.event-schedule-col-wide {
	display: inline-block;
	margin: 0 20px 20px 0;
	vertical-align: top;
	width: calc((100% / 12 * 3) - 20px);
	border-top: 1px solid #274F36;
	min-height: 150px;
}

.event-schedule-col-wide h3 {
    margin-top:0;
    margin-bottom:0;
    padding-bottom:10px;
}

.event-schedule-col-wide h4 {
    font-family: Helvetica, Arial, sans-serif;
    margin: 12px 0;
    margin-bottom:3px;
}

.event-schedule-col-wide  p {
    font-family: Helvetica, Arial, sans-serif;
    margin:0;
    padding:0;
}

	@media (max-width: 768px){
		.event-schedule-col-wide {
			width:100%;
			display:block;
			min-height:auto;
			background-color:#EFEFEF;
			margin:0;
			box-sizing:border-box;
			padding:0 10px 0 10px;
		}
	}



.event-schedule-col-time {
	display: inline-block;
	margin: 0 20px 20px 0;
	vertical-align: top;
	width: calc((100% / 12 * 3) - 20px);
	border-top: 1px solid #274F36;
	min-height: 150px;
}

.event-schedule-col-time h3 {
    font-family: Helvetica, Arial, sans-serif;
    line-height: 100%;
    margin: 10px 0;
    margin-top: 5px;
    font-size:26px !important;
}

.event-schedule-col-time h4 {
    font-family: Helvetica, Arial, sans-serif;
    margin: 12px 0;
    margin-bottom:3px;
}

		@media (max-width: 768px){
			.event-schedule-col-time {
				width:100%;
				display:block;
				min-height:auto;
				background-color:#EFEFEF;
				margin:0;
				box-sizing:border-box;
			    padding:0 10px 0 10px;
			}
		}




.event-schedule-col-action-btns {
	display: inline-block;
	margin: 0 0 20px 0;
	vertical-align: top;
	width: calc((100% / 12 * 2) - 20px);	
	min-height: 150px;
}

	@media (max-width: 768px){
		.event-schedule-col-action-btns {
			width:100%;
			display:block;
			box-sizing:border-box;
			padding:0 10px 0 10px;			
		}
	}


.event-schedule-col-action-btns .button__signup {
    background-color: #274F36;
    color: #FDFAF4;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding: 10px;
    margin:0 0 10px 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}
		@media (max-width: 768px){
		  .event-schedule-col-action-btns .button__signup {
		  	  text-align:left;
		  }	
		}

.event-schedule-col-action-btns .button__need-a-car {
    background-color: #909090;
    color: #FDFAF4;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding: 10px;
    margin:0 0 10px 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}

	@media (max-width: 768px){
		.event-schedule-col-action-btns .button__need-a-car {
			text-align:left;
		}	
	}

.event-schedule-col-action-btns .button-read-more {
	background-color: #fff;
    color: #274F36;
    border:1px solid #274F36;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding: 10px;
    margin:0 0 10px 0;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
}




.event-level {
	position:relative;
	text-align:center;
}

.introductory{	
	background:url(images/icons/icon-introductory-small.png) no-repeat;
	background-size: contain;
	display: inline-block;	
	position:absolute;  
	right: 0;
	top: 10px;
	height: 25px; 
	width: 25px;
}

	@media (max-width: 768px){
		.introductory{
			right:20px;
		}	
	}

.intermediate{
	background:url(images/icons/icon-intermediate-small.png) no-repeat;
	background-size: contain;
	display: inline-block;	
	position:absolute;    
	right: 0;
	top: 10px;
	height: 25px; 
	width: 25px;
}
 
	@media (max-width: 768px){
		.intermediate{
			right:20px;
		}	
	}

.advanced {
	background:url(images/icons/icon-advanced-small.png) no-repeat;
	background-size: contain;
	display: inline-block;	
	position:absolute;    
	right: 0;
	top: 10px;
	height: 25px; 
	width: 25px;
}

	@media (max-width: 768px){
		.advanced{
			right:20px;
		}	
	}

.expert{
	background:url(images/icons/icon-expert-small.png) no-repeat;
	background-size: contain;
	display: inline-block;	
	position:absolute;     
	right: 0;
	top: 10px;
	height: 25px;
	width: 25px;
}

@media (max-width: 768px){
		.expert{
			right:20px;
		}	
}


.page-template-template-event-schedule 
.event-calendar__wrapper {
    margin-bottom: 50px;
}


.page-template-template-event-schedule
.event-calendar__wrapper 
.event-calendar__year {
    font-size: 35px;
}












/* Single Event */

.intro {
    margin: 0 auto;
    max-width: 840px !important;
    padding: 0px 10px 45px 10px;
    text-align: center;
}

/*
.single-event-schedule p {
	font-size:1rem !important;
}
*/

.single-event-schedule h2 {
	font-size:40px !important;
}


.single-event-schedule h4 {
	font-size:13px !important;
}

.single-event-schedule iframe {
	float:left !important; 
}

.single-event-schedule .intro .intro__logo-container+.intro__subheader {
	padding-bottom:48px !important;
}

/*
.single-event-schedule p {
	font-size:1rem !important;
	} 
*/
	.intro {
	padding:0px 10px 25px 10px;
}


.single-event-schedule  .intro {
	padding:0px 10px 0 10px !important;
	}

.single-event-schedule .intro .intro__title {
    margin: -30px 0px 0 0px;
}


.single-event-schedule .intro__buttons {
    margin:0 0 40px 0;
    text-align: center;
}

.single-event-schedule .button__signup{
	font-size:12px !important;
}

.single-event-schedule .button__signup {
    background-color: #274F36;
    color: #FDFAF4;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
    padding: 10px;
    margin: 0 0 10px 0;
    min-width:220px;
    text-transform: uppercase;
    text-align: center;
}





.single-event-schedule .sponsors .col__1-3 img {
    width: 100% !important;
    margin: 0 auto !important;
    height: auto !important;
}




.single-event-schedule .sponsors .col__1-3 .vertical-align {
	display:block !important;
}

@media (max-width: 434px){
	.single-event-schedule .kv .kv__icon {
         margin-top:20px;
	}
}

/* Scroll to flickers when logged in and admin bar shows*/

.event-type__scroll-to.sticky {   
     transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
}



.event-type__scroll-to ul li.active{
	background-color:#fff !important;
	color:#31344A;
}

.event-type__scroll-to ul li.active a{
	background-color:#fff !important;
	color:#31344A;
}



.previous-event .event-type__scroll-to {
	display:none !important;
}
.previous-event .event-type__scroll-to.sticky {
	display:none !important;
}





.single-event-schedule .event-type__signup-wrapper {
	margin: 50px auto;
	max-width: 260px;
}



.single-event-schedule  .event-type__signup-wrapper .button {
    width: 100%;
}

.single-event-schedule  .event-type__signup-wrapper .button__signup {
    width: 100%;
}


.single-event-schedule .event-type__signup-wrapper hr {
    border: 0;
    border-top: 1px solid #274F36;
    margin: 5px auto;
    outline: 0;
    position: relative;
    padding: 0px 0 10px 0;
}   





.previous-event .event-type__signup-wrapper {
	display:none;
}


.live-update-report{
	margin: 15px auto 30px auto;
	max-width: 780px;
}

.kv .vertical-align .vertical-align--top {
	display:block !important;
}


a.paginate_button:not(.first):not(.previous):not(.next):not(.last) { 
	margin-top: -5px !important;
}
div.dataTables_paginate span {
    display: inline-block !important;
}


@media (min-width: 768px){
	.grid-container .grid [class^='col__'] {
		border-top: none;			
		margin: 10px 10px 0 0 !important;
		padding-top: 0px;
	}	
}



@media (min-width: 2000px){
	.kv {
		height: 550px !important;
	}
}



@media screen and (min-width:0\0){
	.event-characteristics h4 {
   padding-bottom:15px;
}
}




@media (max-width: 768px){
.single-event-schedule .event-type-landing-page-builder__title .section-intro .event-difficulty__icon {
    display: block;
    height: 40px;
    position: absolute;
    top:0;
    left:50%;
    margin-left:-20px;
    width: 40px;
}
}

@media (max-width: 768px){
.single-event-schedule  .event-type-landing-page-builder__title .section-intro h2{
   padding-top:40px;
}
}


.event-partners .row .content-type-01__image {
    max-width: 200px !important;
}


.team-photo {
	margin:0 auto !important;
}






@supports (-webkit-appearance:none) {
	.clearfix :after {
    content: "";  
    clear: both;
    display:inline !important;
}
}



/*Hacks to fix News Pagination- CB - 15-3-18*/
h2.content-type-03__title {
    font-size: 24px !important;
}

.page-numbers {
    display: inline-block !important;
}

.end-cta::after{
	display: block !important;
}



#countdown{
	height:auto !important;
	margin-top:-40px !important;
}


/* Stop large text in tables by adding this class*/

.small-text {
	font-size:12px !important;
	color:#000 !important;
	text-align:left !important;
}



.table-wrapper .wpDataTable tr td, 
.wpDataTables .wpDataTable tr td {
	line-height:normal !important;
	font-size:12px !important;
	color:#000 !important;
	text-align:left !important;
}


.table-wrapper .wpDataTable tr td:nth-of-type(1),
 .wpDataTables .wpDataTable tr td:nth-of-type(1) {
 	line-height:normal !important;
	font-size:12px !important;
	color:#000 !important;
	text-align:left !important;
 }




@media screen and (min-width:0\0){
	.small-text {
		font-size:12px !important;
		color:#000 !important;
		text-align:left !important;
	}



	.table-wrapper .wpDataTable tr td, 
	.wpDataTables .wpDataTable tr td {
		line-height:normal !important;
		font-size:12px !important;
		color:#000 !important;
		text-align:left !important;
	}


	.table-wrapper .wpDataTable tr td:nth-of-type(1),
	 .wpDataTables .wpDataTable tr td:nth-of-type(1) {
	 	line-height:normal !important;
		font-size:12px !important;
		color:#000 !important;
		text-align:left !important;
	 }


	
} 


@-moz-document url-prefix() { 
  .small-text {
		font-size:12px !important;
		color:#000 !important;
		text-align:left !important;
	}



	.table-wrapper .wpDataTable tr td, 
	.wpDataTables .wpDataTable tr td {
		line-height:normal !important;
		font-size:12px !important;
		color:#000 !important;
		text-align:left !important;
	}


	.table-wrapper .wpDataTable tr td:nth-of-type(1),
	 .wpDataTables .wpDataTable tr td:nth-of-type(1) {
	 	line-height:normal !important;
		font-size:12px !important;
		color:#000 !important;
		text-align:left !important;
	 }


	
}


.table-wrapper .wpDataTable tr td:nth-of-type(1), .wpDataTables .wpDataTable tr td:nth-of-type(1) {
	text-align:left !important;
}







/* Archives page / Past Events */

.page-template-template-past-events .custom-wide {
	max-width: 940px;
	padding-left:55px;	
}

	@media (max-width: 768px){
	  .page-template-template-past-events .custom-wide {
	  	padding-left:20px;
	  	width:100%;
	  }	
	}


.page-template-template-past-events .event-schedule-col {
     margin: 0 20px 0 0;
}

	@media (max-width: 768px){
	  .page-template-template-past-events .event-schedule-col {
	  	background-color:#fff;display:none;
	  }
	}

.page-template-template-past-events .event-schedule-col-wide {
	width:60% !important;
	margin: 0 20px 0 0;
}

	@media (max-width: 768px){
		.page-template-template-past-events .event-schedule-col-wide {
			background-color:#fff;
			width:100% !important;
			margin-bottom:20px;
		}
	}

.page-template-template-past-events .event-schedule-col-action-btns {
	margin: 0 20px 0 0;
}

	@media (max-width: 768px){
		.page-template-template-past-events .event-schedule-col-action-btns {
			background-color:#fff;
			min-height:100px;
		}
	}



.page-template-template-past-events  hr.short {
    margin: 0;
    width: 94%;
}




/* Accordions */



.accordion {   
    margin-bottom: 10px;
    position:relative;
    border-bottom:1px solid #274F36;

}

.accordion.read{
	border:1px solid red;
}

.accordion-title { 
    margin: 0;
    padding: 10px 0 10px 10px;
    cursor: pointer;
    background-color:#274F36;
    color:#fff;    
}


.accordion-title:focus {
	outline:0;
}

.accordion-title:hover {
	cursor:pointer;
	background-color:#000;
}

.accordion-title:first-child {
	border: none;
}

.accordion-title.open{
	background-color:#000;
	color:#fff;
}


.accordion-content {
	padding-bottom: 10px;
}


.accordion-title::after {
	background:url(images/icons/plus-icon.png) no-repeat;
	width:13px;
	height:13px;
	position: absolute;
    right: 20px;
    top: 20px;
	
}

.accordion-title.open::after {
	background-image:none;
	background:url(images/icons/minus-icon.png) no-repeat;
	width:13px;
	height:13px;
	position: absolute;
    right: 20px;
    top: 20px;
}


/* cookies */

.page-template-blank-template .cookie-use {
   padding-left:25px;  
}


.page-template-blank-template .cookie-use li{
   font-size: 0.9rem;
   line-height: 1.42857143;
   padding-bottom:10px;
   list-style:disc;
}


/* Bespoke table styles */
.page-template-blank-template  .privacy-table { 
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.page-template-blank-template  .privacy-table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.page-template-blank-template  .privacy-table tr { 
  border: 1px solid #000;
  padding: .35em;
}

.page-template-blank-template .privacy-table th,
.page-template-blank-template  .privacy-table td {
  padding: .625em;
  text-align: center;
}

.page-template-blank-template  .privacy-table th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;

}




.event-type-landing-page-builder__copy .wysiwyg-content ul li {
	list-style-type: disc !important;
}


.main-page-title {
   display:none;
}



/* Hide tabs and items on archived events 
   and keep on scheduled events
*/


.previous-event .archived-hide{
	display:none;
}