@charset "UTF-8";
/* CSS Document */
.clr {
	clear: both;
}
a{
	outline:0 !important;
}
a:hover{
	outline:0 !important;
}
@media only screen and (min-width : 0px) and (max-width : 1150px) {
.hp_spotlights {
 width:100% !important;
}
.slider_wrapper {
 width: 50% !important;
}
}
@media only screen and (min-width : 0px) and (max-width : 992px) {
.logo {
  overflow: visible!important;
}
.main_logo {
  display: none!important;
}
.icon_1 a, .icon_2 a, .icon_3 a, .icon_4 a, .icon_5 a {
	background-image:none !important;
}
.icon_1 a:hover, .icon_2 a:hover, .icon_3 a:hover, .icon_4 a:hover {
	background:#208d4e !important;
}
.event-video iframe, .event-video .event-meta {
	width:100% !important;
}
.container {
	width:auto !important;
}
.responsive_search_btn, .responsive_nav_btn {
 	display:block !important;
  margin-top: 16px;
  padding: 0;
  position: relative;
}
.responsive_search_btn {
  float: right;
}
.responsive_nav_btn {
  float: left;
}
.responsive_nav_btn span.glyphicon {
	color: #565a5c;
	margin-top: 1px;
	font-size: 28px;
}
.header_wrapper {
  padding: 0px 14px;
  min-height: 60px;
}
.inner_wrapper {
 width:100% !important;
}
.logo {
 width:100% !important;
}
.logo_link {
 display:block;
 text-align:center;
}
.logo_link img{width:78px !important;  margin-top: 5px;}
.m_logo {
	display: block!important;
}
.ssba, .inner_wrapper .search_box, .inner_wrapper .fright, .hp_spotlights, .navigation_wrapper {
 display: none;
}
.slider_wrapper {
 margin-right: 0 !important;
 float: none !important;
 width: auto !important;
 margin-bottom: 0 !important;
 margin: 0 20px !important;
}
}
@media only screen and (min-width : 0px) and (max-width : 640px) {
.footer-top span {
	display:inline-block;
}

.event-left{
	width:100% !important;
}
.new-rating .ratings .meta {
 float: right !important;
 margin: 0 10px 0 !important;
}
.post-bottom-half {
 min-height: 100px !important;
 text-align: center !important;
 padding: 10px !important;
}
.discount-event-link, .new-rating {
 float: none !important;
 margin: 0 !important;
}
.post .article-header, .event-near-you .article-header {
 margin: 0 0 10px !important;
 height: auto !important;
}
.post .article-header a, .event-near-you .article-header a {
 font-size: 16px !important;
 position: inherit !important;
 margin: 0 !important;
}
.category-event-date {
 font-size: 12px;
}
.quick_events, .mainpage-nearyou-events-block {
	width:88% !important;
}
.article-content-left, .article-content-right {
 width: 100% !important;
 text-align: center !important;
}
.article-content-right {
 text-align: center !important;
 margin: 20px 0 !important;
}
.category-event-date, .users-going {
 margin: 0 !important;
}
.category-event {
 margin: 0 !important;
}
.content-main-title {
 margin: 0 !important;
}
.content-box-main {
 width: auto !important;
}
.event-details-description-article img {
 width: 100%;
}
.site-header .home-link {
 display: block;
}
.post-data, .site-main .sidebar-container {
 width: 100% !important;
 float: none !important;
 position: relative !important;
}
.home-topleft .googleSearch, .navbar, #profile-menu-div, .navigation_wrapper {
 display: none !important;
}
.nav-btn {
 margin: 30px 0 0 !important;
}
.header-logo {
 margin: 0 auto !important;
}
.site-header .home-link {
 border: 0 !important;
 text-align: center;
}
ul.nav-menu, div.nav-menu > ul {
 width: 100%;
}
.header-logo {
 margin: 50px auto 0px;
 margin-left: auto !important;
}
#profile-menu-div {
 text-align: center;
}
#profile-menu {
 display: inline-block;
 position: relative !important;
}
.nav-menu > li {
 height: auto !important;
}
.ssba {
 right: auto;
}
#nav .googleSearch {
 display: block !important;
}
.tabs {
 min-height: 1020px !important;
}

.woocommerce-tabs .tabs{
min-height:60px !important;
}


