/*

Theme Name: High Impact Blogging

Theme URI: http://highimpactblogging.com

Author: the WordPress team

Author URI: http://fittechdude.com/

Description: High Impact Blogging

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* ---------- Fonts & Colors ---------- */

/*

   font-family: "jaf-facitweb",sans-serif;

	 font-weight: "700";

	 

	 

	 Green - color: #00934a;

	 Black - color: #000;

	 Gray - color: #222220;

*/



/* fixes */

.wf-inactive {

  display: none;

}



.wpcf7-form-control-wrap {

  display: block !important;

}



html,

body {

  color: #000;

  font-family: "jaf-facitweb",sans-serif;

  font-size: 14px;

  font-weight: 300;

  height: 100%;

  line-height: 1.625;

  margin: 0;

  min-width: 320px;

  padding: 0;

}



.wrapper {

  min-height: 100%;

}



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

  font-family: "jaf-facitweb",sans-serif;

  font-weight: 800;

	letter-spacing: 1px;

}

h1 {

  font-size: 2.6667em;

  line-height: 1.125em;

}

h2, h3 {

  font-size: 2em;

  line-height: 1.3em;

  margin-bottom: .75em;

  margin-top: 0;

}



p {

  font-size: 1em;

  line-height: 1.625;

  margin: 0 0 1.5em 0;

}



em {

  font-family: "jaf-facitweb",sans-serif;

	font-weight: 300;

	font-style: italic;

}



strong {

  font-family: "jaf-facitweb",sans-serif;

	font-weight: 700;

	font-style: normal;

}



a {

  color: #00934a;

  text-decoration: none;

}



i a {

  font-weight: normal;

}



img {

  max-width: 100%;

  height: auto;

}



/*

--------------- Buttons ---------------

*/

.button, #infinite-handle span {

  background: #00934a;

	border-radius: .25em;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: .6em;

	font-weight: 700;

	letter-spacing: 2px;

	margin: .5em 0;

	padding: .5em .75em; 

	text-transform: uppercase;

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5s ease; 

  -ms-transition: .5s ease;

	transition: .5s ease;

}



#infinite-handle span {

  font-size: 1em;

}



#infinite-handle span:hover {

  background: #00c664;

}



.button.large {

  font-size: 1.5em;

}



.button:hover {

	background: #00c664;

}



/* page navi pagination */

.wp-pagenavi .pages {

  margin: 0;

}





/* Form fields, general styles first. */

label {

  display: block;

  font-size: 1.125em;

  line-height: 1.75em;

}



input[type=text],

input[type=email],

input[type=url],

input[type=password],

select,

textarea {

  min-width: 10%;

  max-width: 100%;

	width: 100%;

  border-top: .125em solid #000;

  border-left: .125em solid #000;

  border-right: .125em solid #000;

  border-bottom: .125em solid #000;

}

input[type=text]:focus,

input[type=email]:focus,

input[type=url]:focus,

input[type=password]:focus,

select:focus,

textarea:focus {

  outline: 0;

  border-color: #00934a;

}





button,

input,

select,

textarea {

	border: .125em solid #000;

	font-family: inherit;

	padding: .5em;

}

button {

  clear: both;

  float: left;

}

button a {

  color: #fff;

}



input,

textarea {

	color: #000;

}



input:focus,

textarea:focus {

	border: .125em solid #00934a;

	outline: 0;

}



/* Buttons */

button,

input[type="submit"],

input[type="button"],

input[type="reset"] {

	background-color: #00934a;

	border: none;

	border-radius: .25em;

	color: #fff;

	display: inline-block;

	font-size: 1em;

	letter-spacing: 2px;

	padding: .5em .75em;

	text-decoration: none;

	text-transform: uppercase;

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5s ease; 

  -ms-transition: .5s ease;

	transition: .5s ease;

}

button:hover,

button:focus,

input[type="submit"]:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:focus,

input[type="button"]:focus,

input[type="reset"]:focus {

	background-color: #00c664;

	outline: none;

}



button:active,

input[type="submit"]:active,

input[type="button"]:active,

input[type="reset"]:active {

	background-color: #00c664;

	/*padding: 10px 24px 11px;*/

}



.post-password-required input[type="submit"] {

	padding: 7px 24px 4px;

	vertical-align: bottom;

}



.post-password-required input[type="submit"]:active {

	padding: 5px 24px 6px;

}



/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {

	color: #000;

}



:-moz-placeholder {

	color: #000;

}



::-moz-placeholder {

	color: #000;

}



