@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,900|Work+Sans:400,600,800|Oswald:400);

/*
font-family: 'Merriweather', serif;
font-family: 'Work Sans', sans-serif;
font-family: 'Oswald', sans-serif;
*/

/* DEFAULT STUFF */

body {
	background: #fff;
	font-family: 'Work Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 18px;
	overflow-x: hidden;
    margin:0;
}

html {
	overflow-x: hidden;
}

img {
	border: none;
}

h1, h2, h3, p, img, span, div, ul, li {
	padding: 0;
	margin: 0;
}

select:required:invalid {
	color: #9b9b9b;
}
option[value=””][disabled] {
	display: none;
}
option {
	color: #000;
}

/* SOME HELPERS */

.orange-text {
	color: #ff7c00;
}

.green-text {
	color: #66cd00;
}

.grey-text {
	color: #9b9b9b !important;
}

.light-grey-text {
	color: #b3b3b3;
}

.dark-grey-text {
	color: #4a4a4a;
}

.hard-left {
	margin-left: -15px;
}

.hard-right {
	margin-right: -15px;
}

/* this container wraps all header/content */
.container {
    margin-left: auto;
    margin-right: auto;
	max-width: 1220px;
    position: relative;
}

/* HEADER */

header {
	position: relative;
/*    max-width: 1170px;*/
	height: 225px;
	padding: 25px 0px 35px;
}

header.inside {
	overflow-y: visible;
    margin-left: -15px;
    margin-right: -15px;
}

#header-bkgnd {
	background: url(/img/2016/header-background.png) no-repeat;
	float: right;
	width: 191px;
	height: 267px;
	margin-top: 6px;
}

#header-bkgnd-short {
	background: url(/img/2016/header-background-short.png) no-repeat;
	float: right;
	width: 191px;
	height: 194px;
	margin-top: 6px;
}

#lead-banner {
	max-width: 728px;
	height: 90px;
	margin-top:0;
	margin-left: auto;
	margin-right: auto;
}

#lead-banner a {
	position: absolute;
	margin-top:0px;
}
#lead-banner img {
	width: 100%;
	height: 90px;
}

header #logo-cover {
	max-width: 350px;
	width: 100%;
	height: 39px;
	float: left;
	margin-top: 40px;
	padding-right:0px;
}

header #logo-cover img {
	width: 100%;
	height: 39px;
	padding-right: 0;
/*	margin-top: 92px;*/
}

/* NAVIGATION */

.navbar {
	font: 400 30px/34px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #636363;
	z-index: 10;
	position: absolute;
	bottom: 15px;
	right: 50px;
	background-color : transparent;
	border: none;
}

.navbar-default {
	padding: 0;
	margin: 0;
}

.navbar-nav > li > a {
    padding-top: 10px;
}

.navbar-nav > li {
    padding-right: 10px;
}

.navbar ul li a {
	padding-left: 0px;
    
}

.navbar #search-line {
	text-align: right;
	width: 60px;
    padding-left: 30px;
}

.navbar-default .navbar-nav > .active > a {
	background: #fff;
	color: #85db18;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a:hover {
	background: #fff;
}

.dropdown a.dropdown-toggle {
	color: #000000 !important;
}

.dropdown .dropdown-menu {
	font: 400 18px/31px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #313131;
	text-align: center;
}

.dropdown .dropdown-menu ul li a {
	text-align: center;
}

.dropdown .dropdown-menu {
	padding: 15px 0;
}

#search {
	margin-right: 0;
	margin-left: 20px;
	line-height: 45px;
}

#search .dropdown-menu {
	margin-top: -200px;
	margin-left: -300px;
	width: 325px;
	height: 170px;
	z-index: 1000;
}

#site_search_terms {
	font: 400 20px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	width: 250px;
	height: 60px;
	margin: 15px;
	text-indent: 5px;
}

#search .dropdown-menu button {
	font: 600 15px/15px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	background: #85db18;
	color: #fff;
	width: 150px;
	border: none;
	height: 50px;
	margin-left: 15px;
}

/* FOOTER */

footer {
	position: relative;
	opacity: 0.88;
	background: #313131;
	padding: 56px 0 31px 58px ;
}

.topper {
	width: 21px;
	height: 10px;
	border-top: 4px solid #66cd00;
}

.green-border {
	border-top: 4px solid #66cd00;
}

.orange-border {
	border-color: #ff7c00;
}

.grey-border {
	border-color: #b3b3b3;
}

footer ul li a,
footer ul li,
#subscribe-me {
	font: 400 16px/31px 'Work Sans', Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	list-style-type: none;
	vertical-align: middle;
}

footer img {
	vertical-align: middle;
	padding-right: 10px;
}

.semibold {
	font-weight: 600;
}

#subscribe-me {
	padding-right: 60px;
}

#subscribe-me h1 {
	font: 600 16px/16px 'Work Sans', Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}

#subscribe-me p {
	font: 400 16px/22px 'Work Sans', Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}

#subscribe-me input,
#subscribe-me select {
	display: block;
	border: 6px solid #9b9b9b;
	width: 100%;
	height: 50px;
	margin-top: 15px;
	text-indent: 5px;
	/*background: #313131;*/
	background: transparent;
	color: #fff;
}

#subscribe-me select {
	background: rgba(0,0,0,0) url(/img/2016/dropdown-arrow-light-grey.png) no-repeat right;
	outline:none;
	-moz-outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#subscribe-me button {
	background: #85db18;
	font-weight: 600;
	font-size: 15px;
	width: 100%;
	height: 34px;
	color: #fff;
	margin-top: 15px;
	margin-bottom: 25px;
}

#big-logo {
	max-width: 1105px;
}

#company-info {
	font-size: 12px;
	font-weight: 600;
	line-height: 1em;
	top: 15px;
	text-align: right;
	color: #fff;
	padding-bottom: 31px;
}

/* BIG AD */
#big-ad {
	position: relative;
	margin-left: -40px;
	display: none;
	max-width: 1220px;
}

#big-ad img {
	width: 100%;
	height: 300px;
	margin-bottom: 25px;
}

