@import url(https://fonts.googleapis.com/css?family=Raleway:300,900);
@import url(https://fonts.googleapis.com/css?family=Chau+Philomene+One);
@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('/includes/fonts/proximanova-regular-webfont.eot?') format('eot'),
         url('/includes/fonts/proximanova-regular-webfont.woff') format('woff'),
         url('/includes/fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('/includes/fonts/proximanova-regular-webfont.svg#webfontHCxn0Ebw') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaSemiBold';
    src: url('/includes/fonts/proximanova-semibold-webfont.eot?') format('eot'),
         url('/includes/fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('/includes/fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('/includes/fonts/proximanova-semibold-webfont.svg#webfontHCxn0Ebw') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('/includes/fonts/proximanova-bold-webfont.eot?') format('eot'),
         url('/includes/fonts/proximanova-bold-webfont.woff') format('woff'),
         url('/includes/fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('/includes/fonts/proximanova-bold-webfont.svg#webfontHCxn0Ebw') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaExtraBold';
    src: url('/includes/fonts/proximanova-extrabold-webfont.eot?') format('eot'),
         url('/includes/fonts/proximanova-extrabold-webfont.woff') format('woff'),
         url('/includes/fonts/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('/includes/fonts/proximanova-extrabold-webfont.svg#webfontbMevTDb4') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
  color: #444;
  font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  background: #f7f7f7;
  margin-bottom: 58px;
}

.logos {
	background: white;	
	padding: 40px 0;
}
.logos p {
	font-size: 0.85em;
}
.partners .column {
	margin-bottom: 1.5em;
}

small {
	font-size: 80%;
}

p {
	font-size: 14px;
	color: #565656;
	line-height: 1.43;
	margin-bottom: 0.75rem;
}

a, a:hover {
	color: #de1219 !important;
}

.center {
	text-align: center;	
}

.right {
	text-align: right;	
}

h1, h2, h3, h4, h6 {
  font-family: "Niveau Grotesk", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #333;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.2; 
}

h5, .panel h5 {
	font-family: "Niveau Grotesk", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: #de1219;
}

.font-b {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

select {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	background-color: #fff !important;	
	color: #000;
}

table tbody tr td {
	font-size: 0.8rem;	
}

.alert-box a {
	color: #FFF !important;
	text-decoration: underline;
}

/* MAP */
.embed-container { 
	width: 100%;
	height: 225px;
	margin: 0 0 10px 0;
}
.embed-container-tall { 
	width: 100%;
	height: 500px;
	margin: 0 0 10px 0;
}
#map-canvas *, #map-canvas *:before, #map-canvas *:after, #map-canvas-small *, #map-canvas-small *:before, #map-canvas-small *:after {
	-moz-box-sizing: content-box!important;
	-webkit-box-sizing: content-box!important;
	box-sizing: content-box!important;  
}
#map-canvas-small img, #map-canvas img {
	max-width: none;
}
#map-canvas-small label, #map-canvas label {
	width: auto;
	display: inline;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select, input[type="text"], input[type="password"] {
	margin-bottom: 8px !important;	
}

.button {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fff !important;	
	border: solid 1px #de1219 !important;
	background: #ed1d24 !important;
	margin-bottom: 0;
}

button.small, .button.small {
  padding-top: 0.7rem;
  padding-right: 1.75rem;
  padding-bottom: 0.7rem;
  padding-left: 1.75rem;
  font-size: 0.9rem;
}

button.tiny, .button.tiny {
	font-size: 0.85rem;
}

.button:hover {	
	color: #fff !important;
	border: solid 1px #c61016 !important;
	background: #de1219 !important;
}

.grey {
	color: #333 !important;
	border: solid 1px #ccc !important;
	background: #eee !important;	
}

.grey:hover {
	color: #333 !important;
	border: solid 1px #ccc !important;	
	background: #ccc !important;
}

.white, .white:hover {
	color: #333 !important;
	border: solid 1px #ccc !important;
	background: #fff !important;	
}

.orange {
	background-color: #f0b219 !important;	
	border-color: #f0b219 !important;
}

.orange:hover {
	background-color: #f0a019 !important;	
	border-color: #f0a019 !important;
}

.fb, .fb:hover {
	background-color: #305891 !important;	
	border-color: #23416b !important;	
}

.fi-social-facebook, .fi-social-twitter, .fi-social-instagram {
	color: #96a3ac;
	font-size: 24px;
}

li.mobile .panel {
    padding: 5px 10px !important;
    border: none;
}

li.mobile .panel p {
	font-size: 0.8rem;	
}

.panel {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    border: solid 1px #ccc;
    padding: 15px 25px 10px 25px !important;
}

.description .panel {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    border: solid 1px #ccc;
    padding: 20px 30px 20px 30px !important;
}

.panel p {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #555;
	line-height: 1.4;	
}

/* ---------- Navigation ---------- */
.contain-to-grid {
	background: #de1219;
	-webkit-box-shadow: 0px 1px 3px 0px #777;
	-moz-box-shadow: 0px 1px 3px 0px #777;
	box-shadow: 0px 1px 3px 0px #777;
	/* height: 60px; */
}

.header-bg .name h1 a {
	padding: 5px 0 0 10px;	
}

.header-sm .name h1 a {
	padding-left: 10px;	
}

.header-bg {
	height: 60px;	
}

.header-sm, .top-bar.expanded .title-area {
	height: 50px;	
}

.header-sm .topbar-link {
	display: inline-block;
	padding: 2px 0 12px 0;	
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.ex-nav a {
	color: #fff !important;	
}

.ex-nav ul.title-area li.name {
	display:inline-block;
}

.ex-nav, .ex-nav .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li:not(.has-form) a:not(.button):hover {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	background: #de1219 !important;
}

.top-bar-section ul li > a.button {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 0.9rem;
	background: #de1219 !important;
	border: solid 3px #fff !important;
	border-radius: 10px;
	padding-left: 20px; 
	padding-right: 20px;
	margin-top: 6px;
}

.top-bar-section ul li img {
	display: block;
	margin: 6px auto 0 auto;
}

.top-bar-section ul li label {
	color: #fff !important;
	font-size: 11px;
	text-align: center;
}

.top-bar-section .has-dropdown > a:after {
	border: none !important;
}

.top-bar-section li:not(.has-form) .profile-dropdown a:not(.button), .top-bar-section li:not(.has-form) .profile-dropdown a:not(.button):hover {
	font-size: 13px;
}

.ex-nav .top-bar-section li:not(.has-form) a:not(.button) {
	line-height: 36px;
}


/* ---------- Header ---------- */
header {
	background: url("/images/programs/explore/ex-background.jpg") no-repeat;
	background-size: cover;
	height: 400px;
	padding-top: 120px;
}

header h1 {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 30px;
}

header h3 {
	font-family: "ProximaNovaExtraBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 20px;
}

.search-box {
	padding: 15px 20px 10px 20px;
	background-color: rgba(245,243,235,0.65);
}

.search-btn {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #fff !important;	
	border: solid 1px #970c11 !important;
	background: #de1219 !important;
	margin-bottom: 0 !important;
}

/* ---------- Progress Meter ---------- */
.progress{
	margin-top: 18px;
    width: 220px;
    margin-right: 25px;
    background: #2e353a;
    border: none;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,1);
}

.progress .meter {
	background: #f5cb63; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5cb63 0%, #f5cb63 35%, #f0b219 65%, #f0b219 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5cb63), color-stop(35%,#f5cb63), color-stop(65%,#f0b219), color-stop(100%,#f0b219)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* W3C */
	padding-right: 10px;
}

.pts-left {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #533d05;
}

.pts-right {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 13px;
    color: #ffffff;
    margin-left: -90px;
    position: absolute;
    top: 20px;	
}

.level{
    line-height: 58px;
    margin-right: 10px;
	color: #fff;
	font-family: "ProximaNovaExtraBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	display: inline;
}

/* ---------- Progress Meter Small Screen ---------- */
.header-sm .progress{
	margin-top: 14px;
	margin-left: 10px;
    width: 130px;
    background: #2e353a;
    border: none;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,1);
}

.header-sm .progress .meter {
	background: #f5cb63; /* Old browsers */
	background: -moz-linear-gradient(top,  #f5cb63 0%, #f5cb63 35%, #f0b219 65%, #f0b219 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5cb63), color-stop(35%,#f5cb63), color-stop(65%,#f0b219), color-stop(100%,#f0b219)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f5cb63 0%,#f5cb63 35%,#f0b219 65%,#f0b219 100%); /* W3C */
	padding-right: 10px;
}

.header-sm .pts-left {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #533d05;
	padding-left: 10px;
	position: absolute;
	top: 4px;
}

.header-sm .pts-right {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 10px;
    color: #ffffff;
    margin-left: 60px;
    position: absolute;
    top: 4px;	
}

.header-sm .level{
    line-height: 50px;
    margin-right: 10px;
	color: #fff;
	font-size: 11px;
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	display: inline;
	padding-left: 20px;
}

.header-sm-logo {
	padding-top: 3px;
	padding-left: 12px;
}

/* ---------- Footer ---------- */
footer {
	background-color: #2f363b;
	padding: 30px 0; 
	margin-top: 40px;
	color: #96a3ac;
}

.footer-sm {
	background-color: #de1219;
	padding: 5px 0 0 0; 
	color: #96a3ac;
	margin-bottom: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 58px;
	z-index: 2;
}

.footer-sm .icon-bar label {
	font-size: 12px;
}

.footer-sm .icon-bar label.discover { margin-left:-7px; }
.footer-sm .icon-bar label.adventure { margin-left:-14px; }
.footer-sm .icon-bar label.checkin, .footer-sm .icon-bar label.leaders { margin-left:-5px; }

.footer-sm .icon-bar > * {
	padding-top: 5px;
	padding-bottom: 5px;
}

.footer-sm .icon-bar > * img {
    height: 1.5rem;
    width: 1.5rem;
    /*margin-left: 20px;*/
    margin-top: 5px;
}

.footer-sm .icon-bar.five-up .item {
	padding: 0;
}

.footer-sm .icon-bar.five-up a.item:hover {
	background-color: #de1219;
} 

footer p{
	font-size: 13px;
	color: #96a3ac;
}

footer ul li a {
	text-decoration: underline;	
	color: #96a3ac !important;
}

footer ul li {
	font-size: 13px;
	line-height: 35px;	
}

.lan-switch, .lan-switch:hover {
	height: 28px;
	padding-top: 3px !important;
	background: #ddd !important;
	border: solid 1px #6c7d89 !important;
	color: #555 !important;
}

/* Search bar */
#search-bar {
	background-color: #2f363b;
	padding: 13px 0 7px 0; 
}

/* ---------- Home page ---------- */
/* Intro */
#intro {
	background-color: #fff;
	padding: 70px 0 50px 0;
	border-bottom: solid 1px #ddd;
}

#intro h3 {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	color: #de1219;
	text-align: center;
	margin-bottom: 40px;
}

.info-block h4 {
	font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #333;
	margin-bottom: 3px !important;
}

#sm .info-block h5 {
	font-size: 1.25rem;
	line-height: 1.3;
}