.quick_events {
 float: none !important;
 margin: 20px auto !important;
}
.mainpage-nearyou-events-block .col-sm-2 {
 text-align: center !important;
}
.user-images {
 margin: 0 10px;
}
.user-images .col-sm-1 {
 text-align: center !important;
 display: inline-block !important;
}
.site-footer {
 text-align: center;
}
.events-near-you-block {
 width: auto;
}
#closest-races {
 width: 80%;
 margin: 0 auto;
}
}
@media only screen and (min-width : 0px) and (max-width : 360px) {
.nav-btn {
 margin: 20px 0 0 !important;
}
.tabs {
 min-height: 880px !important;
}
}
@media only screen and (min-width : 0px) and (max-width : 320px) {
.header-logo {
 height: auto !important;
 width: 80%;
 margin: 50px auto 0px;
 margin-left: auto !important;
}

.post-bottom-half{
	min-height:80px !important;
}
}
.tray-nav {
	padding-top: 60px !important;
}
#nav form.gsc-search-box {
	margin: 0;
}
#nav .googleSearch {
	display: none;
	width: 260px !important;
	margin-top: 0 !important;
	left: 0 !important;
	background-color: #000;
}
#nav .gsc-input {
	background-color: #000;
	text-align: right;
	border: 0;
}
#nav input.gsc-input {
	width: 82%;
	padding: 6px;
	text-align: left;
	border: 0;
        height: 30px;
}
.res-hide a:first-child, #nav .gsc-search-button, #nav .gsc-clear-button {
	display: none;
}
.res-hide a {
	background: url("../images/light-nav-arrow-back.png") no-repeat scroll right center;
}
ul#menu-responsive li.res-hide a {
	background: url("../images/light-nav-arrow.png") no-repeat scroll right center;
}
ul#menu-responsive li.res-hide a:hover {
	background: url("../images/light-nav-arrow.png") no-repeat scroll right center #208d4e;
}
.selected_item, .selected_item a {
	background-color: #ececec !important;
	color: #000 !important;
}
.selected_item, .selected_item a:hover {
	background-color: #ececec !important;
}
.slider_wrapper {
	margin-right: 20px;
	float: left;
	width: 60%;
	margin-bottom: 20px;
}
.tabs ul {
	padding: 0 !important;
}
.tabs ul li {
	list-style-type: none;
}
.quick_events {
	float: left;
	margin: 0 0 0 30px;
	width:35%;
}
.googleSearch tr {
	border: 0;
}
/* NEW NAVIGATION CSS 02-FEB-2015 (HARSH SHARMA) */
.header_wrapper {
	width:100%;
	background-color:#FFFFFF;
	margin-bottom:0px;
       border-bottom:1px solid #dbdbdb;
}
.inner_wrapper {
	max-width:1150px;
	width:100%;
	margin:0 auto;
}
.logo {
	float:left;
	width:330px;
	padding:2px 0 0;
}
.search_box {
	width:300px;
	float:left;
	margin:15px 0 0 0;
}
.gsc-clear-button {
	display:none;
}
.header_wrapper ul, .header_wrapper ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.login_links {
	background:none repeat scroll 0 0 #208d4e;
	float:right;
	text-align:center;
	min-width:120px;
	position:absolute;
	right:60px;
	z-index:500;
	margin-top:4px;
}
ul.login_links li {
	display:inline-block;
	padding:0 10px 5px;
	font-size:12px;
}
ul.login_links li a {
	color:#FFFFFF;
	text-decoration:none;
}
.fright {
	float:right;
}
.fleft {
	float:left;
}
.navigation_wrapper {
	float:left;
	margin:20px 0 0 0px;
}
.navigation_wrapper ul.navigation li {
	background: url("../images/arrow_down.jpg") no-repeat scroll right center rgba(0, 0, 0, 0);
	display: inline-block;
	margin: 0 30px;
	padding: 5px 0;
}
.navigation_wrapper ul.navigation li ul li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	display: block;
	margin: 0;
	padding:0;
	width: 100%;
}
.navigation_wrapper ul.navigation li a {
	display:block;
	color:#000000;
	text-decoration:none;
	padding-right:20px;
}

.navigation_wrapper > ul.navigation > li > a {
	font-size:20px !important;
	line-height: 1.1;
	}

.navigation_wrapper ul.navigation li .submenu {
	display:none;
}
.navigation_wrapper ul.navigation li:hover .submenu {
	background-color: #ffffff;
	border-bottom: 2px solid #208d4e;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	display: block;
	position: absolute;
	z-index: 999;
	margin:5px 0 0 0;
	padding:5px 0;
}
.navigation_wrapper ul.navigation li:hover .submenu div {
	float:left;
	width:130px;
	margin:0 5px;
}
.sub_link {
	display:inline-block;
}
.navigation_wrapper ul.navigation li .submenu li.sub_link, .navigation_wrapper ul.navigation li .submenu li.sub_link a {
	background-color:#f4f4f4;
	font-size:14px;
}
.navigation_wrapper ul.navigation li .submenu li a {
	padding:5px 10px;
	margin:0;
	font-size:14px;
	text-transform:none;
}
.navigation_wrapper ul.navigation li .submenu li a:hover, .navigation_wrapper ul.navigation li a:hover {
	color:#208d4e;
}

