/*
Theme Name: Failing My Way To Success
Theme URI: http://failingbywaytosuccess.com
Author: Joey Shavelle, CJ DeGennaro
Description: Theme for Failing My Way To Success;
Version: 0.1;
*/

body {
	font-family: 'Lato', sans-serif;
	font-size:14px;
}


h1 { font-size: 40px; }
h2 { }
h3 { font-size: 20px; }
h4 { color: #f77d10; }



a:hover { color: #f77d10; 
    -webkit-transition: color 200ms ease-out .1s;
    -moz-transition: color 200ms ease-out .1s;
    -o-transition: color 200ms ease-out .1s;
    transition: color 200ms ease-out .1s;
    }

/* //////////// STRUCTURE /////////////// */

#primary, 
.logo-container, 
header .content,
footer .content
{ margin:0 auto; width:90%; }

#primary { margin-top:40px; }

#main { width:66%; float:left;}
#sidebar-right, #secondary { width:25%; float:right; }




/* //////////// HEADER /////////////// */


.social-header {
	margin-top: 0px;
	height: 44px;
	background-color: #003052;
	text-align:right; 
}

.social-header a {
	margin-top: 5px;
	margin-left: 8px;
	display:inline-block;
	color: #003052;
}
.social-header .icon { 
	width: 32px;
	height: 32px; 
	background-color:white; 
	text-align:center; 
	border-radius:16px; }

.social-header i { font-size:23px; position:relative; top:5px;  }
.social-header a:hover > div { background-color:#f77d10; }

.logo { 
	position: absolute;
	top: 20px;
	width: 150px;
	text-align: center;
	padding:8px;
	background-color:#fff;
	z-index: 5;
}
.logo a { color:#fff; }
.logo p { margin:0; text-transform:uppercase; font-weight:700;}
.logo p.failing { font-size:33px; line-height:28px; }
.logo p.mywayto { font-size:20px; line-height:21px; font-weight:400; letter-spacing:0.11em; position:relative; left:2px; }
.logo p.success { font-size:30px; line-height:24px; }
.logo .trademark { position:absolute; right:0px; bottom:15px;}


/* Menu */


.menu-main-menu-container { float:right; width:90%; margin-top:22px; text-align:right; }

.menu li { display:inline-block; margin-left:6%; letter-spacing:1px; }
.menu li a { font-size:19px; color:#fff; }
.menu li a:hover { color: #f77d10; 
    -webkit-transition: color 200ms ease-out .1s;
    -moz-transition: color 200ms ease-out .1s;
    -o-transition: color 200ms ease-out .1s;
    transition: color 200ms ease-out .1s;
    }

.top-bar .title-area { margin-top:40px; }
.top-bar .toggle-topbar.menu-icon a { font-size:20px; }







.top-bar {
	height: 90px;
	background-color: #005b7f;
	border-bottom: 4px solid #003052;
}
/*.top-bar ul {
	margin-top: 40px;
}*/


.top-bar-section li:not(.has-form) a:not(.button):hover {
	background-color: #005b7f;
}

.top-bar-section ul li > a {
    color: #FFFFFF;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding-left: 0.9375rem;
    padding: 12px 0 12px 0.9375rem;
    text-transform: none;
    width: 100%;
}
/*Top Menu Links*/
.top-bar-section li:not(.has-form) a:not(.button) {
	margin-right: 55px;
	font-size: 24px;
	background-color: #005b7f;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
    color: #f77d10;
    -webkit-transition: color 200ms ease-out .1s;
    -moz-transition: color 200ms ease-out .1s;
    -o-transition: color 200ms ease-out .1s;
    transition: color 200ms ease-out .1s;
}
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background-color: #005b7f;
	color: #f77d10;
}
.top-bar-section li.active:not(.has-form) a:not(.button):hover {
	background-color: #005b7f;
	color: #f77d10;
}





/* //////////// HOMEPAGE /////////////// */

/*.homepage p { letter-spacing: 1px; }*/

.hero {
	border-bottom: 6px solid #005b7f;
}

.hero-message {
	position: absolute;
	text-align: center;
	color: #fff;
	margin-top: -25%;
	right: 10%;
	background: #003052;
	border-radius: 10px;
	padding:20px; 
	z-index: 2;
}
.hero-message h1 { font-size:3.5rem; margin:0; line-height:3.3rem; color:#fff;}
.hero-message h2 { margin:0; line-height:2.3rem; color:#fff;}

.quotes {
	text-align: center;
	margin-top: 40px;
}

.quotes .middle { border-right:1px solid #ccc; border-left:1px solid #ccc; }

.quote-hr {
	display: none;
}
.quote-bottom-border {
	width: 800px; 
	margin: 0 auto; 
	border: 2px solid #f77d10; 
	margin-top: 10px; 
	margin-bottom: 40px;
}
.quotes .row {
	max-width: 90%;
}
.quotes p { font-size:22px; line-height:1.2em; }
.quotes p:nth-child(2) { line-height:0.8em; }


.ind-quote {
	margin-top: 30px;
	margin-bottom: 30px;
}



section.about-the-book h1,
section.about-the-book p { line-height:1em; margin-bottom:10px; }



section.about-the-book .row {
	max-width: 90%;
}
section.about-the-book {
	margin-top: 30px;
	margin-bottom: 20px; 
}
section.about-the-book img {

}
section.about-the-book h1 {
	color: #000000;
}

#about-the-book-blurb { top:18px; }
#about-the-book-blurb p br { line-height:24px; }



.buy-the-book a { color:#fff; }
.buy-the-book a:hover { color:#f77d10; }

.buy-the-book { 
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 30px;
	border-radius: 10px;
	width: 90%;
	padding-top: 10px;
	color: #ffffff; 
	background-color: #003052; 
}
.buy-the-book .row {
	max-width: 90%;
}

.buy-button {
	font-size: 22px;
	float: left;
	margin-top: 10px;
	margin-right: 30px;
	margin-left: 30px;
	background-color: #f77d10;
	border-radius: 10px;
}
.buy-the-book p {
	font-size: 25px;
	margin-top: 8px;
}









/* //////////// PAGES /////////////// */


h1.entry-header { color:#333; }

.entry-content p { line-height:1.8em; }



/* Contact */

.contact .entry-content .wpcf7 { max-width:400px; }




/* //////////// SIDEBAR /////////////// */


#sidebar-right h1,
#sidebar-right h2,
#sidebar-right h3 { font-size:1.4rem; text-transform:uppercase; font-weight:bold;  margin-bottom:10px; }

#sidebar-right p { font-size:1rem; line-height:1.4em; margin-bottom:10px; }


.orange { color: #f77d10; }





/* //////////// BLOG (in the news) /////////////// */


#main article  { padding-bottom:50px; }

.page-title { margin-bottom:20px; }

.entry-header { margin-bottom:20px; }
.entry-title { margin-bottom:2px; }
.post-date { color:#888; font-size:11px; text-transform:uppercase; }

.widget_recent_entries .widget-title  { color:#005D7F; font-size:24px; border-bottom: 4px solid #005D7F; }





/* //////////// FOOTER /////////////// */


footer p { letter-spacing:normal; }

footer a { color:#fff; }

footer {
	clear:both; 
	margin-top: 100px; 
	padding-top: 30px;
	padding-bottom: 30px; 
	color: #ffffff; 
	background-color: #003052;
}
footer ul {
	letter-spacing: 1px;
	font-size: 15px;
	list-style: none;
	margin-left: 0px;
}

footer .item { display:inline-block; vertical-align:bottom;}
footer .copyright { float:right; padding-top:70px; }

footer .row {
	max-width: 80%;
}
footer h5 { 
	font-size: 22px;
	letter-spacing: 1px; 
	color: #ffffff;
}












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

}

@media only screen and (max-width: 1441px) {
	.buy-the-book p {
	font-size: 22px;
	}

}

@media screen and (max-width: 1280px) {
	.top-bar-section li:not(.has-form) a:not(.button) {
	margin-right: 35px;
	}
	.buy-the-book p {
	font-size: 20px;
	}

}
	
@media screen and (max-width: 1200px) {
	.top-bar-section li:not(.has-form) a:not(.button) {
	margin-right: 25px;
	}
	.buy-the-book p {
	font-size: 18px;

	}

}	

@media screen and (max-width: 1025px) {
	.top-bar-section li:not(.has-form) a:not(.button) {
	margin-right: 15px;
	}
	/*.logo { margin-left: 40px;}*/
	.buy-the-book p {
	font-size: 18px;
	margin-top: 15px;
	}
	.visualize {
	margin-top: -25%;
	right: 6%;
	}

}

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

	.hero-message h1 { font-size:2.6rem; line-height:1em; }
	.hero-message h2 { font-size:2.2rem; line-height:1em; }

	.top-bar ul { margin-right: 10px; }
	.top-bar-section li:not(.has-form) a:not(.button) { margin-right: 10px; }
	.buy-button { margin-top: 20px; }

	.top-bar-section li:not(.has-form) a:not(.button) {
		font-size: 20px;
		padding-right: 0px;
	}
	.top-bar ul { margin-right: 20px;}
	.top-bar ul li > a { font-size: 16px; }
	/*.logo { margin-left: 20px; }*/
	.ind-quote { margin-bottom: 20px; margin-top: 20px; }

}

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

	h1 { font-size: 48px; }
	h2 { font-size: 24px; }

	.hero-message h1 { font-size:2.4rem; line-height:1em; }
	.hero-message h2 { font-size:2rem; line-height:1em; }

	.buy-the-book p {
	text-align: center;
	float: right;
	}
	.top-bar-section li:not(.has-form) a:not(.button) {
	font-size: 18px;
	}
	.top-bar ul { margin-right: 10px;}
	.visualize {
	width: 260px;
	margin-top: -35%;
	right: 3%;
	}

}

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

	p { font-size:1.2rem }

	h1 { font-size:2.4rem; }

	#primary { margin-top:10px; }

	#main { width:100%; float:none;}
	#sidebar { width:100%; float:none; }
	#secondary { width:100%; float:none; }
	#sidebar-right { width:100%; float:none; }

	.menu-main-menu-container { width:100%; margin-top:0; }
	.menu li { display:block; margin-left:0; letter-spacing:1px; }

	#about-the-book-blurb { margin-bottom: 20px; }

	.hero-message { padding:7px; }
	.hero-message h1 { font-size:1.12rem; line-height:1em; }
	.hero-message h2 { font-size:1rem; line-height:1em; }

	.top-bar .toggle-topbar.menu-icon {
    top: 50%;
	}
	.top-bar .toggle-topbar.menu-icon span, .top-bar.expanded .toggle-topbar a, .top-bar .toggle-topbar a {
	color: #fff;
	}
	.top-bar ul li a { font-size: 20px; }
	.top-bar ul {
	margin-right: 0px;
	margin-top: 40px;
	margin-bottom:10px;
	}
	.top-bar ul li { margin-bottom:5px; }
	.top-bar.expanded {
    background: #005b7f;
    height: auto;
	}
	.quote-hr {
	display: block;
	}
	.about-the-book {
	
	
	}
	.about-the-book img {
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
	}


	}

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

}

@media screen and (max-width: 320px) {
	
}