/*
Theme Name: Crankworx
Theme URI: http://www.crankworx.com
Description: Theme for Crankworx.com
Version: 1
Author: James Mackintosh
Author URI: http://www.jsmdigital.com
*/


body{
	
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:20px;
	color:#333;
}

p{
	line-height:1.6em;
}

h1{
	/*font-family: 'Lato', sans-serif;*/
	font-family: 'Roboto', sans-serif;
	padding:0 0 5% 0;
	font-weight:400;
	font-size:2em;
}

h2{
	font-family: 'Roboto', sans-serif;
	margin:0;
	font-weight:400;
	font-size:1.5em;
}

h3{
	font-family: 'Roboto', sans-serif;
	margin:0;
	font-weight:400;
	font-size:1.25em;
}

a:link{
	color:#c60000;
	/*color:#FF0000;*/
	/*color:#FF0004;*/
	text-decoration:none;
}

a:visited{
	color:#c60000;
	/*color:#747474;*/
	/*color:#FF0004;*/
}

header#site-header{

	position:fixed;
	width:100%;
	z-index:9999;
	background-color:rgba(0, 0, 0, 0.75);
	
	background-image: url(img/btn-menu.png);
	background-repeat: no-repeat;
	background-position: right 20px top 10px;
}

#top-bar{
	/*background-color:rgba(0, 0, 0, 0.75);*/
	/*height:80px;*/
	padding:20px;
	width:100%;
}

a#site-logo{
	display:block;
	margin:0 auto;
	position:relative;
	top:35%;
	
}

li{
	line-height:1.6em;
}


/** **/
/* Main site navigation */
/** **/



/** **/
/* Main site navigation */
/** **/



nav{
  overflow:hidden;
  padding-bottom:20px;
}

nav a:link, nav a:visited{
	color:#FFF;
	cursor:pointer;
}

nav ul{
	margin:0;
	padding:0;
}

nav li {
	width:100%;
	text-align:center;
	padding: 10px 0;
	line-height:1em;
}

nav li:hover{
	background-color: rgba(201, 18, 31, .8);
}

/*
nav li ul{
	display:none;
}
*/
nav ul > li{
	font-weight:500;
	color:#FFF;
	text-transform:uppercase;
}

nav li li{
	font-weight:300;
	text-transform:none;
}


/* //Main site navigation */
/** **/




#site-logo{
	display:block;
	width:349px;
	height:26px;
	text-indent: -9999px;
	background:url(img/crankworx.png) no-repeat;	
}


#main-hp-image { 
	background: 50% 50% repeat fixed; 
	/* background: url(img/temp-imgs/homepage.jpg) 50% 50% repeat fixed;  */
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
		
	min-height: 90vh;
	height: 90vh; 
	
	
	/*
	min-height: 90%;
	height: 90%; 
	
	/*
	min-height: 700px;
	height: 700px; 
	*/
	
	margin: 0 auto; 
	width: 100%; 
	max-width: 1920px; 
	position: relative; 
}

#main-news-image { 
	background: url(img/temp-imgs/homepage.jpg) 50% 50% repeat fixed; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
		
	min-height: 90vh;
	height: 90vh; 
	
	/*
	min-height: 90%;
	height: 90%; 
	
	/*
	min-height: 700px;
	height: 700px; 
	*/
	
	margin: 0 auto; 
	width: 100%; 
	max-width: 1920px; 
	position: relative; 
}

#main-page-image { 
	background: 50% 50% repeat fixed; 
	/* background: url(img/temp-imgs/homepage.jpg) 50% 50% repeat fixed;  */
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
		
	min-height: 65vh;
	height: 65vh; 
	
	
	/*
	min-height: 90%;
	height: 90%; 
	
	/*
	min-height: 700px;
	height: 700px; 
	*/
	
	margin: 0 auto; 
	width: 100%; 
	max-width: 1920px; 
	position: relative; 
}


section{
	padding:5% 0;
}

	.section-hero{
		  background: url(img/wood_dark.jpg) 50% 50% repeat;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		  color:#FFF;
		  text-align:center;
	  }
	  
	  	.section-hero p{
			font-size:24px;
		}
		
		.section-hero h1{
			text-align:center;
		}
	
.main-section{
	position:relative;
	padding:0;
}

.hp-location{
	position:relative;
}
		
.hp-h1{
	height:400px;
	background: 50% 50% repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
}

.hp-h1 div{
	height:100%;
	position:relative;
	padding:0;
	margin-bottom:0;
}

.hp-h1 div h1{
	position:absolute;
	padding:0;
	bottom:-10px;
	margin:0;
	text-transform:uppercase;
	font-weight:500;
}

