/*
Theme Name: Run Leeds
Theme URL:
Description: A comprehensive theme designed bespoke for Run Leeds
Version: 3.8
Author: Robert Marshall
Author URL: justlikethis.co.uk
*/


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-o-transition: all .5s linear;
	-moz-transition: all .5s linear;
	font-family: inherit
}

*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
	display: block
}

body
{
	line-height: 1;
	-webkit-animation: bugfix infinite 1s;
	-moz-animation: bugfix infinite 1s
}

ol,ul,li
{
	list-style: none
}

blockquote,q
{
	quotes: none
}

blockquote:before,blockquote:after,q:before,q:after
{
	content: "";
	content: none
}
                                                                
table
{
	border-collapse: collapse;
	border-spacing: 0
}

html,body
{
	height: 100%;
	min-height: 100%;
	text-align: center;
	background: #eaeaea
}

.clear
{
	clear: both
}

a,img
{
	border: none
}

.fl_right
{
	float: left
}

.fl_left
{
	float: left
}

.fl_none
{
	float: none
}

.text_left
{
	text-align: left
}

.text_right
{
	text-align: right
}

.text_center
{
	text-align: center
}

a
{
	color: #fff
}

.infopage a p{
        color: #27a9e1;
        margin: 10px 0 0 10px;
}

a,p,h1,h2,h3,h4,h5,h6,.menu,textarea,span, label,button,.wp-caption-text, li, input, textarea, select, .success, .error
{
	font-family: "Nunito","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial","Lucida Grande","sans-serif";
	font-weight: 400;
	text-decoration: none
}

label {
    font-size: 0.8em;
}

p,h1
{
	color: #838383;
}

p
{
	font-size: .75em;
	line-height: 1.5em;
	text-align: left;
}

#run_leader p{
	font-size: .9em;  
}

#footer P
{
	font-size: .6em;
	text-align: right;
	padding: 6px 10px 0 10px ;
	color: #fff
}

#no_content p
{
	text-align: center;
}

#wrapper.post #content p.posted_details
{
	margin-bottom: 10px;
	padding-bottom: 10px
}

h1
{
	font-size: 1.8em;
	line-height: 1em;
	text-align: center;
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: capitalize
}

h1.subtle
{
	font-size: 1.1em;
	text-align: left;
	line-height: 1.2em;
	text-transform: capitalize;
	color: #4C4C4C
}

#wrapper.post #content h1#title
{
	text-align: left;
	margin-bottom: 4px;
	color: #3b3b3b
}


h2
{
	font-size: .9em;
        text-align: center;
	line-height: 1.4em;
	color: #484848
}

.infopage h2
{
	font-size: 0.9em;
	text-align: left;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #4C4C4C;
        margin-bottom: 5px;
        font-weight: 700;
}

h3
{
	font-size: 0.9em;
	text-align: left;
	line-height: 1.2em;
	text-transform: capitalize
}

h4,h5
{
	font-size: .9em;
	text-align: center;
	line-height: 1.4em
}



#wrapper.post #content h1
{
	font-size: 1.5em;
	text-align: left;
        color: #565656;
}

#wrapper.post #content h2
{
	font-size: 1.1em;
	text-align: left;
	line-height: 1.2em;
	margin: 8px 10px 0 0;
        color: #565656;
}

#wrapper.post #content h3
{
	font-size: 1em;
	text-align: left;
	line-height: 1.2em;
	margin: 8px 10px 0 0;
        color: #565656;
}

#wrapper.post #content h4
{
	font-size: 0.9em;
	text-align: left;
	line-height: 1.2em;
	margin: 8px 10px 0 0;
        color: #565656;
}

#wrapper.post #content h5
{
	font-size: 0.7em;
	text-align: left;
	line-height: 1.2em;
	margin: 8px 10px 0 0;
        color: #565656;
}

#wrapper.post #content h6
{
	font-size: 0.5em;
	text-align: left;
	line-height: 1.2em;
	margin: 8px 10px 0 0;
        color: #565656;
}

#wrapper.post #content p a
{
        color: #0097ff;
        text-decoration: underline;
}

#wrapper.post #content ul {
	text-align: left;
        display: block;
        color: #565656;
}

#wrapper.post.article #content ol,
#wrapper.post.news #content ol{
	font-size: .92em;
        display: block;
	text-align: left;
        color: #565656;
        line-height: 1.6em;
}

#wrapper.post.article #content ul li,
#wrapper.post.news #content ul li {
	font-size: .92em;
        display: list-item;
        list-style: disc outside;
	margin: 5px 5px 0 15px;
        line-height: 1.6em;
}

#wrapper.post.article #content ol li,
#wrapper.post.news #content ol li {
	font-size: .92em;
        display: list-item;
        list-style: decimal outside;
	margin: 5px 5px 0 15px;
        line-height: 1.6em;
}

#wrapper.post.article #content blockquote,
#wrapper.post.news #content blockquote {
        padding: 10px;
	margin: 10px 0;
        background-color: #A7DAF0;
 	font-size: 1.1em;
 	font-style: italic;
        line-height: 1.6em;
}

#wrapper.post #content blockquote p:before, #wrapper.post #content blockquote p:after {
        content: '"';
}

#wrapper.post #content p,#wrapper.post #content p.posted_details a
{
	font-size: .92em;
	line-height: 1.6em;
	color: #565656
}

.grid_head p,h3,h4,h5
{
	color: #878787
}

#wrapper.post #content .content_info .title,#wrapper.post #content .leader_info .title
{
	color: #0097ff;
	text-decoration: underline
}

.hasPlaceholderText
{
	color: #aaa
}

#wrapper.post #content p.posted_details a
{
	text-decoration: underline
}

em
{
	font-style: italic
}

.strong
{
	font-weight: 700;
}

.success,.error
{
	font-family: "Questrial" "Droid Sans","HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial","Lucida Grande","sans-serif";
	font-weight: 400;
	padding: 10px 0;
	color: #464646
}

.wp-caption-text
{
	font-size: .9em
}

a,a:hover,a:focus,a:visited
{
	text-decoration: none;
	outline: 0
}

.transparency
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
	opacity: .5
}