:-ms-input-placeholder {

	color: #000;

}



/*

 * Responsive images

 *

 * Fluid images for posts, comments, and widgets

 */

.entry-content img,

.entry-summary img,

.comment-content img,

.widget img,

.wp-caption {

	max-width: 100%;

}



/* Make sure images with WordPress-added height and width attributes are scaled correctly. */

.entry-content img,

.entry-summary img,

.comment-content img[height],

img[class*="align"],

img[class*="wp-image-"],

img[class*="attachment-"] {

	height: auto;

}



img.size-full,

img.size-large,

img.wp-post-image {

	height: auto;

	max-width: 100%;

}



/* Make sure videos and embeds fit their containers. */

audio,

embed,

iframe,

object,

video {

	max-width: 100%;

}

iframe {

  margin-bottom: 1.5em;

}



/* Images */

.alignleft {

	float: left;

}



.alignright {

	float: right;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



img.alignleft {

	margin: 5px 20px 5px 0;

}



.wp-caption.alignleft {

	margin: 5px 10px 5px 0;

}



img.alignright {

	margin: 5px 0 5px 20px;

}



.wp-caption.alignright {

	margin: 5px 0 5px 10px;

}



img.aligncenter {

	margin: 5px auto;

}



img.alignnone {

	margin: 5px 0;

}



.wp-caption .wp-caption-text,

.entry-caption,

.gallery-caption {

	color: #220e10;

	font-size: 18px;

	font-style: italic;

	font-weight: 300;

}



img.wp-smiley,

.rsswidget img {

	border: 0;

	border-radius: 0;

	box-shadow: none;

	margin-bottom: 0;

	margin-top: 0;

	padding: 0;

}



.wp-caption.alignleft + ul,

.wp-caption.alignleft + ol  {

	list-style-position: inside;

}



.logo {

	display: inline-block;

  padding: .5em 0 .8em 0;

	max-width: 100%;

	text-align: center;

}



a.logo img {

  -webkit-transition: .2s ease;

  -moz-transition: .2s ease; 

  -o-transition: .2s ease; 

  -ms-transition: .2s ease;

  transition: .2s ease; 

}



a.logo img:hover { 

  -webkit-transform: rotate(-2deg) scale(1.05);

  -moz-transform: rotate(-2deg) scale(1.05);

  -ms-transform: rotate(-2deg) scale(1.05);

  -o-transform: rotate(-2deg) scale(1.05);

  transform: rotate(-2deg) scale(1.05);

}



.main-menu {

  display: none;

}



.mobile-nav {

  margin: 0 auto 2em 0;

}



.full-screen-header {

	background-color: #000;

	border-top: .5em solid #00934a; 

	overflow: hidden;

	padding: 0 0 2em 0;

}



.full-screen-header .full-screen-header-image-container, .full-screen-header-page .full-screen-header-image-container  {

  line-height: 0;

	padding:0;

}



.full-screen-header h2 {

  color: #00934a;

	font-size: 3em;

	margin: .4em 0 0 0;

	text-transform: uppercase;

}



.full-screen-header p {

  color: #fff;

	font-size: 1.25em;

	line-height: 1.5em;

	margin-bottom: .5em;

}



.full-screen-header-page {

  background-color: #000;

	border-top: .5em solid #00934a; 

	overflow: hidden;

	padding: 0;

}



.connect {

  background: #cacaca;

	margin-bottom: 4em;

	padding: 3em 0;

}



.connect p {

  color: #000;

	font-size: 1.5em;

	margin-bottom: 0;

	text-align: center;

}



.connect .social-media {

	margin-bottom: .5em;

  text-align: center;

}



.connect .social-media a {

	color: #000;

  font-family: FontAwesome;

	font-size: 3em;

	font-style: normal;

	line-height: 1.5em;

	padding: 0 .1em;

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5s ease; 

  -ms-transition: .5s ease;

	transition: .5s ease;

}



.connect .social-media a:hover {

	color: #00934a;

}



.free-resources-wrapper {

  padding: 0;

}



.free-resources .resources {

	margin-top: 1em;

  text-align: center;

}



.free-resources a {

	opacity: 1;

	-webkit-filter: grayscale(100%);

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5 ease; 

  -ms-transition: .5 ease;

	text-align: center;

	transition: 1 ease;

}



.free-resources a:hover {

	opacity: .8;

  -webkit-filter: grayscale(0);

}

.free-resources img {

  border-radius: 0;

}



.subscribe-to-podcast .itunes, .home .subscribe-to-podcast .stitcher {

	margin-bottom: 3em;

  text-align: center;

}



.subscribe-to-podcast .itunes {

  margin-bottom: .5em;

}



.subscribe-to-podcast .itunes a, .subscribe-to-podcast .stitcher a {

  opacity: 1;

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5 ease; 

  -ms-transition: .5 ease;

	transition: 1 ease;

}



.subscribe-to-podcast .itunes a:hover, .subscribe-to-podcast .stitcher a:hover {

  opacity: .8;

}



.recent {

  margin-bottom: 5em;

}



.home-podcast {

  margin-bottom: 4em;

}



/* podcast teaser styles */

.podcasts {

  margin-top: 3em;

}



.new-podcast-blurb {

  display: inline-block;

  position: absolute;

  font-size: 1em;

	font-weight: 700;

  line-height: 1.25em;

  right: 2%;

  bottom: 5%;

}



.category-podcast .subscribe-to-podcast .stitcher {

  margin-bottom: 0;

	text-align: center;

}

.category-podcast .subscribe-to-podcast {

  margin-top: 1.5em;

}



.category-podcast .subscribe-to-podcast img {

  max-width: 75%;

}



.podcast-teaser {

  margin-bottom: 3em;

}



.podcast-teaser p {

  margin-bottom: 0;

}



.home .podcast-teaser {

	margin-bottom: 2em;

}



.podcast-teaser-thumbnail {

  padding-right: 0;

}



.podcast-player {

	margin-bottom: 1em;

  max-width: 75%;

}



/* single podcast */

.single-podcast-navigation {

  margin-bottom: 2em;

  text-align: center;

}

.podcast-inner-container {

  margin-bottom: 1em;

}



.podcast h1 {

  margin-top: 0;

}



.podcast-intro {

  margin-bottom: 2em;

}

.podcast-teaser-info, .podcast-teaser-info p:last-child {

  margin-bottom: 0em;

}



.podcast-thumbnail img {

  float: left;

  margin-right: 1em;

  line-height: .2em;

  width: 30%;

}

.podcast-heading {

   margin-bottom: .75em;

}



.podcast-date i {

  display: inline-block;

  margin-right: .5em;

}



a.podcast-teaser-link {

  font-weight: 300;

}





.main-content {

  margin-bottom: 5em;

}





/* tutorial teaser */



.tutorial-teaser {

  margin-bottom: 3em;

}

.avatar {

	margin-right: .25em;

	max-width: 25%;

}



.avatar img {

	border: 3px solid #00934a;

	border-radius: 100%;

  vertical-align: middle;

}



.author-link {

  margin-right: .5em;

}



.tutorial-teaser-author {

  margin-bottom: 1em;

	position: relative;

}



.tutorial-teaser-thumbnail {

	margin: 0;

}



/* single tutorial */

.tutorial h1 {

	margin-bottom: .5em;

  margin-top: 0;

}



.tutorial-author {

  margin-bottom: .5em;

}



.social-container {

	line-height: 1em;

	margin-bottom: 1em;

  position: relative;

}



.tutorial-image-header {

  margin: 0 0 1.5em 0;

}



/* about page */

.about-signup p:first-child {

  margin-top: 1em;

}



.about-signup p:nth-child(4) {

  margin-bottom: 1em;

}



.about-signup .mc4wp-success-message {

  color: #fff;

	font-size: 1em;

}



/* resources page */

.resources-page .row {

  margin-bottom: 3em;

}



.resources-page .row:first-child {

  margin-bottom: 0;

}



/* author page */

.author-header {

	background-color: #cacaca;

	border-radius: 0;

  margin-bottom: 5em;

	padding: 1.5em;

}



.author-header .avatar {

	display: block;

	margin: 0 auto;

  max-width: 100%;

	text-align: center;

}



.author-header h1 {

	font-size: 1.8em;

  line-height: 1em;

}



/* Comment styles */

#comments ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

#comments .children {

  width: 100%;

}

