/*
 Theme Name:   Jednotka Child
 Description:  Jednotka Child Theme
 Author:       Sparx Wp Team
 Author URI:   http://www.csschopper.com
 Template:     jednotka
 Version:      1.0.0

*/

@import url("../jednotka/style.css");

/*
 ::Table Of Content
 1.) Participate page Content
 2.) Register page Content
 3.) Full Marathon  page Content
 -------------------------------------------*/
/*
 1.) Participate page Content
 -----------------------------------------------*/
.navbar-header{
	padding-right: 15px;
	margin:0;
	position:absolute;
	right:0;
	top:0;
}

.owl-item > div {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.owl-controls{
	display: none !important ;
	}
	.sponsored-box a:hover{
		text-decoration: none;}
.new-desc h4 a, aside h4 a{
	color: #6A2D91;
}

.inner-header{
	background: url(img/inner-header.png) no-repeat center top;
	
}
.inner-header h1{
	color: #ffffff !important ;
	text-transform: capitalize;
	margin-bottom:10px;
	font-size: 48px;
}
.inner-header p strong{
	color: #ffffff;
	font-size: 18px;
	line-height: 1.3;
	font-weight: normal;
}
.inner-header .secondary-header{
   margin-top: 35px;
   text-align: center;
}

.inner-header .secondary-header-wrapper {
    padding-bottom: 9px;
}


.page .inner-header h1{
	text-align: left;	
}

.info-nav{
	display: none;
}

.info-nav.mob-sec{
	display: block;
}

/*
 2.) Register page Content
 -----------------------------------------------*/
.inner-sub-header{
	background: url(img/inner-sub-header.png) no-repeat center top;
	
}
.content-nav{
	background: url(img/content-nav-rep.png) left top repeat;
}
.content-nav ul{
	list-style-type: none;
	margin: 0;
	padding: 22px 0 10px;
}
.content-nav li a{
color: #009be3;
font-size: 15px;
line-height: 2;
display: block;
text-align: center;
text-transform: uppercase;
font-family: 'oswaldbook';	
}

h2{
	font-size: 34px !important  ;
	}
.section{
	text-align: center;
	position: relative;
	padding-top: 51px;
	padding-bottom:42px;	
}
.section p strong{
	font-weight: normal;
	font-size: 18px;
	color: #4c4c4c;
	font-family: 'robotolight';
}
.section p{
	
}
.section span{
	font-size: 12px;
	color: #757575;
	line-height: 1.2;
	font-family: 'robotolight';
	display: block;
	margin-bottom: 18px;
}
.section a{
	color: #009be3;
	text-decoration: underline;
	font-family: 'robotolight_italic';
}
.section span a{
	 font-family: 'robotolight_italic';
}
.section a strong{
	font-size: 14px;
}

.btn-patt{
	background: url(img/btn-2-back.png) left top repeat;
	display:block;
	text-align: center;
	font-size: 18px;
	color: #ffffff !important ;
	font-family: 'oswaldbook' !important ;										
	border-radius: 6px;
	line-height: 40px;
	height: 40px;
	min-width: 273px;
	text-transform: uppercase;
	text-decoration: none !important ;
	margin-bottom: 18px;
	}
.btn-patt:hover,.section a:hover{
	text-decoration: none;
}
.register-online{
	background: url(img/register-online.png) left top repeat;
	padding-top: 9px;
	padding-bottom: 30px;
}
.mail-drop-section{
	background: url(img/mail-drop-rep.png) left top repeat;
	position: relative;
	padding-top: 51px;
	padding-bottom:42px;
}
.mail-drop-section i{
	background: url(img/arrow-section.png) left top repeat;
	width: 158px;
	height: 43px;
	display: block;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -79px;
	margin-top: -74px;
}
.section h4{
	color: #009be3 !important ;
}
.mail-form{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mail-form span{
	width: 157px;
	margin-left: 40px;
	font-size: 16px;
	font-family: 'oswaldbook';
	text-align: left;
	display: inline-block;
	vertical-align: top;
}
.mail-form span:first-child{
margin-left: 0;
}

.school-regis{
	background: url(img/school-regis-back.png) left top repeat;
	position: relative;
	padding-top: 51px;
	padding-bottom:42px;
}
.school-regis i{
	background: url(img/school-regis.png) left top repeat;
	width: 166px;
	height: 32px;
	display: block;
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -79px;
	margin-top: -74px;
}
.what-next{
	background: #e3e0d1;
	text-align: center;
	padding-bottom: 20px;
}
.volunteer{
	position: relative;
	padding-top: 51px;
	padding-bottom:42px;	
	
}

h3{
	font-size: 30px !important ;
	line-height:35px !important;	
}
.what-next ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.what-next li a{
	color: #4c4c4c;
	font-size: 16px;
	font-family: 'robotoregular';
	line-height: 2;
}

.help-section{
padding-top: 30px;	
padding-bottom: 20px;
}
.category-amount{
	padding-top: 10px;
}
.category-amount h5{
	font-size: 24px;
	font-family: 'oswaldlight';
}
.partners ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.partners li{
	width: 100%;
}
.partners li img{
	height: 89px;
}

.desc{
display: inline-block;
    margin-bottom: 25px;
    vertical-align: top;
    width: 100%;
}
.section .desc p{
	padding: 0;
	text-align: left;
}
.description{
	padding: 50px 0;
}
.general-spon{
	list-style-type: none;
	margin: 0;
	padding: 20px 0 30px;
}
.general-spon li{
	font-size: 16px;
	color: #4c4c4c;
	font-family: 'robotobold';
	display:inline-block;
	margin: 0 22px;
}
.mail-drop-section p span

{
	font-family: 'robotobold';
	font-size: 16px;
	color: #4c4c4c;
}

/*
 3.) Full Marathon  page Content
 -----------------------------------------------*/
.col-md-4.side-bar-inner{ float: right;
width: 100%;
margin-bottom: 50px;
}
.col-md-8.full-page-content{ float: right;
width: 100%;}

.full-page-header{
	background: url(img/full-page-header.png) no-repeat center top;
	}
.full-page-header .secondary-header{
	text-align: center;
}
.full-page-header .secondary-header h1,.full-page-header .secondary-header span,
.page-template-template-two-col-page-php .inner-header h1 {
	color: #ffffff!important;
	text-transform: uppercase;
}
.full-page-header .secondary-header h1,
.page-template-template-two-col-page-php .inner-header h1 {
text-shadow: 2px 2px 0px #000000;
font-size: 46px;	
letter-spacing: 2px;
line-height:55px;
}

.page-template-template-two-col-page-php .inner-header h1{ 
	text-align: center;
}
.full-page-header .secondary-header .race-title{
	font-family: 'oswaldbook';
	text-shadow: 2px 2px 0px #000000;
	font-size: 18px;
	letter-spacing: 2px;
}
.full-page-header .secondary-header .race-sponsored{
	font-family: 'oswaldlight';
	font-size: 14px;
	margin-right: 20px;
}
.full-page-content h4{
	color: #009be3;
	text-align:left;
	line-height:25px;
}
.registration h4{
	text-align: center;}
.list-fees{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.full-page-header .secondary-header {
    margin-top: 87px;
}
.full-page-header .secondary-header-wrapper {
    padding-bottom: 26px;
}
.full-marathon-page .btn-go span,.full-marathon-page .btn-involved span {
	color: #282828;
}
.btn-go .forgot-pass{
	font-size: 12px;
	font-family: 'robotolight';
	display: block;
	margin-top: 15px;
}
.btn-go .forgot-pass a{
	font-family: 'robotoitalic';
	color: #009be3;
	text-decoration: underline;
}
.btn-go .forgot-pass a:hover{
	text-decoration: none;
}
.content-main {
    padding-top: 24px;
}
.content-main .btn-blue{	
	width: 269px;
	
}
.side-nav{
clear: both;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 16px 0 0;
    text-align: center;
}
.side-nav a{
	color: #4c4c4c;
}
.side-nav li{
	line-height: 1;
	padding:15px  0 ;
	border-top:1px solid #d8d8d6;
}
.side-nav li:first-child{
	border-top:none;
}
.title{
	font-size: 24px;color: #4c4c4c;
	font-family: 'robotolight';
}
.tour-desc{
	width: 100%;
	float: none;
}
.tour-map{
	width:100%;
	float: none;
}
.btn-full{
	display: block;
	background: #009be3;
	margin-bottom: 20px;
}
.button-sec {
    padding-top: 28px;
}
.race-dates{
	width: 46%;
	font-size: 16px;
	float: left;
	display: block;
	line-height: 1.9;
}
.age-category,.age-category-all{
	width:27%;
	font-size: 16px;
	display: block;
	float: left;
}

.price-category,.price-category-all{
	width:27%;
	float: left;
	color: #6a2d91;
	display: block;
	font-size: 24px;
	font-family: 'oswaldlight';
}
.price-category-all,.age-category-all{
	width: 37%;
	text-align: center;
}
.list-fees li{
	padding: 25px 0;
	border-top: 1px dotted #c2c2c2;
}
.list-fees li:first-child{
	border-top: none;
	padding: 20px 0 30px;
}
.marathon-fees{
	width: 100%;
	float: left;
}
.header-fees{
	padding-top: 20px;
}

.age-category-all{
	line-height: 1.9;
}
.t-c{
	font-size: 12px;
	color: #757575;
	font-family: 'robotolight';
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
.registration .btn-full{
	margin-bottom: 10px;
}
.more-info{
	color: #009BE3;
    font-family: 'robotoitalic';
    text-decoration: underline;
    display: block;
    text-align: center;
    
    
}
.more-info:hover{
	text-decoration: none;
	color: #009BE3;
	
}
.date-desc{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.date-imp{
	width: 27%;
	font-family: 'robotobold';
	display: block;
	float: left;
}
.date-by{
	display: block;
	float: left;	
	width: 72%;
	text-align: right;
}
.important-dates{
	float:none;
	width: 100%;
border-left: none;
padding-left:0px;
}
.date-desc li{
border-top: 1px dotted #c2c2c2;
padding: 15px 0;
}
.date-desc li:first-child{
	border-top:none;
}

.top-category{
	width: 100%;
	float: left;
	margin-left: 0%;
	padding-left: 0%;
	border-left: none;
}

.top-category h4{
	text-align: center;
	margin:0; 
}
.top-category{
	
}
.award-age-category,.awards-title{
	border-bottom: 1px dotted #C2C2C2;
}
.awards-title span{
	 font-family: 'robotolight_italic';
	 font-size: 16px;
	 color: #666666;
	 display: block;text-align: center;
	 padding: 23px 0%;
	 text-transform: uppercase;
}

.awards-title span strong{
	font-family: 'robotobold_italic';
}
.awards-title{
	margin-bottom: 20px;
}
.top-span{
	text-align: center;
	display: block;
}
.top-category ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.top-category .age-category{
	line-height: 1.9;
}
.top-price,.top-price-full,.top-price-two{
	color: #6a2d91;
	font-size: 24px;
	font-family: 'oswaldlight';
	text-transform: uppercase;
}
.top-price-full{
	width: 100%;
	text-align: center;
	display: block;
}
.top-price-two{
	width: 47%;
	text-align: center;
	display: block;
	float: left;
}
.top-category li{
	border-top: 1px dotted #C2C2C2;
    padding: 25px 0;
}
.top-category li:first-child{
	border-top:none;
	padding: 20px 0;
}
.sep-price{
	display: block;
	float: left;
}
.age-group{
	display: block;
	margin-top: 10px;
}
.registration,.awards,.tour{
	padding-bottom: 15px;
}

.side-slide{
	background: #099fe4;
	text-align: center;
	display: block;
	width: 90%;
	margin: 0 auto 20px;
	border-radius: 5px;
	padding: 9px 0 12px;
	cursor: pointer;
}
.full-marathon-page h2{
	text-align: center;
}

.top-price {
    display: block;
    float: right;
    text-align: right;
    width: 72%;
}

/*-----Css For Twitter-----*/
.twitter-feed h2{
	display: none;
}
.twitter-feed{
background: url(img/twiter-icon.png) center top no-repeat ;
padding-top: 56px;
}
.twitter-feed .icon-boxes{
	background-color: #6a2d91;
	border-radius: 4px;
	padding: 22px 15px 25px 12px;
	text-align: left !important ;
}
.twitter-feed .icon-boxes .content a{
	color: #ffffff;
	font-size: 0.89em;
	
}
.twitter-feed .icon-boxes .content p{
	color: #ffffff !important ;
}

.category  .title,.single .title,.author .title,.author .title a,.category  .title a,.single .title a, .search-results .title a, .search-results .title ,.archive .title a,.archive .title,  
.container .text-boxes .text-box h2.title a
{
	color: #6A2D91 ;
}
.breadcrumb{
	display: none;
}
.single h1{
	display: none;
}
h1.title{
	font-size: 30px;
	font-family: 'oswaldbook';
}
h2.title{
	font-family: 'oswaldbook';
}
.category .button-wrapper,.single .button-wrapper,.author .button-wrapper, .search-results .button-wrapper, .archive .button-wrapper{
visibility: hidden;
}
.single .button-wrapper{
	margin-bottom: 50px;
}
#searchform .input-group{
	width: 100% !important ;
}
input#s{
	height:29px;
	width: 100%;
}
.category .collapse,.single .collapse,.author .collapse,.archive .collapse ,.search-results .collapse {
	display: block;
}
#respond input[type="text"], #respond textarea{
	text-indent: 0;
	width: 100%;
}
#respond input[type="text"]{
	padding: 0 3px;
	height: 38px;
}
#respond input#submit{
	left:0;
	margin:0;
	padding:0;
	min-width:146px !important;
	text-align:center !important;
	height: 40px;
}
a.comment-reply-link > span{
	top:0;
}
a.comment-reply-link{
	background: #DDDDDD;
}
.contact-form-button-wrapper .btn.btn-block{
background: #009BE3 !important ;
 font-size: 18px;
    height: 40px;
    line-height: 40px;	
}