.transparency:hover
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=50);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1
}

.ease_transition
{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}



#temp_load {
  background-color: blue;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 15px 2px 2px 2px;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  border: 3px solid #27a9e1;
  border-bottom-color: transparent;
  height: 25px;
  width: 25px;
  background: transparent !important;
  display: inline-block;
  -webkit-animation: rotate 0.75s 0s linear infinite;
          animation: rotate 0.75s 0s linear infinite; }

@-webkit-keyframes rotate {
     from {
          -webkit-transform: rotate(-360deg);
     }
     to {
          -webkit-transform: rotate(0deg);
     }
}
@-moz-keyframes rotate {
     from {
          -moz-transform: rotate(-360deg);
     }
     to {
          -moz-transform: rotate(0deg);
     }
}
@keyframes rotate {
     from {
          transform: rotate(-360deg);
     }
     to {
          transform: rotate(0deg);
     }
}

.more {
          margin: 10px 0 25px 0;
}

.more p{
          background: #27a9e1;
          font-size: 0.6em;
          color: #fff;
          float: left;
          padding: 1px 2px;
}

.more p:hover{
          background: #dd1818;
          color: #fff;
}

.font_black {
          color: #000;
}

.font_red {
          color: #dd1818;
}

.font_blue {
          color: #27a9e1;
}

.font_orange {
          color: #D6870C;
}

.font_green {
          color: #0BC520;
}

.drop_shadow,.grid_item,.grid_head,.cats_filter,#mobile_nav div
{
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.25);
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.25)

}

.border_t
{
	border-top: 1px dashed #c2c2c2
}

.border_b
{
	border-bottom: 1px dashed #c2c2c2
}

.border_t_b
{
	border-top: 1px dashed #c2c2c2;
	border-bottom: 1px dashed #c2c2c2
}

.show_hidden_module, 
.hidden_right,
.hidden_left
{
	left: 0;
	right: 0;
	display: inline-block
}


.hidden_all
{
	display: none
}

#wrapper
{
	width: 90%;
	min-height: 100%;
	height: 100%;
	position: relative;
	word-wrap: break-word;
	margin: 0 auto -46px;
	padding-top: 49px
}

#Routes #wrapper,#Groups #wrapper
{
	padding-top: 10px
}

#header_holder
{
	width: 100%;
	position: fixed;
	z-index: 9999
}

#header
{
	width: 100%;
	height: 49px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.5)
}

.header_logo
{
	height: 100%;
	list-style-type: none;
	float: left;
	padding: 10px 0 10px 10px;
	margin-right: 0;
	position: relative
}

.header_logo img
{
	height: 30px;
	margin: auto 0
}

#footer
{
	width: 100%;
	height: auto;
	clear: both;
	padding-bottom: 3px;
}

.footer_logo
{
	height: 100%;
	list-style-type: none;
	float: left;
	padding: 7px 10px;
	margin-right: 2%;
	position: relative
}

.footer_logo img
{
	height: 22px
}

#toTop
{
	position: fixed;
	bottom: 30px;
	right: 0px;
	z-index: 2000;
	display: none
}

#toTop img
{
	width: 40px;
	height: auto;
	cursor: pointer
}

#temp_load
{
	margin-bottom: 25px
}

#no_content
{
	margin-bottom: 15px;
	padding: 10px;
	background: #fff
}

#menu_holder
{
	z-index: 6000;
	position: absolute;
	overflow: hidden;
	max-height: 0;
	width: 100%;
	top: 49px;
	float: left;
	-webkit-transition: max-height .5s linear;
	-moz-transition: max-height .5s linear;
	-o-transition: max-height .5s linear;
	transition: max-height .5s linear;
	background: #fff
}

#menu_holder ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	height: auto;
	width: 100%
}

#menu_holder ul li
{
	display: block;
	position: relative;
	float: left;
	z-index: 2000;
	width: 100%;
}

#menu_holder li ul
{
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	float: none;
	height: auto;
	clear: none;
	z-index: 6000
}

#menu_holder ul li a
{
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	padding: 18px 20px;
	white-space: nowrap;
	font-size: .75em
}

#menu_holder ul ul li
{
	text-align: center;
	width: 100%
}

#menu_holder ul ul li a
{
	padding: 14px 30px;
	white-space: nowrap
}

#menu_holder li:hover ul
{
	display: block;
	position: absolute;
	left: 0
}

#menu_holder li:hover li
{
	float: none
}

.drop_social img
{
	width: 21%;
	height: auto;
	float: left;
	margin: 4% 2%
}

.drop_social_border
{
	border: 0
}

@-webkit-keyframes bugfix {
	from
	{
		padding: 0
	}
	
	to
	{
		padding: 0
	}
}

#header_holder input[type=checkbox]
{
	position: absolute;
	top: -9999px;
	left: -9999px
}

#header_holder label
{
	position: relative;
	cursor: pointer;
	width: 30px;
	height: 30px;
	margin: 10px 15px 0 10px;
	float: right;
	user-select: none;
	z-index: 4000;
	display: block
}

#header_holder label div
{
	content: "";
	position: absolute;
	right: 0;
	left: 5px;
	display: block;
	top: 0;
	height: 0;
	-webkit-box-shadow: 0 10px 0 3px #fff,0 22px 0 3px #fff,0 34px 0 3px #fff;
	-moz-box-shadow: 0 10px 0 3px #fff,0 22px 0 3px #fff,0 34px 0 3px #fff;
	box-shadow: 0 2px 0 3px #fff,0 14px 0 3px #fff,0 26px 0 3px #fff
}

#header_holder input[type=checkbox]:checked ~ #menu_holder
{
	max-height: 500px
}

.searchbox-input
{
	position: absolute;
	top: 0;
	right: 0;
	outline: 0;
	background: #1e73be;
	width: 100%;
	height: 25px;
	margin: 12.3px 0;
	padding-left: 5px;
	font-size: .9em;
	color: #fff;
	border: 1px solid #fff
}

.searchbox-input::-webkit-input-placeholder
{
	color: #fff
}

.searchbox-input:-moz-placeholder
{
	color: #fff
}

.searchbox-input::-moz-placeholder
{
	color: #fff
}