#comments .children article {

  margin-left: 2%;

  width: 100%;

}

#comments .children #respond {

  margin-left: 2%;

}

#comments li article {

  width: 100%;

  background-color: #eee;

  padding: 1em 0;

}

#comments .reply {

  position: absolute;

  top: 0;

  right: 1em;

}

.comment-respond {

  margin-bottom: 1.5em;

}

#comments article {

  float: left;

  margin-bottom: 1.5em;

}

#comments .comment-list {

  list-style-type: none;

  margin: 0;

  padding: 0;

}

.comment-meta {

  background-color: #fff;

}

.comment-avatar img {

	border: 3px solid #00934a;

	border-radius: 100%;

  max-width: 100%;

  width: 100%;

	vertical-align: middle;

}

.comment-author {

  font-size: 1.5em;

  font-weight: normal;

  letter-spacing: -1px;

  line-height: 1.25em;

  padding-right: 2.5em;

  word-wrap: break-word;

}

.comment-author a {

  color: #393939;

}

.comment-author a:hover {

  color: #ed008c;

}

.comment-reply-title small {

  display: inline-block;

  font-weight: normal;

  margin-left: .25em;

}

.comment-content a {

  word-wrap: break-word;

}



.comment-count {

  display: none;

}



/* footer push to bottom */

