body {
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
	color:#1E242D;
	font-weight:300;
}

p {
	font-size:1.4em;
	margin-bottom:0.75em;
	line-height:1.4;
}

p.summary {
	font-size:2em;
	line-height:1.3;
}

hr {
	border-width:2px;
	border-color:#F2F2F2;
	margin:2em 0;
}

#main ul {
	font-size:20px;
	margin:0 0 20px 20px;
}

a:hover {
	color:#B6D513;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"futura-pt", Arial, Helvetica, sans-serif;	
}

h1 a {
	background:transparent url(../img/logo-joshshipp.png) 0 0 no-repeat;
	width:295px;
	height:40px;
	text-indent:-9999px;
	display:block;
	float:left;
	margin:15px 0;
}

h2.strapline {
	font-family:"jubilat", Georgia, sans-serif;	
	font-weight:300;
	font-size:2em;	
	line-height:1.25;
}

/* TOP BAR */

.contain-to-grid {
	background: #1E242D;	
}

.top-bar-section ul li a, .top-bar-section li a:not(.button) {
	background: #1E242D;	
	font-family:"futura-pt", Arial, Helvetica, sans-serif;	
	font-weight:400;
	font-size:1em;
	text-transform:uppercase;
	padding:0 22px;
}

.top-bar-section ul li:hover > a, .top-bar-section ul li.current-menu-item > a {
	background: #000000;
	color:#B6D513;
}

.top-bar {
	background: #1E242D;
}

.toggle-topbar a span {
	color:#B6D513;
}

.top-bar .toggle-topbar.menu-icon {
	padding-left:53px;
}

.top-bar .toggle-topbar.menu-icon a {
	text-indent:-88px;
	width:70px;
}

/* ARTICLES */

.single article a:link
{
	text-decoration: underline;
}

article {
	border-bottom:4px solid #F2F2F2;	
	padding-bottom:20px;
	margin-bottom:20px;
}
 
article h4 {
	font-family:"jubilat", Georgia, sans-serif;	
	font-weight:300;
	font-size:2.8em;
	line-height:1.2;	
}

.single article h4 {
	font-size:3.6em;
font-weight:700;
line-height:1.1;
}
 
article h4 a {		
	color:#1E242D;
}

.home article img, .single-post article img {
	width:100%;
	margin:0 0 15px 0;
}

article p {
	clear:left;
}

.share, .tags {
	float:left;
	text-align:left;
}

.share {
	margin-top:5px;
	text-align:right;
	float:right;
}

#btn-latest {
	margin-top:-55px;
	display:block;
}

.single article h2
{
	color: #40c5e3 !important;
}

.single #signup
{
	margin-top: 1rem;
	padding: 1rem;
	background: rgba(182, 213, 19, 0.075) !important;
	border: 1px solid #B6D513;
	border-radius: 2px;
}

.single #signup h3
{
font-weight: 400;
margin-bottom: 0;
}

.single #signup p
{
color: rgb(30, 36, 45);
}


.single #signup input
{
	border-color: #B6D513;
}


/* TESTIMONIALS */

.testimonial {
	background:#F4F4F4 url(../img/shape-quote.gif) 50% 100% repeat-x;
	padding:1em 1em 3.5em 1em;
	margin:10px 0 20px;
	overflow:hidden;
}

.testimonial img, .testimonial div {
	float:left;
	display:block;
}

.testimonial img {width:10%;}
.testimonial div {width:90%;}

.maincontent p a {
	text-decoration:underline;
}

.maincontent p span a  {
	text-decoration:none;
}

blockquote {
	font-family:"jubilat", Georgia, sans-serif;	
	font-size:28px;
	font-weight:300;
	color:#000000;
	margin:0;
	padding:0 20px;
	border:0;
	line-height:1.3;
}

blockquote p {
	font-size:inherit;
}

div.testimonial p {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
   }

cite {
	text-transform:uppercase;
	color:#666666;
	font-size:14px;
	font-weight:300;
	font-style:normal;
	padding:10px 20px 0 20px;
	display:block;
}

cite span {
	font-weight:700;
}

.speaking blockquote {font-size:24px;padding-bottom:10px;}
.speaking .testimonial div {width:100%;}

/* SEARCH */

#search {
	background:#030405 url(../img/icon-search.gif) 10px 50% no-repeat;
	border:2px solid #28303C;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	color:#AAAAAA;
	padding:12px 8px 12px 35px;
	font-size:1em;
	height:auto;
	width:100%;
}

/* SIGNUP FORM */

#signup {
	padding:25px 0;	
	background:#1E242D; 
}

