/*

Theme Name:     discover child

Description:    child of discover

Author:         Erik Fadiman is awesome

Template:       discover



(optional values you can add: Theme URI, Author URI, Version)

*/



@import url("../discover/style.css");

@font-face {

	font-family: 'antoniobold';

	src: url('fonts/antonio-bold-webfont.eot');

	src: url('fonts/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/antonio-bold-webfont.woff') format('woff'), url('fonts/antonio-bold-webfont.ttf') format('truetype'), url('fonts/antonio-bold-webfont.svg#antoniobold') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'antoniolight';

	src: url('fonts/antonio-light-webfont.eot');

	src: url('fonts/antonio-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/antonio-light-webfont.woff') format('woff'), url('fonts/antonio-light-webfont.ttf') format('truetype'), url('fonts/antonio-light-webfont.svg#antoniolight') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'antonioregular';

	src: url('fonts/antonio-regular-webfont.eot');

	src: url('fonts/fonts/antonio-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/antonio-regular-webfont.woff') format('woff'), url('fonts/antonio-regular-webfont.ttf') format('truetype'), url('fonts/antonio-regular-webfont.svg#antonioregular') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'antonioregular';

	src: url('antonio-regular-webfont.eot');

	src: url('antonio-regular-webfont.eot?#iefix') format('embedded-opentype'), url('antonio-regular-webfont.woff') format('woff'), url('antonio-regular-webfont.ttf') format('truetype'), url('antonio-regular-webfont.svg#antonioregular') format('svg');

	font-weight: normal;

	font-style: normal;

}

#header_container {

	height: 122px;

	background-color: #f5f5f5;

	position: fixed;

	top: 0;

	z-index: 10000;

	width: 100%;

	border-bottom: thin solid #999;

}

#subhead_container {

	padding-top: 60px;

	padding-bottom: 0px;

}

#logo2 a {

	position: absolute;

	top: 0px;

	left: 0px;

	display: block;

	width: 150px;

	height: 140px;

	float: left;

	background-repeat: no-repeat;

	text-indent: -9999px;

	background-image: url(img/ON_Logo_tall.png);

	background-repeat: no-repeat;

}

.subhead {

	width: 200px;

	float: right;

	margin-top: -70px;

	color: #5987C6;

	font-size: 21px;

	padding: 0px;

	text-align: right;

}

#header h2 {

	margin-left: 20px;

	display: block;

	height: 30px;

	text-transform: uppercase;

	font-size: 14px;

	color: grey;

	float: left;

}

#intro {

	background-color: #666;

	padding-bottom: 20px;

}

#sm_hero {

	background-image: url(img/bldg.jpg);

	background-repeat: no-repeat;

	background-size: 100%;

	min-height: 500px;

}

#hero {

	padding-top: 100px;

	background-image: url(img/member_wall_light.jpg);

	background-repeat: no-repeat;

	background-size: 100%;

	min-height: 500px;

}



#join_hero {

	padding-top: 50px;

	background-image: url(img/member_wall_light.jpg);

	background-repeat: no-repeat;

	background-size: 100%;

	min-height: 500px;

}

#hero img {

	width: 100%;

	max-width: 100%;

	height: auto;

}

#who {

	background-image: url(img/debut_dark.png);

	background-color: #323232;

	padding-top: 30px;

	padding-bottom: 30px;

}

#what {

	margin-top: 58px;

	background-image: url(img/member_wall_light.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-color: #f3f3f3;

	padding-top: 30px;

	padding-bottom: 30px;

}

#what img, #who img {

	-webkit-border-radius: 4px;

 # border-radius: 4px;

}

#purpose {

	min-height: 500px;

	background-image: url(img/purpose.jpg);

	background-repeat: no-repeat;

	background-size: 100%;

	background-color: #f3f3f3;

}

#where {

	-webkit-box-shadow: inset 0px 5px 30px 0px rgba(0, 0, 0, .3);

	box-shadow: inset 0px 5px 30px 0px rgba(0, 0, 0, .3);

	background-image: url(img/map.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-color: #fceb8f;

	min-height: 500px;

	background-position: center;

}

#memberships {

	padding-top: 20px;

}

.white {background:#FFF;}

.whitesmoke {

	background-color: #f3f3f3;

	margin-top: 140px;

}

#login {

	width: 100px;

	height: 40px;

	float: right;

	display: block;

	color: #d23804;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 400;

	text-transform: uppercase;

	text-align: right;

}

#dropin {

	background-color: #5987c6;

	color: #fff!important;

}

#perks {

	max-width: 600px;

	margin: auto;

}

/*#perks ul, #perks li, .level li{

	list-style-type: square!important;

	list-style-position: inside;

}*/



#perks li {

	display: block;

	float: left;

	width: 300px;

	height: 200px;

	margin-right: 30px;

	padding-left: 5px;

}

#access {

	margin-top: 30px;

	float: left;

}

#access ul {

}

#access li {

	float: left;

	display: block;

	width: 100px;

	height: 30px;

}