.hp_spotlights_holder{
	background-color: #333333;
}
@media(min-width:993px){
	.hp_spotlights_holder{
	border-top: 3px solid #419641;
	}

}
@media(max-width:992px)
{
	.fright{
		width:100%;
		border-bottom:1px solid #ccc;
		margin-bottom:5px;
	}
}
.hp_spotlights {
	width:1150px;
	background-color: #333333;
	margin:20px auto;
	margin-top: 0px;
}
ul#menu-spotlights-1 {
	margin:0;
	padding:0;
}
ul#menu-spotlights-1 li {
	background-color:#333333;
	color:#FFFFFF;
	margin:0 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome, if Chrome rule needed */
    ul#menu-spotlights-1 li {

    }
    /* Safari 5+ ONLY */
    ::i-block-chrome, ul#menu-spotlights-1 li {
     width:24%;
    }
}




ul#menu-spotlights-1 li:hover {
	background-color:#208d4e;
}
ul#menu-spotlights-1 li a {
	color:#FFFFFF;
	text-decoration:none;
	padding:8px 10px 5px 40px;
	display:block;
	font-size:12px !important;
	height:36px;
}
.responsive_nav_btn, .responsive_search_btn {
	display: none;
	position:absolute;
	margin: 10px 0 0 0px;
	width: 30px;
}
.responsive_nav {
	background: none repeat scroll 0 0 #333333;
	border-bottom: 1px solid #000;
	display: none;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 200;
	margin-top: 60px;
}
.overlay {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	z-index:100;
	display:none;
}
.responsive_nav .search_box {
	float: left;
	margin: 0;
	padding-left: 10px;
	width: 100%;
       height: 50px;
	background-color:#222222;
}
.responsive_nav .search_box input {
	border:0;
	height: 40px;
}
.responsive_nav .search_box .gsc-search-button, .responsive_nav .search_box .gsc-clear-button {
	display:none;
}
input.gsc-search-button {
	background:#3cbbe8 !important;
	height:27px !important;
	border:0  !important;
}
.responsive_nav ul.navigation {
	margin:0;
	padding:0;
	color:#FFFFFF;
	list-style-type:none;
}
.responsive_nav .submenu ul {
	margin:0;
	padding:0;
	background-color:#555;
}
.responsive_nav ul.navigation li {
	display:block;
	float:none;
	margin:0;
	border-bottom:1px solid #000000;
	background: url("../images/light-nav-arrow.png") no-repeat scroll right center;
	height: 50px;
}
.responsive_nav ul.navigation li:hover, .responsive_nav ul.navigation li.active {
	background: url("../images/light-nav-arrow.png") no-repeat scroll right 16px #208d4e;
}
.responsive_nav ul.navigation .submenu .back_btn1, .responsive_nav ul.navigation .submenu .back_btn2 {
	background: url("https://www.muddyrace.co.uk/wp-content/themes/muddyrace/images/light-nav-arrow-down.png") no-repeat scroll right center;
}
.responsive_nav ul.navigation .submenu .back_btn1:hover, .responsive_nav ul.navigation .submenu .back_btn2:hover {
	background: url("https://www.muddyrace.co.uk/wp-content/themes/muddyrace/images/light-nav-arrow-down.png") no-repeat scroll right 16px #208d4e;
}