.push {

  height: 250px;

}



/* footer styles */

.footer-wrapper {

  background: #000;

	color: #fff;

  height: 250px;

  margin-top: -250px;

	padding: 3em 0 0 0;

	position: relative;

	text-align: center;

}



a.footer-arrow img {

  -webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5s ease; 

  -ms-transition: .5s ease;

  transition: .5s ease; 

}



a.footer-arrow img:hover {

  -webkit-transform: rotate(-5deg);

  -moz-transform: rotate(-5deg);

  -ms-transform: rotate(-5deg);

  -o-transform: rotate(-5deg);

  transform: rotate(-5deg);

}



/* footer mailchimp form */

.footer-signup {

	background: #00934a;

  padding: 1em;

	text-align: center;

}

.footer-signup input {

	display: block;

	margin: 0 auto .5em auto;

  width: 50%;

}



.footer-signup input[type="email"] {

  margin-bottom: 1em;

}



.footer-signup input[type="submit"] {

	background: #000;

	width: auto;

}



.footer-signup h3 {

	color: #fff;

	display: block;

	font-size: 1.8em;

	font-weight: 700;

	margin-bottom: .5em;

  text-transform: uppercase;

	vertical-align: middle;

}



/* footer menu */

#menu-footer-menu {

	font-size: .9em;

	list-style: none;

	margin: 0;

	padding: 0;

}



#menu-footer-menu li {

  display: inline-block;

	margin-bottom: 1em;

	margin-right: .75em;

	text-transform: uppercase;

}



#menu-footer-menu li a {

  color: #fff;

}



#menu-footer-menu li a:hover {

  color: #00934a;

}



#menu-footer-menu li:last-child {

  margin-right: 0;

}



.footer-menu-border {

  border-bottom: .111em solid #fff;

	margin: 0 auto 1.5em auto;

	width: 50%;

}



.footer-social-media {

	display: inline-block;

}



.footer-social-media a {

	color: #fff;

  font-family: FontAwesome;

	font-size: 2em;

	font-style: normal;

	line-height: 1em;

	padding: 0 .1em;

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5s ease; 

  -ms-transition: .5s ease;

	transition: .5s ease;

}



.footer-social-media a:hover {

	color: #00934a;

}



.lance, .laura {

	border-radius: 100%;

	opacity: .2;

}



.copyright {

	display: inline-block;

  margin: 0 2em 0 0;

}



@media (min-width: 768px) {

html,

body {

  font-size: 16px;

}



.logo {

	text-align: left;

}



.slicknav_menu, .mobile-nav {

	display:none;

}



.main-menu {

  border-top: 2em solid #000;

	display: block;

	font-size: .75em;

	letter-spacing: 2px;

	margin-bottom: 3em;

}



.main-menu a {

	color: #000;

	display: inline-block;

	font-family: "jaf-facitweb",sans-serif;

	font-size: 1.5em;

	font-weight: 700;

	-webkit-transition: .5s ease;

  -moz-transition: .5s ease; 

  -o-transition: .5s ease; 

  -ms-transition: .5s ease;

	transition: .5s ease;

}



.main-menu a:hover {

  color: #00934a;

}



.main-menu ul {

  list-style: none;

	margin: 0;

	padding: 0;

	text-align: center;

}



.main-menu li {

	border-right: .25em solid #000;

  display: inline-block;

	line-height: 3.5em;

	/* fix inline-block spacing bug */

	margin-right: -4px;

	position: relative;

}



.main-menu li:last-child {

  border-right: none;

}



.main-menu li.current-menu-item a {

  color: #00934a;

}



.main-menu li.about a {

	padding: 0 .1em 0 0;

	position: relative;

	top: 0em;

}



.main-menu li.tutorials a {

	padding: 0 .5em;

	position: relative;

	top: .75em;

}



.main-menu li.podcast a {

	padding: 0 .1em 0 .1em;

	position: relative;

	top: -.5em;

}



.main-menu li.resources a {

	padding: 0 .1em 0 .5em;

	position: relative;

	top: 0;

}



.main-menu li.start-here a {

	padding: 0 .5em;

	position: relative;

	text-transform: uppercase;

	top: .5em;

}



.main-menu li.contact a {

	padding: 0 0 0 .5em;

	position: relative;

	top: .25em;

}



.main-menu li.contact a i {

	font-family: FontAwesome;

	font-size: 1.5em;

	font-style: normal;

  line-height: 0;

}



.full-screen-header .full-screen-header-image-container {

	padding: 0 15px;

	position: relative;

}



.full-screen-header-page .full-screen-header-image-container {

  padding: 0px;

}



.free-resources-wrapper {

  padding: 0 15px;

}



.free-resources img {

  border-radius: .25em;

}



.full-screen-header {

  padding: 0 0 2em 0;

}



.new-podcast-blurb {

	font-size: 1.5em;

  right: 5%;

}



/* author page */

.author-header {

	border-radius: 10px;

}



.author-header h1 {

  line-height: .5em;

}





}



