url/*
 Theme Name:   KnowHow Knowledge Base Theme - Child
 Theme URI:    http://nrra.net/sweep/
 Description:  Child theme of Knowledge Base Theme
 Author:       Freeman Sands
 Template:     knowhow
 Version:      1.0.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography
3.0 Layout
4.0 Elements
5.0 Forms
6.0 Navigation
	6.1 Links
	6.2 Menus
7.0 Accessibility
8.0 Alignments
9.0 Clearings
10.0 Widgets
11.0 Content
	11.1 Posts and pages
	11.2 Comments
12.0 Infinite scroll
13.0 Media
	12.1 Captions
	12.2 Galleries
14.0 Theme Specific Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	Normalize
--------------------------------------------------------------*/

/* COLOUR REFERENCES

Green:		#79b044
Salmon:		#dd5638
Blue Gray:  #3e4249

Main Color		: #db550e //Orange
Comp Color		: #0764a9 //Blue
Link Color Hover: #d3d3d3 //Grey

*/

/* ==== GENERAL ==== */

body {
	font: 15px/24px 'proxima-nova', 'Raleway', Helvetica, sans-serif;
	background-color: #fff;
}

.logged-in .navbar-fixed-top {
	top: 32px;
}

/* ==== GLOBAL ==== */

h1,h2,h3,h4,h5,h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
}

h1 {
	font-size: 3em;
}

h1,h2 {
	margin: 0 0 40px;
}

h3 {
	margin: 20px 0;
}

h4 {
	font-size: 18px;
}

p.lead {
	font-weight: normal;
}

p {
	color: #fff;
	margin: 0 0 15px;
}



h2[id*="faq-"] a, article[id*="post-"] h2 a {
	color: #4d4d4d;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
	background-color: #fff;
	color: #777;
}

blockquote {
	padding: 0;
	border: none;
	font-style: italic;
	text-align: left;
}

blockquote cite {
	display: block;
	color: #777;
	margin: 15px 0 0 0;
}

blockquote:before {
	display: none;
}

img {
	max-width: 100%;
}

button, input, .btn, a.btn {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	color: #fff;
}

.btn {
	font-weight: bold;
}

.btn:focus {
	outline: none;
}

.btn-success {
	background: #79b044;
	border: none;
}

.btn-success:hover {
	background: #6a9b3d;
	border-color: #6a9b3d;
}

.btn-danger {
	background-color: #dd5638;
	border-color: #d95131;
}

.text-danger, li.text-danger a {
	color: #dd5638;
}

a.text-danger:hover {
	color: #e55939;
}

.modal-content{
	background: url('http://nrra.net/sweep/wp-content/themes/KnowHow_Child/assets/img/tile.jpg') top left repeat;
}

.badge.social {
	background: #ccc;
	font-size: 24px;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 42px;
	margin: 0 5px 20px 0;
	padding: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color: white;
}

.badge.social.twitter:hover {
	background: #55acee;
}

.badge.social.facebook:hover {
	background: #3b5998;
}

.badge.social.gplus:hover {
	background: #db4b39;
}

/* === CUSTOM ICON SPRITES === */

i.ci {
	display: inline-block;
	height: 40px;
	width: 40px;
	background: url('http://127.0.0.1/wordpress/B2W-Project/B2W/wp-content/themes/bootstrap2wordpress/assets/img/icon-sprite.png') no-repeat;
}

.ci.ci-computer 	{ background-position: 0 0; }
.ci.ci-watch		{ background-position: -40px 0; }
.ci.ci-calendar		{ background-position: -80px 0; }
.ci.ci-community	{ background-position: -120px 0; }
.ci.ci-instructor	{ background-position: -160px 0; }
.ci.ci-device		{ background-position: -200px 0; }

/*--------------------------------------------------------------
	Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	Layout
--------------------------------------------------------------*/

/* = HEADER 
-------------------------------------------------------------- */

header .row { margin: 0 auto; }

section .pre-wrap {
	padding-top: 0px;
	padding-bottom: 0px;
}

.pre-wrap {
	background-color: #3e4249;
}

#header .brand {
	min-width: 100px;
	max-width: 250px;
	padding: 0;
}

#header .brand a {
	display: inline-block;
	max-width: 100%;
}

.header-top {
	text-align: right;
	width: 100%;
}

.header-bottom {
	margin-top: 10px;
	text-align: right;
	width: 100%;
}

#header-container {
}

.header-contact {
	display: inline-block;
}

.header-contact h5 {
	color: #e05707;
	float: left;
	margin: 5px 5px 0 0;
}
.header-contact span {color: white;}