.page-template-template-contact1-php .title{
	font-size: 56px !important ;
}

#respond{
	background:none;
	border:none;
	width: 100%;
	
}
#respond input[type="text"], #respond textarea{
	border:none;
}
p.form-submit{
	background:none;
}
#respond input#submit{
	background: #009BE3;
}
#respond .form-submit{
	float: left;
	margin: 0px 0 10px;
}
.comment-reply-link{
	margin-top: 2px !important ;
}
a.comment-reply-link{
	padding: 3px 8px;
}
body.error-page .code [class^="fa-icon-"], body.error-page .code [class*=" fa-icon-"]{
	color: #009BE3 !important ;
}
.btn.btn-bordered{
	background-color: #009BE3 !important ;
}

.map-canvas-placeholder{
	height: auto !important ;
}
.btn.btn-contrast.btn-bordered.btn-xs{
	color: #fff !important ;
}

#main-content{
	background-color:transparent !important ;
}
















@media only screen and (min-width: 480px) and ( max-width : 767px) {
			 
	.sponsored-footer {
	    min-width: 250px;
  }
  #mc_embed_signup{
    width: 50%;
  }
	.footer-contact ul{
		width: 50%;
		margin: -69px 0 0;
	}
	.footer-contact li {
	    font-size: 14px;
	}
	.sponsored-box{
		padding: 5px 10px 0;
	}
	.info-nav li{
		font-size: 15px;
	}
	.logo-img img{
		width:209px;
	}
	.track h1{
		font-size: 43px;
		line-height: 50px;
		margin-top:5px;
		margin-bottom:5px;
	}
	.date-place{
		font-size: 18px;
	}
	.content-nav li a{
		font-size: 18px;
	}
	h2{
		font-size: 48px;
		}
	.section a strong{
		font-size: 16px;
	}
	.navbar-header {
	    margin-top: -76px;
	}
	.navbar-header {
	    margin-top: 20px;
	}
	.navbar-nav{
		margin-top: 0;
	}
}




