/*

Theme Name: QRUN

Theme URI: http://www.qrun.com.au

Description: 

Author: 

Author URI: http://www.globalsportcoach.com 

Version: 1.0

Tags: responsive, white, bootstrap, community, running, QRUN



License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)

License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/



@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 

/* Header CSS */
#four-nav-no-java{display:none;}
.pagination ul > li > a{padding:8px 24px; line-height:40px; font-size:18px;}
#single-event-desc p{width:100%;}
#read-more{float: right; padding: 10px; border-top: 0px; background-color: #9D1A35; width: 45%; text-align: center;}
#like{border: 1px solid lightgray; padding: 10px; width: auto;}
#groups-map{width:50%; height:435px; float:left; display:inline-block; overflow:hidden;}
#groups-map-mobile{display:none;}
#header-container{width:100%; height:90px;/*background-color:#901831;*/ background:url('images/header-overlay.jpg') no-repeat center center; background-size:cover; margin-top: 40px; padding-top: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
#facebook{width: 25px; display: block; float: left; padding-top: 28px;}
#instagram{width: 31px; display: block; float: left; padding-top: 28px;}
#twitter{width: 20px; display: block; float: left; padding-top: 28px;}
#logo-container{width:190px; margin:0 auto; height:70px; padding-top:3px;}
#social-icons{width:100px; padding:0px 10px 0px 10px; float:left; height:70px; margin-left:5%;}
#bread-crumb-fixed{position:fixed; width:100%; top:75px; z-index:1000;}
#header-tagline{float: right; color: white; line-height: .6; margin: 25px 5% 0px 0px;}
.header-tagline{float:none; margin-bottom:10px!important;}
.social{font-size:20px !important; color: white !important;}
.breadcrumb{font-size:20px; background-color:white !important; border-radius:0px !important;margin-bottom:0px !important;  border-top:none !important; border:1px solid lightgray; text-align:left; float:none; padding: 8px 30px !important;}
.breadcrumb-list{font-size:20px; background-color:white !important; border-radius:0px !important;margin-bottom:0px !important;  border-top:none !important; border-bottom:1px solid lightgray; text-align:center; float:none;}
.fixed{position:fixed; z-index:1000;}
#event-filter-toggle{display:none;}


/* Theme CSS */