#big-ad .glyphicon-remove-circle {
	position: absolute;
	width: 36px;
	height: 37px;
	right: -6px;
	top: 270px;
	z-index: 100000;
	font-size: 30px;
	color: #fff;
	padding: 0;
	margin: 0;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

/* CAROUSEL */

#main-carousel {
    clear: both;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0;
	border: none !important;    
}

.carousel {
	padding:  0;
	max-width: 100%;
}

.carousel .carousel-inner .item {
	height: 544px;
	background: #000;
}

.carousel .carousel-inner .item img {
	width: 100%;
	max-width: 100%;
}

.carousel-caption {
	width: 100%;
	right: 0;
	left: 0;
	padding: 0px 25px 15px;
	background-color: #000;
	bottom: 0;
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.6);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.carousel-caption h1 {
	font: 400 14px/14px Oswald, Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}

.carousel-caption .title {
	font: 800 36px/42px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

.carousel-caption .body {
	font: 400 20px/25px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

/* EVENT CALENDAR */

#event-calendar {
	top: 0;
	padding: 24px 24px 0 24px;
	background: #313131;
	border: none;
	min-height: 530px;
}

#event-calendar #find-events-box {
	font: 800 14px/28px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	border: 6px solid #85db18;
	border-bottom: none;
	padding: 0;
}

#event-calendar #find-events-box div:first-child a,
#event-calendar #find-events-box div:first-child a:visited {
	color: #66cd00;
}

#event-calendar #find-events-box div:first-child {
	font-size: 50px;
	line-height: 40px;
	padding: 20px 12px 0 12px;
}

#event-calendar #find-events-box div:last-child {
	background: #85db18;
	height: 30px;
	padding: 0;
	margin: 0;
	color: #fff;
}

#event-calendar #find-events-box div:last-child a {
	color: #fff;
	text-decoration: none;
}

#event-calendar #find-events-box img {
	margin-top: 5px;
}

.small-caption {
	clear: both;
	font: 400 11px/11px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #b3b3b3;
	padding: 10px 0 10px 0;
}

#event-calendar ul {
    clear:both;
	padding: 0;
	margin-top: 180px;
}

#event-calendar ul li {
	list-style-type: none;
	padding-top: 10px;
	min-height: 85px;
	border-bottom: 1px solid #9b9b9b;
}

#event-calendar ul li:last-child {
	border: none;
	min-height: 75px;
}

/* Event date */
#event-calendar ul li div:first-child span:first-child a:hover,
#event-calendar ul li div:first-child span:first-child a {
	color: #85db18;
}

#event-calendar ul li div:first-child span:first-child {
	display: block;
	font: 800 50px/50px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #85db18;
	margin-top: -5px;
}

#event-calendar ul li div:first-child span:last-child {
	display: block;
	font: 400 14px/17px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	margin-top: 1px;
}

#event-calendar ul li div:last-child {
	left: 17px;
	padding-right: 30px;
}

/* Event Info */
#event-calendar ul li div:last-child span:first-child a:hover,
#event-calendar ul li div:last-child span:first-child a {
	color: #fff;
}

#event-calendar ul li div:last-child span:first-child {
	display: block;
	font: 600 17px/20px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	max-height: 39px;
	overflow-y: hidden;
}

#event-calendar ul li div:last-child span:last-child {
	display: block;
	font: 400 13px/16px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #c0c0c0;
	margin-top: 8px;
	max-height: 16px;
	overflow-y: hidden;
}

/* HISTORICAL HOME PAGE ASIDE - COULD AFFECT SOME INSIDE PAGE SO LEAVING IT HERE */
aside {
	margin-left: -15px;
}

aside h1 {
	font: 800 24px/24px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 28px;
}

.latest-item {
	font: 400 18px/23px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	color: #6a6a6a;
	padding: 18px 0 18px 0;
	border-bottom: 4px solid #ECECEC;
}

.latest-item:last-child {
	border-bottom: none;
}

/* LATEST - BELOW CAROUSEL */
#home-latest {
/*    clear: both;*/
}

#home-latest .home-latest-item a {
/*    color: #6a6a6a;*/
    color: rgb(51,51,51);
}

#home-latest h1 {
	font: 800 24px/24px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 28px;
}

#home-latest .home-latest-item {
	font: 400 18px/23px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	color: #6a6a6a;
    padding: 0;
    border: 1px solid #ECECEC;
    margin-bottom:25px;
}

.img-cover {
    overflow: hidden;
}

#home-latest .home-latest-item div img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    vertical-align: middle;
}

#home-latest .home-latest-item p {
    font: 400 15px/23px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
    margin-top: 8px;
}

#home-latest .home-latest-item h2 {
    font: 800 24px/26px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
}

.art-content {
    padding:30px;
}

/* SUBSCRIBE / READ ONLINE / GET SOCIAL */

#sidebar {
	position: relative;
	font-family: "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 55px;
    margin-top: 90px;
}

#sidebar article {
	padding-left: 48px;
	padding-right: 0;
}

#sidebar article:last-child {
	padding-left: 80px;
}

#sidebar article#read-online {
	padding-left: 76px;
}

#sidebar article#read-online img {
	position: absolute;
	bottom: 0;
	vertical-align: bottom;
}

#home-latest h1,
#sidebar h1 {
	font-weight: 800;
	font-size: 30px;
	line-height: 30px;
	margin-top: 58px;
}

#sidebar p {
	margin-top: 7px;
	margin-bottom: 0px;
}

#sidebar input,
#sidebar select {
	display: block;
	border: 6px solid #9b9b9b;
	width: 100%;
	height: 50px;
	margin-top: 20px;
	text-indent: 5px;
	background: transparent;
}

#sidebar select {
	background: rgba(0,0,0,0) url(/img/2016/dropdown-arrow-grey.png) no-repeat right;
	outline:none;
	-moz-outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#sidebar button {
	background: #85db18;
	font-weight: 600;
	font-size: 15px;
	width: 100%;
	height: 50px;
	color: #fff;
	margin-top: 20px;
}

#sidebar article:last-child {
	padding-left: 0;
	padding-right: 0;
}