@media only screen and (min-width:768px) and ( max-width : 1024px) and (orientation: landscape){

	.contact-address {
	    margin-top: -43px !important ;
	}

	.date-place{
		 padding-top: 52px !important ;
	}
	.inner-header .secondary-header-wrapper {
	    padding-bottom: 13px !important ;
	}
	.mail-drop-section i ,.school-regis i{
	    margin-top: -53px !important ;
	}
	.partners li{
		 margin: 25px 21px !important ;
	}
	.full-marathon-page .what-next li a{
		font-size: 14px !important ;
	}
	.full-marathon-page .what-next li{
		margin-left: 14px !important ;
	}
	.full-marathon-page .what-next li:first-child{
		margin-left: 0px !important ;
	}
	.more-info{
		font-size: 15px !important ;
	}
	.flag-icon{
		top:14px !important ;
	}
	.navigation-header li a{
		padding: 0 16px !important ;
	}

}


@media only screen and (min-width:768px){



	.info-nav{
		display: block;
	}

	.info-nav.mob-sec{
		display: none;
	}
}	

@media only screen and (min-width:768px) and ( max-width : 1024px) and (orientation: portrait){
	
	.inner-header{
	background-size: cover !important;
	
}
.inner-header .btn-go,.inner-header .btn-involved {
    margin-bottom: 0 !important ;
    margin-left: 0px !important ;
    margin-top: 30px !important ;
}
.desc {
    margin: 0 10px !important ;
    width: 332px !important ;
}
.general-spon li{
	margin: 0 9px !important ;
}

.full-marathon-page .what-next li a{
	font-size: 11px !important ;
}
.full-marathon-page .what-next li{
	margin-left: 3px !important ;
}
.full-page-header .secondary-header {
    margin-top: 140px !important ;
}
.side-nav{
	padding: 16px 10px 0 0 !important ;
}
.content-main .btn-blue{
	width: 189px !important ;
	font-size: 14px !important ;
    height: 43px !important ;
    line-height: 43px !important ;
}


.price-category, .price-category-all,.top-price,.top-price-two,.top-price-full{
	font-size: 20px !important ;
}
.age-category, .age-category-all{
	font-size: 14px !important ;
	}
.race-dates{
	font-size: 13px !important ;
	}
	
.more-info{
	font-size: 12px !important ;
}
.t-c {
	font-size: 11px !important ;
}
.nav-section {
    width: 95% !important ;
}

.navbar-nav ul{
	padding: 15px 0 !important ;
}
.navbar-nav ul li a{
	line-height: 1.5 !important ;
	min-height: 2px;
}
.navbar-nav ul{
	padding: 10px 0 !important ;
}
	
}