#intro .info-block {
	text-align: center;
}

#intro .info-block li p {
	padding-left: 10px;
	padding-right: 10px;
}

/* Sites */
#hp-content {
	background-color: #f4f3ee;
	padding: 60px 0 100px;
	margin-bottom: -40px;
}

#hp-content .panel {
    background-color: #fff;
    margin-bottom: 0;
    padding: 15px 20px !important;
    border: none;
}

#hp-content h3 {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	text-align: center;
	margin-bottom: 40px;
}

.featured-tag {
	background-color: #f0b219;
	font-family: "ProximaNovaRegular", Helvetica, Arial, sans-serif !important;
	font-size: 0.7rem;	
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	margin: 10px 0 0 10px;
	
}

.site-name, .adventure-name {
	color: #de1219 !important;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.2 !important;	
	margin-bottom: 0 !important;
}

.info span {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	padding: 3px 10px 0 0;
	color: #999;
	line-height: 1.3;	
	padding-left: 6px;
}

h1.summer-adventure {
	font-family: 'Chau Philomene One', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	color: #de1219;
	font-size: 1.8rem;
	padding-bottom: 10px;
}

h1.slide-title {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;f;
	color: #de1219;
	font-size: 1.6rem;
	line-height: 1 !important;
	padding-bottom: 0px;
}