header#footer-header{
	min-height:110px;
	background: 50% 50% repeat;
	background-image:url(img/wood_dark.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
}

.center-txt, .aligncenter{
	text-align:center;
}

#inner-header-area{
	position:absolute;
  	bottom:80px;
	width:100%
}


.hp-location-btn{
	padding:10px 35px;
	border:2px solid #FFFFFF;
	display:inline-block;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:15px;
	font-weight:500;
	margin:20px;
}

.default-btn{
	padding:10px 35px;
	border:1px solid #000;
	display:inline-block;
	color:#000;
	text-transform:uppercase;
	font-size:20px;
	text-decoration:none;
	font-weight:400;
}

	.default-btn-three{
		float: left; width: 30%; text-align: center;
	}

	.default-btn:hover{
		background-color:#f2f2f2;
	}
	
	
.default-margin{
	margin:0 0 5% 0;
}

.section-event-schedule{
	background: url(img/wood_dark.jpg) 50% 50% repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	padding-top:2%;
}

table.event-schedule-tbl{
	width:100%
}


table.event-schedule-tbl td{
	padding:0.3em 0;
}

table.event-schedule-tbl td.event-schedule-day{
	padding-top:2em;
}

table.event-schedule-tbl td.event-schedule-time{
	display:table-cell;
	width:30%;
}

table.event-schedule-tbl td.event-schedule-desc{
	display:table-cell;
	width:50%;
}

table.event-schedule-tbl td.event-schedule-location{
	display:table-cell;
	width:20%;
}

img{
	max-width:100%;
	height:auto;
}

a.news-achive-link{
	text-decoration:none;
	color:#000000;
}

div.news-achive-item{
	padding:10px;
	border:1px #cccccc solid;
}

div.news-achive-item h3{
	font-size:14px;
	font-weight:500;
}

div.news-achive-item div.news-achive-date{
	font-size:12px;
}


/* Social Icons */

#news-social-col{
	text-align:center;
}

#news-social-col ul{
	text-align: center;
	width: 32px;
	display: block;
	margin: 0 auto;
}

#news-social-col li{
	margin:0 0 10px -32px;
	width:32px;
	list-style:none;
}


.news-social-icon{
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
}

	.news-social-facebook{
		background:url(img/news-social-sprite.png) 0 0 no-repeat;
	}
	
	.news-social-google{
		background:url(img/news-social-sprite.png) -40px 0 no-repeat;
	}
	
	.news-social-linkedin{
		background:url(img/news-social-sprite.png) -80px 0 no-repeat;
	}
	
	.news-social-reddit{
		background:url(img/news-social-sprite.png) -120px 0 no-repeat;
	}
	
	.news-social-rss{
		background:url(img/news-social-sprite.png) -160px 0 no-repeat;
	}
	
	.news-social-stumbleupon{
		background:url(img/news-social-sprite.png) -200px 0 no-repeat;
	}
	
	.news-social-twiiter{
		background:url(img/news-social-sprite.png) -240px 0 no-repeat;
	}
	
	
a.festival-landing-btn{
	text-decoration:none;
	position:relative;
	display:block;
}
	a.festival-landing-btn div{
		position:absolute;
		bottom:-7px;
		color:#FFF;
		text-transform:uppercase;
		font-weight:500;
		font-size:2.2em;
	}
	



.schedule-day-title{
	font-size:24px;
	font-weight:400;
	margin-bottom:10px;
	margin-right:55px;
	background:url(img/plus-black.png) top right no-repeat;
	cursor:pointer;
}
	
table.schedule-table{
	display:table;
	width:100%;
	
}

table.schedule-table td{
	width: 25%;
	padding:10px;
}

table.schedule-table td:first-child{
	width:50%;
}

.schedule-event{
	padding-bottom:40px;
}



.schedule-event-title{
	
	background: url(img/wood_dark.jpg) 50% 50% repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	overflow:hidden;
	line-height:0;
	cursor:pointer;
	
}

.schedule-event-title:hover{
	background-image:url(img/wood_light.jpg);
}

.schedule-event-title-final{
	
	color:#FF0004;
	
}

.event-img{
	float:left;
	width:20%;
}

.event-heading-txt{
	float:left;
	/*padding-right:5%;*/
	padding:5px;
	width:75%;
	margin-top:45px;
	font-weight:400;
	line-height:1em;
	background:url(img/plus-white.png) top right no-repeat;
}

.event-list-img{
	float:left;
	width:40%;
}

.event-list-title{
	float:left;
	/*padding-right:5%;*/
	padding:5px;
	width:50%;
	margin-top:85px;
	font-weight:400;
	line-height:1em;
}