/* = Homepage
-------------------------------------------------------------- */

.home .page-title {
	font-size:22px !important;	
}
#homepage-category {
	margin:0 0 24px;
}
#homepage-category .row {
	border-bottom: 1px solid #E6E6E6;
    margin: 0 0 24px;
	padding:0;
}
#homepage-category .row:last-child {
	border:none;
	margin: 0;
	padding:0;
}
#homepage-category .column {
	padding-left: 50px;
}

#homepage-category a,
#homepage-category a:visited {
	color:#4d4d4d;
}
#homepage-category h3 {
	font-size:16px;
	margin:0 0 15px;
}
#homepage-category h3 a {
	color:#4d4d4d;
}
#homepage-category .cat-count,
.category .sub-categories .cat-count {
	color: #999999;
	font-size: 12px;
	margin: 0 0 0 5px;
}
#homepage-category ul {
	list-style:none;
	padding:0;
	margin:0;
	line-height: 20px;
}
#homepage-category ul li {
	padding:0 0 0 30px;
	margin: 0 0 15px;
	position:relative;
}


#homepage-category .sub-categories {
	list-style:none;
	padding:0;
	margin:0;
}
#homepage-category .sub-categories li {
	padding:0 0 0 30px;
	margin: 0 0 15px;
	position:relative;
}

/* = FAQ 
-------------------------------------------------------------- */
/* = HERO 
-------------------------------------------------------------- */

.hero {
	background: url('http://nrra.net/sweep/wp-content/themes/KnowHow_Child/assets/img/picture3.jpeg') no-repeat center center;
	background-size: cover;
	height: 100vh;
	}

  .hero:before {
  	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom right, #002f4b, #dc4225);
    opacity: .8;
    }

  .hero .intro {
    padding: 3rem;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }

  .hero h1 {
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.5em;
    letter-spacing: -0.025em;
    font-weight: 300;
    text-align: center; }

  .hero p {
    color: #fff;
    line-height: 1.75em;
    font-weight: 200;
    text-align: center;
    margin-bottom: 2rem; }

  .hero .tech-img {
    background: url("http://static.pexels.com/wp-content/uploads/2015/02/apple-hand-iphone-6-4322-525x350.jpg") no-repeat center center;
    background-size: cover;
    height: 9rem;
    width: 9rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto; }

  @media only screen and (min-width: 40.063em) {
    .hero .tech-img {
      height: 18rem;
      width: 18rem; }

    .hero h1 {
      padding-top: 4.5rem;
      text-align: right;
      font-size: 2.5rem; }

    .hero p {
      text-align: right; } }

/* = THE NUMBERS 
-------------------------------------------------------------- */

#numbers {
	text-align: center;
	background: url('http://nrra.net/sweep/wp-content/themes/KnowHow_Child/assets/img/scenery.png') center center repeat fixed;
	background-size: cover;
	color: white;
	padding: 50px 0;
}

#numbers h2 {
	color: #dd5638;
	line-height: 24px;
	padding-right: 15px;
	text-align: center;
}

#numbers .num {
	display: table;
	font-size: 30px;
	font-weight: bold;
	color: white;
	line-height: 24px;
	height: 180px;
	width: 180px;
	margin: 0 auto;
	text-align: center;
	background: #dd5638;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

#numbers .num .num-content {
	display: table-cell;
	vertical-align: middle;
}

#numbers .num span {
	display: block;
	font-size: 20px;
	font-weight: normal;
}

#numbers .row { max-width: 800px;}

.parallax-window {
	min-height: 400px;
	background: transparent;
}


/* = BLOG 
-------------------------------------------------------------- */

.post, #comments {
	position: relative;
	border: solid 1px #ddd;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.post header,
.post .post-excerpt,
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h3 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
}

.post header h1 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
	font-size: 24px;
}

.post-image img {
	height: auto;
}

.post-details {
	font-size: 12px;
	width: 90%;
}

.post-details i.fa {
	padding-left: 10px;
}

.post-details i.fa:first-child {
	padding: 0;
}

#post-2 h2, #post-2 p { color: #fff; }


/* = FOOTER 
-------------------------------------------------------------- */

footer {
	background-color: #3e4249;
	color: #fff !important;
	padding: 20px 0 10px;
	font-size: 12px;
}

footer p {
	margin: 0;
}

footer a:link, footer a:visited {
	color: #fff !important;
}

footer a:hover {
	color: #dd5638;
}


footer li.signup-link a:hover {
	font-weight: bold;
}