#sidebar article:last-child div {
	margin-top: 18px;
}

#sidebar article:last-child div > span {
	max-width: 87px;
	width: 100%;
}

#sidebar article:last-child div > span img {
	padding-right: 0;
	padding-bottom: 21px;
}

#sidebar ul {
    list-style-type: none;
    padding: 0;
}

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

#sidebar .social {
    margin-top: 58px;
}

/* BANNER ACROSS MIDDLE */
#mid-banner {
	margin-bottom: 40px;
	max-width: 728px;
}

#mid-banner img {
	max-width: 728px;
	width: 100%;
	height: auto;
}

/* GRID FOR ALL CONTENT */

.content-grid {
	padding: 30px 0 0 0;
}

.content-grid h2 a:hover,
.content-grid h2 a {
	color: #66cd00;
}

section#first-section {
	border-top: 1px solid #d5d5d5;
}

.content-grid h1 {
	font: 800 48px/35px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #9b9b9b;
}

.content-grid p {
	font: 400 19px/19px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 15px;
}

.content-grid h2 {
	font: 800 14px/14px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 20px;
	margin-bottom: 20px;
}

.content-grid div {
    padding: 0 0 0 0;
}

.content-grid div article {
	/*background: #efefef;*/
	height: 250px;
	margin-bottom: 40px;
}

.content-grid div article:first-child {
}
.content-grid div article:last-child {
}

.content-grid div:last-child article {
	margin-bottom: 35px;
}

.content-grid div article iframe {
	margin-left: auto;
	margin-right: auto;
}

.content-grid div article .video-overlay {
	margin-top: -250px;
	height: 250px;
	z-index: 1000;
	width: 100%;
}

.content-grid div article .video-overlay a {
	height: 250px;
}

#first-section.content-grid p {
    margin-top:15px;
}

#first-section.content-grid div article h1 {
    padding-top: 10px;
    width: 370px;
    margin-left: -15px;
}

.content-grid div article h1 {
	font: 800 22px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	background: #000;
	color: #fff;
	height: 65px;
	margin-top: -71px;
	z-index: 100;
	padding-top: 10px;
	width: 100%;
}

/* CALLOUT */

.callout {
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.callout img {
	position: absolute;
	top: 25px;
	left: 65px;
	padding: 0;
}

.callout h1 {
	font: 400 18px/18px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #9b9b9b;
	margin-top: 30px;
}

.callout p {
	font: 400 24px/30px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	padding: 12px 130px 10px 180px;
}

.callout h2 {
	font: 800 14px/14px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
}

.callout img.tweetbird {
	top: 61px;
	left: 59px;
	width: auto;
	height: 56px;
}

.callout p.tweetquote {
	font-size: 22px;
	line-height: 30px;
	padding: 12px 140px 10px 140px;
}

/* INSTAGRAM */

#instagram.content-grid {
	width: 100%;
	overflow: none;
}

#instagram.content-grid h1 {
	font: 800 32px/32px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #b3b3b3;
}

#instagram.content-grid div:first-child {
	margin-top: 17px;
	height: 230px;
	/*border: 1px solid #333;*/
	width: 100%;
	overflow: hidden;
}

#instagram.content-grid .simplyscroll.simply-scroll-container,
#instagram.content-grid div.simply-scroll-clip,
#instagram.content-grid #instafeed {
	margin: 0;
	padding: 0;
}

#instagram.content-grid #instafeed a {
	margin-right: 30px;
}

#instagram.content-grid #instafeed img {
	height: 100%;
}

/* FOLLOW GET OUT THERE */

#social {
	height: 145px;
	padding-top: 35px;
}

#social div {
	position: relative;
	display: inline-block;
	font: 400 28px/28px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #b3b3b3;
	margin: 0 15px 0 0;
	vertical-align: middle;
}

#social span {
	position: relative;
	margin-left: -15px;
}

#social img {
	max-height: 45px;
	margin-left: 20px;
}

/* INSIDE PAGES */
/* RACES, GEAR LISTS */

/* for inside pages we want a top border */
.content.inside {
	margin-top: 0px;
	border-top: 1px solid #979797;
}

.content-grid.inside.reviews.first-section #big-ad {
	margin-left: -25px;
}

.content.inside.reviews #big-ad {
	margin-left: -40px;
}

.content-grid.inside.first-section {
	margin-top: -74px;
	border-top: 1px solid #979797;
}

.content-grid.inside p {
	position: relative;
	line-height: 24px;
	margin-left: auto;
	margin-right: auto;
	width: 65%;
}

.content-grid.inside ul {
	margin-top: 10px;
	margin-bottom: 30px;
}
.content-grid.inside ul li {
	font: 600 13px/13px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	display: inline;
	margin-right: 10px;
}

.content-grid.inside ul li a {
	color: #66cd00;
}

.content-grid.inside ul li a.active {
	color: #000;
}

.callout.inside {
	min-height: 183px;
}

.callout.inside h1 {
	font: 400 24px/30px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

aside.inside #search-box button,
.callout.inside button {
	font: 800 40px/40px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	background: #fff;
	color: #85db18;
	border: 6px solid #85db18;
	margin-top: 15px;
	padding: 16px;
	max-width: 363px;
	width: 100%;
}

span#right-arrow-green {
	float: right;
	width: 42px;
	height: 42px;
	background: url(/img/2016/right-arrow-green.png) no-repeat top left;
}

span#right-arrow-grey {
	float: right;
	width: 20px;
	height: 38px;
	background: url(/img/2016/right-arrow-grey.png) no-repeat top left;
}

.callout.inside button:last-child {
	color: #9b9b9b;
	border: 6px solid #9b9b9b;
	margin-left: 10px;
	max-height: 82px;
}

.content-grid.inside:last-child {
	margin-top: 15px;
}

.content-grid.inside button {
	font: 600 18px/18px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	background: #85db18;
	border: none;
	height: 60px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 38px;
	left: 13px;
	max-width: 370px;
}

/* RACE REVIEWS */

div.content.inside,
aside.inside {
	padding-top: 37px;
}