@media only screen and ( max-width : 767px) and (orientation: portrait){
	.mail-form span{
		margin-left: 0 !important ;
	}
	.full-page-header .secondary-header .race-sponsored {
	    font-size: 12px !important ;
	    margin-right: 0 !important ;
	}
	.full-page-header .secondary-header h1 {
	    font-size: 41px !important ;
	    }
		.more-info{
			font-size: 15px !important ;
		}
		.tour h2{
		font-size: 33px !important  ;
	}


	.tile_container .tile_col h3{
		font-size:20px !important;
	}

	.secondary-header{
		margin-top: 40px;
	}
	.video-balloon {
	    margin: 20px auto 0;
	}
	.nav.navbar-nav{
		width:100%;
	}
	.navigation-header{			
	    position: absolute;
	    top: 100px;
	    width: 100%;
	}
}


@media only screen and (min-width:750px) and ( max-width : 990px){
	.inner-header .secondary-header-wrapper{
		padding-top: 10px !important ; 
	}
	.inner-header .secondary-header{
		text-align: center !important ;
		
	}
	.inner-header .btn-go, .inner-header .btn-involved {
    float: none !important ;
    margin-left: 0 !important ;
    margin-right: 0 !important ;
    text-align: center !important ;
}
	
	.inner-header .btn-go span, .inner-header .btn-involved span{
		float: none !important ;
		text-align: center !important ;
	}
	
	.inner-header .btn-blue{
		display: inline-block !important ;
	}
	.nav-section{
		width: 95% !important ;
	}
	
	.navbar-nav ul{
}
.navbar-nav ul li a{
	line-height: 1.5 !important;
	min-height: 2px;
}
.navbar-nav ul li a {
    padding: 0 4px !important;
}
	
	
}
@media only screen and (min-width:768px) and ( max-width : 1200px){
	.marathon-type{
		text-align: center;
	}
	.sponsored-box{
		
	}
	.tab-break{
		clear: left;
		margin-bottom: 10px !important ;
		margin-left: 0 !important ;
	}
	.cont{
		display: inline-block;
		min-width: 	560px;
		
	}
	.navigation-header li a {
	    padding: 0 12px !important;
	    font-size: 12px !important;
	}

	#social-container{
		float:left;
		margin-top:-10px;
		width:70%;
	}
	.stripe span{
		font-size: 16px !important;
	}
}