.responsive_nav ul.navigation li:last-child, .responsive_nav .submenu ul li {
	background: none !important;
}
.responsive_nav ul.navigation li:last-child:hover, .responsive_nav .submenu ul li:hover {
	background: #208d4e !important;
}
.responsive_nav ul.navigation li a {
	margin:0;
	padding:13px;
	color:#fff;
	text-decoration:none;
	display:inline-block;
}
.responsive_nav .submenu ul li a, .responsive_nav ul.navigation li:last-child a {
	display:block;
}
.responsive_nav .submenu li.sub_link, .responsive_nav .submenu li.sub_link:hover {
	background:none repeat scroll 0 0 #ccc !important;
}
.responsive_nav .submenu li.sub_link a {
	color:#000000 !important;
}
.responsive_nav ul.navigation li .submenu {
	position:relative;
	background: none repeat scroll 0 0 #666666;
	border-bottom: 2px solid #fff;
	display: none;
	margin: 0;
	padding: 0;
	width: 250px;
}
.responsive_nav ul#menu-spotlights {
	margin:0;
	padding:0;
}
.responsive_nav ul#menu-spotlights li {
	border-bottom: 1px solid #000000;
	display: block;
	float: none;
	margin: 0;
	padding: 0;
        height: 36px;
}
.responsive_nav ul#menu-spotlights li:hover {
	background-color:#208d4e;
}
.responsive_nav ul#menu-spotlights li a {
	color: #fff;
	display: block;
	margin: 0;
	padding: 8px 13px 8px 13px;
	text-decoration: none;
	height: 36px;
}
#menu-spotlights-1 li a .nav-option-sub {
	display:none !important;
}
.responsive_nav ul.login_links {
	padding:0;
	margin:0;
	border-radius:0;
	float:none;
	background:none;
	position:relative !important;
}
.responsive_nav ul.login_links li {
	float:none;
	display:block;
	font-size:14px;
}
.responsive_nav ul.login_links li a {
	color: #fff;
	display: block;
	margin: 0;
	padding: 10px;
	text-decoration: none;
}
.responsive_nav ul.login_links li.login {
	background-color:##419641;
	margin: 10px;
}
.responsive_nav ul.login_links li.register {
	background-color:#419641;
       margin: 10px;
}
.responsive_nav ul.login_links li.logout {
	background-color: #419641;
}
.site-footer, .content {
	margin-top:20px !important;
}
.icon_1 a {
	background: url("../images/icon1.png") no-repeat scroll 10px center;
	background-size: 20px 20px;
}
.icon_2 a {
	background: url("../images/icon2.png") no-repeat scroll 10px center;
	background-size: 20px 20px;
}
.icon_3 a {
	background: url("../images/icon3.png") no-repeat scroll 10px center;
	background-size: 20px 20px;
}
.icon_4 a {
	background: url("../images/icon4.png") no-repeat scroll 10px center;
	background-size: 20px 20px;
}

.icon_5 a {
	background: url("../images/icon5.png") no-repeat scroll 10px center;
	background-size: 20px 20px;
}

.quick-links-header
{
    width: 120px;
    height: 36px;
    background-color: #419641 !important;
    position: relative;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    margin-right:50px !important;
	margin-left:0px !important;


}
.quick-links-header:before
{
    content:"";
    position: absolute;
    right: -14px;
	top:-1px;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-left: 15px solid #419641;
    border-bottom: 19px solid transparent;
}


.quick-links-header a{
	padding-left: 10px !important;
	padding-top: 8px !important;
	text-align:center;
}

@media(max-width:992px)
{
	.quick-links-header{
		display:none !important;
	}
	.responsive_nav ul#menu-spotlights li
	{
		height:50px;
	}
	.responsive_nav ul#menu-spotlights li a
	{
		height:50px;
		padding-top:15px;
	}
}

h1.entry-title span {
	font-size:12px;
	color:#999;
	display:block;
}
.challenge{
	background: url("../images/pin-point.png") no-repeat scroll right center;
	padding:0 35px 0 0;
}
.image_carousal h3 {
	color:#FFFFFF;
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
}

.logo_link img{
	max-width:280px;
	margin-bottom:2px;
}
@media (max-width:992px)
{
.logo_link img {
	max-width:200px;
	margin-bottom:2px;
	margin-top: 8px;
}

body > div > a > img.aligncenter{
	margin-bottom:0px;
}
.logo{
	padding-top: 0px;
}
}


.logo_link{
	height: 60px;
}

@media (max-width: 1200px){
ul.navigation > li {
  padding: 12px;
}
}
@media (max-width: 1200px){
.search_box {
    width: 230px !important;
}
.login_links{
	right:10px !important;
}
}


@media (max-width:992px)
{
	.responsive_nav_btn, .responsive_search_btn
	{
		box-sizing:content-box;
		padding:15px 10px;
		margin: 0px;
	}

	.responsive_nav_btn{
		left: 0px;
	}

	.responsive_search_btn{
		right: 0px;
	}

	.logo_link{
		margin-bottom: 2px;
	}

	.fright{
		margin-top:10px;
	}

	body > a > img.aligncenter{
		margin: 0px !important;
	}
}

@media only screen and (max-width: 640px) and (min-width: 0px){
.logo_link img {
  margin-top:7px;
}

.logo_link{
	height: 46px !important;
}
}
.cse form.gsc-search-box, form.gsc-search-box {
	margin:0 !important;
	padding:0 !important;
}

@media (max-width: 784px)
{
	.description_tab{
		height:65px;
	}
}
@media (max-width: 420px)
{
.woocommerce-tabs ul li a{
	font-size:14px;
}

.woocommerce-tabs ul li{
	height:60px;
}
}

@media (max-width: 380px)
{
	.woocommerce-tabs ul li a{
		font-size:12px;
	}

	.description_tab{
		padding-left:5px !important;
	}
}

.home-title a img{
width:100%;
max-width: 728px;
margin-bottom:5px;
}