.content.inside.reviews h1 {
	font: 800 48px/48px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 2px solid #d5d5d5;
	width: 100%;
	margin-right: -15px;
	padding-top: 36px;
	padding-bottom: 15px;
}

.content.inside.reviews article {
	padding-right: 92px;
}

/*
.content.inside iframe{
    height: 422px;
}
*/

aside.inside {
	float: right;
	margin: 0;
	padding: 0;
}

aside.inside div.ad {
	padding: 0;
}

.content #share-box a {
	text-decoration: none;
}
.content #share-box .share-title,
.content.inside #share-box .share-title {
	font: 400 18px/18px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #b3b3b3;
	vertical-align: top;
	padding-top: 35px;
}

.content.inside h2 {
	font: 600 23px/23px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 35px;
}

.content #share-box ul li,
.content.inside #share-box ul li {
	font: 400 14px/14px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #9b9b9b;
}

.content #share-box ul li:first-child
.content.inside #share-box ul li:first-child {
	padding-top: 25px;
}

.content #share-box ul li img,
.content.inside #share-box ul li img {
	padding-right: 10px;
}

.byline h3 {
	font: 400 15px/15px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #66cd00;
	margin-top: 20px;
	margin-bottom: 16px;
}

.byline h3 span a,
.byline h3 span {
	font: 400 15px/15px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #9b9b9b;
}

.short-green-dash {
	border-top: 4px solid #66cd00;
	width: 25px;
}

.content.inside #main-article section {
	margin-top: 34px;
	padding-bottom: 30px;
}

.content.inside #main-article section p {
	padding-bottom: 15px;
}

.callout.review {
	margin-bottom: 75px;
}

aside.inside #search-box {
	width: 300px;
	height: 290px;
	background: #313131;
	margin-top: 38px;
	font: 800 16px/13px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
}

div#search-box.no-top-margin {
	margin-top: 0;
}

aside.inside #search-box div {
	padding: 20px 24px 20px;
}

aside.inside #search-box h1 {
	font: 800 22px/25px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	border: none;
	padding-top: 0;
}

aside.inside #search-box button a {
	color: #85db18;
}

aside.inside #search-box button {
	margin-top: 0;
	margin-bottom: 17px;
	background: #313131;
	color: #85db18;
	width: 252px;
	height: 123px;
	text-align: left;
	font-size: 50px;
	padding-right: 10px;
}

span#right-arrow-white {
	float: right;
	margin-top: -30px;
	width: 33px;
	height: 65px;
	background: url(/img/2016/right-arrow-white-large.png) no-repeat right top;
}

aside.inside #search-box a {
	position: relative;
	top: -10px;
	font-size: 16px;
	color: #fff;
}

aside.inside div.the-latest {
	clear: both;
	margin-top: 40px !important;
	padding: 40px 20px 28px;
}

aside.inside div.the-latest h1 {
	font: 800 24px/24px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	margin: 0;
	padding: 0;
}

.latest-item a {
	color: #6a6a6a;
}

.latest-item {
	font: 400 18px/23px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	color: #6a6a6a;
	padding: 18px 0 18px 0;
	border-bottom: 4px solid #ECECEC;
}

.latest-item:last-child {
	border-bottom: none;
}

/* ARTICLE LIST */

.featured-article:first-child {
	border-top: none;
	padding-top: 0;
}

.featured-article {
	border-top: 1px solid #979797;
	padding: 30px 0 15px;
}

.featured-article h1 {
	font: 800 30px/30px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 20px
}

.featured-article img {
	width: 100%;
	max-width: 470px;
/*	height: 280px;*/
	height: auto;
}

.featured-article .byline h3 {
	font: 400 13px/15px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #66cd00;
	margin-top: 10px;
	margin-bottom: 8px;
}

.featured-article p {
	font: 400 17px/27px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	max-width: 470px;
}

.featured-article a,
.featured-article a:hover {
	color: #000;
}

#article-nav {
	margin-top: -5px;
	padding-bottom: 30px;
}

#article-nav div:first-child {
	font: 800 42px/42px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #b3b3b3;
	letter-spacing: -0.3;
	float: left;
	margin-left: 15px;
}

#article-nav ul {
	margin-left: 40px;
	margin-top: 15px;
	float: left;
}

#article-nav ul li a,
#article-nav ul li {
	display: inline-block;
	list-style-type: none;
	font: 400 13px/18px 'Work Sans', Arial, Helvetica, Geneva, sans-serif;
	color: #85db18;
	list-style-type: none;
	vertical-align: bottom;
	padding-right: 10px;
}

#article-nav ul a:hover,
#article-nav ul a {
	color: #85db18;
}
#article-nav ul li .active {
	color: #9b9b9b;
}
#article-nav ul li.grey-text {
	margin-right: 0px;
}

.article-list-right {
	border-left: 1px solid #c9c9c9;
	position: relative;
}

.article-list {
	border-bottom: 1px solid #333;
	padding: 20px 0 30px 22px;
}

.article-list-right .row:first-child .article-list {
	padding-top: 0px;
}

.article-list-right .row:last-child .article-list {
	border: none;
	margin-bottom: 0px;
}

.article-list h1 {
	font: 800 24px/26px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-right: 30px;
}

.article-list p {
	font: 400 15px/23px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 8px;
	padding-right: 30px;
}

.article-list a,
.article-list a:hover
{
	color: #000;
}

.articlelist-button,
.submitevent-button {
	font: 600 18px/18px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	background: #85db18;
	border: none;
	height: 60px;
	color: #fff;
	margin-top: 5px;
	margin-bottom: 38px;
	padding-left: 0;
	max-width: 510px;
	float: right;
}

.submitevent-button {
	float:left;
	margin-right: 20px;
	text-align: center;
}

#article-tag {
	font: 400 14px/13px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #FF7C00;
	padding-bottom: 12px;
}

#main-article h1 {
	font: 800 48px/48px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 20px;
}

#main-article #main-image {
	height: auto;
/*	height: 578px;*/
	width: 100%;
	max-width: 770px;
}

#main-article #main-image-keep-size {
	height: auto;
	width: auto;
	max-width: 770px;
	text-align: center;
}

