/* CSS Output From Theme Options */
/*WELCOME TO CUSTOM CSS!*/
/*Styles H1 titles on page*/
#primary article.page .entry-title, .search .entry-title {
	text-transform: uppercase !important;
}

/*PAGE STYLING*/
/*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;
		 }
}

/*FONT STYLING*/
/*This code edits the default body, bullet and link styling*/
body {
	font: 400 16px/36px 'Karla', sans-serif;
	background: #fafafa;
	color: #494949;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
p {
	font-size: 14px;
	line-height: 2em;
	margin: 1.125em 0;
}

li {
	font-size: 14px;
	line-height: 2em;
}

/*Styles links with underline*/
p a, h4 a, h3 a, ul li a {
	text-decoration: underline;
}

/*Excludes blog titles, metadata and nav links from underline styling*/
.post-meta p a, nav ul li a, .entry-title a {
	text-decoration: 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 blockquotes*/
.entry-content blockquote {
	font-weight: 900;
	font-size: 1em;
	margin: 40px;
	font-style: italic;
}

/*STYLES NAVIGATION MENU*/
/*Styles main menu*/
header nav ul li a {
	color: #7d7d7d;
	font-size: 12px;
}

.header-wrap {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
}

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

/*STYLES SIDEBAR AND WIDGETS*/
/*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 {
	border: 2px solid #ccc !important;
	color: #494949 !important;
}

/*STYLES SOCIAL WARFARE PLUGIN*/
/*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. Before adding this, the social buttons inherited the sites default link colours*/
.entry-content .nc_tweetContainer a {
	color: #fff !important;
}

.entry-content:hover .nc_tweetContainer:hover a:hover {
	color: #fff !important;
}

/*STYLES TABLE OF CONTENTS PLUGIN*/
/*Formats ToC plugin as 2 columns*/

.toc_list {
	-webkit-column-count:2;
	-moz-column-count:2;
	-ms-column-count:2;
	-o-column-count:2;
	column-count:2;
	-webkit-column-gap:15px;
	-moz-column-gap:15px;
	-ms-column-gap:15px;
	-o-column-gap:15px;
	column-gap:15px;
	columns:2;
}

/*Removes padding on Boxzilla popups*/
.boxzilla {
	padding: 0 !important }

/*Hides Google reCaptcha badge*/
.grecaptcha-badge {
	display: none !important; }

/*Styles footer menu as column layout*/
#footer nav {
	float: none;
}

.footer-left {
	width: 0%;
}

.footer-right {
	width: 85%;
	text-align: left;
	font-size: 1.4em;
	padding-bottom: 40px;
}

#footer nav ul li {
	margin-left: 2.5em;
}

#footer nav ul li li {
	margin-left: 0;
	float: none;
	font-size: 0.75em;
}

#footer p {
	line-height: 1.35em;
}

@media only screen and (max-width: 750px) {
.footer-left {
	width: 100%;
	}

.footer-right {
	width: 100%;
	text-align: center;
	}

.tj-social-icon {
	display: inline-block;
	float: none;
	}

#footer nav ul li {
	margin-left: 0;
	}

#footer nav ul li a {
	margin: 0 0.5em;
	}
}

/*STYLES RIGHT MESSAGE*/
.rm-modal div.rm-answer-container .rm-button, .rm-inline div.rm-answer-container .rm-button, .rm-toaster div.rm-answer-container .rm-button {
	max-width: 100% !important;
	font-weight: bold !important;
	font-size: 15px !important;
}
.rm-takeover div.rm-answer-container .rm-button {
	font-weight: bold !important;
	font-size: 15px !important;
}

body { background: #fafafa; }

#sidebar a,.pagination-portfolio p a,.pagination-portfolio p,.entry-content .post-meta p,.post-meta p,.entry-content .post-meta a,.post-meta a,.widget .widget-title { color: #878787!important; } 

.home-message-alt p a,.post-meta span.portfolio-more a,.tj_portfolio_welcome a,
.pagination-default,
.portfolio-nav,
.read-more a,
.twitter-follow a,
.commentlist a,
.portfolio-entry a,
.tweetings a,
.tj_tweet_widget p.twitter-follow,
.entry-content a,
.entry_content p a,
#sidebar .widget_text a,
#sidebar .textwidget a:active,
#sidebar .textwidget a:visited,
.tj_recent_portfolios_widget .entry-title a,
.testimonial a,
.home-caption a,
.author-description a,
.tj-posts-widget a,
#sort-by ul li a { color: #000000!important;} 

.pagination-default-left a,
.pagination-default-right a,
.tj_tweet_widget .twitter-follow a,
#respond input[type="submit"],
#contact input[type="submit"] { background-color: #000000; }

.home-message-alt p a:hover,#sidebar a:hover,.post-meta span.portfolio-more a:hover,.tj_portfolio_welcome a:hover,
.entry-title a:hover,
.post-meta a:hover,
.pagination-default-left a:hover,
.pagination-default-right a:hover,
.pagination-portfolio p a:hover,
.read-more a:hover,
.footernav a:hover,
.commentlist a:hover,
.single-portfolio a:hover,
.entry-content a:hover,
.entry_content p a:hover,
.widget_text a:hover,
.tj_tweet_widget .status a:hover,
.tj_recent_portfolios_widget a:hover,
nav ul li a:hover,
nav ul li.sfHover ul li.current-menu-item a,
nav ul li.current-menu-parent a,
header nav ul li.current-menu-item a,
nav ul ul li a:hover,
nav ul ul li.sfHover a,
nav ul ul li.current-cat a,
nav ul li.current_page_item a,
nav ul li.current-menu-item a,
nav ul li.sfHover ul a:hover,
.widget ul li a:hover,
#sidebar .widget_text a:hover,
.twitter-meta:hover,
.home-message a:hover,
.testimonial a:hover,
.home-caption a:hover,
#footer a:hover,
.author-description a:hover,
.tj-posts-widget a:hover,
#sort-by ul li a:hover,
#sort-by .active { color: #008c9e!important; }

.pagination-default-left a:hover,
.pagination-default-right a:hover,
.flex-direction-nav li a:hover,
.tj_tweet_widget .twitter-follow a:hover,
.tj_flickr_widget .flickrwidget .flickr_badge_image:hover,
.tj_recent_portfolios_widget article:hover,
#respond input[type="submit"]:hover,
#contact input[type="submit"]:hover,
::selection { background-color: #008c9e; }