.searchbox-input:-ms-input-placeholder
{
	color: #fff
}

.searchbox-icon,.searchbox-submit
{
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
	outline: 0;
	text-align: center;
	cursor: pointer;
	color: #0097ff;
	margin: 3px 3px 0 0;
	font: 22px/50px verdana
}

.searchbox-icon .icon
{
	width: 22px;
	height: 22px
}

.searchbox
{
	position: relative;
	height: 50px;
	width: 30px;
	float: right;
	z-index: 5000
}

.open
{
	width: 200px
}

.close
{
	width: 0;
	overflow: hidden
}

.searchbox .holder
{
	position: absolute;
	height: 50px;
	right: 45px;
	float: right;
	-webkit-transition: width .3s;
	-moz-transition: width .3s;
	-ms-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s
}

#social_menu
{
	display: none
}

#header .social_media
{
	float: right;
	display: block;
	margin: 12px 10px 0 0
}

#header .social_media .icon
{
	float: left;
	width: 30px;
	height: 30px;
	margin-left: 10px
}

#header .social_media .icon img
{
	width: 25px;
	height: 25px
}

.grid-gutter
{
	width: 4%
}

.grid_item,.grid-sizer, .grid_head
{
	width: 100%
}

.grid_item
{
	z-index: 2;
	float: left;
	position: relative;
	margin: 0 0 4% 0;
	overflow: hidden
}

.isotope-hidden.grid_item
{
	pointer-events: none;
	z-index: 1
}

.isotope
{
	-webkit-transition-property: height,width;
	-moz-transition-property: height,width;
	transition-property: height,width;
	-o-transition-property: height,width
}

.isotope .grid_item
{
	-webkit-transition-property: -webkit-transform,opacity;
	-moz-transition-property: -moz-transform,opacity;
	transition-property: transform,opacity;
	-o-transition-property: transform,opacity;
}

.isotope:last-child
{
	content: "";
	display: block;
	clear: both
}

[class*="col-"]
{
	float: left
}

.isotope.col-1, 
.isotope.col-1-5, 
.isotope.col-2-5
{
	width: 100%
}

#Events .isotope.col-1
{
	margin-top: 20px
}


.isotope.col-content
{
	width: 100%;
	padding: 5px
}


.grid_head,#mobile_nav div
{
	float: left;
	padding: 10px;
	margin: 20px 0;
	position: relative;
	cursor: pointer;
	display: inline-block
}

.grid_head {
        background-color: white;
	display: none
}

.unselected
{
	background: #fff
}

.select
{
	background: #eaeaea
}

.front_hide
{
	display: none
}


#mobile_nav div
{
	width: 33.333%
}

#temp_load img
{
	margin-top: 20px;
	width: 60px
}

.rl_homepage_pusher
{
	position: relative;
	width: 100%
}

.innerContent
{
	position: relative;
	width: 100%;
	background-color: #fff
}


.grid_item .innerContent .image_back
{
	position: relative;
	width: 100%;
	margin-bottom: -5px;
}

.grid_item .innerContent .image_back img
{
	position: relative;
	width: 100%;
	height: 100%;
}

.grid_item .innerContent .grid-text-block
{
	position: relative;
	width: 100%;
	background-color: #fff;
	padding: 20px;
}

.grid_item .title
{
	position: relative
}

.grid_item .title h3
{
	color: #4C4C4C;
	margin-bottom: 10px;
	font-weight: 600
}

.grid_item.route .innerContent .distance,
.grid_item.event .innerContent .date {
        font-size: 1.2em;
        color: #27a9e1;
        line-height: 1em;
        margin-bottom: 8px;

}


.grid_item.event .innerContent .title h3
{
        margin-bottom: 0px;
}

.grid_item .innerContent .categories
{
	position: relative;
	float: left;
	width: 100%;
	z-index: 2000;
	margin-top: -25px;
	clear: both
}

.grid_item .innerContent .categories div
{
	position: relative;
	padding: 2px 4px;
	font-size: .9em;
	margin: 0 5px 5px 0;
	float: right;
}

.grid_item .innerContent .categories div p {
	color: #fff;
        white-space: nowrap;
}

.grid_item .innerContent .bottom_strip
{
	position: relative;
	width: 100%;
	height: 32px;
	border-top: 2px solid #ebebeb;
	background-color: #fff;
}

.grid_item .innerContent .bottom_strip .comments
{
	float: left;
	width: auto
}

.grid_item .innerContent .bottom_strip .comments img
{
	margin: 1px 0 0 5px
}

.grid_item .innerContent .bottom_strip .timeposted
{
	float: right;
	width: auto
}

.grid_item .innerContent .bottom_strip p
{
	color: #878787!important;
	width: auto;
	float: left;
	margin: 7px 10px 0 0;
	font-size: .7em!important
}

.grid_item .innerContent .bottom_strip img
{
	height: 29px;
	width: auto;
	padding: 5px;
	float: left
}

#recenttweet .grid_item {
        width: 100%;
}

#recenttweet ul li
{
	list-style-type: none;
	position: relative;
	margin-bottom: 20px;
	text-align: left;
	background: #fff
}

#recenttweet .media
{
	width: 100%
}

#recenttweet .media img
{
	position: relative;
	width: 100%
}

#recenttweet .user,#recenttweet .tweet
{
	padding: 20px;
}

#recenttweet .tweet
{
	position: relative;
	color: #838383
}

#recenttweet .tweet a
{
	position: relative;
	color: #ac0000
}

#recenttweet .timePosted
{
	color: #838383;
	margin: 0 20px;
	font-size: .7em
}

#recenttweet .interact_break
{
	margin: 10px 10px 2px;
	padding: 1px 0;
	border-top: 2px solid #ebebeb;
	width: auto
}

#recenttweet .interact img
{
	height: 21px;
	margin-left: 5px
}

#cats_filter #select_title p
{
	color: #8d8d8d
}

#cats_filter #select p
{
	color: #fff
}

#cats_filter
{
	float: left;
	margin: 0 0 20px;
	padding: 10px;
	width: 100%;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	-moz-boz-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
	background: #fff
}

#cats_filter #select_title,
#cats_filter #expand
{
	float: left;
	padding: 3px;
	width: auto;
	margin: 2px 5px 3px 0
}