#main-article .byline h3 {
	margin-top: 37px;
}

#main-article h2 {
	font: 600 23px/28px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 20px;
	padding-bottom: 0px;
}

#main-article section {
	margin-top: 0;
	font: 400 17px/27px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
}

#main-article .sidebar {
	border-top: 6px solid #66cd00;
	border-bottom: 6px solid #66cd00;
	margin-left: -100px;
	margin-right: 80px;
	padding: 25px 0 25px 35px;
}

/* WIDE ARTICLE */

#wide-article {
}

#img-caption-container {
	position: relative;
}

#img-container {
	max-height: 532px;
	overflow-y: hidden;
}

#wide-article #img-caption-container img {
	width: 100%;
}

#article-caption {
	position: relative;
	margin-top: -130px;
	padding: 30px 25px 40px 122px;
	z-index: 10000 !important;
	width: 78%;
	background: rgb(0, 0, 0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.8);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#article-caption h1 {
	font: 400 14px/13px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #FF7C00;
	padding-bottom: 12px;
}

#article-caption .title {
	font: 800 48px/48px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

#article-caption .byline {
	margin-top: 10px;
}

#article-caption .byline h3 {
	font: 400 14px/15px Oswald, Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}

#article-caption .byline h3 span a:hover,
#article-caption .byline h3 span a:visited,
#article-caption .byline h3 span a,
#article-caption .byline h3 span {
	font: 400 14px/15px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #9b9b9b !important;
}

#article-caption h2 {
	font: 600 21px/31px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

#wide-article #main-article aside {
	padding-left: 40px;
	padding-right: 0;
	margin-right: -40px;
}

#wide-article #main-article div#ad {
	position: relative;
	top: 200px !important;
}

#wide-article #shifting-body {
	margin-top: 30px;
}

#wide-article #shifting-body #left-side {
	padding-left: 10px;
}

#wide-article #shifting-body #left-side #ad-reviews {
	float: left;
}

#wide-article #main-article .sidebar::before {
	content: url(/img/2016/double-quote.png) '\A \201C';
	white-space: pre;
}

#wide-article #main-article .sidebar::after {
	content: '\201D';
}

#wide-article #main-article .sidebar {
	font: 500 24px/32px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	margin-left: -200px;
	margin-right: 150px;
	padding: 0px 25px 50px 0;
	color: #66cd00;
}

#wide-article #main-article .photo-pullout {
	position: absolute;
	margin-left: -25%;
	max-width: 250px;
}

#wide-article #main-article .photo-pullout img {
	margin-top: -20px;
}

#wide-article #main-article .photo-pullout .caption {
	font: 400 16px/20px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
	color: #9b9b9b;
}

#wide-article #main-article #photo-base div.spacer {
	margin-top: 10px;
	background: none;
}

#wide-article #main-article #photo-base div {
	font: 600 27px/35px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	background: #66cd00;
	top: 170px;
	padding: 75px 45px 90px;
	float: right;
	margin-right: 25px;
	margin-top: -50px;

	background: rgb(102,205,0) transparent;
	/* RGBa with 0.6 opacity */
	background: rgba(102,205,0, 0.9);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

#wide-article #main-article #photo-base img {
	margin-left: 25px;
	max-width: 85%;
	width: 100%;
}

#wide-article #main-article aside {
	margin-top: -100px;
}

/* EVENT CALENDAR */

.header-border {
	border-top: 1px solid #979797;
}

.cal-box {
	background: #313131;
}

#calendar-container {
	position: relative;
	background: #313131;
	padding: 30px 50px 35px 25px;
}

#calendar-container #article-tag {
	font: 400 14px/13px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #FF7C00;
	padding-bottom: 12px;
}

#calendar-container h1 {
	font: 800 48px/50px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}

#calendar-container input,
#calendar-container select {
	font: 400 22px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	display: block;
	border: 6px solid #85db18;
	color: #fff;
	height: 60px;
	margin-top: 20px;
	text-indent: 5px;
	background: transparent;
}

#calendar-container select {
	position: relative;
	background: rgba(0,0,0,0) url(/img/2016/dropdown-arrow-blue.png) no-repeat right;
	outline:none;
	-moz-outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#calendar-container button {
	border: none;
	background: #85db18;
	font-weight: 600;
	font-size: 18px;
	height: 60px;
	color: #fff;
	margin-top: 20px;
	float: left;
	margin-right: 8px;
}

#calendar-container .ad {
	margin-top: 20px;
}

#cal-search-submit {
	margin-top: -42px;
	padding: 0;
}
.two-thirds {
	width: 66%;
}

.one-half {
	width: 49%;
}

.one-third {
	width: 32.2%;
}

#calendar-container button.grey-back {
	background: #afafaf;
}

#featured-events {
	margin-top: 40px;
}

#featured-events-container {
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}

#featured-events-container h1 {
	font: 800 48px/50px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #9b9b9b;
}

#featured-events-container img {
	margin-top: 28px;
}

#featured-events-container h2 {
	font: 800 30px/30px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 10px;
	padding-top: 26px;
}

#featured-events-container div {
	font: 500 15px/24px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
}

#featured-events-container p {
	margin-top: 5px;
}

#featured-events-container section {
	padding-right: 15px;
}

#featured-events-container img {
	width: 100%;
}

#featured-events #first-section {
	position: relative;
	margin: 40px -15px 0;
}

#featured-events section.callout.review {
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
}

/* CALENDAR RESULTS */
#calendar-container .outline-button {
	float: right;
	border: 8px solid #66cd00;
	background: transparent;
	width: 263px;
	height: 68;
	margin-right: 7px;
	margin-top: 10px;
}

#calendar-container .outline-button img {
	margin-left: 15px;
}

#calendar-container .outline-button.grey-border {
	border: 8px solid #9b9b9b;
	width: 207px;
}

#search-results h3 {
	font: 400 14px/13px Oswald, Arial, Helvetica, Geneva, sans-serif;
	margin-top: 35px;
	color: #ff7c00;
	letter-spacing: 1.07px;
}

#search-results #results-list {
	float: left;
	padding: 0;
	margin-top: 10px;
}

