/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/*Reduced bottom padding on header to make adsense ad look better*/
header {
	padding: 45px 0px 20px 0px;
}

/*Styles something on the homepage*/
.fullwidth {
	width: 100%;
	display: table;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.home-message,
.home-message-alt {
	max-width: 940px;
	vertical-align: middle;
	display: table-cell;
	margin: 0 auto;
}

/*This part is for changing the 404.php to display as a full width page*/
.error404 #primary {
	width: 100%;
	margin: 0 auto;
	float: left;
	border-right: none;
}

.error404 #sidebar {
	display: none;
}

/*This will remove featured images on full-width pages e.g. Resources*/
.page-template-template-full-width-php .page-hero {
	display: none;
}

.page-hero {
	display: none;
}

/*Removes titles on page*/
#primary article.page .entry-title, .search .entry-title {
	display: none;
}

/*This bit is for aligning the social icons on the home page, full width pages and in the footer.*/
.page-template-template-home-php a.tj-social-icon, .page-template-template-full-width-php a.tj-social-icon, .page-template-template-footer-php a.tj-social-icon {
	display: inline-block !important;
	float: none !important;
}

/*This code edits the default body and bullet styling*/
body {
	font: 400 16px/36px 'Karla', sans-serif;
	background: #fafafa;
	color: #494949;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

/* Fix for webkit rendering */

/*This code adjusts the body and bullet styles*/
p {
	font-size: .875em;
/* 14px/16=0.875em */
	line-height: 2em;
/* 32px */
	margin: 1.125em 0;
}

li {
	font-size: .875em;
/* 14px/16=0.875em */
	line-height: 2em;
/* 32px */
}

/*This is the code for the blue alert shortcode*/
.alert.blue {
	border-style: solid;
	border-width: 1px;
	border-color: #c8dae0;
	color: #00B4CC !important;
	background: #dbe9ee !important;
	clear: both;
}

/*This code changes the styling of the home page items: featured pages,  testimonials and projects*/
.home-posts-fullwidth {
	width: 100%;
	margin: 0;
	padding: 54px 0;
	position: relative;
	background: #fafafa;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

.page-template-template-home-php .testimonial {
	background: #fff;
	padding: 5px 0 10px;
}

.home-projects {
	width: 980px;
	margin: 0 auto;
	padding: 54px 0 80px 40px;
	border-top: 1px solid #EEE;
}

/*Changes the Wordpress plugin label colour*/
.mc4wp-form label {
	color: white !important;
}

/*Edits input focus styling. This was added after I noticed OptimizePress styling was overriding MC4WP styling.*/
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
	border: 2px solid #ccc !important;
	color: #494949 !important;
	box-shadow: none !important;
}

/*Styles the Contact Form 7 plugin*/
#contact {
	clear: both;
}

.wpcf7 label {
	display: block;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"] {
	border: 1px solid #D8DDE1;
	outline: none;
	width: 50%;
	margin: .9375em 0;
	padding: 10px 10px 10px 20px;
	font-size: 13px;
	color: #494949;
	display: block;
}

.wpcf7 textarea {
	border: 1px solid #D8DDE1;
	outline: none;
	width: 50%;
	margin: .9375em 0;
	padding: 20px 10px 10px 20px;
	font-size: 13px;
	color: #494949;
	display: block;
}

@media only screen and (max-width: 750px) {
	.wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"] {
		width: 90%;
	}
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="url"]:focus,
.contact textarea:focus,
.wpcf7 textarea:focus {
	background: #fff;
	border: 2px solid #ccc;
}

.wpcf7 input[type="submit"] {
	font-size: 12px;
	font-weight: 600;
	width: 100px;
	margin: 1.875em 0;
	padding: 10px 20px;
	background-color: #64b8ed;
	color: #fff;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	cursor: pointer;
	-webkit-appearance: none;
}

.wpcf7 input[type="submit"]:hover {
	background-color: #8cccf6;
	color: #206a9a;
}

label.error {
	width: 100%;
	color: #df102c;
}

/*First Visit Button*/
header nav ul li.first_visit.btn a {
	color: #008c9e;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	padding: 5px 10px;
	border-color: #008c9e;
}

header nav ul li.first_visit.btn a:hover {
	color: #7d7d7d !important;
}

/*Removes navigation menu items on mobile, except for "First Visit" button. Removed margin on "First Visit" button.*/
@media screen and (max-width: 600px) {
	header nav ul li.home_page.btn a, ul li.about_page.btn a, ul li.now_page.btn a, ul li.blog_page.btn a, ul li.podcast_page.btn a, ul li.work_page.btn a, ul li.products_page.btn a, ul li.resources_page.btn a, ul li.contact_page.btn a {
		display: none;
	}
}

@media screen and (max-width: 600px) {
	header nav ul li.first_visit.btn a {
		padding: 10px 20px;
		margin: 0;
	}
}

/*Reduces margin of menu items*/
header nav ul li a {
	margin: 0 0 0 1px;
}

/*Edits styling of easy digital downloads buttons on checkout page (purchase button and apply discount button) and the product page (add to cart button).*/
#edd-purchase-button, #edd_next_button {
	-webkit-appearance: none;
	color: #fff;
	background: #F38630;
	border-style: none;
	padding: 10px 30px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