#footer-widgets {
	background-color: #3e4249 !important;
	padding: 20px 0;
	font-size:13px;
	line-height:22px;
}
#footer-widgets .row { margin: 0 auto; }

#footer-widgets .widget {
	margin-bottom:0;
}
#footer-widgets .widget-title {
	font-size: 16px;
    	margin: 0 0 30px;
}

#footer-widgets .widget.st_articles_widget li, 
#footer-widgets .widget.st_popular_articles_widget li {
    margin: 0 0 10px;
}



/*--------------------------------------------------------------
	Elements
--------------------------------------------------------------*/

/* SEARCH BOX */
#searchform {
	float: right;
	width: 60%;
}

#searchform .input-group {
	margin-top: .5em;
}
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group {
	margin-top: -1px;
}


/*--------------------------------------------------------------
	Forms
--------------------------------------------------------------*/

#searchform .row {
	padding-top: 10px;
}

label {
	display: block;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 15px;
	display: block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px;
}

input[type="submit"],
button[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	border-radius: 6px;
	background: #0A67AD;
}

input[type="submit"]:hover,
button[type="submit"]:hover {
	outline: none;
	border: none;
	background: #0A67AD;
}

form.search-form .form-group {
	margin: 0;
}

form.search-form .input-group {
	width: 100%;
}

form.search-form .input-group input[type="search"],
form.search-form .input-group input[type="text"] {
	width: 70%;
}

form.search-form .input-group input[type="submit"] {
	width: 30%;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	float: right;
}

form textarea {
	width: 100%;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

/* LOGIN FORM */
ul.dropdown-lr {
  width: 300px;
}

/* mobile fix */
@media (max-width: 768px) {
	.dropdown-lr h3 {
		color: #eee;
	}
	.dropdown-lr label {
		color: #eee;
	}
}

/* = BUDDYPRESS LOGOUT 
-------------------------------------------------------------- */
#sidebar-me {
	margin-top: 10px;
}

#sidebar-me .form-group h5 { 
	margin-top: 0px;
	margin-bottom: 0px;
}
#sidebar-me h5 a { color: #fff; }


/*--------------------------------------------------------------
	Navigation
--------------------------------------------------------------*/
.navbar {
	margin-bottom: 0px;
	padding: 0 30px 0 30px;
}

.navbar ul {
	margin-right: 0px;
}

.navbar ul li a { font-size: 14px; }

.navbar-default .navbar-nav > li > a { color: #fff; }

.nav > li > a { padding: 15px 8px; }

.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

.navbar-nav > li.current_page_item a,
.navbar-nav > li.current_page_parent a {
	color: white;
}

.navbar-header {
	float: none;
}

.navbar-brand {
	float: left;
	font-size: 24px;
	padding-top: 0px;
	padding-bottom: 0px;	
}

.navbar-container {
	padding: 10px 0 10px 0;
}

.navbar.navbar-fixed-top.fixed-theme {
    background-color: #222;
    border-color: #080808;
    box-shadow: 0 0 5px rgba(0,0,0,.8);
}

.navbar-brand.fixed-theme {
    font-size: 20px;
    
}

.navbar-container.fixed-theme {
    padding: 5px 0 10px;
    margin-top: -30px;
}

#remove-text {
	padding-top: -15px;
}

.navbar-brand.fixed-theme,
.navbar-container.fixed-theme,
.navbar.navbar-fixed-top.fixed-theme,
.navbar-brand,
.navbar-container{
    transition: 0.4s;
    -webkit-transition:  0.4s;
}

.dropdown-menu {
	background-color: #DB550E;
}

.dropdown-menu > li > a { color: #fff; }

.dropdown-menu > li > a:active,
.dropdown-menu > li > a:hover { color: #000; }

/*--------------------------------------------------------------
	Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	Menus
--------------------------------------------------------------*/


/* = SMALL MENU 
-------------------------------------------------------------- */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/*--------------------------------------------------------------
	Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
	Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
	Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
	Widgets
--------------------------------------------------------------*/
#sidebar div {
	background-color: #fff;
}

#sidebar ul li {color: #000; }

.widget {
	margin: 0 0 1.5em;
	padding: 20px;
}

.widget a,
.widget a:visited {
	color:#45454C;
	text-decoration:none;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}


.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: solid 1px #ddd;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}

/*--------------------------------------------------------------
	Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.entry-content p {color: #000; }

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
	Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
	Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
	Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
	Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
	Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/* ---------------------
   13.0 Theme Specific Styles
   --------------------- */




/* ==== LAYOUT ==== */
.wrapper {
	background-color: #DB550E;
}

.row {
	max-width: 	1080px;
	margin-right: 	0px;
	margin-left:  	0px;
}

.row + .row {
	margin-top: 20px;
}

section {
	padding: 0px 0;
}

.section-header {
	text-align: center;
}

section h2 {
	margin: 20px 0 40px;
}

section h3 {
	margin: 30px 0 10px;
}

section.main-content {
	padding: 40px 0;
}

#primary {
	background-color: #eaeaea;
	padding-top: 40px;
	padding-bottom: 40px;
}