#search-results #results-list  {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* date */
#search-results #results-list  .date-col div:first-child {
	font: 800 72px/84px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #85db18;
}

#search-results #results-list  .date-col div:last-child {
	font: 400 13px/20px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

/* details */
#search-results #results-list  .detail-col {
	left: 15px;
}

#search-results #results-list  .detail-col h1 {
	font: 800 22px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

#search-results #results-list  .detail-col h2 {
	font: 400 13px/17px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #85db18;
	letter-spacing: 1px;
	padding-bottom: 5px;
	padding-top: 5px;
}

#search-results #results-list  .detail-col h2 span {
	font: 400 14px/17px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #9b9b9b;
	letter-spacing: -0.35px;
}

#search-results #results-list  .detail-col p a,
#search-results #results-list  .detail-col p {
	font: 400 18px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

.result-separator {
	clear: both;
	border-bottom: 1px solid #979797;
	margin-top: 20px;
	margin-bottom: 20px;
}

#more-event-container button {
	font: 600 18px/18px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	background: #85db18;
	border: none;
	height: 60px;
	width: 40%;
	margin-top: 20px;
	margin-left: 30%;
	margin-bottom: 10px;
}

#event-side-kick {
	margin-top: 50px;
	padding-left: 60px;
}

#event-side-kick #read-online h1 {
	font: 800 32px/38px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	margin-top: 50px;
}

#event-side-kick #read-online p {
	font: 400 18px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding-bottom: 20px;
}

#event-side-kick #social {
	padding-top: 60px;
}

#event-side-kick #social h1 {
	font: 800 32px/38px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
}

#event-side-kick #social p {
	font: 400 18px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
}

#event-side-kick #social img {
	display: inline;
	max-height: 75px;
	margin-left: 0;
	margin-top: 18px;
}

#event-side-kick #social img.left-offset {
	margin-left: 10px;
}

#more-event-container {
	margin-top: 30px;
}

#featured-events {
	border-top: 1px solid #d5d5d5;
}

#featured-events #featured-events-container {
	padding-top: 30px;
}

#featured-events #featured-events-container a,
#featured-events #featured-events-container a:hover {
	color: #000;
}

/* Event Page */
#event-info #main-article {
	padding-right: 55px;
}

#event-info #main-image {
	width: 100%;
	max-width: 770px;
	height: 457px;
}

#event-info #event-details {
	padding-top: 35px;
}

#event-info #event-details .event-coord {
	font: 800 18px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
}

#event-info #event-details .event-coord span {
	font-weight: 400;
}

#event-info #event-details img {
	width: 140px;
	float: right;
	margin-right: 70px;
}

#event-info #event-description {
	font: 400 17px/27px "Merriweather", Arial, Helvetica, Geneva, sans-serif;
	border-top: 1px solid #d5d5d5;
	border-bottom: 1px solid #d5d5d5;
	margin-top: 40px;
	padding: 20px 0 15px;
}

#event-info #event-videos,
#event-info #event-contact {
	font: 400 18px/26px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin: 5px -30px 15px -15px;
}

#event-info #event-videos {
	margin-left: 15px;
}

#event-info #event-videos {
	border-top: 1px solid #d5d5d5;
	padding: 20px 0 15px;
	margin-left: 0px;
}

#event-info #event-videos h1,
#event-info #event-contact h1 {
	font: 800 24px/27px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
}

#event-info #event-videos a,
#event-info #event-contact a {
	color: #000;
	padding: 0;
}

#event-info #event-videos iframe {
	height: auto;
}

#event-contact .contact-title {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/* SEARCH RESULTS: */

#article #article-tag,
#search-results #article-tag {
	font: 400 14px/13px Oswald, Arial, Helvetica, Geneva, sans-serif;
	color: #FF7C00;
	letter-spacing: 1.07px;
}

#search-box-content {
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #979797;
}

#search-box-content input {
	font: 400 20px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	border: 8px solid #85DB18;
	color: #9B9B9B;
	width: 50%;
	height: 60px;
	vertical-align: top;
	text-indent: 5px;
}

#search-box-content input:focus {
    outline: none;
}

#search-box-content button {
	font: 400 18px/13px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	letter-spacing: 0.37px;
	height: 60px;
	background: #85db18;
	width: 20%;
	border: none;
	vertical-align: top;
}

#search-results #main-article img {
	width: auto;
	max-width: 170px;
	height: 125px;
	vertical-align: middle;
}

#search-results .title {
	font: 800 22px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
}

#search-results .body {
	font: 400 18px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #000000;
	margin-top: 5px;
}

#search-results .result {
	padding-top: 20px;
	padding-bottom: 20px;
}

#search-results aside .ad {
	padding-top: 10px;
}

#search-results .result {
	border-bottom: 1px solid #9b9b9b;
	margin-left: 0px;
	margin-right: 70px;
}

#search-results .result:last-child {
	border: none;
}

#search-results .result a {
	padding-left: 0;
	text-decoration: none;
}

#search-results .result a:hover {
	color: #c74646 !important;
}

#search-results .articlelist-button {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.search-race-reviews {
	margin-top: 30px;
}

/* fix for content search page */
#search-box-content.search-box
{
	padding-left: 25%;
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: 0;
	border: none;
}

#search-box-content.search-box input {
	font: 400 16px/22px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	border: 3px solid #85db18;
	height: 35px;
	text-align: left;
}

#search-box-content.search-box button {
	font: 600 14px/13px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0;
	padding-top: 0;
	height: 35px;
}

.callout.inside .event-button-container #find-events-button {
	padding-top: 14px;
	padding-bottom: 14px;
	color: #85db18 !important;
	border: 6px solid #85db18;
}

#comments {
	padding-top: 30px;
	padding-bottom: 30px;
}

#comments h1 {
	font-size: 28px;
	padding-left: 15px;
}

#bio #main-image {
	width: auto;
	height: 578px;
}

#contactus p {
	padding-bottom: 15px;
}

/* Bio list */

#search-results .bio.result.row img {
	max-width: 300px !important;
	width: 100%  !important;
	height: auto  !important;
}