#summer {
	padding: 40px 0;
	background: url("/images/programs/explore/summer/sky-bg.jpg") repeat;	
}

#summer img {
	border: solid 8px #eee;
}

/* ---------- Home - Slides ---------- */
.SliderContainer .slkSlider .content {
	background: #fff;
}
.content .copy {
	background: #fff;
	padding: 20px 30px 0 0;
}

#spotlight {
	background-color: #f4f3ee;
    padding: 50px 0 35px 0;	
}

.SliderContainer .slkSlider .slick-prev, .SliderContainer .slkSlider .slick-next { display: none !important; }

.SliderContainer .slkSlider .slick-dots li {
	margin: -2px 2px;	
}

.SliderContainer .slkSlider .slick-dots li button:before {
	font-size: 13px;
}

/* ---------- View page ---------- */
#locationModal .button-group {
	padding-top: 15px;	
	text-align: center;
}

#locationModal p, #sinupModal p {
	font-size: 18px;	
}

#locationModal img {
	margin-right: 15px;	
	float: left;
}

#content {
	margin:30px 0 40px 0;	
}

.site-wrap {
	background: #fff;
	border: solid 1px #ccc;
	margin-bottom: 25px;
}

.site-main-img img{
	max-height: 345px;
}

.site-content {
	padding: 30px 30px 20px 30px;
}