#edd-purchase-button:hover, #edd_next_button:hover {
	color: #613613 !important;
	background: #F49245;
}

#edd_checkout_form_wrap .edd-cart-adjustment input.edd-submit {
	color: #fff;
	background: #F38630;
	border-style: none;
	padding: 8px 20px;
	margin: 0 0 4px 20px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

#edd_checkout_form_wrap:hover .edd-cart-adjustment:hover input.edd-submit:hover {
	color: #613613;
	background: #F49245;
}

.edd-submit.button.blue {
	-webkit-appearance: none;
	color: #fff !important;
	background: #F38630 !important;
	padding: 18px 40px;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.edd-submit.button.blue:hover {
	color: #613613 !important;
	background: #F49245 !important;
}

@media only screen and (max-width: 750px) {
	.edd-submit.button.blue {
		padding: 9px 20px;
	}
}

/*Removes sidebar space and border on the single-download.php file*/
.single.single-download #primary {
	width: auto;
	border-right: none;
}

/*Styles breadcrumb on blog posts*/
#breadcrumbs {
	font-size: 80%;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
	text-decoration: none;
	color: #494949;
}

#breadcrumbs a:active,
#breadcrumbs a:hover {
	color: #008c9e;
}

/*Styles sub-menu*/
header nav ul li:hover ul a, header nav ul li.sfHover ul a {
	font-size: 1em;
	font-family: 'Raleway', sans-serif;
	color: #7d7d7d !important;
	font-weight: 700;
	text-transform: uppercase;
}

header nav ul ul li {
	border-bottom: none;
}

header nav ul ul {
	width: 220px;
	border-color: #e6e6e6;
  border-width: thin;
  border-style: solid;
}

/*Styles main menu*/
header nav ul li a {
	color: #7d7d7d;
}

/*Adjusts margin on homepage H3*/
.home-message-alt h3 {
	margin: 20px !important;
}

/*Styles buttons and inputs in affiliate area and affiliate registration form*/
#affwp-generate-ref-url input {
	width: 50%;
}

@media only screen and (max-width: 750px) {
	#affwp-generate-ref-url input {
		width: 100%;
	}
}

.affwp-form input[type="submit"] {
	color: #fff;
	background: #65b8ed;
	border-style: none;
	padding: 10px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	width: 150px !important;
}

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

.affwp-form input[type="submit"]:hover {
	color: #216A9A !important;
	background: #8CCCF6;
}

.affwp-form input[type=text],
.affwp-form input[type=password],
.affwp-form input[type=email],
.affwp-form input[type=url],
.affwp-form textarea {
	border: 1px solid #D8DDE1;
	outline: none;
	margin: .9375em 0;
	width: 400px;
	padding: 10px 10px 10px 20px;
	font-size: 13px;
	color: #494949;
	display: block;
}

.affwp-form input[type=text]:focus,
.affwp-form input[type=password]:focus,
.affwp-form input[type=email]:focus,
.affwp-form input[type=url]:focus,
.affwp-form textarea {
	background: #fff;
	border: 2px solid #ccc;
}
}

/*Styles hover on tabbed themejug table*/
.tj-tabs ul.ui-tabs-nav li a:hover {
	background: none;
}

/*Styles blockquotes*/
.entry-content blockquote {
	font-weight: 900;
	font-size: 1em;
	margin: 40px;
	font-style: italic;
}

/*Styles tabbed tables*/
.tj-tabs .tab-content {
	background: none;
	padding: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/*Widens blog and content width on mobile*/
@media only screen and (max-width: 750px) {
	.blog #content, .single #content, .blog #primary, .single #primary {
		width: 320px;
	}
}

@media only screen and (max-width: 750px) {
	article.post, .post .entry-content, .commentlist {
		width: 320px;
	}
}

/*Edits styling of sidebar search widget*/
.widget #searchform input[type="text"] {
	padding: 10px 10px 10px 20px;
	border: 1px solid #D8DDE1;
	font-size: 12px;
	color: #A9A9A9;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.widget #searchform input[type="text"]:focus {
	color: #494949;
}

/*Edits style of click to tweet in Social Warfare plugin*/
a.swp_CTT.style1 .sw-click-to-tweet {
	background-color: transparent;
	border: none;
	padding: 20px;
}

a.style1 .sw-click-to-tweet .sw-ctt-text, a.style1 .sw-click-to-tweet .sw-ctt-btn {
	color: #494949;
}

/*Fixed white text on Social Warefare plugin*/
.entry-content .nc_tweetContainer a {
	color: #fff !important;
}

.entry-content .nc_socialPanel:hover > .nc_tweetContainer a {
	color: #444 !important;
}

.entry-content .nc_tweetContainer.twitter a:hover,
.entry-content .nc_tweetContainer.googlePlus a:hover,
.entry-content .nc_tweetContainer.twitter a:hover,
.entry-content .nc_tweetContainer.swp_fb a:hover,
.entry-content .nc_tweetContainer.swp_pocket a:hover,
.entry-content .nc_tweetContainer.linkedIn a:hover,
.entry-content .nc_tweetContainer.swp_reddit a:hover,
.entry-content .nc_tweetContainer.nc_pinterest a:hover,
.entry-content .nc_tweetContainer.swp_buffer a:hover {
	color: #fff !important;
}