/* Homepage video */

.hp-videos {
	width: 100%;
	background: black;
}

.fancybox-next {
    right: -60px;
	width: 65px;
}

.fancybox-prev {
    left: -60px;
	width: 65px;
	display:block;
}

.fancybox-inner,
.fancybox-video-overlay {
	background-color: black !important;
}

/* Event Entry */
#submitevent h1 {
	font: 800 42px/42px "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	color: #b3b3b3;
	letter-spacing: -0.3;
	margin-bottom: 15px;
}

#submitevent p {
	font: 400 19px/1.3em "Work Sans", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 15px;
}

#submitevent div.fine-print {
	font-size:15px;
}

#submitevent span.redmark {
	color: red;
	font-size:15px;
}

#submitevent #error {
	color: red;
	margin-top:15px;
	margin-bottom:15px;
}

#submitevent label {
	font: 600 18px/1.3em "Work Sans", Arial, Helvetica, Geneva, sans-serif;
}

#submitevent .private-header {
	margin: 10px 0 10px 0;
	padding-top: 15px;	
	padding-bottom: 0px;	
}

#drop-area-div {
	border: 1px dotted #888;
	padding: 15px;
	margin: 5px;
	background-color: #efefef;
}

#drop-area-div input {
	margin-top:20px;
}

.main-image-drop {
	max-width:300px;
	float:left;
}

.admin-area {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eeefff;
}

/*** RESPONSIVE ***/

@media (max-width:1565px) {
	#wide-article #article-body {
		padding-left:8%;
	}
}

@media (min-width:1201px) {
	#big-ad {
		width: 1220px;
	}
	/* Articles */
	.content.inside {
		margin-top: -77px;
	}
}

@media (max-width: 1200px) {
	#big-ad {
		margin-left: 0px;
	}

	#big-ad img {
		width: 100%;
		height: 100%;
	}

	#header-bkgnd,
	#header-bkgnd-short {
		display: none;
	}

	.navbar #nav-event-search,
	.navbar #nav-more {
		display: none;
	}

	/* Articles */
	.content.inside {
		margin-top: 0px;
	}

	/* Article page */
	.ad-reviews {
		margin-left: auto !important;
		margin-right: auto !important;
		width: 300px;
	}

	#wide-article #main-article .sidebar {
		margin-left: 30px !important;
		width:100%;
	}

	#wide-article #main-article .photo-pullout {
		position: relative;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 30px;
	}

	.content-grid.inside.first-section {
		margin-top: 0;
	}

	#search-box-content {
		margin-left: auto;
		margin-right: auto;
	}

	.callout img {
		top: 32px;
	}

	#calendar-container button {
		margin-right: 6px;
	}

	#event-side-kick #social img.left-offset {
		margin-left: 0;
	}
}

@media (min-width: 991px) and (max-width: 1200px) {
	/* Find Events */
	#event-calendar #find-events-box div:first-child {
		font-size: 36px;
		line-height: 35px;
	}

	/* Right arrow */
	#event-calendar #find-events-box img {
		margin-top: 5px;
		height: 55px;
	}

	/* Date number */
	#event-calendar ul li div:first-child span:first-child {
		font-size: 47px;
	}

	/* Event name */
	#event-calendar ul li div:last-child span:first-child {
		font-size: 15px;
		line-height: 18px;
		max-height: 39px;
	}

	/* Social icons */
	#sidebar article:last-child div > span img {
		padding-right: 0px;
		padding-bottom: 21px;
	}

	.video {
		width: 310px;
		margin-right:20px;
	}

	.video iframe {
		width: 310px;
	}

	.video h1 {
		width: 310px !important;
	}

	#cal-search-submit {
		margin-top: 10px;
	}

	#calendar-container .outline-button {
		float: left;
	}
}

@media (max-width: 990px) {
	#event-calendar  {
		margin-top: 15px;
		margin-left: 15px;
	}

	#event-calendar ul li div.eventName {
		margin-top: 5px !important;
	}

	#event-calendar ul li div.eventName a {
		font-size: 23px !important;
	}

	/* Social icons */
	#sidebar article:last-child div > span img {
		padding-right: 0px;
		padding-bottom: 21px;
		width: 75px;
	}

	#sidebar article:last-child {
		padding-left: 70px;
	}

	#sidebar article#read-online {
		padding-left: 65px;
	}

	.video h1 {
		width: 370px !important;
	}

	.navbar {
		text-align: right;
		margin-right:-90px;
        right: 0;
	}

	.navbar ul li a {
		padding-right: 8px;
	}

	#search-line {
		width:30px !important;
	}

	#search {
        margin-left: -30px !important;
	}

	/* Article list */
	#article {
		padding-right:0;
	}

	/* Regular Article */
	aside.inside {
		position: relative;
	}

	aside.inside div#search-box {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	aside.inside div.ad {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	section#first-section {
		margin-top: 20px !important;
	}

	#main-article section img {
		width: 100% !important;
		height: auto !important;
	}

	.callout.inside {
		height: auto;
		padding-bottom: 30px;
	}

	.callout img {
		top: 35px;
	}

	#calendar-container button {
		margin-right: 5px;
	}

	#cal-search-submit {
		margin-top: 10px;
	}

	#calendar-container .outline-button {
		float: left;
	}

	#event-side-kick #social,
	#event-side-kick #read-online {
		float: none !important;
	}

	#event-side-kick #social {
		padding-top: 30px;
	}

	#event-side-kick {
		padding-bottom: 80px;
		border-bottom: 1px solid #d5d5d5;
	}

	/* event page */
	#event-info #main-article {
		padding-right: 0px;
	}
}