@media only screen and (min-width:1025px) and ( max-width : 1200px){
	.marathon-type{
		padding-top: 18px !important ;
		padding-bottom: 0 !important ;
	}
	.sponsored-box {
 	   margin-bottom: 10px !important ;
	}
	.navbar-nav ul{
	}


}

.page-template-template_marathon-php .secondary-header-wrapper .secondary-header h1
{
	color:#fff !important;
}


.tile_container .tile_row {
    float: left;
    width: 100%;
}

.tile_container .tile_col {
	width:32%;
	float:left;
	margin-bottom: 2%;	
	margin-right:1%;
	min-height:270px;
}

.clear_0{
	clear:both;
}

.tile_col .org_image {
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 3px;
    position:relative;      
	height: 120px;
	background-color: #fff;
	text-align: center;
	overflow:hidden;
}

.tile_col .org_image .org_image_helper{
    display:inline-block;
    height:100%;
    vertical-align:middle; 
}



.tile_col .org_image .org_image_helper img {    
    vertical-align: middle;    
}



.tile_container{
	margin:0 0 2em;
	overflow: auto;
}


.btn-blue:hover, .btn-green:hover {
	text-decoration: none;
	color:#ffffff;
}

.btn-blue:hover{
	background-color:#08628f;
}
.btn-green:hover{
	background-color:#437100;
}