#signup form input, #signup form a {
	float:left;
	display:block;
	margin:0 15px 0 0;
}

#signup .button {
  	background-color:#b6d513;
}

.maincontent #signup .button {
  	background-color: #1d232b;
}

#signup .button:hover, #signup .button:focus {
	background-color:#adcd00; 
	color:#FFF;
}


input.name {
	width:30%;
	font-size:18px;
}

input.email {
	width:40%;
	font-size:18px;	
}

.page-template-template-optin-php input.email, .page-template-template-optin-php input.name {
	width:100%;
}

.page-template-template-wuc-php input.email, .page-template-template-wuc-php input.name {
	width:100%;
}

.page-template-template-optin-php .testimonial {
	margin-top:50px;
}

#signup form input.submit {
	width:20%;
	padding:12px 8px;	
}

#signup h3 {
	font-size:24px;
	font-weight:400;
	color:#B6D513;
	text-transform:uppercase;
	margin-bottom:0;
}

#signup p {
	color:#EEE;
}

#signup .large-8 p {
	font-size:18px;
}

/* LOGO & STRAPLINE HEADER */

.header {
	padding:20px 0 10px;
}

/* MAIN CONTENT */

.row.maincontent {
	padding:30px 0 50px 0;
	border-top:4px solid #F2F2F2;
}

/* MODAL */

.modal h2 {
	font-family:"jubilat", Georgia, sans-serif;	
	font-weight:700;
	color:#40C5E3;
}

.modal h3 {
	color:#666666;	
}

#collage {
	height:223px;
	background:transparent url(../img/collage-about.jpg) 50% 0 no-repeat;	
}

.about #collage {background:transparent url(../img/collage-about.jpg) 50% 0 no-repeat;}
.books-media #collage {background:transparent url(../img/collage-booksmedia.jpg) 50% 0 no-repeat;}
.speaking #collage {background:transparent url(../img/collage-speaking.jpg) 50% 0 no-repeat;}
.mentoring #collage {background:transparent url(../img/collage-mentoring.jpg) 50% 0 no-repeat;}
.work #collage {background:transparent url(../img/collage-about.jpg) 50% 0 no-repeat;}
.contact #collage {background:transparent url(../img/collage-speaking.jpg) 50% 0 no-repeat;}


.home #collage {
	background:transparent url(../img/collage.jpg) 50% 0 no-repeat;
	height:447px;
}

#collage h1 {
 	color: #FFFFFF;
    font-size: 6em;
    font-weight: 800;
    opacity: 0.9;
    text-align: center;
    text-shadow: 2px 2px 0 #000000;
    text-transform: uppercase;
}

body.customer-support #collage h1 {font-size:5em;}

a.play {
	display:block;
	width:300px;
	height:300px;
	font-size:54px;
	text-shadow:0 0 0 #FFFFFF;
	color:#B6D513;
	background:#FFFFFF url(../img/icon-play.png) 65% 50% no-repeat;
	font-weight:700;
	text-transform:uppercase;
	text-align:center;
	border-radius:100%;
	margin:0 auto;
	padding-top:100px;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    text-shadow:1px 1px 0 #FFFFFF;
    opacity:0.95;
}

a.play:hover {
	background-color:#B6D513;
	color:#FFF;
    text-shadow:none;
}

#video2 a.play, 
#video5 a.play,
#video6 a.play {
	margin-top:-50%;
}

#video, 
#video2, 
#video5,
#video6 {
	text-align:center;
	clear:left;
	display:block;
}

#video5 {
	padding-top:0;
	margin-bottom:50px;
}

#video6 {
	padding-bottom:60%;
}

.flex-video.widescreen {
	padding-bottom:54%;
	overflow:visible;	
}

#video iframe {
	border:10px solid #fff;
}

#video2.flex-video, 
#video5.flex-video,
#video6.flex-video, {
	margin-bottom:50px;
}

#video2 iframe, 
#video5 iframe,
#video6 iframe, {
	margin-top:20px;
}

#collage .columns {
	margin-top:50px;
}

/* ADS */

.ads a {
	margin:20px 0 10px 0;
	display:block;
}

.ads p {
font-size:1.1em;
}

/* SUBSCRIBERS & SPAM */

p#num{
	font-family:"jubilat", Georgia, sans-serif;	
	font-weight:700;
	font-size:64px;
	line-height:1;
	margin-bottom:0;
	color:#8E97A6;	
	text-align:center;		
}

p#sub{
	font-family:"jubilat", Georgia, sans-serif;	
	font-size:24px;
	color:#8E97A6;
	text-align:center;
	margin:-5px 0 0 0;
}