@media (max-width: 860px) {
	#search {
		display: none;
	}

	.callout img {
		top: 41px;
	}

	#calendar-container {
		position: relative;
	}

	#calendar-container #calendar {
		margin-left: auto;
		margin-right: auto;
	}

	#calendar-container #ad-container {
		display: none;
		clear: both;
		float:left !important;
		width:100% !important;
	}

	#calendar-container h1.hard-left,
	#calendar-container div.hard-left {
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
	}
	#calendar-container div.ad.text-right {
		margin: 30px auto 0;
		text-align: center;
	}
	#calendar-container .ad {
		margin-top: 30px;
	}
	#calendar-container button {
		height: 60px;
	}
	#calendar-container input,
	#calendar-container button,
	#calendar-container select {
		width: 100%;
	}

	#calendar-container .cal-results h1.hard-left,
	#calendar-container .cal-results div.hard-left {
		margin-left: -15px !important;
		text-align: left;
	}
}

@media (max-width: 767px) {

	.navbar #nav-event-search,
	.navbar #nav-more {
		display: block;
	}

	#search {
		display: block;
	}

	.navbar {
		text-align: center;
		margin-right:auto;
		bottom: auto;
		background: #fff;
		padding-right: 0;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-default .navbar-nav > li > a:hover {
		color: #66cd00;
	}

	.navbar-header {
		margin-top: 35px;
	}

	.navbar-header button {
		margin-right: 0;
	}

    .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .navbar ul li a {
        padding-left: 15px;
    }
    
    .navbar #search-line {
        display: none;
    }
    
	#home-latest {
		margin: 30px auto;
	}

	#main-carousel,
	#event-calendar,
	#sidebar,
	#sidebar article {
		margin-left: auto;
		margin-right: auto;
	}

	#sidebar article {
		padding-left: 40px !important;
		padding-right: 70px !important;
	}

	#sidebar article:first-child {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	/* Social icons */
	#sidebar article:last-child div > span img {
		margin-right: 20px;
	}

	#mid-banner {
		margin-left: auto;
		margin-right: auto;
	}

	#event-calendar ul li div:first-child {
	}

	#event-calendar ul li div.eventName {
		margin-top:10px;
	}

	#event-calendar ul li div.eventName a {
		font-size: 23px !important;
	}

	/* Gear reviews vertical spacing */
	.content-grid.col-xs-12 {
		float:none;
	}

	.video a  {
		display: block;
		float: none;
		margin-left: auto !important;
		margin-right: auto !important;
		width: 370px !important;
	}

	.video h1 {
		margin-left: -15px;
	}

	.callout img {
		display: none;
	}

	.callout p {
		padding-left:10px;
		padding-right:10px;
	}

	footer {
		padding-left: 0;
		padding-right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	footer section {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	footer .container div div div:first-child section {
		margin-top: 0;
	}

	/* Article list */
	.hard-left {
		margin-left: 0;
	}

	#article {
		padding-right: 15px;
	}

	#article .featured-article p {
		max-width:100%;
	}

	#article div:last-child {
		margin-top: 30px;
	}

	.article-list-right {
		border: none;
	}

	div#search-box {
		margin-left: auto;
		margin-right: auto;
	}

	aside.inside div.ad img {
		text-align: center;
	}

	aside.inside {
		position: relative !important;
	}

	aside.inside div.ad a {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	button[type="submit"] {
		float: none;
		clear: both;
		margin-top: 30px;
	}

	.content-grid.col-xs-12 {
		float: left;
	}

	#wide-article #main-article aside {
		position: relative;
		margin-top: 20px
	}

	#wide-article #main-article aside #share-box {
		position: relative;
		margin: 0 auto 0;
		width: 150px;
		text-align: center;
	}

	#featured-events-container {
		position: relative;
		margin-left: 0px;
		margin-right: 0px;
	}

	#calendar-container .outline-button {
		float: left !important;
	}

	#calendar-container .cal-results #cal-search-submit
	{
		margin-left: 15px;
	}

	#calendar-container .cal-results h1.hard-left,
	#calendar-container .cal-results div.hard-left {
		margin-left: 0 !important;
		text-align: left;
	}
}

@media (max-width: 642px) {
	#event-calendar ul li div.eventName {
		margin-top:0;
	}

	#sidebar article {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* Social icons */
	#sidebar article:last-child div > span img {
		margin-right: 20px;
	}

	#social div {
		font-size: 22px !important;
	}
}

@media (max-width: 550px) {

	#calendar-container button {
		height: 60px;
	}
	#calendar-container input,
	#calendar-container button,
	#calendar-container select {
		width: 100%;
	}

	#calendar-container #ad-container {
		clear: both;
		float:left !important;
		width:100% !important;
	}
}

/* iphone 8 */
@media (max-width: 505px) {

    /* Read online */
    #sidebar article#read-online img {
        position: inherit;
        max-width: 100%;
        margin-top: 10px;
    }

	/* Social icons */
    #sidebar article:last-child div {
/*        padding-left: 20px;*/
    }
	#sidebar article:last-child div > span img {
        padding: 0;
    	max-width: 55px;
        width: 100%;
        margin-right: 5px;
        margin-bottom: 8px;
	}
}

/* iphone 4 */
@media (max-width: 414px) {
	header #logo-cover {
		max-width: 270px;
		width: 100%;
		height: 30px;
	}

	header #logo-cover img {
		width: 100%;
		height: 30px;
	}

    .carousel .carousel-inner .item {
        height: 544px;
        width: 700px;
    }
    .carousel .carousel-inner .item img {
        margin-left: -200px;    
    }
    
    .carousel-caption {
        max-width: 414px;
    }
    
    .carousel-caption h1 {
        font-size: 13px !important;
        height: 20%;
    }
    
}

/* iphone se */
@media (max-width: 320px) {
	header #logo-cover {
		max-width: 270px;
		width: 100%;
		height: 30px;
	}

	header #logo-cover img {
		width: 100%;
		height: 30px;
	}

    .carousel-caption {
        max-width: 320px;
    }

	/* Social icons */
    #sidebar article:last-child div {
/*        padding-left: 20px;*/
    }
	#sidebar article:last-child div > span img {
        padding: 0;
    	max-width: 43px;
        width: 100%;
        margin-right: 5px;
        margin-bottom: 8px;
	}
}

/* Infinite Scroll */
.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}

.scroller-status {
    padding-bottom: 30px;
}

/* FB Comment CSS */
.fb_iframe_widget_fluid_desktop iframe {
    min-width: 100% !important;
}