.btn-red:hover{
  background-color:#C10808;
  color: #fff;
	text-decoration: none;
}


#wrapper .lead {
	font-size: 18px;
	line-height: 27px;
	margin-bottom: 18px;
	color:inherit;
}


.contact-page .gform_wrapper{
	width:50%;
	margin:0 auto;
}

.contact-page .gform_wrapper .button.gform_button{
	width:100%;
	background:none repeat scroll 0 0 #009BE3 !important;
	font-size:18px;
	line-height: 18px;
	height:40px;
}

.contact-page .gform_title{
	text-align: center;
}

.contact-page input[type="text"], 
.contact-page input[type="password"], 
.contact-page input[type="email"], 
.contact-page input[type="url"], 
.contact-page input[type="number"]{
	width:95%;
}

ul.list-unstyled{
	margin:0px;
}

.col-md-9 .portfolio-boxes .row.text-box p{
	margin-bottom: 1em;
}

.twitter-feed > div > ul {
    background-color: #6A2D91;
    list-style: none outside none;
    padding: 30px 15px;
    border-radius:10px;
    margin:0px;
}

.twitter-feed .entry-content, .twitter-feed .entry-meta, .twitter-feed a {
    color: #FFFFFF;
}

body.error-page .logo {

    float: none; 
}

.tile_col > h3 {
    font-size: 20px !important;
    line-height: 23px;
    margin: 10px 0 5px;
}

#social-container{
    float: left;
    margin-top: -10px;
    width: 65%;
}
#social-container .fb-like{
	float:right;
	width:58%;
}

#social-container > ul{
	float:left;
	margin:0px;
	padding:0 0 0 3%;
}

#social-container li{
	float:left;
	padding: 0 10px 0 0;
	padding: 14px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 17px 0 0;
}


#social-container li#facebook{
	background-image:url("img/icon_facebook.png");	
	padding: 14px 8px;
}

#social-container li#twitter{
	background-image:url("img/icon_twitter.png");
}
#social-container li#youtube{
	background-image:url("img/icon_youtube.png");
}
#social-container li#instagram{
	background-image:url("img/icon_instagram.png");
}

.custom-fields-container{
	width:100%;
	float:left;
	margin-bottom:3%;
}

.event-label{
	font-weight:bold;
}

.event-date, .event-location, .event-map{
	float:left;
	width:33%;
}

header #main-content-header .title{
	color:#FFFFFF!important;
}


.video-wrap-full {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  overflow: hidden;
  z-index: 9999;
}
.video-wrap-full iframe {
  float: left;
  width: 100%;
  height: 100%
}
.video-wrap-full .close {
  display: inline-block;
  position: absolute;
  top: 40px;
  left: 10px;
  cursor: pointer;
  z-index: 1000;
  background-color: #fff;
  /*padding: 10px;*/
  
  /*width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;*/
  padding: 5px;

  border-radius: 40px;
  -webkit-border-radius: 40px;
}
.video-wrap-full .close .glyphicon {
  font-size: 40px;
  color: rgba(0,0,0,0.6);
  vertical-align: middle;
}
.video-wrap-full .close .glyphicon:hover {
  color: #000;
}