#access a {

	font-size: 20px;

	display: block;

	width: 100px;

	height: 30px;

	text-align: center;

	line-height: 30px;

	text-decoration: none;

	color: #4b553f;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

	text-transform: uppercase;

	-webkit-transition: all .75s;

	-moz-transition: all .75s;

	-ms-transition: all .75s;

	-o-transition: all .75s;

	transition: all .75s;

}

#access a:hover {

	color: #5987c6;

}

.cta {

	font-family: 'Open Sans Condensed', sans-serif;

	font-size: 24px;

	font-weight: 700;

	text-align: center;

	width: 400px;

	display: block;

	padding: 20px;

	border-radius: 4px;

	background-color: #d23804;

	color: #fff!important;

	/*text-transform: uppercase;*/

	margin: auto;

	margin-top: 20px;

	-webkit-transition: all .75s;

	-moz-transition: all .75s;

	-ms-transition: all .75s;

	-o-transition: all .75s;

	transition: all .75s;

}

a.cta:hover {

	background-color: #F96;

	color: #333;

}

#map {

	min-height: 400px;

	width: 100%;

	text-indent: -9999px;

	display: block;

}

/*Typographic.*/

h1, h2, h3, h4, h5, h6 {

	font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif!important;

	font-weight: regular;

	color: #222222;

	text-rendering: optimizeLegibility;

	line-height: 1.0;

	margin-bottom: 20px;

	margin-top: 10px;

}

h1 {

	font-size: 44px;

}

h2 {

	font-size: 30px!important;

}

h3 {

	font-size: 24px!important;

}

h4 {

	font-size: 23px;

}

h5 {

	font-size: 17px;

}

h6 {

	font-size: 14px;

}

h2 {

	color: #d23804;

	font-size: 30px;

	padding-top: 10px;

	padding-bottom: 10px;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

	text-align: center;

	margin: auto;

	display: block;

}

p {

	font-family: 'Roboto', sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #323232;

}

.single_title {margin-top:75px;}

.join_details {

	font-family: 'Roboto', sans-serif;

	font-size: 14px;

	line-height: 18px;

	color: #323232;

	padding-top:20px;

}

.values {

	font-family: 'Roboto', sans-serif;

	font-size: 13px;

	line-hieght: 18px!important;

	height: 80px;

	padding-top: 20px;

}

.thumb {

	float: left;

	margin-right: 5px;

}

a {

	color: #5987c6!important;

}

.widget-container-primary ul li a {

	color: #5987c6;

}

#footer-widget .widget-container ul li a {

	color: #5987c6;

}

.meta-data a {

	color: #5987c6;

}

#captionnomadpjc1 h4, #nomadpjcwrap .orbit-caption h4 {

	color: #ffffff;

	font-size: 18px!important;

	width: 700px;

	font-weight: normal!important;

	line-height: 24px;

}

.big_intro {

	max-width: 600px;

	display: block;

	padding-top: 110px;

	margin: auto;

	font-size: 21px;

	line-height: 24px;

	color: #fff!important;

}

.intro {

	max-width: 780px;

	display: block;

	padding-top: 20px;

	margin: auto;

	font-size: 18px;

	line-height: 24px;

	color: #fff!important;

}

.benefits {

	font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;

	font-size: 24px!important;

	line-height: 30px;

	max-width: 600px;

	display: block;

	padding-top: 20px;

	margin: auto;

	font-size: 18px;

	color: #686464;

	margin-bottom: 40px;

}

.level {

	width: 32%;

	margin-right: 3%;

	border-radius: 8px;

	background-color: #4c594c;

	margin-bottom: 20px;

	color: #FFF;

	height: 250px;

}

.level_last {

	width: 30%;

	margin-right: 0%;

	border-radius: 8px;

	background-color: #4c594c;

	margin-bottom: 20px;

	color: #FFF;

	height: 250px;

}

.level p, .level_last p {

	text-align: left!important;

	color: #FFF!important;

}

.level h5, .level_last h5 {

	text-align: center;

	border-top: thin solid #999;

	display: block;

	padding: 10px;

	color: #FFF!important;

}

.level h3, .level_last h3 {

	color: #FFF!important;

}

h3 {

	text-align: center;

	margin-top: 10px;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

}

.dark {

	color: #323232;

}

.light {

	color: #FFF;

}

.perks {

	background: #f3f3f3;

	max-width: 1000px;

	margin: auto;

	padding-top: 10px;

	border-radius: 4px;

	-webkit-box-shadow: 0 0 20px 0 #3D3D3D;

	box-shadow: 0 0 20px 0 #3D3D3D;

}

.lightbg {

	margin-top: 20px;

	background-color: #f3f3f3;

	min-height: 500px;

	padding-top: 10px;

	border-radius: 4px;

	-webkit-box-shadow: 0 0 20px 0 #3D3D3D;

	box-shadow: 0 0 20px 0 #3D3D3D;

}

.joinbg {

	margin-top: 20px;

	background-color: #f3f3f3;

	min-height: 410px;

	padding-top: 10px;

	border-radius: 4px;

	-webkit-box-shadow: 0 0 20px 0 #3D3D3D;

	box-shadow: 0 0 20px 0 #3D3D3D;

}