.site-content p, .news-feed p, .adventure-content p {
	font-size: 16px;
	line-height: 1.5;
	color: #444;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
}

.photo-caption {
	font-size: 13px !important;	
	margin-top: 10px;
	color: #999 !important;
}

.site-content h3 {
	margin-bottom: 0.2rem;
	display: inline;
}

.info {
	margin-bottom: 25px;
}

.info i {
	color: #de1219;
}

.info .photo-caption {
	color: #999;
}

.site-tel {
	padding-right: 30px;
}

.tag h6 {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	padding-bottom: 5px;
}

.tag .tag-btn {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #0084b4!important;
	background-color: #fff !important;
	border: solid 1px #0084b4 !important;
	padding: 4px 10px !important;
	margin-bottom: 5px; 
} 

.tag .tag-btn:hover, .tag .emoted {
	color: #fff !important;
	border: solid 1px #0084b4 !important;
	background-color: #0084b4 !important;
} 

ul.photoSpot-list > li {
	display: flex;
}

ul.photoSpot-list > li input {
	margin-right: 5px;
	margin-top: auto;
}

/* Newsfeed */
.news-feed .side-nav {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	padding-top: 0;
}

.news-feed ul {
	border: solid 1px #ccc;
	background: #fff;
	padding: 20px 30px;	
	margin-left: 0 !important;	
}

.news-feed ul.feed-sm {
	border: solid 1px #ddd;
	background: #fff;
	padding: 10px 15px;	
	margin-left: 0 !important;	
}

.news-feed ul li {
	margin-bottom: 0;
	padding: 10px 0 30px 0;
	list-style: none;
	color: #777;
}

.news-feed .action-title {
	font-weight: 700;
	line-height: 1.2;
	color: #333 !important;
	margin-bottom: 0;
} 

.news-feed span {
	color: #777;
	font-size: 13px;
	padding-left: 5px;
	padding-right: 5px;
}

.photoSpot-pic {
	width: 70%;
	height: 70%;
	display: block;	
	padding-top: 5px;
	border: solid 3px #fff;
	border-radius: 12px;
}

.news-feed ul.feed-sm .photoSpot-pic {
	width: 100%;
	height: auto;
	display: block;	
	padding-top: 5px;
	border: solid 3px #fff;
	border-radius: 12px;
}

.action {
	padding-right: 10px !important;
	text-align: center;
}

.action img {
	border: solid 3px #fff;
	border-radius: 5px;
}

/* Challenges */
.action-btn {
	background: #fff !important;
	border: solid 1px #ccc;
	color: #2e353a;
	margin: 0 0 25px 0;
}

.action-btn li {
   border-right: solid 1px #ccc;
   list-style: none;
   margin: 0;
   padding: 0;
}

.action-btn li a {
	background: #fff;
	color: #2e353a !important;
	font-size: 0.8rem;
	display: block;
	width: 100%;
	height: 100%;	
	padding: 15px 2px 10px 2px;
	text-align: center;
}

.action-btn li a:hover {
	background: #f7f7f7;
	color: #2e353a;
}

/* Discovery Quest */
div.panel.discoveryQuest {
	overflow: auto;
}

.discoveryQuest, .tag {
	margin-bottom: 25px;
}

.discoveryQuest ul{
	display: inline-block;
	margin-bottom: 0;
}

.discoveryQuest ul li {
	border-bottom: solid 1px #eee;
	padding-bottom: 5px;
}

.discoveryQuest ul li a {
	font-size: 13px;
	color: #2e353a !important;
}

.discoveryQuest ul li.selected a {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.discoveryQuest ul li a:hover {
	color: #de1219 !important;
}

.discoveryQuest ul li a img {
	float: right;	
	padding-left: 5px;
}

.discoveryQuest img {
	float: left;
	padding-right: 5px;
	padding-top: 10px;
}

.discoveryQuest .question .share img {
	float: none;
}

.question {
	text-align: center;
}

.question p {
	font-size: 16px;
	text-align: left;
}

#sm .question p, #sm .question .button, #sm .site-content p, #sm .news-feed p, #sm .adventure-content p {
	font-size: 14px;
}