#cats_filter #select_title p {
        color: #27a9e1;
}

#cats_filter li a
{
	float: left;
	padding: 5px 8px;
	width: auto;
	margin: 3px 5px 3px 0;
	color: #fff;
	-webkit-filter: drop-shadow(2px 2px 1px #808080);
	font-size: .8em;
 }

#cats_filter li.active a
{
	-webkit-filter: drop-shadow(0px 0px 0px #808080)
}

#cats_filter #expand {
        float: right;
        display: none;
	cursor: pointer;
}

.featured_ribbon
{
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #dd1818
}


.ribbon
{
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	right: 0px;
	top: 0px;
}

.ribbon_news
{
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	right: 0px;
	top: 0px;
	background: orange
}

.ribbon.event
{
	background: #2fad26
}

.ribbon.group
{
	background: #1e73be
}

.ribbon.route
{
	background: #f11a1a
}

.featured_ribbon span,
.ribbon_news span,
.ribbon span
{
	color: #fff;
	display: block;
	padding: 5px;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
}


.grid:after {                  /*clear the grid*/
    content: "";
    display: table;
    clear: both;
}

.grid {
    width: auto;
}

#run_leader #form_handler {
    padding-top: 40px;
    border-top: 1px solid #838383;
    margin-top: 40px;
    padding-left: 0;
    background-color: #fff;
}

#form_handler [class*='col-'] {              /*border width*/
    padding: 0 0px 10px 0px;
}

#form_handler [class*='col-']:first-child {
    padding-left: 0px;
}

#form_handler [class*='col-1-1']:first-child {
    padding-left: 10px;
}

#form_handler [class*='col-'] img {
    width: 100%;
}

#form_handler .grid-pad {
    padding: 10px 10px 10px 0px;
}

#form_handler .grid-pad > [class*='col-']:first-child {
    padding-left: 10px;
}

#form_handler .grid-pad-inside {
    padding: 10px 10px 0px 0px;
}

#form_handler .grid-pad-inside > [class*='col-']:first-child {
    padding-left: 10px;
}



/* ---------- Grid Widths ---------- */

#form_handler .col-1-1, .col-1-2, .col-1-3, .col-2-3, .col-3-4, .col-2-5, .col-3-5, .col-4-5, .col-1-6, .col-1-8, .col-3-8, .col-5-8, .col-7-8, .twitter_grid, .footer_two_grid {
    width: 100%;
}

#form_handler .col-1-4 {
    width: 50%;
}
          
#form_handler .col-1-5 {
    width: 50%;
}

.success, .error, .notification, .warning {
    padding: 10px 15px;
    color: #fff;
}

.result_class {
    padding-bottom: 0px;
}

.success {
    background: #6DAB3C;
}

.error{
    background: #FF3B3B;    
}

.notification {
    background-color: #27a9e1;
}

.warning {
    background-color: #E2DC27;
}

#form_handler
{
	width: 100%;
	float: left;
	border: 0
}

.hidden_form_data
{
	display: none
}

.form_main
{
	width: 100%;
	padding: 8px 1%;
	border: solid 1px #c3c0bf;
	outline: 0;
	font-size: .9em;
	background: #fff
}

#form_handler input:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none;
    box-shadow: 0 0 5px #999999;
}
    
          
#form_handler select {
    background: white;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    border: solid 1px #cccccc;
}

label.picks {
    display: block;
    float: left;
    background-color: white;
    padding: 8px 1%;
    font-size: 0.9em;
    border: solid 1px white;
}
    
label.gender {
    width: 49%;
    padding: 10px 0;
}
          
label.gender.female {
    margin-left: 0px;
}

.dob_holder {
    width: 100%;
}
          
.dobday, .dobmonth, .dobyear {
    margin-left: -4px;
    padding: 8px 0.5px;
}

.dobday {
    width: 28%;
}
          
.dobmonth {
    width: 44%;
}
          
.dobyear {
    width: 28%;
}
    
label.involved {
    width: 48%;
    min-width: 50px;
    padding: 8px 0;
    margin-right: 1%;
    float: left;
}

label.disability {
    width: 100%;
    margin: 1px 0px;
    float: left;
    padding: 6px 0;        
}

label.disclaimer {
    width: 100px;
    margin: 0.25%;
    float: left;
    padding: 8px 0;        
}
          
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}          
 
label.styled {
    display: inline-block;
    cursor: pointer;
    position: relative;
    background-color: white;
    border: solid 1px #c3c0bf;
}

input[type=radio], input[type=checkbox] {
    display: none;
}

input[type=radio] + label.styled:hover, input[type=checkbox] + label.styled:hover  {
    background-color: white;
    border-color: #ffa4fe;
}

input[type=radio]:checked + label.styled, input[type=checkbox]:checked + label.styled  {
    border-color: white;
    background-color: #27a9e1;
    color: white;
}

.form label {
    margin-left: 10px;
    color: #5b5b5b;
}

.form_button {
    border: none;
    color: #ffffff;
    padding: 15px 30px;
    text-transform: uppercase;
    font-size: 0.75rem;
    float: left;
    background-color: #cd282f; 
    cursor: pointer;
}

#tou_info {
    margin: 5px 0;;
    padding: 10px;
    border: 1px solid #c3c0bf;
    border-radius: 5px;
    margin-bottom: 5px;
}

p#close_tou {
    color: red;
    text-align: right;
    cursor: pointer;
}
          
#tou_btn {
    color: red;
    cursor: pointer;
}
          
#tou_info p {
    font-size: 0.9rem;;
    line-height: 1.4em;
}

#wrapper.post #content_wrapper
{
	width: 100%;
	float: left;
	position: relative;
}

#wrapper.infopage #content_wrapper
{
	padding: 20px;
	background: #fff;
}

#wrapper.post
{
	width: 100%
}

#wrapper .sidebar
{
	width: 19%;
	float: left
}

#wrapper .sidebar.left
{
	margin-right: 1%
}

#wrapper .sidebar.right
{
	margin-left: 1%
}

#wrapper #featured_image
{
	width: 100%;
	position: relative;
	padding-bottom: 50%
}