.event-list{
	background: url(img/wood_dark.jpg) 50% 50% repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	overflow:hidden;
	line-height:0;
	clear:both;
	margin-bottom:50px;
}

.event-list-row{
	padding-top: 0;
	padding-bottom:20px;
}

.language-selection-section{
	padding:0;
}

.language-selection{
	float:right;
	margin-right:30px;
}

.language-btn{
	text-indent:-9999px;
	display:inline-block;
	width:48px;
	height:48px;
}

	#btn-english{
		background:url(img/united-kingdom.png) no-repeat;
	}
	
	#btn-french{
		background:url(img/france.png) no-repeat;
	}
	
	#btn-german{
		background:url(img/germany.png) no-repeat;
	}

.partner-logos{
	text-align:center;
}

.partner-logos a{
	text-decoration:none;
}

.partner-logos img{
	margin:20px;
	/*width:100%*/
}

.partner-logos h1{
	padding:50px 0 0 0;
}

	.partner-logos h1:first-child{
		padding:0;
		margin-top:0;
	}
	
.wp-caption-text{
	font-size:.7em;
}

.woodbg{
	padding:20px;
	background: 50% 50% repeat;
	background-image:url(img/wood_dark.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
}

.video-holder-section{
	padding:20px;
	background: #000000;
	color:#FFF;
}

.vid-link{
	cursor:pointer;
}
.vid-link img{
	width:100%
}

.video-holder{
	position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;
}

	.video-holder object{
		position: absolute; top:0; left: 0; width: 100%; height: 100%;
	}

.video-embed{
	position: absolute; top:0; left: 0; width: 100%; height: 100%;
}

img.alignright{
	float:right;
	padding:1em 0 1em 1em;
}


.removePadAndMarg{
	padding-bottom:0;
	margin-bottom:0;
}







img.alignleft{
	float:left;
	padding-right:1em;
}

img.alignright{
	float:right;
	padding-left:1em;
}

img.aligncenter{
	margin: 0 auto;
	display: block
}

hr{
	clear:both;
}



/* Social Icons */

.home-social{
	text-align:center;
}

.home-social ul{
	text-align: center;
	width: 100%;
	display: block;
	margin: 0 auto;
	padding:0;
}

.home-social li{
	margin:20px;
	width:32px;
	list-style:none;
	display:inline-block;
}


.home-social-icon{
	display:block;
	width:32px;
	height:32px;
	text-indent:-9999px;
}

	.home-social-facebook{
		background:url(img/homepage-social-sprite.png) 0 0 no-repeat;
	}
	
	.home-social-youtube{
		background:url(img/homepage-social-sprite.png) -50px 0 no-repeat;
	}
	
	.home-social-twitter{
		background:url(img/homepage-social-sprite.png) -100px 0 no-repeat;
	}
	
	.home-social-periscope{
		background:url(img/homepage-social-sprite.png) -150px 0 no-repeat;
	}
	
	.home-social-instagram{
		background:url(img/homepage-social-sprite.png) -200px 0 no-repeat;
	}
	
	.home-social-google{
		background:url(img/homepage-social-sprite.png) -250px 0 no-repeat;
	}
	
	.home-social-flickr{
		background:url(img/homepage-social-sprite.png) -300px 0 no-repeat;
	}
	
/* ************************ */
/* 3 block homepage section */
/* ************************ */
#hp-news-releases{
	background:#c60000;
	padding:0;
	overflow:hidden;
}

.hp-block-col{
	width:33.33%;
	height:450px;
	float:left;
	text-align:center;
	padding:50px;
	position:relative;
	color:#FFF;
	background: url() 50% 50%; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
}

.hp-block-content{
	left:50px;
	right:50px;
	vertical-align:bottom;
	position:absolute;
	bottom:50px;
}

.hp-block-btn{
	padding:10px 15px;
	border:1px solid #FFF;
	display:inline-block;
	color:#FFF;
	text-transform:uppercase;
	font-size:20px;
	text-decoration:none;
	font-weight:400;
}


	.hp-block-btn{
		background-color:rgba(255, 255, 255, 0.25);
	}
	
	.hp-block-col a:link, .hp-block-col a:visited{
		color:#FFFFFF;
	}
	
	
/* ************************ */
/* / 3 block homepage section */
/* ************************ */

.results-rider{
	padding-bottom:40px;
}

.rider-title{
	
	background: url(img/wood_dark.jpg) 50% 50% repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#FFF;
	overflow:hidden;
	line-height:0;
	cursor:pointer;
}

.rider-title:hover{
	background-image:url(img/wood_light.jpg);
}

.rider-results-photo{
	float:left;
	width:20%;
}