#play-button{
	background-image:url("img/play-v3.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 122px;
    height: 122px;
    margin: 10px auto 0;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    border-radius: 70px;
}

.brand-name img{
	max-width:130px;
	height:auto;
}

.gform_wrapper .gform_body .gfield_radio li label {
    margin: 6px 0 0 6px;
}
@media only screen and ( max-width : 800px) {

	.header-video-container{
		text-align:center;
	}
	.header-video-container > img {
    	height: auto;
    	width: 21%;
	}
	.track .date-place span{
		display: inline;
	    letter-spacing: 0px;
	    word-spacing: 3px;
	    display: table;
	    margin: 0 auto;
	}
	.btn-go span, .btn-involved span{
		display:none;
	}
	.secondary-header-wrapper{
		padding-bottom:30px;
	}
	#play-button {
		display:inline-block;
	    margin: 0 auto;
	    min-height: 100px;
	    min-width: 100px;
	    padding: 10%;
	    width: 20%;
	    height: 20%;
	}
	.cta-box {
		text-align:center;
		line-height:32px;
		background-color: white;
		margin: 20px;
		border-radius: 16px;
		padding: 10px;
		margin-top: 0px;
		color: #009be3;
		font-size: 19px;
		margin-bottom:10px;
	}
	.cta-box a{
		background-color:#009be3;
		padding: 8px;
		border-radius: 10px;
		margin-left: 30px;
		color: white;
	}

}
@media only screen and ( max-width : 400px)
{
	.cta-box {
		text-align:center;
		line-height:32px;
		background-color: white;
		margin: 20px;
		border-radius: 16px;
		padding: 10px;
		margin-top: -15px;
		color: #009be3;
		font-size: 19px;
		margin-bottom:0px;
	}
	.cta-box a{
		background-color:#009be3;
		padding: 8px;
		border-radius: 10px;
		margin-left: 24px;
		color: white;
	}

}
.cta_container
{
	background-color:transparent;
}
@media only screen and ( max-width : 640px) {

	.tile_container .tile_col{
	    width: 99%;
	}

	h3{
		font-size: 25px !important ;
		line-height: 30px ;
	}
	#social-container{
		display:none;
	}
	.header-video-container > img {
    	height: auto;
    	width: 23%;
	}

}
@media only screen and (min-width:1200px)
{
	.cta-box {
		background-color: white;
		margin-right:460px;
		border-radius: 16px;
		padding: 15px;
		color: #009be3;
		margin-top:-80px;
		font-size: 28px;
		margin-left:2.4%;

		margin-bottom:0px;
	}
	.cta-box a{
		background-color:#009be3;
		padding: 0px 40px;
		border-radius: 10px;
		margin-left: 90px;
		color: white;
	}
}
.cta-box a{
	background-color: #078dcf;
	line-height: 44px;
	border-radius: 9px;
	color: #ffffff;
	font-family: 'oswaldlight';
	width: 210px;
	text-align: center;
}
.cta-box{
	font-weight:300;
	background-color:#FCFCF7;
	box-shadow:#C5C2B7 0 2px 0 0;
	font-family:'oswaldlight';
}
@media only screen and (min-width:1000px) and (max-width:1200px)
{
	.cta-box {
		background-color: white;
		margin-right:380px;
		border-radius: 16px;
		padding: 15px;
		margin-left:2.4%;
		margin-top: -70px;
		color: #009be3;
		font-size: 25px;
		margin-bottom:0px;
	}
	.cta-box a{
		background-color:#009be3;
		padding: 0px 40px;
		border-radius: 10px;
		margin-left: 25px;
		color: white;
	}
}
@media only screen and (min-width:765px) and (max-width:1000px)
{
	.cta-box {
		background-color: white;
		margin-right:230px;
		border-radius: 16px;
		padding: 15px;
		margin-top:-60px;
		color: #009be3;
		font-size: 23px;
		margin-bottom:0px;
	}
	.cta-box a{
		background-color:#009be3;
		padding: 8px;
		border-radius: 10px;
		margin-left: 30px;
		color: white;
	}

}