.question .button {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #555 !important;
	text-align: left;
	padding-left: 10px;
	margin-bottom: 8px;	
}
.question .default, .default {
	border: solid 1px #ddd !important;
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%) !important; /* W3C */
} 

.question .default:hover {
	background: #ededed !important;
}

.question .correct {
	background: #f0c419 !important;
	border: solid 1px #c9a20d !important;
} 

.question .false {
	background: #3897d3 !important;
	border: solid 1px #226d9c !important;
} 

.question .fi-x, .question .fi-check {
	float: right;
	padding-right: 10px;
}

.new-quest {
	text-align: left;
}

.new-quest a.button {
	margin-top: 10px;
}

.photoSpot-list li {
	font-size: 13px;
}
/* ---------- Adventure page ---------- */
.adventures-top {
	background: url("/images/programs/explore/adventure-background.jpg") no-repeat;  
	background-size: cover;
	height: 260px;
	padding-top: 50px;
}

.adventures-top h1 {
	font-family: 'Chau Philomene One', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
	text-shadow: 1px 2px 3px #000;
	margin-bottom: 10px;
}

.adventures-top h2 {
	font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 400 !important;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 30px;
}

.adventures-top .button.small {
	font-size: 1rem;
}


.adventures-top-sm {
	background: #2f363b;
	height: 157px;
	padding-top: 15px;
}

.adventures-top-sm h3 {
	font-family: "Roboto Slab", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 400 !important;
	color: #fff;
	text-align: center;
	line-height: 1.2;
	text-shadow: none;
}

#filter {
	background-color: #2f363b;
	padding: 5px 10px 10px 10px; 
	margin-bottom: 10px;
}

#filter h6 {
	font-family: "ProximaNovaRegular", Helvetica, Arial, sans-serif !important;
	font-size: 12px;
	color: #fff;
	margin-bottom: 3px;	
}

#adventure-post{
	padding: 10px;
	background: #fff;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}

#adventure-post span {
	color: #999;	
}

#sm #adventure-post {
	margin-bottom: 0 !important;
}


#adventure-post .adventure-title {
	font-weight: 400;
	line-height: 1.2;
	margin-bottom: 0;
} 

#adventure-post .user-name {
	font-size: 13px;
	color: #777;
	display: block;
}

#adventure-post .fi-calendar, 
#adventure-post .fi-marker,
#adventure-post .fi-clock,
#adventure-post .prize {
	font-size: 18px;
	padding-right: 5px;
}

.host-tag {
	background-color: #f0b219;
	font-family: "ProximaNovaExtraBold", Helvetica, Arial, sans-serif !important;
	font-size: 0.85rem;	
	color: #fff;
	padding: 5px 10px;
	position: relative;
	float: right;
}

.switch {
	margin-bottom: 10px ;	
}

.switch .button-bar {
	margin-bottom: 15px;
}

.switch .tabs dd > a, .search-result .tabs dd > a{
	background-color: transparent;	
	color: #555 !important;
	padding: 0 10px 5px 10px;
	margin-bottom: 15px;
}

.search-result ul li img {
	border: solid 1px #ccc;
	border-bottom: none;
}

.tabs-content h6 {
	font-family: "ProximaNovaBold", Helvetica, Arial, sans-serif !important;
}

.adventure-thumb {
	width: 68px;
	float: right;
	padding: 10px 0 0 10px;
}

.go-back { margin-bottom: 10px; font-size: 13px; }
.go-back-sm { margin: 5px 0; padding-left: 3px; font-size: 13px; }

/* ---------- Discover page ---------- */
span.site-location {
	font-size: 13px;
	line-height: 16px;
	color: #999;	
	display: block !important;
	padding: 2px 0 5px 0;
}

.search-result .tabs dd.active a, .tabs .tab-title a {
	color: #555 !important;
}

.search-result ul.pagination li.current a, .search-result ul.pagination li.current button {
	background-color: #fff !important;
	padding: 3px 13px;	
}

.search-result ul.pagination li a, ul.pagination li button {
	color: #555 !important;	 
	padding: 3px 13px;		
}

.content-wrap {
	background: #fff;
	border: solid 1px #ccc;
	border-radius: 3px;
	padding: 20px 20px 10px 20px;
	margin: 0 0 20px 0;
}

.content-wrap  label,  .site-wrap label {
	font-family: "ProximaNovaSemiBold", Helvetica, Arial, sans-serif !important;
	text-align: left;
}

.content-wrap .row {
	margin: 10px 0 !important;
}