#primary p { color: #000; }

.feature-image {	
	display: table;
	width: 100%;
}

.feature-image-default {
	background: url('http://127.0.0.1/wordpress/B2W-Project/B2W/wp-content/themes/bootstrap2wordpress/assets/img/stuff-feature.jpg') no-repeat;
	background-size: cover;
}

.feature-image-default-alt {
	background: url('http://127.0.0.1/wordpress/B2W-Project/B2W/wp-content/themes/bootstrap2wordpress/assets/img/hipster-stuff.jpg') no-repeat;
	background-size: cover;
}

.feature-image h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
}

#optin {
	background: #3e4249;
	padding: 20px 0;
	color: white;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
}

#optin p {
	margin: 7px 0 0 0;
}

#course-features {
	background: #3e4249;
	color: white;
	text-align: center;
}

#who-benefits {
	background: white;
}

#project-features {
	text-align: center;
}


#signup {
	text-align: center;
	background: url('http://127.0.0.1/wordpress/B2W-Project/B2W/wp-content/themes/bootstrap2wordpress/assets/img/hipster-stuff.jpg') center center repeat fixed;
	background-size: cover;
	color: white;
	padding: 140px 0;
}

#signup h2 {
	font-weight: normal;
}

#signup h2 strong {
	border-bottom: solid 2px #dd5638;
}

#signup .btn {
	font-size: 24px;
}



/* === COMMENTS === */

.post-comments-badge {
	height: 70px;
	width: 70px;
	position: absolute;
	top: 25px;
	right: 20px;
	border: none;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #79b044;
	text-align: center;
	display: table;
}

.post-comments-badge a {
	display: table-cell;
	vertical-align: middle;
	color: white;
	font-size: 20px;
	line-height: 20px;
}

.post-comments-badge i.fa {
	display: block;
	font-size: 15px;
	padding: 0;
	margin-bottom: 4px;
}

.post-comments-badge:hover {
	background-color: #8bc653;
}

#comments h3 {
	text-align: center;
}

#comments h4 {
	font-size: 1.3em;
}

#comments ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments ol li {
	background: rgba(0,0,0,0.02);
	padding: 10px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px rgba(0,0,0,0.03);
}

#comments ol li ol.children {
	padding: 0;
	list-style: none;
	font-size: 0.96em;
}

#leave-comment {
	margin: 40px 0 0;
	padding: 20px 0 0;
	border-top: solid 1px #eee;
}

/* specific Wordpress Comment Styles */
#comments footer {
	background: none;
	color: inherit;
}

#comments footer a {
	color: inherit;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}

/* === RESOURCES === */

.resource {
	width: 31.33333333%;
	float: left;
	margin: 0 3% 40px 0;
}

.resource:nth-child(3n) {
	margin-right: 0;
}






/*====================================================
REDESIGN CUSTOM STYLES - ADD TO CORRECT POSITION LATER
======================================================*/


/* ==== MEDIA QUERIES ==== */

@media screen and (max-width : 991px) {
	#instructor .container {
		background: rgba(255,255,255,0.8);
		padding: 20px;
	}
}

/* Fix the top margin when logged in */
@media screen and (max-width: 782px) {
	.logged-in .navbar-fixed-top {
		top: 46px;
	}
}

@media screen and (max-width : 768px) {
	.logo {
		width: 50%;
	}
	
	#optin p {
		margin: 0 0 10px;
	}
	
	#featurette iframe {
		height: 240px;
	}
	
	.resource {
		width: 48%;
		margin-right: 2%;
	}
}


/* Fix the top margin when logged in */
@media screen and (max-width: 600px){
	.logged-in .navbar-fixed-top {
		top: 42px;
	}
}

@media screen and (max-width : 568px) {
	#instructor .num {
		height: 100px;
		width: 100px;
		font-size: 22px;
	}
	
	#instructor .num span {
		font-size: 16px;
	}
	
	.resource {
		width: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width : 400px) {
	#searchform {
		margin: 10px 60px;
	}
	#brand {
		margin-left: 30px;
	}
}