#wrapper #featured_image .innerContent
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden
}

#wrapper #featured_image .innerContent .image_back img
{
	width: 100%
}

#wrapper.post #content
{
	padding: 20px 20px 10px;
	margin-bottom: 10px;
	background: #fff
}

#wrapper.post #content img
{
	width: 100%;
	height: auto;
	margin: 10px 0
}

#wrapper.post #content #nav
{
	padding-top: 10px
}

#wrapper.post #content #nav p
{
        line-height: 1.4em
}

#wrapper.post #content #nav a
{
	color: #0097ff;
	text-transform: capitalize;
        text-decoration: none;
}

#wrapper.post #content #nav .left
{
	float: left;
	width: 50%
}

#wrapper.post #content #nav .right
{
	float: right;
	width: 50%;
	text-align: right
}

#wrapper.post #content .video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;	
}

#wrapper.post #content .video-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#wrapper.post #social_bar
{
	height: 100%;
	width: auto;
        margin-top: 10px;
}

#wrapper.post #social_bar .addthis_native_toolbox
{
	padding: 10px 0 7px;
	margin: 0px 10px 0 0px
}

.gallery
{
	margin-left: -.5em;
	margin-right: -.5em
}

.gallery:after
{
	display: table;
	content: "";
	clear: both
}

.gallery-item
{
	margin: 0;
	float: left;
	padding: .5em
}

.gallery img
{
	width: 100%;
	border: 0
}

.gallery-columns-1 .gallery-item,.gallery-columns-2 .gallery-item,.gallery-columns-5 .gallery-item,.gallery-columns-6 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-9 .gallery-item
{
	width: 100%;
}

.infopage .gallery-columns-5 .gallery-item,
.infopage .gallery-columns-6 .gallery-item {
        width: 50%;
}

#bigger_slide_wrapper
{
	display: none
}

#slide_wrapper
{
	display: none
}

#wrapper .sidebar .module
{
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	position: relative;
	display: none;
	background: #fff
}

.rl_widget.cats p.title
{
	color: #3b3b3b;
	margin-bottom: 10px
}

.rl_widget.cats a.cats p
{
	float: left;
	padding: 4px;
	margin: 0 0 2px 2px;
	color: #fff
}

.rl_widget.simple_subscribe p.title
{
	text-align: left;
	font-size: 1em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	color: #3b3b3b;
	width: 100%
}

.rl_widget.simple_subscribe p
{
	float: left;
	font-size: .8em;
	color: #3b3b3b;
	margin-bottom: 5px
}

.rl_widget.simple_subscribe input
{
	float: left;
	font-size: .8em;
	color: #3b3b3b;
	border: 1px solid #c3c0bf;
	margin-bottom: 5px;
	padding: 4px
}

.rl_widget.simple_subscribe button
{
	float: left;
	width: 100%;
	font-size: 1em;
	color: #fff;
	padding: 9px 7px;
	border: red;
	background: orange
}

.rl_widget.simple_subscribe #simple_subscribe_result
{
	float: left;
	width: 100%
}

.rl_widget.simple_subscribe #simple_subscribe_result .error,.rl_widget.simple_subscribe #simple_subscribe_result .success
{
	padding: 9px 7px;
	font-size: .8em
}

.rl_widget img
{
	width: 100%;
	height: auto
}

#wrapper .sidebar .module.hide_border
{
	padding: 0
}

.rl_widget.recent_posts .wrap
{
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-top: 7px
}

.rl_widget.recent_posts p
{
	color: #3b3b3b;
	margin-bottom: 5px;
	width: 100%
}

.rl_widget.recent_posts .wrap div
{
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2000
}

.rl_widget.recent_posts div p a
{
	font-size: 1em;
	color: #3b3b3b;
	position: absolute;
	bottom: 0;
	padding: 5px;
	background: #fff
}

.rl_widget.recent_posts .wrap:hover div
{
	right: 100%;
	left: -100%
}

#buildingworks h1
{
	font-size: 2em;
	margin-top: 10px;
}

#buildingworks p
{
	font-size: 1.5em;
	font-size: 1.5em;
	color: #CFCFCF
}

#buildingworks #content_wrapper
{
	margin-top: 40px;
	padding: 40px;
	margin-top: 40px;
	padding: 40px
}

#buildingworks .inner
{
	width: 100%;
	height: auto;
	padding: 20px
}

#buildingworks .transap
{
	background: rgba(0,0,0,.5)
}

#buildingworks
{
	background: no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	background-size: auto
}

#buildingworks #subscribe
{
	width: 300px;
	margin: 40px auto 0;
	padding: 10px;
	width: 300px;
	margin: 40px auto 0 auto;
	padding: 10px
}

#buildingworks .transap h1
{
	color: #fff;
	font-size: 3em;
	margin-top: 0
}

#buildingworks #subscribe p
{
	display: none
}

#buildingworks #footer,#buildingworks #back_to_top
{
	display: none
}


.content_info
{
	float: left;
	margin: 0 10px 10px 0;
	width: 100%;
}

.leader_info
{
	float: right;
	margin: 0 10px 10px 0;
}

#wrapper.landing #content_wrapper
{
	width: 100%;
	position: relative;
	background: #fff
}

#wrapper.landing #content_wrapper p
{
	padding: 20px 20%;
}



#google_map_wrapper
{
	width: 100%;
	padding-bottom: 100%;
	position: relative
}

#googleMap
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

#googleMap .gm-style-mtc, #googleMap .gm-style-cc
{
	display: none
}

#search_map_info
{
	margin-bottom: 10px
}

#SingleGoogleMap
{
	width: 100%;
	height: 300px;
	margin: 0 10px 10px 0;
	float: left
}

#search_map_bar
{
	width: 100%;
	padding: 10px;
	z-index: 20
}

#search_map_bar input
{
	padding: 9px;
	border: 1px solid #fff;
	margin: 0 2% 5px 0;
	float: left;
	width: 80%
}

#search_map_bar select
{
	padding: 9px;
	margin: 0 0 5px;
	float: left;
	border: 0;
	width: 18%
}

#search_map_bar button
{
	padding: 10px;
	border: 0;
	margin-right: 5px;
	background: orange
}