.content-wrap a.button {
	font-size: 14px;
}

.headline {
	margin: 20px 0 40px 0;
}

/* ---------- Checkin page ---------- */
.checkin-content {
	background-color: #fff;
	color: #333;
	border: solid 1px #ccc;
	border-radius: 3px;
	padding: 15px 10px;
    margin-bottom: 0;
    overflow: auto;
}

.checkin-content .close {
	top: 10% !important;
}

.checkin-content .large-block-grid-3, .checkin-content .medium-block-grid-3  {
	padding-top: 5px;
}
.checkin-content .large-block-grid-3 > li, .checkin-content .medium-block-grid-3 > li  {
	padding-bottom: 0 !important;
}

.checkin-content .large-block-grid-3 > li .site-name, .checkin-content .medium-block-grid-3 > li .site-name {
	padding-top: 5px;
	font-size: 13px;
}

.checkin-content .small-block-grid-1 li {
	padding-bottom: 0.5rem;
}

.checkin-content .small-block-grid-1 > li .site-name {
    font-size: 13px;
    margin-left: 10px;
}

/* ---------- Adventure View page ---------- */
.profile-card {
	margin-top: 10px;
}

.profile-card img {
	border-radius: 50%;
	background: #fff;
}

.profile-card {
	position: relative;
	top: 10px;
	margin-bottom: 8px;
	color: #de1219 !important;
	font-size: 0.85rem;
}

.profile-card i {
	color: #555;
}

.circle-number {
	border-radius: 50%;
	background-color: #f0b219; 
	height: 25px;
	width: 25px;
}

.circle-number-white {
	border-radius: 50%;
	background-color: #ddd; 
	height: 25px;
	width: 25px;
	margin-top:9px;
}

.circle-number p {
	color: #fff;
	padding-top: 3px;
	position: relative;
	text-align: center;
}

.circle-number-white p {
	color: #444;
	padding-top: 3px;
	position: relative;
	text-align: center;
}

.leadersboard .dropdown {
	background-color: #fff !important;
	border: solid 1px #ccc !important;
	color: #333 !important;
	padding: 5px 5px 5px 10px;	
}

.leadersboard .dropdown.button.tiny:after, button.dropdown.tiny:after {
	border-top-color: #333 !important;
}

.leadersboard .f-dropdown li a {
	color: #333 !important;	
}

.join-adventure, .adventure-map {
	margin-bottom: 10px;	
}

.adventure-map h6 {
	font-weight: 700;	
}

.adventure-map i {
	color: #999;
	padding-left: 10px;
	padding-right: 10px;
}

.adventure-order {
	margin-bottom: 0;
	position: relative;
	width: 100%;
}

.adventure-order tbody .completed span {
	background: url("/images/programs/explore/btn/check.png") no-repeat;
	z-index:100;
	position: absolute;
	width: 36px;
	height: 36px;
	left: 13px;
}

.adventure-order tbody .completed a {
	color: #999 !important;
}

.adventure-order tbody tr td {
	padding-top: 5px;
}

.adventure-order tbody tr td p {
	margin-bottom: 0;
	margin-top: 5px;	
}

#leaders-content {
	background-color: #e8e8c7;
	padding-top: 65px;
	padding-bottom: 60px;
	margin-bottom: -40px;
}

.leaderboard-top {
	background: url("/images/programs/explore/leaders/leaderboard-bg.png") repeat;
	height: 205px;
	position: relative;
}

.leaderboard-top img {
	bottom: -85px;
	position: absolute;
}

.board { padding-bottom: 25px; }
.board table { margin-bottom: 5px; width: 100%; }
.board .view-more {
	font-size: 13px;
	float: right;
}

/* ---------- Profile page ---------- */
.user-location {
	font-size: 13px;
	line-height: 16px;
	color: #999 !important;	
	display: inline !important;
	padding: 5px 0;
}

.score {
	background: #fff !important;
	border: solid 1px #ddd;
	color: #2e353a;
	margin: 0 0 15px 0;
}

.score li {
   border-bottom: solid 1px #ddd;
   list-style: none;
   margin: 0;
   padding: 5px 10px;
}

.profile h4 {
	margin-bottom: 0;
	margin-top: 10px;	
}

.score li p, .score li img { 
	float: left; 
	margin: 0;
}

.score li h6 { 
	float: right; 
	margin: 0;
}

.profile-tag {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #f0a019 !important;
	display: inline;
	padding-left: 10px;
} 