p#pri {
	background:transparent url(../img/icon-lock.png) 0 50% no-repeat;
	padding:10px 0 10px 50px;
	margin:0 0 0 20px;
	height:50px;
	color:#475977;
font-size:1.2em;
}

/* BUTTONS */

button, .button {
  	background-color: #1E242D;
  	border:0; 
  	box-shadow:none;
  	text-transform:uppercase;
  	font-weight:700;
}

button:hover, button:focus, .button:hover, .button:focus {
	background-color: #1fb0d1; 
	color: white; 
}

.secondary {
	background:#40C5E3 !important;
	color:#FFFFFF !important;
	box-shadow:none;
	border:none;
	text-transform:uppercase;
}

.tags {
	padding:0 0 10px 0;
	margin-top: 9px !important;
}

.tags .secondary {
	padding:8px !important;
}

.tags li a {
	padding:6px;
	background:#40C5E3;
	color:#FFF;
	text-transform:uppercase;
	font-weight:700; 
	font-size:11px;
}

.tags li a:hover {
	background:#B6D513;
}

#main ul.post-categories {
	margin:0;
	padding:0;
	font-size:1em;
}

.post-categories li {
	list-style:none;
	float:left;
	font-size:1em;
	margin-right:5px;
}

.secondary:hover {
	background:#B6D513 !important;	
}

.round {
	background-color:#B6D513;
}

/* PRODUCTS */

.product {
	padding:2.5em 0 1.5em 0;
	border-bottom:4px solid #F2F2F2;
}

.product .row {
	padding-bottom:1.5em;
}

.product h6 {
	font-weight:normal;
	color:#AAAAAA;
	text-transform:uppercase;
	font-size:14px;
}

.product a.button {
	margin-top:20px;	
}

.inner #main .product h3 {
	margin-bottom:5px;
}

.product h4 {
	font-family:'jubilat', Georgia, serif; 
	font-weight:400;
	color:#40C5E3;
	font-size:2em;
	line-height:1.2;
	margin-bottom:10px;
}

.product .summary {
	line-height:1.2;
	margin-bottom:10px;
}

.product .flex-video {
	margin-bottom:50px;
}

.product iframe {
	margin-top:20px;
}

.product a.play {
	width:150px;
	height:150px;
	font-size:32px;
	margin-top:-40%;
	padding-top:45px;
	background-size:50% 50%;
}

/* FEATURED */

#featured {
	background:#F4F4F4;
	padding:35px 0 50px 0;
	text-align: center;
}

#logos {
	display:block;
	width:100%;
}

#logos-small {
	display:none;
	width:100%;
}

.outer-center {
    float: right;
    position: relative;
    right: 50%;
}

.inner-center {
    float: right;
    position: relative;
    right: -50%;
}

/* INNER PAGES */

#main h2, #main h3 {
	text-transform:uppercase;
	font-weight:800;
	font-size:24px;	
	margin:0;
}

#main h2 {
	color:#1E242D;
}

#main h3 {
	color:#B6D513;
	margin-bottom:15px;
}

/* CONTACT */

.contact #main h3 {
	margin:1.5em 0 0 0;
}

/* FAQS */

p.q {
	font-size:24px;
	font-weight:700;	
	margin:1em 0 0.25em 0;
}

/* ABOUT */

#points {
	clear:left;
	display:block;
	padding:30px 0 0 0;
}

#points p {
	font-size:22px;
}

/* MENTORING */

.mentoring #main h4 {
	font-weight:300;
	font-size:20px;
	padding:2em 0 0.5em 0;
	text-transform: uppercase;
	border-bottom:2px solid #EEEEEE;
}

.mentoring #main .center h4 {
	padding:0 0 2em 0;
	border-bottom:0;
}

/* CUSTOMSALES */

.page-template-template-customsales-php #main h4 {
	font-weight:300;
	font-size:20px;
	padding:2em 0 0.5em 0;
	text-transform: uppercase;
	border-bottom:2px solid #EEEEEE;	
}


.page-template-template-customsales-php #main .center h4 {
	padding:0 0 2em 0;
	border-bottom:0;
}

.page-template-template-customsales-php .testimonial {
	margin-top:50px;
}

/* EVENTS */

.events h4 {
	font-family:'jubilat', Georgia, serif; 
	font-weight:400;
	color:#40C5E3;
	font-size:2em;
	line-height:1.2;
	margin-bottom:10px;
}

/* OPT IN */

.optin .top-bar {
	display:none;
}