#rl_search_route_postcode_button,#rl_search_group_postcode_button,
#rl_search_route_gps_button,#rl_search_group_gps_button
{
	float: left
}


#comments
{
	width: 100%;
	height: auto;
	margin: 10px 0 0 0;
	padding: 10px 20px;
	background: #fff
}

#comments h3
{
	font-size: .9em;
	text-align: left;
	line-height: 1.4em;
	color: #878787;
	padding: 0 0 10px;
	margin: 0
}

#comments #commentform
{
	margin-bottom: 5px
}

#comments #commentform p
{
	color: #878787
}

#comments #commentform .form_details
{
	width: 100%;
	margin: 10px 0;
	float: left
}

#comments #commentform .form_details:first-child
{
	margin: 10px 1% 10px 0
}

#comments #commentform .form_details input
{
	float: left;
	width: 100%;
	padding: 7px 9px
}

#comments #commentform .log
{
	color: #878787;
	padding: 10px 0
}

#comments #commentform .log a
{
	color: blue
}

#comments #commentform .log .logout
{
	color: red
}

#comments #commentform #comment
{
	width: 100%;
	padding: 7px 9px
}

#comments #commentform #submit
{
	padding: 7px 9px;
	border: 0;
	margin-top: 5px;
	color: #fff;
	cursor: pointer;
	background: #0097ff
}

#comments #commentform #submit:hover
{
	background: #0c66d4
}

 #comments #respond a
{
	color: #878787
}

#comments .commentlist,
#wrapper.post #comments .commentlist ul
{
	list-style-type: none
}

#comments .commentlist li
{
	text-align: left;
	padding: 10px 0
}

#comments .commentlist li.comment ul.children li.depth-2
{
	margin: 0 0 0 60px
}

#comments .commentlist li.comment ul.children li.depth-3
{
	margin: 0 0 0 60px
}

#comments .commentlist li.comment ul.children li.depth-4
{
	margin: 0 0 0 60px
}

#comments .commentlist .comment-author
{
	width: 50px;
	margin-right: 10px;
	float: left
}

#comments .commentlist .comment-author img
{
	height: auto;
	width: 100%;
	height: 50px;
	width: 50px;
	margin-right: 10px
}

#comments .commentlist .comment-content
{
	margin: 0 0 5px 60px
}

#comments .commentlist .comment-content p
{
	color: #565656
}

#comments .commentlist p a
{
	color: #0097ff
}

#comments .commentlist .comment-content p.comment_author
{
	font-size: 1em;
	color: #565656
}

#comments .commentlist .comment-content .comment_date
{
	font-size: .9em;
	color: #878787;
	margin-bottom: 10px
}

#comments .commentlist .reply
{
	margin-left: 60px
}


#subscription_footer
{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width: 100%;
	float: left;
	background-size: cover
}

#subscription_footer #subscribe
{
	padding: 25px 20px 20px
}

#subscription_footer #subscribe .title
{
	display: none
}

#subscription_footer #subscribe .module
{
	width: 100%;
	margin: 0 auto
}

#subscription_footer #subscribe p
{
	width: 100%;
	float: left;
	color: #fff;
	padding: 9px 7px;
        background-color:rgba(51, 51, 51, 0.5);
	text-align: center;
	background-size: auto
}

#subscription_footer #subscribe input
{
	width: 100%;
	float: left;
	padding: 10px 7px
}

#subscription_footer #subscribe button
{
	width: 50%;
	margin: 0 25%;
	float: left
}

/* Bigger than small phones ----------------------------------------------------------------- */
@media only screen and (min-width : 400px) {
  
          #form_handler .inner_wrap {
                    max-width: 580px;
          }


          /* 1.5 - GRID SETUP
          ============================================== */
          /* Thirds */
          #form_handler .col-1-3 {
                    width: 50%;
          }
          
          #form_handler .col-1-5 {
                    width: 33.33%;
          }


}

@media only screen and (min-width : 480px) {
	#footer P
	{
		padding: 11px 10px 7px 10px;
	}
	
	#wrapper
	{
		width: 94%
	}

	.grid_item,.grid-sizer
	{
		width: 48%
	}
	
	.grid_item
	{
		margin-right: 4%
	}

	#twitter_module
	{
		margin-right: -4%
	}
	
        #recenttweet .grid_item {
                width: 46%;
                margin-right: 4%;
        }

	#recenttweet ul li
	{
		float: left
	}

	.gallery-columns-1 .gallery-item
	{
		width: 100%
	}

	.gallery-columns-2 .gallery-item,.gallery-columns-3 .gallery-item,.gallery-columns-4 .gallery-item,.gallery-columns-5 .gallery-item,.gallery-columns-6 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-9 .gallery-item
	{
		width: 50%
	}
	
        .infopage .gallery-columns-5 .gallery-item {
                width: 33.333%;
        }

        .infopage .gallery-columns-6 .gallery-item {
                width: 25%;
        }

	#google_map_wrapper
	{
		padding-bottom: 60%
	}
	
	#search_map_bar input,#search_map_bar select
	{
		margin: 0 5px 0 0;
		width: auto
	}

        #search_map_bar button
        {
	       margin: 0 5px 0 0;
	       float: right
        }

}

/* Extra Small Devices, Phones ----------------------------------------------------------- */
@media only screen and (min-width : 650px) {

            #run_leader #form_handler {
                padding-left: 20px;
            }

          /* 1.5 - GRID SETUP
          ============================================== */
          /* ---------- Grid Widths ---------- */

          /* Half */
          #form_handler .col-1-2 {
                    width: 100%;
          }

          #form_handler .col-2-3 {
                    width: 66.66%;
          }

          
          /* Quarters */
          #form_handler .col-1-4 {
                    width: 50%;
          }
          
          #form_handler .col-3-4 {
                    width: 75%;
          }
          
          /* Fifths */
          #form_handler .col-1-5 {
                    width: 25%;
          }
          
          #form_handler .col-2-5 {
                    width: 40%;
          }
          
          #form_handler .col-3-5 {
                    width: 60%;
          }
          
          #form_handler .col-4-5 {
                    width: 80%;
          }
          
          #form_handler .col-1-6 {
                    width: 16.666666666%;
          }
          
          #form_handler .col-1-8 {
                    width: 12.5%;
          }  
          
          #form_handler .col-3-8 {
                    width: 37.5%;
          }

          #form_handler .col-5-8 {
                    width: 62.5%;
          }
          
          #form_handler .col-7-8 {
                    width: 87.5%;
          }


          /* 1.11 - MAIN CONTACT FORM
          ============================================== */
          .form_main {
          	    padding: 8px 2.5%;
          }


          .form_button {
                    margin: 10px 0;
          }


}