.sectionHeader {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 0.85rem;
	display: block;
	border-bottom: dashed 1px #ccc;
	color: #555;
	padding-bottom: 6px;
	margin-top: 10px;
}

.action-heading {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 15px !important;
	color: #333 !important;
	display: block;
	padding-top: 5px;
	margin-left: -5px !important;
}

.news-feed ul.pagination {
	padding: 0;
}

.news-feed ul.pagination, .news-feed ul.pagination li {
	background: none;
	border: none;
}

.news-feed ul.pagination li a {
	color: #444 !important;
	font-size: 14px;
}

.news-feed ul.pagination li.current a, .news-feed ul.pagination li.current button {
	background: #fff !important;
}

.user-field-form label {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.user-field-form .labelled-option {
	display: inline-block;
}

.user-field-form .labelled-option label {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

.user-field-form input[type="text"], 
.user-field-form input[type="password"],
.user-field-form select, 
.user-field-form input[type="file"], 
.user-field-form .language-label {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

/* City Autocomplete */
.user-field-form .ui-autocomplete {
	background: #fff;
	border: 1px solid grey;
	max-height: 230px;
	overflow: auto;
}

.user-field-form .ui-autocomplete.ui-menu {
	padding: 0px;
	margin: 0px;
}

.user-field-form .ui-autocomplete[style] {
	position: absolute !important; /* Prevents dropdown from expanding form */
}

.user-field-form .ui-autocomplete .ui-menu-item {
	padding: 3px;
	border-top: 1px solid #ededed;
	list-style: none;
	margin: 0px;
}

.user-field-form .ui-autocomplete-loading { 
	background: url("/images/icons/city-autocomplete-loading.gif") no-repeat scroll right center white;
}

.user-field-form .ui-helper-hidden-accessible {
	/* Based on the visuallyhidden class from HTML 5 Boilerplate */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* ---------- About page ---------- */
.white-bg {
	padding: 30px 0;
	background: #fff;
}

.grey-bg {
	padding: 30px 0;
	background: #f7f7f7;
}

.white-bg h7 {
	font-size: 13px;
	color: #999;
	padding: 0;
	margin: 0;	
}

.white-bg h6 {
	margin-bottom: 0;	
}

/* ---------- For Small Screen ---------- */

.sm-header {
	background: url("/images/programs/explore/ex-background-sm.jpg") no-repeat;
	background-size: cover;
	height: 270px;
	padding-top: 20px;
}

.sm-header .search-box {
	padding: 0;
	background: none;
	border: none;
}

#sm {
	padding-bottom: 70px;
	background: #fff;
	font-size: 13px;
}

#sm .row {
	padding-left: 0;
	padding-right: 0;
}

#sm hr {
	margin-top: 10px;
	margin-bottom: 10px;
}

.featured-tag-sm {
	color: #f0b219 !important;
	margin-bottom: 0 !important;
	font-size: 12px !important;
}

h6.site-name-sm, h5.adventure-title-sm, .feed-sm .site-name {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-size: 1rem;
	font-weight: normal;
	color: #de1219 !important;
	display: block;
	line-height: 1.2 !important;	
	margin-bottom: 0 !important;
}

ul.mobile {
	padding-top: 10px;	
}

ul.mobile > li {
	padding-bottom: 0.5rem !important;
}

ul.mobile > li .panel p{
	font-size: 12px !important;
	margin-bottom: 0.5rem;
}

.steps ul {
	list-style-type: none; 
	text-align: center;
}

.steps li {
	display: inline-block;
}

.steps ul li .circle-number, .steps ul li .circle-number-white {
	margin-left: 3px;	
}

.steps span {
	font-size: 12px;
	color: #777;
	padding-top: 3px;
}

.steps span.current {
	color: #e1a40f;
}

form .fi-plus {
	color: #565656;
}

dd.three-tabs {
	width: 33.3% !important;
}

dl.sm-tab {
	padding-bottom: 15px;
}

dl.sm-tab dd {
	width: 50%;
	text-align: center;
	top: 0;
}

dl.sm-tab dd.active a{
	color: #de1219 !important;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

dl.sm-tab dd a  {
	font-family: "ProximaNovaBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	color: #eef0f1 !important;
	background: #6c7c87;
	font-size: 13px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

@media (min-width: 40.063em) {
    .mobile {
        display: none;
    }
}

.site-name-bg {
	background: #2f363b;
	padding: 10px 15px;
}

.site-name-bg h4 {
	font-size: 1.25rem;
	color: #fff !important;
}

#sm .felx-video {
	margin-bottom: 0.5rem;
}

.reveal-modal, dialog {
	min-height: 50px !important;
}

#gmail {
	height: 500px;
	overflow: scroll;
}

.like_btn {
	background: url("/images/programs/explore/btn/facebook-100-points-01.png") no-repeat;
	width: 105px;
	height: 65px;
	padding-top: 26px;
	float: right;
	text-align: center;
}

.like_btn small { color: #de1219; }

/* ---------- Welcome page ---------- */
.content .welcome-bg {
	display: block;
	background: url("/images/programs/explore/welcome/welcome-screen-big.jpg") no-repeat;
	height: 600px;
	background-size: cover;
}

.content .welcome-content p {
font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
font-size: 18px;
line-height: 1.2;
color: #444;
margin-top:20px;
}

.content .welcome-content a {
color: #fff !important;
font-size: 14px;
}

.content .welcome-content a.button {
font-size: 16px;
}
		
@media (min-width: 0px) and (max-width: 490px) {
	
	.content .welcome {
	background: url("/images/programs/explore/welcome/welcome-screen.png") no-repeat;
	height: 502px;
	background-size: cover;
	display: block;
	}

	.content .welcome .welcome-content {
	bottom: 10px;
	position: fixed;
	text-align: center;	
	}

	.content .welcome .welcome-content p {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	text-align: center;	
	}

	.content .welcome .welcome-content p {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-size: 18px;
	line-height: 1.2;
	color: #fff;
	text-align: center;	
	}

	.content .welcome .welcome-content a {
	color: #fff !important;
	font-size: 14px;
	}

	.content .welcome .welcome-content a.button {
	font-size: 16px;
	}
						
	.content .horizontal { display: none; }
}

@media (min-width: 491px) and (max-width: 720px) {

	.content .horizontal {
		display: block;
		background: url("/images/programs/explore/welcome/welcome-screen-hr.png") no-repeat;
		height: 320px;
		background-size: cover;
	}

	.content .horizontal .welcome-content {
	bottom: 10px;
	position: fixed;
	text-align: center;	
	}

	.content .horizontal .welcome-content p {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-size: 17px;
	line-height: 1.2;
	color: #fff;	
	text-align: left;
	}
			
	.content .welcome { display: none; }
	
}

/* ---------- Contest ---------- */
.prize { margin-bottom: 20px; }

.prize h1 {
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	font-size: 46px;
	line-height: 0.8;
	color: #de1219;
}

.prize h2 {
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
	font-size: 46px;
	line-height: 0.8;
	color: #f26065;
}

.top p {
	font-family: "ProximaNovaRegular", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 0;
}

#wh { background-color: #fff; padding: 40px 0; }
#grey { background-color: #eee; padding: 40px 0; }

#login-bg {
	background: url("/images/programs/explore/login-background.jpg") no-repeat;
	background-size: cover;
	padding-top: 35px;
	height: 600px;
}

.contest-heading {
	text-align: center;
	color: #000;
	margin-bottom: 10px;
}

.contest-heading .fi-crown {
	color: #f0b219;
	font-size: 42px;
	vertical-align: sub;
	margin-right: 10px;
}

.grand-prize {
	-webkit-box-shadow: 1px 1px 2px 0px #ddd;
	-moz-box-shadow: 1px 1px 2px 0px #ddd;
	box-shadow: 1px 1px 2px 0px #ddd;	
	margin-bottom: 15px;
	overflow: auto;
	border-radius: 3px;
	padding: 20px 30px!important;
}

.grand-prize h4 {
	font-size: 1.3rem;
	color: #de1219;
	margin-top: 10px;
}

.grand-prize h3 a {
	font-family: "ProximaNovaSemiBold", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; 
	line-height: 1.26;
	color: #000 !important;
}

.winners-list {
	padding: 0 0.625rem 0.5rem !important;
}

.winners-list .panel {
	margin-top: 10px;
	text-align: center;	
	-webkit-box-shadow: 1px 1px 2px 0px #ddd;
	-moz-box-shadow: 1px 1px 2px 0px #ddd;
	box-shadow: 1px 1px 2px 0px #ddd;
	border-radius: 3px;
}

.winners-list .panel p {
	font-size: 14px;	
}

.winners-list .panel h6 a {
	color: #000 !important;
}

.winners-list .panel .fi-crown, .grand-prize .fi-crown {
	color: #f0b219;
	margin-right: 5px;	
}

.winners-list .panel h6 {
	margin: 10px 0 5px 0;
	line-height: 1.26;
}

.winners-list li .panel p { 
	font-size: 13px;
}