.optin form input {
	font-size:18px;
}

.inner.optin #main h2 {
	font-size:48px;
	font-weight:400;
	margin:0.25em 0 1em 0;
	font-family:'jubilat', Georgia, serif;
	text-transform:none;	
}

.optin.inner #main h3 {
	margin-bottom:0;
}

h5#nospam {
	background:transparent url(../img/icon-padlock.png) no-repeat 0 50%;
	margin:-10px 0 0 0;
	padding:5px 0 0 30px;
}

/* FOOTER */

footer {
	background:#1E242D;
	padding:45px 0 35px 0;
	color:#F4F4F4;
}

address {
	font-style:normal;
	line-height:1.2;
}

footer li {
	list-style:none;
}

#social a {
	float:left;
	display:block;
	width:44px;
	height:45px;
	margin:0 0 0 15px;
	text-indent:-9999px;
}

#social a#fb {background:transparent url(../img/icon-facebook.gif) 0 0 no-repeat;}
#social a#tw {background:transparent url(../img/icon-twitter.gif) 0 0 no-repeat;}
#social a#yt {background:transparent url(../img/icon-youtube.gif) 0 0 no-repeat;}

.single #footer_signup
{
	border-bottom: 1px solid rgba(71, 89, 119, 0.25);
	margin-bottom: 3rem;
}

/* MAIN CONTENT FORMS */

.entry-content form input,
.entry-content form select,
.entry-content form textarea {
	font-size:1.2em;
	font-family:"futura-pt", Arial, Helvetica, sans-serif;
}

.entry-content form textarea {
	height: auto;
}

.entry-content form select {color:#999999;}
.entry-content form option:first-child {color:#CCCCCC;} 
.entry-content form option {color:#1e242d;} 

.entry-content form select {
    border: 1px solid #cccccc;
    border-radius: 0;
    color: #999999;
    padding: 0.5em;
}

/* MISC */

.center {
	text-align:center;
}

/* BLOG */

.date {
    color: #999999;
    display: block;
    font-weight: 400;
    padding: 0 0 1.5em;
    text-transform: uppercase;
}

.nextprev {
	text-transform: uppercase;
	font-weight:700;
}

.single-post #main h2 {
	margin:20px 0 5px 0;
}

@media only screen and (max-width: 1024px) {

	.header {
		text-align:center;
	}
	
	.header .columns {
		clear:left;
		width:100%;
	}
	
	h1 a {
		background-position:50% 0;
		width:100%;
	}

	#signup .large-4 p {
		float:left;
		text-align:left;
		margin-left:0;
		clear:left;
	}
	
	p#num {
		margin-top:30px !important;
	}

	p#sub {
		margin-bottom:0.5em;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

@media only screen and (max-width: 768px) {

	.top-bar-section ul li a, .top-bar-section li a:not(.button) {
		padding:10px 20px;
		border-bottom:1px solid #28303D;
		border-top:1px solid #000000;
	}
	
	button.large, .button.large {
		font-size:1em;
	}

	#logos {
		display:none;
	}
	
	#logos-small {
		display:block;
	}
	
	#signup {
		padding:20px 0 30px 0;
	}
	
	.row.maincontent {
		padding:30px 0;
	}	
	
	#search {
		width:75%;
	}

	address {
		margin:10px 0 20px 0;
	}

#collage h1 {
    font-size: 3em;
}
	
}

@media only screen 
and (min-width : 320px) 
and (max-width : 480px) {

	p {
		line-height:1.4;
	}

	input {
		width:100% !important;
		clear:left;
		margin-bottom:15px !important;
		display:block;
	}
	
	#signup form a {
	width:50% !important;	
	}
	
	#social a {
		margin:0 15px 15px 0;
	}
	
	#signup h3 {
		font-weight:700;
	}	
	
	.small-6 {
		width:100%;
	}
	
	#btn-latest {
		margin:0 0 40px 0;
	}

.single article h4 {
	font-size:2.4em;
}

	.testimonial img {width:40%;}
	.testimonial div {width:100%;clear:left;}
	blockquote {padding:20px 0;}
	cite {padding:5px 0 10px;}
	cite span {clear:left;display:block;}

	.product a.play, 
	#video2 a.play,
	#video5 a.play,
	#video6 a.play {
		width:100px;
		height:100px;
		font-size:20px;
		margin-top:-45%;
		padding-top:30px;
		background-size:50% 50%;
	}
	    
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	h1 a {
		background:transparent url(../img/logo-joshshipp-xl.png) 0 0 no-repeat;	
		background-size:contain;
	}


}