@media only screen and (min-width : 768px) {
	#wrapper
	{
		width: 96%
	}
	
	.grid_item,.grid-sizer
	{
		width: 31.33%
	}
	
	.grid-gutter
	{
		width: 3%
	}

	.grid_item
	{
		margin-right: 3%;
		margin-bottom: 3%
	}

	body#Home .grid-gutter
	{
		width: 2%
	}
	
	body#Home .grid_item,
        body#Home .grid-sizer,
 	.isotope.col-1
	{
		width: 100%
	}

	#Events .isotope.col-1
	{
		margin-top: 20px
	}

	.isotope.col-2-5
	{
		width: 32%;
		margin-right: 2%
	}
	
	.isotope.col-1-5
	{
		width: 32%;
		padding-right: 0
	}

	.grid_head
	{
		display: inline-block;
		cursor: default
	}
	
	#mobile_nav div
	{
		display: none
	}
	
	.front_hide
	{
		display: inline-block
	}

	#cats_filter li a
	{
		padding: 5px 8px
	}

	#twitter_module
	{
		margin-right: 0
	}
	
	#google_map_wrapper
	{
		padding-bottom: 50%;
	}

	#wrapper.post #content_wrapper
	{
		width: 60%
	}
	
	#wrapper .sidebar
	{
		width: 19%;
		float: left
	}
	
	#wrapper .sidebar.left
	{
		margin-right: 1%
	}
	
	#wrapper .sidebar.right
	{
		margin-left: 1%
	}

	#wrapper.infopage #content_wrapper
	{
		width: 100%;
		position: relative;
		padding: 40px 20%
	}

        #wrapper.post #social_bar .addthis_native_toolbox
        {
        	margin: 0px 0px 0 0px
        }

	#bigger_slide_wrapper
	{
		position: relative;
		width: 100%;
		padding-bottom: 50%;
		display: block
	}
	
	#slide_wrapper
	{
		position: relative;
		width: 104%;
		margin: 0 -2%;
		padding-bottom: 35%;
		display: block
	}
	
	#slide_banner
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		overflow: hidden
	}
	
	#slide_banner img
	{
		position: relative;
		width: 100%;
		height: 100%
	}
	
	#slide_banner img:first-child
	{
		position: static;
		z-index: 100
	}
	
	.slide-container
	{
		width: 100%;
		min-height: 100%;
	}
	
	#slide_banner .pager
	{
		text-align: center;
		width: 100%;
		height: 25px;
		z-index: 300;
		position: absolute;
		bottom: 0;
		opacity: 0
	}
	
	#slide_banner:hover .pager
	{
		opacity: 1
	}
	
	#slide_banner .pager span
	{
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 2px;
		text-indent: -999em;
		border: 3px solid #eaeaea;
		background: #eaeaea;
		border-radius: 10px;
		cursor: pointer
	}
	
	#slide_banner .pager span.cycle-pager-active
	{
		background: #1e73be
	}
	
	span.text-content
	{
		background: rgba(0,0,0,.5);
		color: #fff;
		cursor: pointer;
		display: table;
		height: 150px;
		left: 0;
		position: absolute;
		top: 0;
		width: 150px;
		opacity: 0
	}
	
	span.text-content span
	{
		display: table-cell;
		text-align: center;
		vertical-align: middle
	}
	
	.innerContent:hover span.text-content
	{
		opacity: 1
	}
	
	.slide_prev,.slide_next
	{
		position: absolute;
		top: 0;
		width: 70px;
		z-index: 400;
		height: 100%;
		cursor: pointer;
		opacity: 0
	}
	
	#slide_banner:hover .slide_next
	{
		opacity: 1
	}
	
	#slide_banner:hover .slide_prev
	{
		opacity: 1
	}
	
	.slide_prev
	{
		left: 0;
		background: url(images/slider_arrow_l.png) no-repeat 50% 50%
	}
	
	.slide_next
	{
		right: 0;
		background: url(images/slider_arrow_r.png) no-repeat 50% 50%
	}
	
	#wrapper .sidebar .module
	{
		display: inline-block
	}
	
	.gallery-columns-3 .gallery-item,.gallery-columns-4 .gallery-item,.gallery-columns-5 .gallery-item,.gallery-columns-6 .gallery-item,.gallery-columns-7 .gallery-item,.gallery-columns-8 .gallery-item,.gallery-columns-9 .gallery-item
	{
		width: 33.333%
	}
	
        .infopage .gallery-columns-5 .gallery-item {
                width: 25%;
        }

        .infopage .gallery-columns-6 .gallery-item {
                width: 20%;
        }
	
	#subscription_footer {
                margin: 0 auto;
                float: none;

        }
	
	#subscription_footer #subscribe .module
	{
		width: 500px;
		margin: 0 auto
	}
    
          /* 1.5 - GRID SETUP
          ============================================== */
          #form_handler [class*='col-'] {              /*border width*/
                    padding: 0 20px 30px 0px;
          }

          #form_handler [class*='col-']:last-of-type {
                    padding-right: 0px;
          }
    
          #form_handler [class*='col-1-1']:first-child {
                    padding-left: 0px;
          }

          #form_handler .grid-pad {
                    padding: 0px;
          }


          #form_handler .grid-pad > [class*='col-']:even {
                    padding-left: 0px;
          }


          /* ---------- Grid Widths ---------- */

          /* Half */
          #form_handler .col-1-2 {
                    width: 50%;
          }

          /* Thirds */
          #form_handler .col-1-3 {
                    width: 33.33%;
          }
          
          #form_handler .col-2-3 {
                    width: 66.66%;
          }
          
          
          /* Quarters */
          #form_handler .col-1-4 {
                    width: 25%;
          }
          
          #form_handler .col-3-4 {
                    width: 75%;
          }
          
          /* Fifths */
          #form_handler .col-1-5 {
                    width: 20%;
          }
          
          #form_handler .col-2-5 {
                    width: 40%;
          }
          
          #form_handler .col-3-5 {
                    width: 60%;
          }
          
          #form_handler .col-4-5 {
                    width: 80%;
          }
          
          #form_handler .col-1-6 {
                    width: 16.666666666%;
          }
          
          #form_handler .col-1-8 {
                    width: 12.5%;
          }  

          #form_handler .col-3-8 {
                    width: 37.5%;
          }

          #form_handler .col-5-8 {
                    width: 62.5%;
          }

          #form_handler .col-7-8 {
                    width: 87.5%;
          }
                    
          .result_class {
                    padding-bottom: 0px;
          }
          
          label.disability {
                    width: 49%;
                    margin: 0.5%;
                    float: left;
                    padding: 8px 0;

          }

	
}

