/*
Theme Name:     Electric Run
Theme URI:      http://imaginatestudio.com
Description:    Electric Run Theme by Imaginate
Author:         Imaginate Studio
Author URI:     http://imaginatestudio.com
Template:       framework
Version:        1.0
*/
/* Primary Color: 00adbb; Secondary Color: e4e726; */
/*-----------------------------------------------------------------------------------*/
/*	GLOBAL
/*-----------------------------------------------------------------------------------*/
.columns.large-one_fifth {width: 20%; position: relative;}
.columns.large-one_fifth_extra {width: 20.75%; position: relative;}
.columns.large-one_sixth {width: 16.6%; position: relative;}
.columns.large-one_eighth {width: 12.5%; position: relative;}
.columns.large-one_eighth_extra {width: 13.5%; position: relative;}
.columns.large-one_seventh {width: 14.2%; position: relative;}

#content .ux_banner .inner {left: 0%; right: 0%;}
body #content > .ux_banner {margin-bottom: 0 !important; }
body #main-content .row.container {
	margin-bottom: 0 !important;
	padding: 1.95em 0em 0.9em;;
}
/*lightbox*/
body .lightbox-white {
	background: -webkit-linear-gradient(left, rgba(205,68,128,0.8) , rgba(208,55,36,0.8)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, rgba(205,68,128,0.8), rgba(208,55,36,0.8)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, rgba(205,68,128,0.8), rgba(208,55,36,0.8)); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, rgba(205,68,128,0.8) , rgba(208,55,36,0.8)); /* Standard syntax */
  	color: #ffffff;
}
body .lightbox-white .mfp-close {color: #ffffff; font-size: 4em; margin: 30px 30px 0 0 !important; }
body .lightbox-white h1,
body .lightbox-white h2,
body .lightbox-white h3,
body .lightbox-white h4 {color: #ffffff;}
body .lightbox-white h2 {font-size: 2.3em;}
body .lightbox-white h3 {font-size: 1.9em;}
body .lightbox-white .tx-div {margin: 0 auto;}
body .mfp-container {padding: 0; height: 100%;}
body .lightbox-white p, body .lightbox-white ul, body .lightbox-white ol, body .lightbox-white dl {font-size: 1.3em;}
/*forms*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	background-color: rgba(255, 255, 255, 0.26) !important;
	color: #ffffff;
}
::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 16px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
  font-size: 16px;
}
::-moz-placeholder {  /* Firefox 19+ */
  color: #ffffff;
  font-size: 16px;
}
:-ms-input-placeholder {
  color: #ffffff;
  font-size: 16px;
}
/* / */
/* PRICING TABLES */
body .ux_price_table {background: transparent;}
body .ux_price_table .title {background-color: rgba(0, 0, 0, 0.16);/* border-bottom: 1px solid #3d3d3d;*/ color: #e4e726;}
body .ux_price_table .price {color: #00adbb;}
body .ux_price_table li {border-top: 1px solid #eaeaea;}
/* / */


/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
#wp-admin-bar-theme_options {display: none;}
.header-wrapper #masthead .row {max-width: 77.5em;}
.header-wrapper #masthead .nav-dropdown {background: #000;}
.header-wrapper #masthead ul.header-nav li .nav-dropdown > ul > li.menu-parent-item > a {color: #00adbb;}
.header-wrapper #masthead ul.header-nav li .nav-dropdown a:hover {color: #fff;}
.header-wrapper #masthead .search-wrapper .button {border-color:#00adbb; background-color:#00adbb;}
#wrapper #masthead .right-links > ul, #wrapper #masthead .left-links > ul, #wrapper #logo a {padding-top: 0;}
#masthead ul.header-nav li .nav-dropdown li {min-width: 120px;}
/*Top Nav*/
@media only screen and (min-width: 767px) {#wrapper #menu-top-menu .nav-dropdown {width: 13.5em;}}
.header-wrapper .icon-international > a {
	background-image: url('images/icon-international.png');
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px !important;
}
.header-wrapper ul.top-bar-nav li a:hover {border-bottom: none;}
.header-wrapper ul.top-bar-nav .nav-dropdown {min-width: 165px;}
/*FLAGS*/
.header-wrapper .flags > a {
	background-size: 16px;
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 25px !important;
	margin-right: 5px;
}
.header-wrapper .united-states > a {background-image: url(images/flags/united-states.jpg);}
.header-wrapper .australia > a {background-image: url(images/flags/australia.jpg);}
.header-wrapper .belgium > a {background-image: url(images/flags/belgium.jpg);}
.header-wrapper .china > a {background-image: url(images/flags/china.jpg);}
.header-wrapper .france > a {background-image: url(images/flags/france.jpg);}
.header-wrapper .germany > a {background-image: url(images/flags/germany.jpg);}
.header-wrapper .hong-kong > a {background-image: url(images/flags/hong-kong.jpg);}
.header-wrapper .ireland > a {background-image: url(images/flags/ireland.jpg);}
.header-wrapper .italy > a {background-image: url(images/flags/italy.jpg);}
.header-wrapper .japan > a {background-image: url(images/flags/japan.jpg);}
.header-wrapper .netherlands > a {background-image: url(images/flags/netherlands.jpg);}
.header-wrapper .portugal > a {background-image: url(images/flags/portugal.jpg);}
.header-wrapper .singapore > a {background-image: url(images/flags/singapore.jpg);}
.header-wrapper .spain > a {background-image: url(images/flags/spain.jpg);}
.header-wrapper .south-korea > a {background-image: url(images/flags/south-korea.jpg);}
.header-wrapper .taiwan > a {background-image: url(images/flags/taiwan.jpg);}
.header-wrapper .united-kingdom > a {background-image: url(images/flags/united-kingdom.jpg);}
.header-wrapper .color-run > a {background-image: url(images/flags/color-run.jpg);}
.header-wrapper .color-run-night > a {background-image: url(images/flags/color-run-night.jpg);}
.header-wrapper .soul-pose > a {background-image: url(images/flags/soul-pose.jpg);}
.header-wrapper .united-arab-emirates > a {background-image: url(images/flags/united-arab-emirates.jpg);}
/* / */

/*-----------------------------------------------------------------------------------*/
/*	HOMEPAGE
/*-----------------------------------------------------------------------------------*/
/*slider*/
.ux_slider_wrapper .iosSlider.parallax_slider {margin-bottom: 0px !important;}

/*event banner*/
#event-banner h4, #home_mobile_events h4 {
	font-size: 1.5em;
	color: #d9d30a;
	margin-bottom: 0;

}
#event-banner h3, #home_mobile_events h3 {
	font-size: 2.22em;
	color: #ffffff;
	margin-top: 0;
}
#event-banner ul li {list-style: none;}
#event-banner a, #home_mobile_events #mobile_events_table td a {
	font-size: 1.1em;
	color: #000;
	font-weight: bold;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#event-banner a.see-all, #event-banner a:hover, #home_mobile_events #mobile_events_table td a:hover {color: #fff;}
#main-content #event-banner .event-wrapper {padding: 3.6em 0em 2.85em;}

/* hero links */
#hero-links .large-4.columns, #hero-links .large-8.columns {padding: 0 0.4em 0.4em 0;}
#hero-links .ux_banner.hover_zoom .row h3 {font-size: 30px; text-transform: uppercase;}
#hero-links #hero_link_3 p {text-transform: uppercase; color: #fff;}
/*as seen on*/
.as-seen-on img {padding: 30px 0;}
.as-seen-on .columns {margin-bottom: 0}
/*mobile events table*/
#home_mobile_events .moble_bkg_wrapper {
	background: -webkit-linear-gradient(left, #BF4987 , #A56AF9); /* For Safari 5.1 to 6.0 */
 	background: -o-linear-gradient(right, #BF4987, #A56AF9); /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(right, #BF4987, #A56AF9); /* For Firefox 3.6 to 15 */
 	background: linear-gradient(to right, #BF4987 , #A56AF9); /* Standard syntax */
}
#home_mobile_events #mobile_events_table tr td {border-top:1px solid rgba(221, 221, 221, 0.14)}
/*#home_mobile_events #mobile_events_table tr td.column-1 {text-align: right;}*/

.home .large-4.columns, .home .large-8.columns {padding: 0 0.4em 0.4em 0;}


/*#masthead .icon-international .nav-dropdown {margin-left: -25px;}*/

.home .ux_banner.hover_zoom .row h3 {font-size: 30px;}
.home .iosSlider {margin-bottom: 0px;}
.home .ux_banner .left {left: 3%;}
.home .ux_banner .left .large-one_fifth p {color: #000;}
.home .ux_banner .left .large-one_fifth:nth-child(4) {border-left: 1px solid #000; padding-left: 60px;}
.home .ux_banner .left .large-one_fifth:nth-child(1) h4 {font-size: 1.5em; color: #d9d30a; margin-bottom: 0;}
.home .ux_banner .left .large-one_fifth:nth-child(1) h3 {font-size: 2.22em; color: #ffffff; margin-top: 0;}

#new-royalslider-2.rsUni {background: #000 !important; padding: 0 20px 0 0}
#new-royalslider-2.rsUni .rsOverflow, #new-royalslider-2.rsUni .rsSlide {background: #000 !important;}
#testimonial-slider .large-9.columns, #testimonial-slider .large-3.columns {border-right: none;}
/*#testimonial-slider .large-9.columns {border-left: 1px solid rgba(107, 107, 107, 1) !important;}*/
#testimonial-slider p {margin: 0;}
#new-royalslider-2.rsUni .rsOverflow {padding-left: 40px; border-left: 1px solid rgba(107, 107, 107, 1) !important;}
body #main-content #testimonial-slider.row.container {padding: 1.95em 0em 1.95em;}

/*-----------------------------------------------------------------------------------*/
/*	LOCATIONS
/*-----------------------------------------------------------------------------------*/
@media only screen and (min-width: 750px) {.location-international {margin-top: 320px;}}
.location-international {
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.location-international:hover {
	width: 90px;
	-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.26));
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.26));
}
/*location event table*/
#location-table.ux_banner {height: 900px;}
.location-event_table tr {border-bottom: none}
.location-event_table tbody td {
	font-size: 1.7em;
	font-weight: bold;
	text-transform: uppercase;
	border-top: none !important;
	padding: 10px;
	color: #ffffff;
}
@media only screen and (max-width: 1054px) {
	.location-event_table tbody td {font-size: 1.3em;}
}
#content .location-event_table .row-hover tr:hover td {background: #00adbb;}
.location-event_table tr td span {font-size: 0.45em}


#location-title_tag h3 {text-transform: uppercase;}
#location-title_tag h3 a {color: #00adbb;}
#location-title_tag h3 a:hover {color: #e4e726;}
#location-table.ux_banner .inner.top {top: 5% !important;}

/* Map Styles */
#map_canvas {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

#map_canvas_2 path {
        stroke-width: .75;
        stroke: rgba(0, 192, 211, .5);
        fill: rgba(0, 0, 0, .5);
}

#map_canvas_2 circle {
        cursor: pointer;
}
/*
#map_canvas_2 {
	width: 90%;
	height: 480px;
	margin: auto;
}
*/
#locations-list {
	margin-top: 2em;
}

@media only screen and (min-width: 800px) {
	#international-button {left: -140px;}
}

/*-----------------------------------------------------------------------------------*/
/*	LOCATIONS EVENT DETAILS
/*-----------------------------------------------------------------------------------*/
/*start times table*/
#event_details.ux_banner {height: 405px;}
#event_details {background-color: #000;}
.event_details-right {text-align: right;}

#race_dashboard {height:285px;}

.location-start_times tr {border-bottom: none}
.location-start_times tbody td {
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	border-top: none !important;
	padding: 10px;
	color: #ffffff;
	width: 50%;
}
.location-start_times .row-hover tr:hover td {background: #00adbb; color: #000 !important; cursor: default;}
.location-start_times tr td span {font-size: 0.45em}
.location-start_times tbody td.column-1 {text-align: right;}
/* / */

.event-packages tr {border-bottom: none;}
.event-packages tbody td {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	border-top: none !important;
	padding: 10px;
	text-align: right;
}
.event-packages tbody td.column-2 {
	font-size: 1.7em;
	font-weight: bold;
	color: #d0ca0a;
}
.ux_banner .text-left .large-6.bounceInRight p {margin: 0; max-width: 100%; }
.gform-namelabel .ginput_container .name_first label,
.gform-namelabel .ginput_container .name_last label,
.gform-namelabel span.gfield_required {display: none;}

.event_modals {max-width:100%; padding:120px;}

#pricing-details .ux_price_table {margin-bottom: 30px;}
/*-----------------------------------------------------------------------------------*/
/*	COURSELANDS
/*-----------------------------------------------------------------------------------*/
.page-id-142 .large-3.columns {padding-left: 0em; padding-right: 0em;} /*delete*/
#courseland-links .large-3.columns {padding-left: 0em; padding-right: 0em;}
#courselands-hero #cl_title_above .clt_below {display: none;}
#courselands-hero #cl_title_below .clt_above {display: none;}

/*-----------------------------------------------------------------------------------*/
/*	ABOUT
/*-----------------------------------------------------------------------------------*/
#er_about .accordion .accordion-title a {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #262626;
}
#er_about .accordion .accordion-title a::before {content: none;}
#er_about .accordion .accordion-title.active a, #er_about .accordion .accordion-title a:hover {
	background: -webkit-linear-gradient(left, #1ca1ad , #6680ff); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #1ca1ad, #6680ff); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #1ca1ad, #6680ff); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #1ca1ad , #6680ff); /* Standard syntax */
}
#er_about .accordion .accordion-inner {padding: 0;}
#er_about .accordion .accordion-inner p {color: #ffffff; font-size: 100%;}
#er_about #aobut_faqs.columns {padding-left: 0; padding-right: 0;}
#er_about .accordion-title a, #er_about #about_banner h2 {text-transform: uppercase;}



.page-id-199 .accordion .accordion-title a {
	font-size: 1.5em;
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #262626;
}
.page-id-199 .accordion .accordion-title a::before {content: none;}
.page-id-199 .accordion .accordion-title.active a, .page-id-199 .accordion .accordion-title a:hover {
	background: -webkit-linear-gradient(left, #1ca1ad , #6680ff); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(right, #1ca1ad, #6680ff); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(right, #1ca1ad, #6680ff); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(to right, #1ca1ad , #6680ff); /* Standard syntax */
}
.page-id-199 .accordion .accordion-inner {padding: 0;}
.page-id-199 .accordion .accordion-inner p {color: #ffffff; font-size: 100%;}
/*-----------------------------------------------------------------------------------*/
/*	PHOTO GALLERY
/*-----------------------------------------------------------------------------------*/
.royalSlider.rsWithThumbsHor .rsNavItem {}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+1) .rsTmb {border-top: 15px #e33724 solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+2) .rsTmb {border-top: 15px #f3b714 solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+3) .rsTmb {border-top: 15px #e3dd0a solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+4) .rsTmb {border-top: 15px #33ff8e solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+5) .rsTmb {border-top: 15px #1cb3bf solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+6) .rsTmb {border-top: 15px #668eff solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+7) .rsTmb {border-top: 15px #c166ff solid;}
.royalSlider.rsWithThumbsHor .rsNavItem:nth-child(8n+8) .rsTmb {border-top: 15px #e0448d solid;}

/*-----------------------------------------------------------------------------------*/
/*	VIDEO GALLERY
/*-----------------------------------------------------------------------------------*/
#video_gallery #video_banner h2 {text-transform: uppercase;}

/*-----------------------------------------------------------------------------------*/
/*	PRE-REGISTER
/*-----------------------------------------------------------------------------------*/
#er_preregister #preregister_banner .preregister_info h1 {color: #1cb2be; text-transform: uppercase;}
#er_preregister #preregister_banner .preregister_form h3 {color: #e4e726; text-transform: uppercase;}
#er_preregister_generic .gform_wrapper .gform_footer input.button {padding: 15px 30px; font-size: 1.8em}
#er_volunteer .gform_wrapper .gform_footer input.button {padding: 15px 30px; font-size: 1.8em}

/*-----------------------------------------------------------------------------------*/
/*	FORMS
/*-----------------------------------------------------------------------------------*/
.center-submit div.gform_footer.top_label {text-align: center;}
.center-submit.gform_wrapper .top_label input.large, .center-submit.gform_wrapper .ginput_complex input[type=text] {width: 100% !important;}
.center-submit.gform_wrapper {max-width: 100%;}
@media only screen and (min-width: 48em) {.center-submit.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first {margin-right: 2.4% !important;}}

.gform_wrapper .chosen-single .chosen-drop .chosen-search .input[type="text"] {color: #000000;}
.gform_wrapper .chosen-container-single .chosen-drop .chosen-search input[type="text"] {background: none !important; color: #000;}
.gform_wrapper ul.chosen-results li {color: #7c7c7c;}


/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
ul.social li {border-bottom: none;}
ul.social li a {
	opacity: 0.7;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
ul.social li a:hover {opacity: 1;}
ul.social li a img {max-width: 40px;}

h4.sponsors {
	font-size: 1.5em;
	float: left;
	margin-right: 1.5em;
}
a.sponsors {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

/*-----------------------------------------------------------------------------------*/
/*	ML SUPPORT
/*-----------------------------------------------------------------------------------*/
#menu-top-bar-menu .menu-item-language .sub-menu {padding: 0;}
#menu-top-bar-menu .menu-item-language .sub-menu a {padding: 5px 10px;}

/*-----------------------------------------------------------------------------------*/
/*	MOBILE
/*-----------------------------------------------------------------------------------*/
@media only screen and (max-width: 48em) {
	body .row.container > .columns {margin-bottom: 0px; }
	body #jPanelMenu-menu, .off-canvas.light .mfp-content, .off-canvas.light.mfp-ready.mfp-removing .mfp-content {background: #000;}
	body #jPanelMenu-menu li > a, body .mobile-sidebar li a {color: #fff !important; padding: 10px 0;}
	body #jPanelMenu-menu .search-wrapper .button {border-color:#00adbb; background-color:#00adbb;}
	body .mobile-sidebar li {border-bottom: 1px solid rgba(24, 24, 24, 1);}
	.mobile-sidebar .html-block {padding: 12px 0px; border-bottom: none;}
	.footer-wrapper .absolute-footer .social li {width: auto;}
	.absolute-footer .social li a {border-bottom: none;}
	/*.columns.large-one_fifth {width: 100%; position: relative;}
	.columns.large-one_eighth {width: 100%; position: relative;}*/
	.columns.large-one_seventh {width: 100%; position: relative; display: block; margin-bottom: 20px !important;}
	#event-banner {display: none !important;}
	#home_mobile_events {display: block !important;}
	#location-table.ux_banner {height: 700px;}
	#event_details.ux_banner {height: 500px;}
	#event_details .columns, #event-info .columns  {text-align: center;}
	.event-packages tbody td {text-align: left;}
	.event_modals {max-width:100%; padding: 80px 10px;}
	#er_preregister_generic .gform_wrapper input[type=text] {font-size: 20px;}
	#er_preregister_generic h1.h-large {font-size: 450%}
	#er_volunteer .gform_wrapper input[type=text] {font-size: 20px;}
	#er_volunteer h1.h-large {font-size: 450%}
	div.sponsors {text-align: center;}
	h4.sponsors {float: none;margin: 0 auto .75em auto;padding: 0;}
	a.sponsors {display: block;float: none;margin: auto; margin-bottom: .5em;}
}

body.page-id-1955 .page-wrapper {
	

    background-image: url(http://admin.electricrun.ae/wp-content/uploads/er-selfie.jpg);
    background-position: 50%;

}

body.page-id-1955 .page-wrapper #content {
	
    background: rgba(0,0,0,0.7);
    padding: 20px;

}