.rider-results-name{
	float:left;
	/*padding-right:5%;*/
	padding:5px;
	width:80%;
	margin-top:0;
	font-weight:400;
	line-height:1em;
	/*background:url(img/plus-white.png) center right no-repeat;*/
}

.rider-results-name div{
	text-align:center;
}

.wt-results-breakdown table{
	width:100%;
}

.wt-results-breakdown table tr th{
	background:#33383e;
	color:#FFF;
	padding:.5em 0;
}

.wt-results-breakdown table td{
	text-align:center;
	padding:.5em 0;
}

.wt-results-tbl-rotorua td{
	width:16.66%;
}

.tab-wt-btn{
	display:inline-block;
	cursor:pointer;
	width:150px;
	line-height:167px;
	text-indent:-9999px;
	margin:20px;
}

#tab-btn-men{
	background:url(img/emblem-king.png) center center no-repeat;
}

#tab-btn-women{
	background:url(img/emblem-queen.png) center center no-repeat;
}

.series-table{
	width:100%;
	margin-bottom:40px;
}

.series-table th, .series-table td{
	padding:4px;
	text-align:left;
}

.series-table tr:nth-child(even){
	background-color:#CCC;
}

.series-table tr:hover{
	background-color:#FF0004;
	color:#FFF;
}

.series-table th{
	color:#FFF;
	background-color:#33383e;
}

#hidden-rider-popup{
	display:none;
	position:absolute;
	max-width:190px;
	background:#000000;
	color:#FFFFFF;
	box-shadow: 0px 0px 10px #000000;
}
#rider-popup-details{
	padding:10px;
}

td.results-link{
	color:#FFF;
	background-color:#33383e;
	text-align:center;
}

td.results-link a:link{
	color:#FFFFFF;
}
td.results-link a:hover{
	color:#FF0004;
}

div.results-location-tab{
	display:block;
	width:33.33%;
	padding:20px;
	text-align:center;
	cursor:pointer;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#CCC;
}

#searchform{
	color:#000000;
}

a.go-link{
	font-size:1em;
}

.country-flag{
	display:inline-block;
	width:24px;
	height:20px;
	margin:5px;
	text-indent:-9999px;
}

.flag-les-gets{
	background:url(img/flags/FRA.png) center center no-repeat;
}

.flag-rotorua{
	background:url(img/flags/NZL.png) center center no-repeat;
}

.flag-whistler{
	background:url(img/flags/CAN.png) center center no-repeat;
}

/* *********************** Added for the live page *********************** */

#main-hp-live-image { 
	background: 50% 50% repeat fixed; 
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
		
	height:0; /* Needs to be there for some reason */
	
	margin: 0 auto; 
	width: 100%; 
	max-width: 1920px; 
	position: relative; 
	overflow:hidden;
	padding:66px 0 0 0;
	display: table;
}

#main-hp-live-image [class*='col-']{
	padding-right:0;
	display: table-cell;
    height:100%;
}

.video-container {
	position: relative;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	/*padding-top: 30px;*/
}

.video-container iframe,
.video-container div,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.player {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
		position: relative;
	}
	.mpc {
		position: absolute;
	}
	
.live-feed{
	width:100%;
	height:100%;
	border:none;
	overflow:scroll;
}

div#eversport-channel-embed{
	padding-bottom: 56.25%;
}
/* ********************* // Added for the live page *********************** */
.wp-polls input[type="button"]{
	background-color: rgba(255, 255, 255, 0.247059);
	padding:15px 10px;
	text-transform:uppercase;
}

@media handheld, only screen and (max-width: 767px) {
	
	#main-hp-image, #main-news-image, #main-page-image { 
		/*background: 50% 50% no-repeat scroll; */
		min-height: 40vh;
		height: 40vh;	
		
		background: 50% 50% repeat scroll;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
		#main-hp-image{
			padding-bottom:0;
		}
	
	header#site-header{

		position:relative;
		
	}
	
	#inner-header-area{
		border-bottom:0;
	}
	
	.hp-location-btn{
		margin:5px;	
	}
	
	.event-list-img, .event-img{
		float:none;
		width:100%;
	}
	
	.event-img img{
		width:100%;
	}
	
	.event-list-title, .event-heading-txt{
		float:none;
		width:100%;
		text-align:center;
		margin-top:0;
	}
	
	
	.rider-results-photo{
		float:none;
		width:100%;
	}
	
	.rider-results-photo img{
		width:100%;
	}
	
	.rider-results-name{
		float:none;
		width:100%;
		text-align:center;
		margin-top:0;
	}
	
	
	.hp-block-col{
		width:100%;
		float:none;
	}
	
	#site-logo{
		width:70%;
		height:auto;
		background-size: contain;
	}
	
	.default-btn-three{
		float: left; width: 80%; text-align: center;
	}

	
}