.lowerlightbg {

	margin-top: 63px;

	background-color: #f3f3f3;

	min-height: 340px;

	padding-top: 10px;

	border-radius: 4px;

	-webkit-box-shadow: 0 0 20px 0 #3D3D3D;

	box-shadow: 0 0 20px 0 #3D3D3D;

}

.pad_top_40 {

	padding-top: 40px;

}

#lower {

	padding-top: 40px;

}

.icon {

	min-hieght: 300px;

}

.pic_holder {

	width: 80px;

	height: 80px;

	float: left;

	margin-right: 5px;

}

.sub {

	display: block;

	float: right;

	width: 70%;

}

/*ninja forms*/

#ninja_forms_form_1_response_msg.ninja-forms-success-msg {

	background-color: #FFC;

	padding: 10px;

	border-radius: 4px;

	border: thin solid #CCC;

	font-size: 24px!important;

	margin-bottom: 20px;

}

#footer-widget {

	padding: 8px 0px 8px 0px;

	color: #fff;

}

#footer-widget .widget-container h3 {

	color: #fff;

	text-align: left;

}

#social {

	float: left;

	margin-left: 130px;

	width: 132px;

}

#fb {

	display: block;

	width: 32px;

	height: 32px;

	float: left;

	margin-right: 10px;

	background-image: url(img/facebook_32.png);

	text-indent: -9999px;

}

#tw {

	display: block;

	width: 32px;

	height: 32px;

	float: left;

	margin-right: 10px;

	background-image: url(img/twitter_32.png);

	text-indent: -9999px;

}

#ye {

	display: block;

	width: 32px;

	height: 32px;

	float: left;

	margin-right: 10px;

	background-image: url(img/yelp_32.png);

	text-indent: -9999px;

}

.scroll-top {

	font-size: 24px;

	display: block;

	width: 32px;

	height: 32px;

	border-radius: 4px;

	background-color: #666;

	float: right;

	text-align: center;

}

#content_container {

	padding-top: 50px;

}
#content_container_single {

	padding-top: 5px;

}

/* ============================= */

/* ! Layout for mobile version   */

/* ============================= */



@media handheld, only screen and (max-width: 767px) {

body {

}

#header_container {

	height: 140px;

	background-color: #f5f5f5;

	position: fixed;

	top: 0;

	z-index: 100;

	width: 100%;

	border-bottom: thin solid #999;

}

#logo2 a {

	position: absolute;

	top: 0px;

	left: 0px;

	display: block;

	width: 100px;

	height: 130px;

	float: left;

	background-repeat: no-repeat;

	text-indent: -9999px;

	background-image: url(img/ON_Logo_sm_tall.png);

	background-repeat: no-repeat;

	background-color: transparent;

}

#access {

	margin-top: 0px;

	float: none;

	width: 80%;

	clear: both;

	margin-left: 120px;

}

#access ul {

}

#access li {

	float: left;

	display: block;

	width: 20%;

	height: 30px;

}

#access a {

	font-size: 16px;

	display: block;

	width: 20%;

	height: 30px;

	text-align: center;

	line-height: 30px;

	text-decoration: none;

	color: #d23804;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

	text-transform: uppercase;

	-webkit-transition: all .75s;

	-moz-transition: all .75s;

	-ms-transition: all .75s;

	-o-transition: all .75s;

	transition: all .75s;

}

#access a:hover {

	color: #F96;

}

/*the logo and link to home*/

#header h1 a {

	display: block;

	width: 100px;

	height: 79px;

	float: left;

	background-image: url(images/nomads_logo.png);

	background-repeat: no-repeat;

}

#header h2 {

	display: block;

	height: 30px;

	text-transform: uppercase;

	font-size: 14px;

	color: grey;

	float: left;

}

#login {

	position: absolute;

	top: 0px;

	right: 0px;

	width: 100px;

	height: 40px;

	float: right;

	display: block;

	color: #d23804;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 400;

	text-transform: uppercase;

}

#subhead_container {

	padding-top: 100px;

}

.four {

	text-align: center;

}

.details, .intro, .join_details {

	max-width: 80%;

	margin: auto;

	margin-bottom: 20px;

}



.level, .level_last {

	width: 96%;

	margin-left: 2%;

	margin-right: 2%;

	

}

.sub {

	display: block;

	float: right;

	width: 85%;

text-align:left;

}

}

 @media handheld, only screen and (max-width: 480px) {

#access {

	margin-top: 0px;

	float: none;

	width: 80%;

	clear: both;

	margin-left: 120px;

	height: 144px;

}

#access ul {

}

#access li {

	float: none;

	display: block;

	width: 100%;

	height: 36px;

}

#access a {

	font-size: 18px;

	display: block;

	height: 36px;

	text-align: left;

	line-height: 36px;

	text-decoration: none;

	color: #d23804;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight: 700;

	text-transform: uppercase;

	-webkit-transition: all .75s;

	-moz-transition: all .75s;

	-ms-transition: all .75s;

	-o-transition: all .75s;

	transition: all .75s;

}

}