@media (min-width: 992px) {

html,

body {

  font-size: 18px;

}



.main-menu {

	font-size: .9em;

}



.subscribe-to-podcast img {

  max-width: 60%;

}



.full-screen-header h2 {

  font-size: 2.5em;

}



.full-screen-header p {

  font-size: 1em;

}



.full-screen-header-page .full-screen-header-image-container {

  padding: 0 15px;

}



.home-podcast {

  margin-bottom: 0;

}



.social-container {

	line-height: 1.625em;

  margin-bottom: 1.5em;

}



.comment-count {

	background: url("data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=") no-repeat;

	display: inline-block;

	height: 48px;

	margin-left: .5em;

  position: relative;

	vertical-align: middle;

	width: 56px;

}



.podcast .comment-count {

  position: absolute;

	right: 0;

}



.comment-count a {

  display: inline-block;

}



.comment-count-number {

  color: #fff;

	font-size: 1em;

	display: block;

	text-align: center;

	padding-top: .3em;

}



.home .comment-count {

  display: none;

}



.full-screen-header {

  padding: 0;

}



.full-screen-header h2 {

  margin: .3em 0 0 0;

}



.new-podcast-blurb {

	font-size: 1.25em;

}



/* author page */

.author-header h1 {

  font-size: 2.6667em;

}



/* page with no sidebar */

.no-sidebar {

  padding: 0 5em;

}



/* footer images */

.lance, .laura {

	border: 3px solid #00934a;

	display: block;

	position: absolute;

	top: 25%;

	width: 150px;

	height: 150px;

	-webkit-transition: 1s ease;

  -moz-transition: 1s ease; 

  -o-transition: 1s ease; 

  -ms-transition: 1s ease;

	transition: 1s ease;

	z-index: 10;

}



.lance {

	background: url("data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=") 0 0 no-repeat;

	background-size: cover;

	left: 1%;

}



.laura {

  background: url("data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=") 0 0 no-repeat;

	background-size: cover;

	right: 1%;

}



.lance:hover, .laura:hover {

	cursor: pointer;

  opacity: .7;

}



.laura::before, .lance::before {

  color: #00934a;

	font-size: 1.5em;

	font-weight: 700;

	position: relative;

	top: -50px;

}



.laura::before {

  content: "Laura";

}



.lance::before {

  content: "Lance";

}



/* footer mailchimp form */

.footer-signup input {

	display: inline-block;

	margin: 0;

  width: 20%;

}



.footer-signup input[type="email"] {

  margin-bottom: 0;

}



.footer-signup h3 {

	display: inline-block;

	font-size: 1.6em;

	margin-bottom: 0;

}



}

@media (min-width: 1200px) {

.main-menu {

	font-size: 1em;

}



.subscribe-to-podcast img {

  max-width: 100%;

}



.home .comment-count {

  display: inline-block;

}



.full-screen-header h2 {

  font-size: 3em;

}



.full-screen-header p {

  font-size: 1.25em;

}



.new-podcast-blurb {

	font-size: 1.5em;

}



/* footer images */

.lance {

  left: 10%;

}



.laura {

  right: 10%;

}



}



@media (max-width: 516px) {

.connect {

	line-height: 0;

  padding-bottom: 0;  

}

}