@media only screen and (min-width : 850px) {
	#menu_holder
	{
		position: relative;
		overflow: visible;
		width: auto;
		float: right;
		top: 0;
		background: #fff
	}
	
	#menu_holder ul
	{
		width: auto
	}
	
	#menu_holder ul li
	{
		width: auto;
		border-top: 0;
		background: #2167d1
	}
	
	#menu_holder li ul
	{
		display: none
	}
	
	#menu_holder ul li a
	{
		padding: 18px 13px
	}
	
	#header_holder label
	{
		display: none
	}
	
	#google_map_wrapper
	{
		width: 100%;
		max-width: 1200px;
		padding-bottom: 40%;
		position: relative;
		margin: 0 auto;
		border-left: 1px solid #DDD;
		border-right: 1px solid #DDD;
	}
	
	#search_map_bar
	{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}

	.hidden_right
	{
		left: 100%;
		right: -100%
	}
	
	.hidden_left
	{
		left: -100%;
		right: 100%
	}

}


@media only screen and (min-width : 1000px) {
	#wrapper,#wrapper.post
	{
		max-width: 1200px
	}
	
	#menu_holder ul li a
	{
		padding: 18px 20px
	}

	.isotope.col-2-5
	{
		width: 40%;
		padding-right: 20px;
		margin: 0
	}

	.isotope.col-1-5
	{
		width: 20%;
		padding-right: 0;
		margin: 0
	}

	body#Home .grid-gutter
	{
		width: 4%
	}

	body#Home .grid_item,
        body#Home .grid-sizer
	{
		width: 47.4%
	}
	
	body#Home .grid_item.twitter
	{
		width: 100%;
		padding: 0
	}


	#article_wrapper, #news_wrapper, #route_wrapper
	{
		margin-right: -1.5%
	}

	#Articles .grid-gutter,#News .grid-gutter,#Search .grid-gutter,#Routes .grid-gutter,#Groups .grid-gutter,#Events .grid-gutter
	{
		width: 0.5%
	}

	#Articles .grid_item,#News .grid_item,#Search .grid_item,#Articles .grid-sizer,#News .grid-sizer,#Search .grid-sizer, #Groups .grid_item,#Groups .grid-sizer,#Routes .grid_item,#Routes .grid-sizer,#Events .grid_item,#Events .grid-sizer
	{
		width: 23.5%;
		margin: 0 1% 1.5% 0;
	}

        #Events .grid_item
	{
		float: left;
		position: relative;
		margin-right: 1.5%;
		margin-bottom: 1.5%;
		padding-bottom: 0
	}

	body#Routes .innerContent,body#Groups .innerContent,body#Events .innerContent
	{
		position: relative;
		width: 100%
	}

	body#Routes .grid_item .innerContent .image_back,.grid_item.small .innerContent .image_back,body#Groups .grid_item .innerContent .image_back,.grid_item.small .innerContent .image_back,body#Events .grid_item .innerContent .image_back,.grid_item.small .innerContent .image_back
	{
		position: relative;
		width: 100%;
		height: auto
	}

	body#Routes .grid_item .innerContent .image_back img,body#Groups .grid_item .innerContent .image_back img,body#Events .grid_item .innerContent .image_back img
	{
		position: relative;
		width: 100%;
		height: 100%
	}

	#slide_wrapper
	{
		width: 100%;
		margin: 0
	}
	
	.gallery
	{
		margin-left: -.5em;
		margin-right: -.5em
	}
	
	.gallery:after
	{
		display: table;
		content: "";
		clear: both
	}
	
	.gallery-item
	{
		margin: 0;
		float: left;
		padding: .5em
	}
	
	.gallery img
	{
		width: 100%;
		border: 0
	}
	
	.gallery-columns-1 .gallery-item
	{
		width: 100%;
		float: none
	}

	.gallery-columns-2 .gallery-item
	{
		width: 50%
	}
	
	.gallery-columns-3 .gallery-item
	{
		width: 33.3333%
	}
	
	.gallery-columns-4 .gallery-item
	{
		width: 25%
	}
	
	.gallery-columns-5 .gallery-item
	{
		width: 20%
	}
	
	.gallery-columns-6 .gallery-item
        {
		width: 16.6667%
	}
	
	.gallery-columns-7 .gallery-item
	{
		width: 14.2857%
	}
	
	.gallery-columns-8 .gallery-item
	{
		width: 12.5%
	}

	.gallery-columns-9 .gallery-item
	{
		width: 11.1111%
	}

        .infopage .gallery-columns-5 .gallery-item{
		width: 20%
        }

        .infopage .gallery-columns-6 .gallery-item {
		width: 16.6667%
        }
    
          #form_handler .inner_wrap {
                    max-width: 960px;
          }

          label.disability {
                    width: 24.5%;
                    margin: 0.25%;
                    float: left;
                    padding: 8px 0;

          }
          

}


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

	#Articles .grid_item,#News .grid_item,#Search .grid_item,#Articles .grid-sizer,#News .grid-sizer,#Search .grid-sizer
	{
		width: 18.5%;
	}
    
          #form_handler {
            	    max-width: 80rem;
          }


}