body{padding-top: 0px; padding-bottom: 0px; font-family:'Questrial', sans-serif !important; font-size:14px; margin:0 auto !important; max-width:1380px; background:url('images/clear.jpg') no-repeat top center;}
h2{font-family: 'Questrial', sans-serif !important; display:table-cell; vertical-align:middle; color:white !important;}
h2 span{background-color: #9D1A35; padding:5px 10px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
h1{font-family:'Questrial', sans-serif !important; padding:10px; margin:20px 0px;}
h3{margin-bottom:20px;}
p{font-family:'Questrial', sans-serif !important; float:left; margin-bottom:30px !important;}
hr{margin:10px 0 10px 0 !important;}
img{max-width: 100%;}
img{-ms-interpolation-mode: bicubic;}
a{color:#9D1A35 !important;}
a:hover{text-decoration:none !important; color:#9D1A35 !important;}
li.footer-list {display: block; text-align:left !important;}
li.footer-list:before{/*Using a Bootstrap glyphicon as the bullet point*/ content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-left: -17px; color: #000;}
li.footer-list:a{font-size:20px; color:black !important;} 
u{background: url('images/dark-black.png') repeat; padding: 4px 10px 4px 10px; clear: left; width: auto; margin: 15px 0px 15px 0px; font-size: 18px; color:white; text-decoration:none; float:left;}
hr{float:left; clear:left; width:100%;}
ul{float:left; width:100%;}

.event-container .content{display: none;}
.event-container{width:100%;}
.ui-datepicker{z-index:10001 !important; margin-top:10px;}

#groups-map-laptop{display:none;}
#about-us{width:100%; float:left; height:460px; background:url('images/hero-about-us.jpg') no-repeat center center !important; background-size:cover !important;}
#subscribe{width:100%; float:left; height:460px; background:url('images/hero-subscribe.jpg') no-repeat top center !important; background-size:cover !important;}
#divider{border-right: 1px solid #E4DBDB; width: 20px; height: 30px; display: inline-block; line-height: 20px; vertical-align: middle;}
#contact-us{width:100%; float:left; height:460px; background:url('images/hero-contact-us.jpg') no-repeat center center !important; background-size:cover !important;}
#contact-details{width:30%; float:left; margin-left:5%;}
#contact-icons{width:15%; float:left; display:block; height:230px; border-right:1px solid lightgray; margin-left:20px;}
#address-icon{text-align:center; margin-right:20%; height:50px;}
#address-details{height:50px;}
#postal-details{height:50px; margin-top:10px;}
#phone-icon{text-align:center; margin-right:20%; height:50px; margin-top: 10px;}
#postal-icon{text-align:center; margin-right:20%; height:50px; margin-top: 10px;}
#phone-details{height:50px; margin-top:10px;}
#footer-sm{float:left; width:auto; display:block; padding:10px;}
#footer-sm a{color:#000; text-align: left;}

.runners p{float:none;}
#submit-story p{float:none;}
#inline-container{width:100%; height:auto; float:left; background: white; border: 1px solid lightgray;}
#site-map-container{width: 100%; float: left; padding: 20px; height: auto; display:none;}
#site-map{display:block;}
#footer-credits p{float:none;}
#footer-credits{width:100%; height:45px; line-height:3.5; background-color:white; clear:left; color:black;}
#footer-credits-left{display:block; float:left; height:45px; width:50%; text-align:left; padding-left:10px;}
#footer-credits-right{display:block; float:right; height:45px; width:50%; text-align:right; padding-right:10px;}
#submit-story{padding: 20px; text-align: center; font-size: 18px; width: 100%; background-color: #9D1A35; color: white;}
#partners{width:100%; float:left; height:300px; background:url('images/hero-comp-2.jpg') no-repeat top center !important; background-size:cover !important; box-shadow:0px 3px 8px #777;}
#subscribe-inner{width:525px; margin:20 auto; padding:20px 20px 20px 20px; border:solid 1px lightgray;}
#contact-right-box{float:left; width:auto; width: 60%;}
#page-title-container{width:85%; margin:0 auto; display:table-cell; vertical-align: middle; padding-left:75px; height:460px;}
#membership-header{width: 100%; float: left; height: 460px;}

.sl-icon svg{height: .8em !important;}
.search-header{display: inline-block; float: left; margin: 0px; margin-right: 30px; padding-top: 6px; font-size: 20px;}
.slider-glyphicon{font-size:14px; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.article{font-size: 30px; margin-bottom: 30px; margin-top:0px; float: left; width: auto; line-height: 45px; width:100%;}
.white{color:white;}
.row{margin:0px !important; background:white; border-left:1px solid lightgray; border-right:1px solid lightgray;}
.contact-box-title-margin{margin-left:20px;}
.contact-box-inner{width:40%; float:left;}
.meet-runners-tag{font-size:16px; margin-left:20px;}
.margin-bottom{margin-bottom:20px;}
#pagination-outer{width: 100%; float: left; text-align: center; display: block;}
.pagination{margin: 20px 0px !important; width: auto; clear: both; overflow: auto; padding-top: 40px;}
.no-margin{margin:0 !important;}
.breadcrumb > li {text-shadow:none !important;}
.breadcrumb>.active {color:#777 !important;}
.control-label{font-size:16px; margin-bottom:10px;}
.glyphicon-heading-margin{margin-right: 20px; font-size:20px !important;}
.glyphicon-contact{font-size:22px; text-align:center;}
.form-actions{border-top: 1px solid lightgray !important; padding:19px 0px 20px !important; background:none !important;}
.widget-area{margin:20px 0px; background:url('images/white-85-bg.png') repeat; float:left; margin-left:20px; padding:20px; width: 38%;}
.contact-box{width:40%; float:left; margin:20px 0 0 0;} 
.entry-content{background:url('images/white-85-bg.png') repeat; padding:30px 30px 0px 30px; float:left;}
.container{padding-bottom:30px;}
.qrun-heading{background:url('images/dark-black.png') repeat; color:white; padding-left:30px; border-left: 3px solid #9D1A35; border-right: 3px solid #9D1A35; border-top:3px solid #9D1A35; float:left; width:100%;}
.form-control{height:auto !important;}
.home-glyph{font-size:28px; color: white !important;}
.right-float{float:right !important;}
.about-us-buttons{padding:6px 30px !important; margin-right:5px !important;}
.white{color:#fff !important;}
.white:hover{color:#fff !important; text-decoration:none !important;}
.black{color:black !important;}
.body-glyph{margin-right:15px; font-size:15px !important;}
.slider-glyph{margin-right:15px;}
.fifteen-two{font-size:22px !important;}
.fa{color: #9D1A35; font-size: 34px;}
.glyphicon{color:#9D1A35;}
.left-margin{margin-left:20px;}
.wrapper{width:100%; height:75px;}
.maroon{background-color:#901831;}
.blue{background-color:#1AA7DC;}
.purple{background-color:#8D129D;}
.float-right{float:right;}
.center{text-align:center; display:block;}
.btn .caret{margin-top:0px; margin-left:5px !important;}
.no-top-margin{margin-top:0px;}
.wfe_button{background-color:#901831 !important; border-color:#901831 !important; width:100% !important; padding: 10px !important; font-size:18px !important;}
.btn-primary{background-color:#901831 !important; border-color:#901831 !important;}
.btn-primary:hover{color:#fff !important; text-decoration:none !important;}
.btn.outline {background: none; padding: 12px 22px;}
.btn.outline {border: 2px solid #901831; color: #901831;}
.btn.outline:hover, .btn.outline:focus, .btn.outline:active, .btn.outline.active, .open > .dropdown-toggle.btn{color: #901831; border-color: #901831;}
.btn.outline:active, .btn.outline.active {border-color: #901831; color: #901831; box-shadow: none;}
.btn-primary.raised {box-shadow: 0 3px 0 0 #480513;}
.btn-primary.raised:active, .btn-primary.raised.active {box-shadow: none; margin-bottom: -3px; margin-top: 3px;}
.membership-btn{width:35%;}
.span8{width:100%; margin:0 auto; padding:0px 0px 40px 0px; overflow:auto; font-size:18px; line-height:25px;}
.third{width:25%; overflow:hidden; float:left; display:table; position:relative;}
.top{position:absolute; top:0; left:0; z-index:20;}
.last{margin-right:0; }
.field-bottom-margin{margin-bottom:20px !important; padding:9px !important;}
.webform_step{width:inherit !important;}
.page-info{width:inherit; display:block; margin:0 auto; padding:40px 60px; font-size:23px; text-align:center;}
.half{width:50%; padding:10px 10px 50px 10px; float:left; display:block; height:auto;}
.membership-info{margin-bottom:40px; padding:0 50px;}
.right-border{border-right:1px solid lightgray;}
.membership-block{height: auto; display: block; padding:0 70px; float: left; min-height: 490px;}
.member-header-margin{margin-bottom:30px !important; display:block;}
.membership-list{margin-bottom:40px;}
li.membership-list-item:before{padding-right:7px; margin-left:0; float:none; content: "\e080"; font-family: 'Glyphicons Halflings'; font-size: 9px; float: left; margin-left: -17px; color: #000;}
li.membership-list-item{list-style:none; font-size:16px; padding:10px 0px;}
.membership-groups{padding:5px 0px !important;}
.no-pad{padding:0px !important;}
.clear-left{clear:left;}
.red{color:#9D1A35 !important;}
.member-btn{margin: 0 auto; width: 50%; clear: left; display:block !important;}
.underline{text-decoration:underline;}
.header-copy{font-size:16px; margin-top:20px; width: 100%;}
.span4{width:30%; float:left; margin:0 !important; padding:25px; padding-bottom: 15px; display:block; border-left: 1px solid lightgray; border-bottom: 1px solid lightgray;}
#related-links{float: left; height: auto; margin-bottom: 10px; display: block; width:100%;}
#related-thumb{float: left; width: 110px; margin-right: 15px; display: block;}
#related-thumb-mobile{display:none; float:left; width:100%;}
#related-title{float: left; display: inline-block; width: 60%; font-size:14px; padding-top:5px;}
#name-date{float:left; width:60%; display:block;}
#recent{margin-top:0px; margin-bottom:20px;}

/* Home Page CSS */
#hero-overlay{width: 60%; float: right; margin-right: 10%; background:url('images/white-bg.png') repeat; height: 470px; margin-top: 3%; padding:20px 40px 40px 40px;}
#under-link{width:auto; padding:12px; background:url('images/white-bg.png') repeat; line-height:1em; display:inline-block; clear:left; float:initial; text-align:center; margin:0 70px; margin-bottom:4px !important}
#hero-image{width:100%; float:left; height:580px; background-size:cover; position:relative;}
#hero-slide-1{width:inherit; background:url('images/hero-comp-group.jpg') no-repeat center top; background-size:cover; height:inherit; display: block; padding-top:40px; padding-left:40px;}
#hero-slide-2{width:inherit; background:url('http://www.qrun.com.au/wp-content/uploads/2016/03/stadium-stomp.jpg') no-repeat center top; background-size:cover; height:inherit; display: block;} 
#hero-slide-3{width:inherit; background:url('http://www.qrun.com.au/wp-content/uploads/2016/03/friendlies-cane-2-coral.jpg') no-repeat center top; background-size:cover; height:inherit; display: block;}
#hero-slide-4{width:inherit; background:url('http://www.qrun.com.au/wp-content/uploads/2016/03/brisbane-marathon-fest.jpg') no-repeat center top; background-size:cover; height:inherit; display: block;}
#hero-slide-5{width:inherit; background:url('http://www.qrun.com.au/wp-content/uploads/2016/03/townsville-running-festival.jpg') no-repeat center top; background-size:cover; height:inherit; display: block;}

/* Slider */
#slider-event-details{width:85%; margin:0 auto;}
#slider-event-details-inner{float: left; padding: 0px 20px 10px 20px; margin-top:10px; display: block; height: auto; width: 50%; background:url('/wp-content/themes/QRUN/images/white-85-bg.png');}
#slider-desc{float:left; clear:left; padding-top:20px;   margin-right:0px;}
#detail-wrap-right{display: inline-block; width: auto; height: 20px; margin-right: 10px; float:right;}
#underneath{width:100%; height:202px; display:table-cell; vertical-align:middle; text-align:center;}
#contact-us-link{/*border-right:1px solid #333; border-left:1px solid #333;*/}
#four-nav{margin:0 auto; overflow:hidden; width:100%; height:auto; box-shadow:1px 1px 10px #999;}
#tagline-container{width: 85%; margin: 0 auto; overflow: auto; padding-top: 24%;  top: 0; z-index: 1000;}
#stadium-stomp{width: 87%; margin: 0 auto; padding-top: 14%;}
#stadium-stomp-inner{float:left; padding:40px 40px 40px 0px; display:block; height:auto; width:60%;}

.tagline{background-color: #9D1A35; padding: 5px 10px 5px 10px; text-align:center; float: left; clear: left; width: auto; margin: 2px 0px 2px 0px; font-size: 26px;}
.right{float:right !important; clear:right !important;}
.discover-bg{background:url('images/discover-bg.jpg') no-repeat center center; background-size:cover;}
.doit-bg{background:url('images/doit-bg.jpg') no-repeat center center; background-size:cover;}
.connect-bg{background:url('images/connect-bg.jpg') no-repeat center center; background-size:cover;}
.prepare-bg{background:url('images/prepare-bg.jpg') no-repeat center center; background-size:cover;}
.reveal-link{text-align:center; vertical-align:middle; font-family: 'Questrial', sans-serif !important; font-size:16px; color:#9D1A35 !important;}
.footer-link{text-align:center; vertical-align:middle; font-family: 'Questrial', sans-serif !important; font-size:16px; color:#fff}
.reveal-link:hover{color:#000 !important;}
.reveal-cover{display:table; text-align:center; width:100%; height:202px; /*left:100%;*/ padding-top:65px; overflow:hidden;}
.third img {display:block; }
.quarter-box{width:25%; height:50px; padding:5px 10px 5px 10px; float:left; display:inline-block; text-align:center; line-height:3em;}
.white-85{background:url('images/white-85-bg.png') repeat !important;}
.site-map{margin-right:15px; margin-bottom:15px; font-size:20px !important;}
.site-map-column{width:16%; float:left; height:auto; text-align:center; margin-right:2%; margin-left:2%;}
.block{display:block !important;}
.sm-icon-size{font-size:20px !important;}
.border-bottom{border-bottom:1px solid lightgrey; padding-bottom: 25px;}
.border-bottom-only{border:none; border-bottom:1px solid lightgray;}

/* Your Stories Archive */
.span-stories{width: 1350px; margin:15px auto 60px auto; float:inherit; overflow: hidden;}
#stories-post-wrap{float:left; display:block; padding:10px; width:450px;}
#stories-image{border:1px solid lightgray; border-bottom:none; width:100%; height:160px; float:left; display:block;}
#stories-post-excerpt{width: 100%; float: left; padding: 20px 15px 20px 15px; border: 1px solid lightgray;}
.stories-post-title{float: left; clear: left; width: 100%;}

/* Ask The Experts Archive */
.expert-top-padding{padding-top:0px !important;}
.expert-box{width:30%; margin:20px !important; float:left; display:none; border:1px solid lightgray; border-top:none;}
.span-experts{width: 1350px; margin:15px auto 60px auto; float:inherit; overflow: hidden;}
#expert-post-wrap{float: left; display: block; padding: 10px 10px 10px 0px; position: absolute; left: 0px; top: 0px;}

/* Training Advice Archive */
#post-wrap{float:left; display:block; padding:10px; width:450px;}
#masonary-nav{bottom:0px; width:100%; background-color:#f5f5f5; height:auto; text-align:center; float:left;}
#read-more{float:right;}
#post-image{border:1px solid lightgray; border-bottom:none; width:100%; height:160px; float:left; display:block;}
#training-advice-single-head{float:left; width:100%; height:340px;}
#post-excerpt{width: 100%; float: left; padding: 20px 15px 20px 15px; border: 1px solid lightgray;}
#single-post-body{float: left; width: 70%; display: block; padding: 25px;}
.img-fit{max-width: 100%; max-height: 100%;}
.training-body p, h3, ol, .training-body ul{float:left; clear:left;}
.training-body{font-size:17px; padding:10px; width:100%; float: left !important;}
.span-post{width: 1350px; margin:15px auto 45px auto; float:inherit; overflow: hidden;}
.post-links{float:left; width:auto; color:black; display:inline-block; padding-top:10px;}	
.pagination>.active>span{background-color:#9D1A35 !important; border-color:#9D1A35 !important;}
.post-navigation{margin: 0 0 1.5em; overflow: hidden; float: left; width: 50%;}
.grid-item { width: 450px; }

/*.grid-item-width2 { width: 750px;}*/

.training-feature{width:50% !important; height: 340px !important;}
.training-sidebar{float: left; width: 30%; height: 100%; overflow: hidden; border:1px solid #F5F5F5; padding:0px 10px 0 20px;}
.post-title{float: left; clear: left; width: 100%;}
.grid-blog-title{height: 64px; text-align:center; font-size:18px; background: url('images/dark-black.png') repeat; color: white; border-left: 3px solid #9D1A35; border-right: 3px solid #9D1A35;}
.grid-group-title{height: auto; text-align:center; font-size:20px; background: url('images/dark-black.png') repeat; color: white; border-left: 3px solid #9D1A35; border-right: 3px solid #9D1A35;}
.fb_share_small{border:none !important; color:#9D1A35; font-family:'Questrial', sans-serif !important;}
.sl-button{padding-left:0px !important; font-size:1.2em !important;}

/* Services CSS */

#service-type-heading{width: 25%; color: #9D1A35; padding: 0 20px 0 10px; float: left;}
#service-name-heading{width: 25%; color: #9D1A35; padding: 0 20px 0 10px; float: left;}
.service-name-cell{width: 25%; padding: 0 20px 0 10px; display: inline-block; height: 30px; line-height: 20px; vertical-align: middle; margin: 5px 0 5px 0 !important;}
.service-type-cell{width: 25%; padding: 0 20px 0 10px; display: inline-block; height: 30px; line-height: 20px; vertical-align: middle; margin: 5px 0 5px 0 !important;}

/* Find A Run Group CSS */

#groups-membership-block{padding: 30px 20px 20px 20px; display: block; float: left; width:50%;}
#group-heading{width:25%; color:#9D1A35; padding:0 20px 0 10px; float:left;}
#group-location-heading{width:25%; color:#9D1A35; padding:0 20px 0 10px; float:left;}
#group-expanded-desc{float: left; height: 55%; margin-bottom: 15px; width: 100%; height:auto;}
#website-title{width: 25%; float: left; padding: 0 20px 0 20px; color:#9D1A35;}
#description-heading{width: 24%; color: white; padding: 0 20px 0 10px; display: inline-block; float: left;}
#social-heading{width:25%; float:left; padding:0 20px 0 20px; color:#9D1A35;}

.no-rm{margin-right:0px !important;}
.fa-search{font-size:20px; margin-right:10px;}
.group-container{width:100%;}
.group-name-cell{width:25%; padding: 0 20px 0 10px; display: inline-block; height: 30px; line-height: 20px; vertical-align: middle; margin: 5px 0 5px 0 !important; cursor: pointer;}
.group-location-cell{width: 25%; display: inline-block; height: 30px; vertical-align: middle; font-size: 13px; line-height: 20px; padding: 0 10px 0 10px; text-align: left;}
.group-website-cell{width: 24%; padding: 0 10px 0 10px; height: 30px; display: inline-block; line-height: 20px; vertical-align: middle;}
.group-description-cell{width:25%; white-space: nowrap; overflow:hidden; height: 30px; display: inline-block; line-height: 20px; vertical-align: middle; text-overflow: ellipsis; margin:0 !important;}
.group-contact-cell{width:18%; display:inline-block; height:30px; vertical-align:middle; font-size:13px; line-height:20px; padding:0 10px 0 0px; text-align:left;}
.group-social-cell{width:23%; display:inline-block; height:30px; vertical-align:middle; font-size:13px; line-height:20px;padding: 0 10px 0 10px;}
.key-group-value{width: auto; padding: 0 10px 0 5px; height: 21px; margin-right: 5px; float: left; color: #fff; font-size: 12px; margin-top: 5px;}

/* Coaching Education */
#coach-ed-content{padding:40px;}
#coach-education{width: 100%; float: left; height: 460px;background: url(images/coach-education-header.jpg) no-repeat center center !important; background-size: cover !important;}

/* Event List CSS */

#event-length-icon{display:inline-block; margin-left:20px; height:30px; border-right:1px solid #E4DBDB;}
#more-info-button{display:inline-block; margin-left:10px; width:8%;}
#race-surface-data{width:21%; padding:0px 10px 0px 10px; display:inline-block;}
#event-image{height:200px; padding:5%; width:20%; float:left;}
#event-expanded-info{float:left; width:75%; margin-left:20px;}
#event-expanded-title{float:left; width:100%; margin-right:20px; height:auto;}
#distance-key{display:inline-block; width:auto; float:left; height:auto;}
#event-expanded-desc{float:left; height: auto; border-bottom: 1px solid white; margin-bottom:15px; width:100%; text-align: justify;}
#single-event-desc{float: left; height: auto; border-bottom: 1px solid white; margin-bottom: 15px; width: 100%; max-width:850px; clear:left;}
#event-start-point{float:left; width:auto; padding-right:20px;}
#event-contact{float:left; width:auto; padding-left:20px; padding-right:20px;}
#event-website{float:left; width:auto; padding-left:20px;}
#fixed-container{width:100%; z-index:100;}
#event-list-header{width:100%; margin:0 auto; /*background-color:#fff;*/ }
#key-filter{width:100%;/*background-color:#9D1A35;*/height:auto; margin-bottom: 20px;}
#list-heading-container{height:auto; overflow:auto; width:100%; margin:0 auto; padding:1%;border-top: 1px solid lightgray;border-bottom: 1px solid lightgray;}
#date-heading{width:15%; color:#9D1A35; padding:0 20px 0 10px; float:left;}
#location-heading{width:25%; color:#9D1A35; padding:0 20px 0 10px; display:inline-block; float:left;}
#race-title{text-align: left; width: 35%; float: left; padding: 0 20px 0 20px; color:#9D1A35;}
#distance-heading{width: 25%; float: left; padding: 0 20px 0 20px; color:#9D1A35;}
#surface-heading{width: 18%; float: left; padding: 0 20px 0 20px; color:#9D1A35;}
#key-holder-inner{width:100%; margin:0 auto; display:block; z-index:10000;}
#event-filter-toggle{position: fixed; top: 119px; width: 100%; text-align: center; z-index: 100000; background-color:#454545;}
#filter-button{width:240px; margin:10 auto; border:solid 1px white;}
#expanded-quick-info-wrap{border-bottom:1px solid lightgray; float: left; margin: 10px 0px 15px 0px;}
#event-single-details{float:left; clear:left; display:block; margin-top:20px; border-bottom: 1px solid lightgray; margin-bottom: 20px; padding-bottom: 20px; width:100%;}
#group-single-details{float:left; clear:left; display:block; border-bottom: 1px solid lightgray; margin-bottom: 20px; padding-bottom: 20px;}

.single-group-detail{display: inline; margin-right: 10px; margin-bottom: 0px !important;}
.underline{text-decoration: underline;}
.inline{display:inline-block;}
ul.sf-nav > li > span{height:50px;}
ul.sf-nav > li{width:18%; text-align:center; line-height:2.5;}
.sf-nav{width:50%; margin:0 auto !important; padding-top:15px !important;}
.key-holder{z-index:10000; width:100%; height: auto; float: inherit; display: inline-block; padding: 0 20px 10px 0px;}
.sf-filter input.sf-date2{width:auto !important; float:left; margin-right:10px;}
.sf-result > li{margin: 0 !important;}
.sf-result-head{display:none; width:70%; background-color:#1FB53A !important; margin:0px auto 30px auto !important; clear:left;}
.event-fa{font-size:17px !important;}
.events-list{width:90% !important; background:white; margin-top:320px !important}
.events-bg{/*background: url('images/hero-comp.jpg') no-repeat;*/ background-position: top; width: 100%; background-size: contain;}
.toggle-details {display:none; width:98%; margin:10px 15px 20px 15px; padding:10px 18px 10px 0px; height:auto; float:left; }
.event-header-labels{font-size: 18px; color: black !important;}
.event-title{font-size:13px; line-height:20px; display:inline-block; margin:5px 0 5px 0 !important;}
.event-icon-text{color:white; font-size:13px; height:30px; line-height:20px; margin:5px 0 5px 0;}
.event-detail{font-size:18px; display:inline; margin-right:25px;}
.event-description{margin-top:20px;}
.event-location-cell{width:25%; display:inline-block; height:30px; vertical-align:middle; font-size:13px; line-height:20px; padding: 0 10px 0 10px; text-align: left;}
.event-length-cell{width:20%; display:inline-block; height:20px; vertical-align:middle; font-size:13px; line-height:20px; padding: 0 10px 0 10px; text-align: left;}
.event-surface-cell{width:21%; display:inline-block; height:20px; vertical-align:middle; font-size:13px; line-height:20px; padding: 0 10px 0 10px; text-align: left;}
.event-date-cell{width:15%;  padding:0 20px 0 20px; display:inline-block; height:30px; line-height:20px; vertical-align:middle; margin:5px 0 5px 0 !important;}
.event-title-cell{width:35%;  padding-left:20px; height:30px; display:inline-block; line-height:22px; text-align:left; vertical-align:middle; cursor:pointer; overflow: hidden;}
.distance-icon-style{position:relative; top:6px; display:inline-block; height:25px; width:25px; margin:0 2px 0 2px;}
.distance-icon-inline{position:relative; display:inline-block; height:20px; width:20px; margin:0 2px 0 2px;}
.two-km{background:url('images/di-2k.svg') no-repeat center center;}
.five-km{background:url('images/di-5k.svg') no-repeat center center;}
.ten-km{background:url('images/di-10k.svg') no-repeat center center;}
.fifteen-km{background:url('images/di-20k.svg') no-repeat center center;}
.fifty-km{background:url('images/di-50k.svg') no-repeat center center;}
.ultra{background:url('images/ultra.svg') no-repeat center center;}
.fun-run{background:url('images/fun-run.svg') no-repeat center center;}
.half-marathon{background:url('images/di-half-marathon.svg') no-repeat center center;}
.marathon{background:url('images/di-marathon.svg') no-repeat center center;}
.relay{background:url('images/di-relay.svg') no-repeat center center;}
.all-races{background:url('images/all-races.svg') no-repeat center center;}
.family{background:url('images/fun-run.svg') no-repeat center center;}
.beginner{background:url('images/di-5k.svg') no-repeat center center;}
.social-group{background:url('images/di-10k.svg') no-repeat center center;}
.serious{background:url('images/di-20k.svg') no-repeat center center;}
.kids{background:url('images/di-half-marathon.svg') no-repeat center center;}
.seniors{background:url('images/di-marathon.svg') no-repeat center center;}
.trail-ultra-group{background:url('images/ultra.svg') no-repeat center center;}
.all-groups{background:url('images/all-races.svg') no-repeat center center;}
.event-margin{margin:5px 0 5px 0 !important;}
.dot-overflow{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.expand-link{cursor:pointer; color:#337ab7;}
.sf-filter{display:block; border-top: 1px solid lightgray; border-bottom: 1px solid lightgray; height:auto; padding:20px 0px 20px 0px; width: 100%; z-index:1000; float:left;}
.no-border{border:none !important;}
.sf-element legend{font-size:15px !important; margin-right:2% !important; border-bottom:none !important;}
.sf-result{width: 1350px; margin: 10px auto 20px !important;}
.sf-element{width:auto; margin-right:2% !important;}
.sf-result li{border:none !important;}
.key-circle{width: 21px;float:left;height:21px;margin-right:5px;margin-top:4px;}
.key-circle-group{width: 21px; float: left; height: 21px; margin-right: 5px; margin-top: 4px;}
.key-distance-value{width: auto; padding:0 10px 0 5px; height: 21px; margin-right: 5px; float: left; color: #fff; font-size: 13px; margin-top: 5px;}
.sf-filter-inner{width:80%; margin:0 auto; display:block; height:auto; padding:0px 25px;}
.filter-toggle-top{top:120px;}
.hide-filters-text{display:none; padding-top:10px;}
.show-filters-text{display:block; padding-top: 10px;}
.hide{display:none !important;}
.show{display:block !important;}
.move-header{height:190px !important;}
.twenty-two{font-size:20px;}
.inner-border{float:left; margin-bottom: 10px; height: 140px; width: 100%; display: block;}
.groups-border{border-bottom:none;}
.no-bm{margin-bottom:10px !important;}


/* Group Single */

#group-image{width:100%;}
#detail-wrap{display: inline-block; width: auto; height: 30px; margin-right: 10px; float:left;}


/* Event Single */

.single-event-detail{display: inline; margin-right: 25px; font-size:14px; margin-bottom: 10px !important;}

/* About Us Page CSS */

.about-us{padding:20px 40px 30px 40px !important; font-size:18px;}

/* Equipment Page CSS */

#feature-equipment{width:100%; height:400px; display:block; margin:0px 0px 40px 0px; float:left; background:url('http://www.qrun.com.au/wp-content/uploads/2016/05/featured-item.jpg') no-repeat center center; background-size:cover;}
#equipment-text{width: 30%; margin: 0 auto; font-size: 25px; text-align: center;}



/* Meet Other Runners Page CSS */

#meet-other-runners{width:100%; float:left; height:460px; background:url('images/hero-meet-other-runners.jpg') no-repeat top center !important; background-size:cover !important;}

.runners{padding:50px 0px 50px 0px !important; text-align:center; width:100%;}

/* Responsive CSS */



/* iPhone 5 */
@media (min-width:320px) and (max-width: 425px) {
	
/* New Responsive Styles */
.mobile-glyph{width:10px;}
#like a{font-size:16px !important;}
#read-more a{font-size:12px;}
#training-advice-single-head{height:215px;}
.article{margin-bottom: 10px; margin-top: 10px; float: left; width: auto; line-height: 32px;}
#name-date{width: 100%; padding: 0px 10px 20px; font-size: 13px;}
#related-title{width: 100%; padding: 10px 10px 0px 10px; font-size: 18px;}
#related-links{width: 96%; height: auto; margin: 40px auto; overflow: auto; float:none; border: 1px solid lightgray;}
#related-thumb{display:none;}
#related-thumb-mobile{display:block; height:auto; width:100%;}
.span4{padding:0px; width:100%;}
.span8{padding:0px 10px 40px 10px; max-width: none !important;}
#single-post-body{width:100%; padding:0px;}
.sf-button-btnsearch{margin:10px 0px; width:100% !important;}
.sf-element input, .sf-element select{height:45px !important; font-size:14px !important;}
.search-header{margin-bottom:20px;}
.membership-btn{width:100%; margin:10px 0px !important;}
#groups-membership-block{width: 100%;}
#groups-map-mobile{display:block; width:100%; height:305px; overflow:hidden;}
#groups-map{display:none;}
#header-container{margin-top:0px; border-radius:0;}
#tagline-container{width:100%; left:10px; padding-top:0;}
#slider-event-details{display:none;}
.home-glyph{font-size:18px;}
#membership-header{height:115px;}
#page-title-container{height:115px; padding-top: 0px !important; display: table-cell !important;}
.page-info{font-size:12px; padding: 10px 10px; text-align:left;}
h2{font-size:20px !important;}
.half{width:100%; border-bottom:1px solid lightgray;}
.right-border{border:none;}
.membership-info{font-size:12px; margin-bottom:10px; padding:0px;}
.member-header-margin{margin-bottom:20px !important;}
.membership-block{padding:0px; min-height:auto; margin-bottom: 20px;}
.membership-list{margin: 0px 0px 0px 20px; width: auto;}
li.membership-list-item:before{padding-right:7px;}
li.membership-list-item{font-size:12px;}
#membership-linebreak{display:none;}
.tagline{font-size:12px !important; margin: 0px; width:100%;}
.span-post{width:100%; margin-top:10px;}
.grid-blog-title{font-size:16px; height:auto; border-bottom:none;}
.inner-border{height:auto; border-bottom:none;}
.inner-border p{font-size:14px;}

/* Slider */

#slider-event-details-inner {width: 100%; padding:0px 0px 40px 0px;}
.slider-glyphicon{font-size:8px; margin-right: 15px;} 
.event-detail{font-size:8px;}
.slider-glyph{font-size:8px;}
#slider-desc{padding-top:10px; margin-top:10px;}
#subscribe-inner{width:100%;}
#under-link{margin:0px 5px;}
#expert-post-wrap{margin:5%; padding:0;}
#footer-sm{margin:0px 0px 40px 0px; float:none; width:100%;}
.footer-link{font-size:11px !important;}
#logo-container{width:88px; padding-top:20px;}
#hero-image{height:187px !important;}


#website-title{padding:0px 0px 0px 10px; text-align:left; color:white; width:24%; float:left;}
#location-heading{padding:0px 0px 0px 10px; width:24%;}
#description-heading{width:24%; padding:0 0 0 10px; float:left; color:white;}
#list-heading-container{width:100%;}
#event-image{width:100% !important; background-size:cover !important;}
#event-expanded-info{width:100% !important; padding:10px; margin:0 !important;}
#post-wrap{width:95% !important; margin: 0 auto 10px auto; float: none; display: block; padding: 0px; overflow: auto;}
#key-holder-inner{width:100%;}
#location-heading{display:none;}
#date-heading {width: 30%; color: #9D1A35; padding: 0px 10px 0 10px; float: left;}
#race-title{width:45%; padding:0px 10px 0 10px; float:left;}
#distance-heading{display:none;}
#surface-heading{display:none;}
#location-heading{display:none;}
#header-tagline{margin: 28px 5% 0px 0px; font-size: 11px;}
#event-start-point{width:100% !important;}
#event-contact{padding-left:0px !important; width:100% !important;}
#event-website{width: 100% !important; padding-left: 0px !important;}
#expanded-quick-info-wrap{padding-bottom:20px; font-size: 12px; line-height: 12px;}
#event-filter-toggle{top:113px;}
#single-event-desc{width:100% !important;}

	
/* Group Listings Mobile */

.group-social-cell{display:none;}
.group-website-cell{display:none;}
#social-heading{display:none;}
#website-title{padding:0px 0px 0px 10px; text-align:left; color:white; width:24%; float:left; display:none;}
#group-heading{padding:0 0 0 5px; width:60%;}
#group-location-heading{width:40%;}
.ten{font-size:16px !important;}
.glyphicon-heading-margin{margin-right:15px;}
.group-name-cell{width:60%; padding:0 0 0 15px; font-size:12px; overflow:hidden;}
.group-location-cell{font-size:12px; width:35%; padding:0 0 0 5px; height:30px; vertical-align:middle; line-height:20px; text-align:left; display:inline-block;}
.groups-key-width{width:75% !important;  top: 250px !important; padding-right:0px;}
.key-circle-group{width: 17px; height: 25px; margin-right: 2px; margin-top: 1px;}
.key-group-value{width: 40%; padding: 0 10px 0 5px; height: 21px; margin-right: 5px; float: left; color: #fff; font-size: 12px; margin-top: 5px;}
.group-single-span8{width:100%;}
#group-image{width:100% !important;}
#detail-wrap{display: inline-block; width: auto; height: auto; margin-right: 10px;}
#event-single-details{width:100% !important;}
.move-header{height:448px !important;}
.key-holder{width:100%;}
.toggle-size{font-size:14px;}
.event-date-cell{width:30% !important; font-size: 11px; text-align: left; padding-left:10px;}
.event-title-cell{width:65%; padding-left:10px; border-right:none; font-size:11px;}
.event-length-cell{display:none;}
.event-surface-cell{display:none !important;}
.event-location-cell{display:none;}
.events-space{height:178px;}
.key-circle{width: 10px; float:left; height:21px; margin-right:2px; margin-top:1px;}
.key-distance-value{font-size:9px; margin-right: 0px; padding: 0 6px 0 5px;}

.toggle-details{width:100% !important; margin:0px !important; padding: 4px 0px !important; background: none; border-radius: 0px;}
.group-description-cell{width:24%; padding-left:5px;}
.group-website-cell{width:24%; padding-left:10px; text-align:left;}
.sf-result{width:100%; border:none;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
.group-icon{font-size:11px !important;}
.fa{font-size:16px !important;}
.filter-toggle-top{top:112px !important;}
.span-experts{width:100%;}
.qrun-heading{padding-left:0px; font-size:12px;}
.grid-item{width:90% !important;}
.eighteen{font-size:18px;}
.expert-box{width:inherit;}
.event-date-cell{font-size:10px !important;}
.reveal-link{font-size: 11px;}
.reveal-cover{padding-top:45px;}
.site-map-column{width:65%; height:auto; text-align:center; margin:0px auto 40px auto; clear:left; float:none;}
li.footer-list:before{padding-right:7px; margin-left:0; float:none;}
li.footer-list{font-size:12px; text-align:center !important;}
.breadcrumb{margin-bottom:0px !important; font-size:15px; padding: 8px 10px !important;}
.full-width{width:100%;}
.sf-filter-inner{width:100%;}
.sf-filter{height:auto;}
.sf-element{width:100% !important; clear:left; padding:10px 0px !important;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
.sf-result-head{margin-top:2% !important;}

}

/* Galaxy S5 */	
@media (min-width:360px) and (max-width: 374px) {

/* Slider */
.event-detail{font-size:8px;}
.slider-glyph{font-size:8px;}
#slider-desc{padding-top:10px; margin-top:10px;}
#subscribe-inner{width:100%;}
#slider-event-details-inner{width:100%; padding-top:10px;}
.slider-glyphicon{font-size:8px; margin-right: 15px;} 
#service-type-heading{width: 45%; color: white; padding: 0 20px 0 10px; float: left;}
#service-name-heading{width: 45%; color: white; padding: 0 20px 0 10px; float: left;}

#hero-image{height:255px !important;}
#about-us{height:180px !important;}
#instagram{width:26px;}
#facebook{width:20px;}
#social-icons{width:86px;}
#underneath{height:112px;}
#under-link{margin:0px 5px;}
#hero-image{height:228px!important;}

#event-image{width:100% !important;}
#event-image{height:150px !important; border-radius:0 !important; background-size:cover !important;}
#event-expanded-info{width:100% !important; padding:10px; margin:0 !important;}
#event-expanded-title{display:block; text-align:center;}
#event-expanded-desc{height:auto; margin:15px 0px 0px; line-height:26px; font-size:14px; border-bottom:1px solid lightgray; padding-bottom:15px;}
#distance-key{margin: 10px auto 0px auto; height: 31px; background: none; border-radius: 45px; padding: 0px 2px 6px 2px; display: table; border: 1px dashed lightgray; float:none !important;}
#event-start-point{width:100% !important;}
#event-contact{padding-left:0px !important; width:100% !important;}
#event-website{width: 100% !important; padding-left: 0px !important;}
#footer-sm{margin:0px 0px 40px 0px; float:none; width:100%;}
#logo-container{width:135px; padding-top:13px;}
#expert-post-wrap{margin:5%; padding:0;}
#distance-heading{display:none;}
#surface-heading{display:none;}
#location-heading{display:none;}
#list-heading-container{width:100%;}
#event-single-details{width:100% !important;}
#single-event-desc{width:100% !important;}
#location-heading{padding:0px 0px 0px 10px; width:24%;}
#description-heading{width:24%; padding:0 0 0 10px; float:left; color:white;}

#key-holder-inner{width:100%;}

#race-title{width:45%; padding:0px 10px 0 10px; float:left;}
#event-filter-toggle{top:113px;}

#training-advice-single-head{width: 100%; margin: 0 auto 0;}
#header-tagline{font-size:12px;}
#expanded-quick-info-wrap{padding-bottom:30px; font-size: 12px; line-height: 12px; }
	
/* Group Listings Mobile */
.group-social-cell{display:none;}
.group-website-cell{display:none;}
#social-heading{display:none;}
#website-title{padding:0px 0px 0px 10px; text-align:left; color:white; width:24%; float:left; display:none;}
#group-heading{padding:0 0 0 5px; width:60%;}
#group-location-heading{width:35%;}
.ten{font-size:16px !important;}
.glyphicon-heading-margin{margin-right:15px;}
.group-name-cell{width:60%; padding:0 0 0 15px; font-size:12px; overflow:hidden;}
.group-location-cell{font-size:12px; width:35%; padding:0 0 0 5px; height:30px; vertical-align:middle; line-height:20px; text-align:left; display:inline-block;}
.groups-key-width{width:75% !important;  top: 250px !important; padding-right:0px;}
.key-circle-group{width: 17px; height: 25px; margin-right: 2px; margin-top: 1px;}
.key-group-value{width: 40%; padding: 0 10px 0 5px; height: 21px; margin-right: 5px; float: left; color: #fff; font-size: 12px; margin-top: 5px;}
.group-single-span8{width:100%;}
#group-image{width:100% !important;}

.service-name-cell{width: 49%; font-size:12px;}
.service-type-cell{width: 49%; font-size:12px;}
.contact-box-inner{width:100%;}
#contact-icons{margin-left:0px;}
#contact-details{width:70%;}
#postal-details{margin-top:30px;}
#postal-icon{margin-top:30px;}
.training-body{width:85%;}

.events-space{height:176px !important;}
.key-holder{top:330px;}
.key-circle{width: 10px; float:left; height:21px; margin-right:2px; margin-top:1px;}
.key-distance-value{font-size:9px;}

.group-icon{font-size:13px !important;}
.group-description-cell{width:24%; padding-left:5px;}
.group-website-cell{width:24%; padding-left:10px; text-align:left;}
.reveal-cover{padding-top:45px;}
.span-experts{width:100%; margin:0;}
.qrun-heading{padding-left:0px; font-size:12px;}
.grid-item{width:90% !important;}
.eighteen{font-size:18px;}
.expert-box{width:inherit;}
.breadcrumb{font-size:15px;}
.distance-icon-style{top:3px !important;}
.social{font-size:16px !important;}

.fa{font-size:16px !important;}
.glyphicon{font-size:14px !important;}
.reveal-link{font-size:12px;}
.footer-link{font-size:11px !important;}
.about-us{padding:30px 0px 30px 0px !important; width:90% !important;}
.about-us-buttons{width:47% !important; margin-top:10px !important; margin-right:0px !important;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
.sf-result-head{margin-top:2% !important;}
.event-length-cell{display:none;}
.event-surface-cell{display:none !important;}
.event-date-cell{width:30% !important; font-size: 11px; text-align: left; padding-left:10px;}
.event-location-cell{display:none;}
.event-title-cell{width:65%; padding-left:10px; border-right:none; font-size:11px;}
.toggle-details{width:100% !important; margin:0px !important; padding: 4px 0px !important; background: none; border-radius: 0px;}
.body-glyph{font-size:15px !important; margin-right:15px;}
.sf-result li{overflow:auto;} 
.sf-result > li{padding:0 !important;}
.site-map-column{width:65%; height:auto; text-align:center; margin:0px auto 40px auto; clear:left; float:none;}
li.footer-list:before{padding-right:7px; margin-left:0; float:none;}
li.footer-list{font-size:12px; text-align:center !important;}
.full-width{width:100%;}


.sf-result{width:100%; border:none;}
.move-header{height:468px !important;}
.filter-toggle-top{top:113px !important;}
.toggle-size{font-size:14px;}
}


/* iPhone 6 */

@media (min-width:375px) and (max-width: 413px) {
#hero-image{height:282px !important;}
#page-title-container{width:90% !important;}
#event-image{width:100% !important; height:150px !important; border-radius:0 !important; background-size:cover !important;}
#event-expanded-info{width:100% !important; padding:10px; margin:0 !important;}
#event-expanded-title{display:block;}
#event-expanded-desc{height:auto; margin:10px 0px 0px; padding-bottom:10px; line-height:18px; border-bottom: 1px solid lightgray; font-size: 14px;}
#distance-key{margin: 10px auto 0px auto; height: 31px; background: none; border-radius: 45px; padding: 0px 2px 6px 2px; display: table; border: 1px dashed lightgray; float:none !important;}
#event-start-point{width:100% !important;}
#event-contact{padding-left:0px !important; width:100% !important;}
#event-website{width: 100% !important; padding-left: 0px !important;}
#logo-container{width:160px; padding-top:10px;}
#under-link{margin:0px 5px;}
#footer-sm{margin:0px 0px 40px 0px; float:none; width:100%;}
#expert-post-wrap{margin:5%; padding:0px 10px 10px 0px;}
#group-heading{padding:0 0 0 5px; width:24%;}
#website-title{padding:0px 0px 0px 10px; text-align:left; color:white; width:24%; float:left;}
#location-heading{padding:0px 0px 0px 10px; width:24%;}
#description-heading{width:24%; padding:0 0 0 10px; float:left; color:white;}
#filler-div{height:177px;}
#list-heading-container{width:100%;}

#key-holder-inner{width:100%;}
#location-heading{display:none;}
#date-heading {width: 30%; padding: 0px 10px 0 10px; float: left;}
#race-title{width:30%; padding:0px 10px 0 10px; float:left;}
#distance-heading{display:none;}
#surface-heading{display:none;}
#location-heading{display:none;}
#header-tagline{font-size:11px;}
#event-start-point{width:100% !important;}
#event-contact{padding-left:0px !important; width:100% !important;}
#event-website{width: 100% !important; padding-left: 0px !important;}
#expanded-quick-info-wrap{padding-bottom: 15px; font-size: 14px;}
#event-filter-toggle{top:112px;}
#contact-icons{margin-left:0px;}
#contact-details{width:78%;}
#submit-story{width:90%;}
#subscribe-inner{width:100%;}
#event-single-details{width:100%;}
#read-more{font-size:15px;}
.sl-button{font-size:1.4em !important;}
.sl-count{font-size:.8em;}
.post-links{width:33%;}
.fb_share_small{float:left !important;}

	
/* Group Listings Mobile */

.group-social-cell{display:none;}
.group-website-cell{display:none;}
#social-heading{display:none;}
#website-title{padding:0px 0px 0px 10px; text-align:left; color:white; width:24%; float:left; display:none;}
#group-heading{padding:0 0 0 5px; width:60%;}
#group-location-heading{width:35%;}
.group-name-cell{width:60%; padding:0 0 0 15px; font-size:12px; overflow:hidden; line-height: 22px;}
.group-location-cell{font-size:12px; width:35%; padding:0 0 0 5px; height:30px; vertical-align:middle; line-height:20px; text-align:left; display:inline-block;}
.groups-key-width{width:86% !important;  top: 295px !important; padding:0 20px 10px 40px;}
.key-circle-group{width: 17px; height: 25px; margin-right: 2px; margin-top: 1px;}
.key-group-value{width: 40%; padding: 0 10px 0 5px; height: 21px; margin-right: 5px; float: left; color: #fff; font-size: 12px; margin-top: 5px;}
.group-single-span8{width:100%;}
#group-image{width:100% !important;}
#group-expanded-desc{font-size:13px;}
#training-advice-single-head{width:100%; margin:0px auto;}
.training-body{width:90%;}
.single-group-detail{font-size:13px;}
#single-event-desc{width:100%; font-size:13px;}
#slider-desc{margin-top:10px; padding-top:15px;}
#slider-event-details-inner {width: 100%; padding:15px 0px 40px 0px;}
#tagline-container{width:85%; left:10px; padding-top: 5%;}
#detail-wrap{display: inline-block; width: auto; height: auto; padding:5px; margin-right: 10px;}
.slider-glyphicon{font-size:8px; margin-right: 15px;} 
.runners{width:85%;}
.inner-border p{font-size:13px;}
.breadcrumb{font-size:15px;}
.contact-box-inner{width:98%;}
.event-detail {font-size: 9px;}
.move-header{height:505px !important;}
.key-holder{width:84%;}
.toggle-size{font-size:14px;}
.event-date-cell{width:30% !important; font-size: 11px; text-align: left; padding-left:10px;}
.event-title-cell{width:65%; padding-left:10px; border-right:none; font-size:11px;}
.event-length-cell{display:none;}
.event-surface-cell{display:none !important;}
.event-location-cell{display:none;}
.fa{font-size:16px !important;}
.events-space{height:399px;}
.key-holder{top:390px;}
.key-circle{width: 10px; float:left; height:21px; margin-right:2px; margin-top:1px;}
.key-distance-value{font-size:9px; margin-right: 0px; padding: 0 6px 0 5px;}
.sf-filter-inner{width:80%;}
.span-post{margin-top:10px !important;}
.group-description-cell{width:24%; padding-left:5px;}
.group-website-cell{width:24%; padding-left:10px; text-align:left;}
.glyphicon-heading-margin{margin-right:5px;}
.group-icon{font-size:13px !important;}
.ten{font-size:13px !important;}
.grid-item{width:90% !important;}
.span-experts{width:100%; margin:0px;}
.eighteen{font-size:18px;}
.qrun-heading{padding-left:0px; font-size:12px;}
.expert-box{width:inherit;}
.reveal-link{font-size:12px;}
.reveal-cover{padding-top:45px;}
.distance-icon-style{top:3px !important;}
.about-us{width:90% !important; padding:20px 0px 30px 0px !important;}
.about-us-buttons{width:47% !important; margin-top:10px !important;}
.event-length-cell{display:none;}
.event-surface-cell{display:none !important;}
.event-location-cell{display:none;}
.toggle-details{width:100% !important; margin:0px !important; padding: 4px 0px !important; background: none; border-radius: 0px;}
.body-glyph{font-size:14px !important;}
.sf-result li{overflow:auto;} 
.sf-result > li{padding:0 !important;}
.site-map-column{width:65%; height:auto; text-align:center; margin:0px auto 40px auto; clear:left; float:none;}
li.footer-list:before{padding-right:7px; margin-left:0; float:none;}
li.footer-list{font-size:12px; text-align:center !important;}
.full-width{width:100%;}
.sf-element input, .sf-element select{height:24px !important; font-size:10px !important;}

.sf-result{width:100%; border:none;}
.sf-element{width:100% !important; clear:left;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
}

/* iPhone 6 Plus */

@media (min-width: 414px) and (max-width:767px) {
#coach-ed-column-two{padding: 20px 0 0 0px;}
#coach-ed-column-two ul{margin: 10px 0 10px 15px !important;}
#aa-logo{padding: 10px 0px 30px 10px;}
#hero-image{height:351px !important;}
#under-link{margin:0px 10px;}
#footer-sm{margin:0px 0px 40px 0px; float:none; width:100%;}
#expert-post-wrap{margin:5%; padding:0;}
#list-heading-container{width:100%;}
#group-heading{padding:0 0 0 5px; width:24%;}
#website-title{padding:0px 0px 0px 10px; text-align:left; color:white; width:24%; float:left;}
#location-heading{padding:0px 0px 0px 10px; width:24%;}
#description-heading{width:24%; padding:0 0 0 10px; float:left; color:white;}
#event-image{width:100% !important; height:150px !important; border-radius:0 !important; background-size:cover !important;}
#event-expanded-info{width:100% !important; padding:10px; margin:0 !important;}

#key-holder-inner{width:100%;}
#location-heading{display:none;}
#date-heading {width: 30%; padding: 0px 10px 0 10px; float: left;}
#race-title{width:30%; padding:0px 10px 0 10px; float:left;}
#distance-heading{display:none;}
#surface-heading{display:none;}
#location-heading{display:none;}
#header-tagline{font-size: 11px;}
#event-filter-toggle{top:119px;}
#slider-desc{margin-top:10px; padding-top:15px;}
#slider-event-details-inner {width: 100%; padding:15px 0px 40px 0px;}
#tagline-container{width:85%; left:10px; padding-top: 5%;}
#detail-wrap{display: inline-block; width: auto; height: 15px; margin-right: 10px;}
.slider-glyphicon{font-size:8px; margin-right: 15px;} 
.event-detail {font-size: 10px;}
.move-header{height:185px !important;}
.toggle-size{font-size: 14px;}
.span-post{margin-top:10px !important;}
.toggle-details{width:100% !important; margin:0px !important; padding: 4px 0px !important; background: none; border-radius: 0px;}
.group-description-cell{width:24%; padding-left:5px;}
.group-location-cell{font-size:8px; width:24%; padding:0 0 0 5px; height:30px; vertical-align:middle; line-height:20px; text-align:left; display:inline-block;}
.group-website-cell{width:24%; padding-left:5px; text-align:left;}
.glyphicon-heading-margin{margin-right:5px;}
.group-icon{font-size:13px !important;}
.ten{font-size:10px !important;}
.full-width{width:100%;}
.sf-element input, .sf-element select{height:24px !important; font-size:10px !important;}
.sf-filter{top:180px; height: 345px;}
.sf-result{width:100%; border:none;}
.group-name-cell{width:24%; padding:0 0 0 5px;}
.sf-element{width:100% !important; clear:left;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
.grid-item{width:90% !important;}
.span-experts{width:100%;}
.eighteen{font-size:18px;}
.qrun-heading{padding-left:0px; font-size:12px;}
.expert-box{width:inherit;}
.reveal-link{font-size:12px;}
.reveal-cover{padding-top:45px;}
.site-map-column{width:65%; height:auto; text-align:center; margin:0px auto 40px auto; clear:left; float:none;}
li.footer-list:before{padding-right:7px; margin-left:0; float:none;}
li.footer-list{font-size:12px; text-align:center !important;}
.event-date-cell{width:30% !important; font-size: 11px; text-align: left; padding-left:10px;}
.event-title-cell{width:65%; padding-left:10px; border-right:none; font-size:11px;}
.event-length-cell{display:none;}
.event-surface-cell{display:none !important;}
.event-location-cell{display:none;}
.fa{font-size:16px !important;}
.events-space{height:184px;}
.key-holder{top:410px; width: 75%;}
.key-circle{width: 10px; float:left; height:21px; margin-right:2px; margin-top:1px;}
.key-distance-value{font-size:9px; margin-right: 0px; padding: 0 6px 0 5px;}
}

@media (max-width:580px) {
h1{text-align:center;}
h2{font-size:20px;}
body{font-size:8px !important;}
#hero-overlay{height:230px; padding:0px 10px 40px 10px;}
#more-info-button{width:100%; margin-left:0px;}
#underneath{height:130px;}
#social-icons{margin-left:2%;}
.feature-title{font-size:1.8em;}
.footer-link{font-size:11px;}
.distance-icon-inline{width:20px; height:20px; margin:0 2px 0px 2px;} 
.event-surface-cell{padding:0px 10px 0px 0px; width:16%;} 
.event-length-cell{width:30%; padding:2px 10px 0px 0px} 
.event-location-cell{font-size:8px; padding:0 10px 0 0px;} 
/*.event-title-cell{width:20%; padding-left:0px;}*/
.event-header-labels{font-size:8px;} 
/*.event-date-cell{width:14%; padding:0px;} */
.events-list{width:100% !important; background:white; margin-top:0px !important} 
.reveal-cover{height:150px !important;}
.quarter-box{line-height:5em;}
.glyphicon{font-size:14px !important; line-height:1.5 !important;}
}

/* Desktop */

@media (min-width:1440px) {
#hero-image{height:640px !important;}
#tagline-container{left:125 !important;}
#filler-div{height:230px;}
#contact-details{width:75%;}
.slider-glyphicon{margin-right: 15px;}
.span-experts{width:1350px !important; margin:10 auto !important; float:none !important;}

.events-list{width:100% !important;} .toggle-details{height:210px;}
.qrun-heading{padding-left:0px; font-size:9px;}
.full-width{width:100%;}
.eighteen{font-size:18px;}
.expert-box{text-align:center;}
.meet-runners-tag{font-size:28px;}
.key-holder{top:270px;}
.move-header{height:380px !important;}
}

/* MAX WIDTHS */

/* iPad Portrait */

@media (min-width: 768px) and (max-width:1023px){
#related-title{width:100%;}
#related-thumb{display:none;}
#related-thumb-mobile{display:block;}	
body{width:96%;}
#post-wrap{width:360px;}
#header-container{margin-top:10px;}
#tagline-container{width:85%; left:40px} 
#hero-image{height:494px !important;}
#contact-details{width:75%;}
#list-heading-container{width:100%;}
#group-heading{width:24%; color:white; padding:0 10px 0 10px; float:left;}
#website-title{padding:0px 10px 0px 10px; text-align:left; color:white; width:24%; float:left;}
#location-heading{width: 20%; color: white; padding: 0 10px 0 10px; display: inline-block; float: left;}
#description-heading{width:24%; padding:0 0 0 10px; float:left; color:white;}
#event-expanded-info{width:100% !important; padding:10px; margin:0 !important;}
#event-image{width:100% !important; height:300px !important; border-radius:0 !important; background-size:cover !important;}
#about-us{height: 245px;}
#event-filter-toggle{top:119px;}
#slider-event-details-inner{width:100%;}
#page-title-container{padding-left: 20px;height: 245px; padding-top: 100px;}
.inner-border{height:auto;}
.grid-blog-title{height:auto;}
.slider-glyphicon{margin-right: 15px;}
.move-header{height:182px !important;}
.sf-filter{height:auto;}
.span-post{width:98% !important; margin-top:10px !important;}
.toggle-details{width:100% !important; margin:0px !important; padding: 4px 0px !important; background: none; border-radius: 0px;}
.group-description-cell{width:24%; padding-left:5px;}
.group-location-cell{width:24%; padding:0 0 0 5px; height:30px; vertical-align:middle; line-height:20px; text-align:left; display:inline-block;}
.group-website-cell{width:24%; padding-left:10px; text-align:left;}
.group-name-cell{width:24%; padding:0 0 0 5px;}
.sf-result{width:100%; border:none;}
.reveal-cover{padding-top:75px;}
.tagline{margin:0px !important;}
.about-us-buttons{width:auto !important;}


.site-map-column{width:18%; margin:20px 1% 0px 1%;}
.span-experts{width:70%;}
.expert-box{width:24%; text-align:center;}
.entry-content{padding:30px 10px 0px 10px;}
.qrun-heading{padding-left:0px; font-size:9px;}
.full-width{width:100%;}
.eighteen{font-size:18px;}
.meet-runners-tag{font-size:20px;}
#surface-heading{width:20%; padding:0 10px 0 10px;}
#distance-heading{width:18%; padding:0 10px 0 10px;}
#key-holder-inner{width:100%;}
#race-title{padding:0 10px 0 5px; width:28%;}
#date-heading {width:14%; padding: 0px 10px 0 10px;}
.glyphicon-heading-margin{margin-right:10px}
.distance-icon-inline{height:18px; width:13px; margin:0 1px 0 1px;}
.event-location-cell{width:20%;}
.event-date-cell{width:13% !important; font-size: 11px; text-align: left; padding:0 10px 0 10px;}
.event-title-cell{border-right:none; font-size:11px; width:28%; padding-left:10px;}
.event-surface-cell{width:auto !important;}
.fa{font-size:16px !important;}
.key-holder{top:250px;}
.key-circle{width: 15px; float:left; height:21px; margin-right:2px; margin-top:1px;}
.key-distance-value{font-size:9px; margin-right: 0px; padding: 0 6px 0 5px; height:15px; margin-top:7px;}
.events-space{height:181px;}
.sf-filter-inner{width:95%;}
.sf-element{width:20% !important;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
.sf-filter input.sf-date2{width:40% !important; text-align:center;} 
}

/* iPad Landscape */

@media (min-width:1024px) and (max-height:768px) {
#hero-image{height:441px !important;}
#surface-heading{width:20%; padding:0 10px 0 10px;}
#distance-heading{width:18%; padding:0 10px 0 10px;}
#key-holder-inner{width:100%;}
#race-title{padding:0 10px 0 10px; width:28%;}
#date-heading {width:14%; padding: 0px 10px 0 10px;}

/** #slider-event-details-inner{width:100%;}**/
#contact-details{width:75%;}
.slider-glyphicon{margin-right: 15px;}
.glyphicon-heading-margin{margin-right:10px}
.distance-icon-inline{height:20px; width:19px; margin:0 1px 0 1px;}
.event-location-cell{width:20%;}
.event-date-cell{width:13% !important; font-size: 14px; text-align: left; padding:0 10px 0 10px;}
.event-title-cell{border-right:none; font-size:14px; width:28%; padding-left:10px;}
.event-surface-cell{width:auto !important;}
.fa{font-size:16px !important;}
.events-space{height:304px;}
.key-holder{top:187px;}
.key-circle{width: 15px; float:left; height:21px; margin-right:2px; margin-top:1px;}
.key-distance-value{font-size:9px; margin-right: 0px; padding: 0 6px 0 5px; height:15px; margin-top:7px;}
.sf-filter-inner{width:96%;}
.sf-element{width:20% !important;}
.sf-element legend{text-align:center; padding-top:6px !important; margin-bottom:5px !important; font-size:12px !important;}
.sf-filter input.sf-date2{width:40% !important; text-align:center;} 
.reveal-link{font-size:18px;}
.about-us{padding:50px 50px 30px 50px !important;}
.body-glyph{font-size:14px !important;}
.site-map-column{margin-top:20px;}
.eighteen{font-size:18px;}
.meet-runners-tag{font-size:20px;}
}

/* Laptop */

@media (min-width:1024px) and (max-width:1439px) {
.about-us, .subscribe{padding:20px 50px 30px 50px !important;}
#slider-desc{padding-top:10px;}	
#slider-event-details-inner{padding:0px 10px;}
#about-us, #subscribe, #contact-us, #coach-education{height:328px;}
.membership-groups{font-size:12px !important; padding:2px 0px !important;}
.header-copy{font-size:16px; margin-top:10px;}
.group-membership-header{font-size:22px;}
.grid-blog-title{height:auto; font-size:18px;}
.membership-block{padding:0 20px;}
#membership-header{height:328px;}
#page-title-container{padding-left:30px; height:328px;}
#groups-map{display:none;}
#groups-map-laptop{display:block; width: 50%; height: 435px; float: left; display: inline-block; overflow: hidden;}
#header-container{margin-top:10px;}
#post-wrap{padding: 10px; width: 430px;}
#post-image{height: 260px;}
body{width: 96%;}
#tagline-container{padding-top:16%;}
#hero-image{height:440px !important;}
#four-nav{height:135px;}
#footer-sm{margin:0 0 10px 10px !important;}
#underneath{width:inherit !important; height:135px; padding-top:10px;}
#under-link{margin:0 50px; padding:5px;}
#site-map-container{padding:20px 0px 20px 0px !important;}
#filler-div{display:none;;}
#list-heading-container{width:inherit !important; padding:5px 20px; clear:left;}
#date-heading{width:14% !important;}
#race-title{width:40% !important;}
#event-expanded-info{width:77% !important;}
#location-heading{width: 20%; padding: 0 10px 0 10px; display: inline-block; float: left;}
#contact-details{width:75%;}
.slider-glyphicon{margin-right: 15px;}
.bris-fest{margin-top:5% !important;}
.friendlies{margin-top:5% !important;}
.event-detail{font-size:15px !important; margin-bottom:10px !important;}
.tagline{font-size:20px;}
.sf-element{width:23% !important;}
.move-header{height:304px !important;}
.span-post{width: 100%; margin: 0px auto 40px auto;}
.home-glyph{font-size:20px;}
.sf-result > li{padding:1% 20px;}
.key-circle{width: 16px;  height:25px; margin-right:5px; margin-top:1px;}
.key-holder{padding:0 0px 10px 0px;}
.key-distance-value{padding:0 20px 0 5px; font-size:12px; margin-top:6px;}
.reveal-cover{height:135px; padding-top:50px;}
.reveal-link{font-size:13px;}
.third{display:block !important;}
.expert-box{width:40% !important; text-align:center;}
.span-experts{width:98% !important; margin:0 auto !important; float:none !important;}
.sf-filter-inner{width:98%}
.key-holder{width:inherit; top: 250px;}
.sf-result{width:100%;}
.event-date-cell{width:14% !important; font-size:17px;}
.event-title-cell{width:40% !important; font-size: 17px;}
.event-location-cell{font-size: 17px;}
.event-surface-cell{font-size:14px;}
.qrun-heading{padding-left:0px; font-size:9px;}
.full-width{width:100%;}
.eighteen{font-size:18px;}
.meet-runners-tag{font-size:28px;}
}


@media (max-width:980px) {.third{width:50% !important;}}	

/* Swipe Feature CSS */ 
#swipe-call-to-action{color:white; position:absolute; width:100%; overflow:hidden; top:75%; font-size: 30px; line-height: 50px;}
#mobile-swipe-slide{background-size:cover; width:100%; min-height:425px;}
#tab-swipe-slide{background-size:cover; width:100%; display:block; min-height:780px;}
.tab-slide-1{background:url('http://www.qrun.com.au/wp-content/uploads/2016/02/qrun-running-slide1-tab.jpg');}
.tab-slide-2{background:url('http://www.qrun.com.au/wp-content/uploads/2016/02/qrun-running-slide2-tab.jpg');}
.tab-slide-3{background:url('http://www.qrun.com.au/wp-content/uploads/2016/02/qrun-running-slide3-tab.jpg');}
.slide-1{background:url('http://www.qrun.com.au/wp-content/uploads/2016/02/qrun-running-slide1.jpg');}
.slide-2{background:url('http://www.qrun.com.au/wp-content/uploads/2016/02/qrun-running-slide2.jpg');}
.slide-3{background:url('http://www.qrun.com.au/wp-content/uploads/2016/02/qrun-running-slide3.jpg');}