/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* fix thrive leads leadbox form margin */
.thrv_lead_generation_container form {
	margin:0px;
}

/* fitvids interfering with ytsubscribe button, so this css rule fixes it */
div#___ytsubscribe_0 div.fluid-width-video-wrapper, div#___ytsubscribe_1 div.fluid-width-video-wrapper {
	padding-top: 0 !important;
}

#header #logo {
	max-width:130px;
}

.so_accept a, .so_accept a:hover {
	color:white;
}

.tutcontainer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tutcontainer .tutitem p{
  font-family: "Helvetica Neue", arial, sans-serif;
  color: white;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 1em;
}

.tutcontainer .tutitem p:last-child{
  margin-bottom: 0;
}

.tutcontainer{
  padding: 2% 2% 0;
  text-align: justify;
  font-size: 0;
  background: #68b8c4;
}

.tutcontainer:after{
  content: '';
  display: inline-block;
  width: 100%;
}

.tutcontainer .tutitem,
.tutcontainer .tutgap{
  display: inline-block;
  width: 100%;
}

.tutcontainer .tutitem{
  text-align: left;
  background: #03899c;
  margin-bottom: 2%;
  padding: 2%;
  vertical-align: top;
  /*display: none; <-- uncomment this rule for use with MixItUp*/
}

/* Flex box progressive enhancements: */

.tutcontainer{
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
    -webkit-justify-content: space-between;
  -webkit-align-content: flex-start;
}

@media all and (min-width: 420px){
  .tutcontainer .tutitem,
  .tutcontainer .tutgap{
    width: 32%;
  }
}

body {
	color:#555;
	font-family:'Open Sans', sans-serif;
}
body.single-badges article.badges img.woo-image
{
	max-width: 33%;
}
body.single-badges article.badges aside.post-meta
{
	display: none;
}
.badgeos-item-thumbnail
{
	-webkit-transform: none;
}
body.learner-profile section#learner-info h2:nth-of-type(2),
body.learner-profile nav.pagination,
body.learner-profile nav.sensei-pagination,
body.learner-profile div#learner-info,
body.learner-profile p.sensei-course-meta span.course-author,
body.learner-profile p.sensei-course-meta span.course-category,
body.learner-profile p.sensei-course-meta span.course-lesson-count
{
	display:none;
}
/* hide next lesson link in the "congrats passed quiz msg" */
div.sensei-message a.next-lesson {
	display: none;
}
/* hide second nav section in a lesson page */
body.single-lesson section#main nav#post-entries:nth-child(2),
body.single-quiz section#main nav#post-entries:nth-child(2) {
	/*display: none;*/ 
}
/* on quizzes, hide amount of points from adding to the end of question text */
span.question span.grade {
	display: none;
}
/* on quizzes, hide wrong msg bc it's not displaying correctly */
div.answer_message.has_notes {
	min-height:30px;
}
body.single-lesson section#main section.sensei-breadcrumb,
body.single-quiz section#main section.sensei-breadcrumb {
	margin-bottom:50px;
}

body.learner-profile div#learner-info
{
	margin-bottom: 100px;
}
body.learner-profile div#learner-info div.learner-content h2
{
	font-size:40px;
}

/* quiz width too small */
body.single-quiz #main article
{
	width: 100%;
}

/* home page intro msg bg */
#header-wrapper
{
	background: url('/img/hp_bg5.jpg') no-repeat left top;
	background-size: 100%;
}

.home #inner-wrapper
{
	background: url('/img/hp_bg5.jpg') no-repeat left top;
	/*background-size: 100%;*/
}
.home #header-wrapper, #intro-message
{
	background: none;
}
/* home intro msg cta bigger */
#intro-message a.button
{
	padding: 1.057em 5.618em;
	font-size: 20px;
	color: white;
	background: #30A1F3;
}
/* homepage testimonials bg to stop from moving */
#testimonials #testimonials-bg
{
	background-position: left top !important;
}

/* homepage from the blog */
/* make avatar beside blog posts disappear */
#featured-slider-pagination ul#carousel-items li .avatar
{
	display: none;
}
/* make the post blurbs full width */
#featured-slider-pagination ul#carousel-items li .details
{
	float: left;
	width: 100%;
}

/* cart colour in header */
#header .cart-contents, #header .cart-contents:active
{
	background: #30A1F3 !important;
}

/* sale price */
ins {
	color:red;
	background-color:transparent;
}

/* buttons */

a.button:hover, a.comment-reply-link:hover, #commentform #submit:hover, .submit:hover, input[type=submit]:hover, input.button:hover, button.button:hover, #wrapper .woo-sc-button:hover, .follow-link a:hover, .our-team-author-archive a:hover
{
	background: #30A1F3;
}

a.button, a.comment-reply-link, #commentform #submit, .submit, input[type=submit], input.button, button.button, #wrapper .woo-sc-button, .follow-link a, .our-team-author-archive a
{
	color: #30A1F3;
	border: 0.146em solid #30A1F3;
}

/* line underneath headings */

.home-section header.section-title:after,
.archive-header:after
{
	background: #30A1F3;
}

/* block quotes */
.hentry .entry blockquote
{
	border-left: 0.3em solid #30A1F3;
}

/* line underneath menu items on hover and current menu item */

#navigation ul.nav > li:hover, #navigation ul.nav > li.current-menu-item
{
	border-color: #30A1F3;
}

/* little post icons */

.hentry .post-meta li:before,
.home-section .meta .post-date:before
{
	color: darkgray;
}

/* links */

a, a:hover
{
	color: #30A1F3;
}

#featured-slider-pagination ul#carousel-items li a.active h3
{
	color: #30A1F3;
}

/* footer separater between the footer widget and copyright line */
#footer-widgets + #footer:before {
	display: none;
}

/* footer wrapper border */
#footer-wrapper
{
	border-top: 0.202em solid #30A1F3;
}

/* post details */
.single #post-details, 
{
	float:right;
}
#main.fullwidth
{
	width: 100%;
	margin-left:0px;
	margin-right:0px;
}
.authorbox {
	max-width:100%;
	background:#CCC;
	background-color:#FAFAFA;
	border:1px solid #F0F0F0;
	padding: 20px;
	display: table;
	margin-bottom: 30px;
}
.authorbox p {
	margin: 0px;
}
.authorboximg {
	display: table-cell;
	/* float: left; */
	vertical-align: top;
	width: 100px;
}
.authorboximgtxt {
	display: table-cell;
}

/* post-comment seperator */
#post-entries
{
	margin-left:0px;
}

/* disqus */
#disqus_thread 
{
	max-width: 73em;
	margin: 0 auto;
}

/* make logo not animated when clicked */
#header #logo:active {
    position: relative;
    top: .202em;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
  }

/* Testimonials background color */
#testimonials #testimonials-holder
{
	background: #333;
}

/* Courses overview */
.meter span {
	background: green;
}

body.page-id-2306 #main {
	width:100%;
}

#course-overview ul li {
	border-color: #EEE;
	border-width: 2px;
	border-style: solid;
	width: 30%;
	clear: none;
display: inline;
float: left;
margin-left: 2.08333333%;
margin-right: 2.08333333%;
margin-bottom: 0;
position: relative;
margin: 0 0 2.244em;
background: #fff;
padding: 1em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all ease-in-out 0.2s;
-moz-transition: all ease-in-out 0.2s;
-ms-transition: all ease-in-out 0.2s;
-o-transition: all ease-in-out 0.2s;
transition: all ease-in-out 0.2s;
}

/* Single course page, remove bottom nav to other courses */
.single-course #post-entries
{
	display:none;
}

/* woocommerce product listing tab names color */
.widget_woodojo_tabs ul.nav-tabs li.active a, .woocommerce_tabs ul.nav-tabs li.active a, .woocommerce-tabs ul.nav-tabs li.active a, .widget_woodojo_tabs ul.tabs li.active a, .woocommerce_tabs ul.tabs li.active a, .woocommerce-tabs ul.tabs li.active a
{
	color: #30A1F3;
}

/* woocommerce: single product listing, right side summary width */
.single-product .summary
{
	width: 68%;
}
.single-product .images
{
	width: 28%;
}

/* BBPress Styles */

/* profile width and message width in forum messages */
#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-topic-content, #bbpress-forums div.bbp-reply-content
{
	padding: 20px 50px 20px 0;
	margin-left: 170px;
}
#bbpress-forums div.bbp-forum-author, #bbpress-forums div.bbp-topic-author, #bbpress-forums div.bbp-reply-author
{
	width: 155px;
}

/* unread icon bg shouldn't be white */
.bbpresss_unread_posts_icon img
{
	background: none;
}

/* forum title links */
#bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-topics, #bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results
{
	font-size: 16px;
}
/* text underneath forum sections */
#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta
{
	font-size: 13px;
}
/* full width for the forum index */
.forum-archive #main
{
	width: 66%;
}
.forum-archive div.widget_display_replies {
	margin-top:110px;
}
/* full width for the single forum */
.single-forum #main, .single-forum #main article
{
	width: 100%;
}
/* full width for single topic */
.single-topic #main, .single-topic #main article
{
	width: 100%;
}
/* full width for editing your reply */
.reply-edit #main{
	width: 100%;
}
/* full width user bbpress pages */
.bbp-user-page #main, .bbp-user-page #main article
{
	width:100%;
}
body.bbp-user-edit section#main, body.bbp-user-edit section#main article
{
	width:100%;
}
/* line up user avatars with their names in forum index */
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar
{
	margin-bottom:0px;
}
/* author profile pic circles */
.author_circle {
	border-radius: 35px;
	border: 2px solid #fff;
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin: 12px auto 0 auto;
}
.author_circle_large {
	border-radius: 100px;
	border: 4px solid #fff;
	width: 120px;
	height: 120px;
}
.author_circle_small {
	width:30px;
	height:30px;
	margin: 0px;
	display: inline-block;
	vertical-align: middle;
}
.author_circle img {
	-webkit-transform: none;
}

/* Blog about widget */
.aboutwidget {
	padding: 20px;
	background-color: #2a425b;
	border-top:5px solid #30A1F3;
	color:white;
}
.aboutwidget_bottom {
	background-color: #eee;
	padding: 20px;
	color:black;
	font-size:11pt;
	margin-bottom:38px;	
}
.aboutwidget .profile-roundedborder {
	display: inline-block;
	margin: 0px 10px 10px 0px;	
-webkit-border-radius:100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
    border: 3px solid #fff;
	float: left;
}
.aboutwidget .profilepic {
-webkit-border-radius:100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -khtml-border-radius: 100%;
width: 80px;
height: 80px;
	vertical-align:middle;
}
.widgetbutton {
/*width: 170px;*/
display: block;
padding: 10px;
margin: 0 auto;
font-size: 11pt;
font-weight: bold;
text-align: center;
text-transform: uppercase;
color: #FFF;
background-color: #30A1F3;
cursor: pointer;
}
.widgetbutton:hover {
	color:white;
	background-color:black;
}

/* Single blog post to adjust the sidebar width */
.single article
{
	width:62.5%;
}
.single #post-details
{
	width:29.166666666666668%;
}
/* sidebar width */
#sidebar 
{
	max-width:300px;
	float:right;
}

/* sidebar widget styles */
.optinwidget {
	padding:25px;
	background-color:#333;
	color: white;

margin: auto;

}
.optinwidget hr {
	display: block; height: 1px;
    border: 0; border-top: 1px solid #555;
    margin: 1em 0; padding: 0;
}
.optinwidget img {
	float:left;
	margin-right:10px;
	vertical-align:middle;
}
.optinwidgetdesc {
	display: block;
	font-size: 10pt;
}
input[type=submit].widgetbutton {
	background-color:#178440;
	color:white;
	height: 40px;
	font-size:15px;
}
input[type=submit].widgetbutton:hover {
	color:white;
	background-color:#19ad51;
}
.contactwidget {
	text-align:center;
	display:table;
	padding:20px;
}
.contactwidgetcell {
	float:left;
	display:table-cell;
	width:33%;
}
.widget_search .screen-reader-text {
    display:none;
}
.widget_search #searchsubmit {
	display:none;
}
.widget_search #s {
color: #777777;
font-size: 11pt;
border-radius: 0px;
width: calc(100% - 23px);
margin: 0 auto;
	outline:0;
	height:30px;
}
.popularwidget {
	padding:10px;
	background-color:#666;
	color:white;
}
.popularwidget-item {
	padding:20px;
	color:#eee;
	margin-top:10px;
	background-color:#2a425b;
}
.popularwidget-item-heading {
	font-weight:bold;
	color:white;
	font-size:13pt;
}
.widget_display_replies {
	background-color: rgba(0,0,0,0.7);
	padding: 15px;
	margin-top: 15px;
	color:white;
}
.widget_display_replies h3 {
	color:white;
	padding:0px;
}
.widget_display_replies li {
	margin-bottom: 10px;
	border-top: #606060 1px solid;
	font-size: 15px;
	color: white;
	padding-top:10px;
}
.search_main {
	width:100%;
}

/* single blog post styles */
.aside {
background: #EEEEEE;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #999999;
margin-bottom: 25px;
}
.aside-alt {
background: #DDDDDD;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #999999;
margin-bottom: 25px;
}

.tutorial {
background-color:#CEE6ED;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #30A1F3;
margin-bottom: 25px;
}
.personalmsg {
background-color:#edf5fa;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: #30A1F3;
margin-bottom: 25px;
}
.objccoursesection {
background-color:mintcream;
padding: 25px;
border-top-style: solid;
border-top-width: 4px;
border-top-color: green;
margin-bottom: 25px;
}
.objccoursesection a, .objccoursesection a:hover {
	color: green;
}
.contentdiagram {
margin-left:auto;
margin-right:auto;
}
.objc_header {
	border-left:3px solid #1da00b;
	padding-left:10px;
	margin-bottom:15px;
	color:#1da00b;
}
.swift_header {
	border-left:3px solid #f6b70c;
	padding-left:10px;
	margin-bottom:15px;
	color:#f6b70c;
}
.imgfaintoutline {
	border:#eee 1px solid;
}
.really_simple_share {
padding-top: 16px;
padding-left: 10px;
border-bottom: solid 1px #eee;
border-top: solid 1px #eee;
margin-bottom: 30px;
}
.appsbyreaders_screenshot {
width: 224px;
margin-right: 10px;
margin-bottom: 10px;
position: relative;
display: inline-block;
vertical-align: middle;
}

/* order history table view button width */
.order-actions a
{
	width: 100%;
	text-align: center;
}
.order-actions a:hover
{
	color: white;
}

/* checkout form, email field width */
.woocommerce-checkout #footer-widgets, .woocommerce-checkout #navigation {
	display:none;	
}
.woocommerce-checkout #billing_company_field {
	display:none;
}
.validate-email
{
	width: 100%;
}
.woocommerce-checkout tr.recurring-totals, .woocommerce-checkout tr.recurring-total {
		display:none;
}
/* change bg color of payment boxes */
#payment .payment_methods li .payment_box
{
	background-color: white;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
}
/* change paypal acceptence logos to fit */
#payment .payment_methods li.payment_method_paypal img {
	height: 65px;
    margin-top: -18px;
}
/* get rid of "what is paypal" link */
#payment .payment_methods li.payment_method_paypal a.about_paypal {
	display: none;
}

/* hide unaccepted credit card icons */
#payment .payment_methods li img:nth-child(4),
#payment .payment_methods li img:nth-child(5),
#payment .payment_methods li img:nth-child(6) {
	display: none;
}

.woocommerce-cart table.shop_table {
		table-layout: auto;
}

/* hide paypal button on cart */
a.paypal-express-checkout-button {
	display:none;
}
.sc_info_box {
	background-color: ghostwhite;
	width: 96%;
}

/* leaderboard */
table.badgeos-leaderboard {
	font-size: 17px;
	font-weight: normal;
	table-layout:auto;
}
table.badgeos-leaderboard tr:hover {
	background: none!important;
}
table.badgeos-leaderboard thead tr th, table.badgeos-leaderboard tbody tr td, table.badgeos-leaderboard tr td {
	padding-left: 15px!important;
}
table.badgeos-leaderboard img.alignnone {
	margin:0px;
}
table.badgeos-leaderboard tr td img {
	margin-right: 25px!important;
	width: 32px;
	height: 32px;
}
table.badgeos-leaderboard thead {
	background:none!important;
	font-weight: normal!important;
}

/* badges grid */
.badgesgrid {
	float:left;
	max-width: 200px!important;
}
article.badges img.woo-image{
	max-width: 300px;
}
article.badges header, article.badges footer {
	display: none;
}

/* speech bubbles */
.bubble
{
	position: relative;
	width: 90%;
	padding: 20px;
	background-color: SteelBlue;
	border-radius: 2px;
	color: #FFF;
	/*text-align: center;*/
	margin-bottom:50px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
}
.bubble:after
{
	content: "";
	position: absolute;
	top: 100%;
	left: 50px;
	width: 0;
	height: 0;
	/*border-left: 30px solid transparent;*/
	border-right: 30px solid transparent;

	border-top: 30px solid SteelBlue;
} 

.bubbleright
{
	position: relative;
	width: 90%;
	left:10%;
	padding: 20px;
	background-color: gray;
	border-radius: 2px;
	color: #FFF;
	/*text-align: center;*/
	margin-bottom:50px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
} 
.bubbleright:after
{
	content: "";
	position: absolute;
	top: 100%;
	left: calc(100% - 50px);
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	/*border-right: 30px solid transparent;*/

	border-top: 30px solid gray;
} 

/* codeclub product page styles */
.page-id-15356 header h1 {
	text-align: center;
}

.ccdealribbon {
	background: green;
	color:white;
	text-align: center;
	padding: 5px;
}

.ccgoldtierheader {
background: rgba(255, 200, 0, 0.78);
padding:10px;
font-weight: bold;
color:white;
text-align: center;
}

.ccsilvertierheader {
	background: silver;
padding:10px;
font-weight: bold;
color:white;
text-align: center;
}

.cctiername {
font-size:20px;
}
.cctierprice {
	font-size: 38px;
	margin-left: -10px;
}
.cctierperiod {
	font-size: 18px;
	font-weight: normal;
}
.cctiersavings {

}

.ccbenefit {
	vertical-align: middle;
	background: #EEE;
	padding: 10px;
}

.ccbenefityesno {
	vertical-align: middle;
	text-align: center;
	padding:20px;
} 

img.ccperkcharticon {
	max-width: 110px;
}

.cccheckmark {
	width: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ccgoldtierbuy {
	background: #007EFF;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    color: white;
    cursor:pointer;
}
.ccgoldtierbuy:hover {
	background: green;
}
.ccgoldtierbuy a {
	color:white;
}

.ccsilvertierbuy {
	background: #6B7580;
    text-align: center;
    padding: 20px;
    font-weight: bold;
    color: white;
    cursor:pointer;
}
.ccsilvertierbuy:hover {
	background: green;
}
.ccsilvertierbuy a {
	color:white;
}
.ccjoinflag {
	display: inline-block;
    border: #063B7B 2px solid;
    padding: 5px;
    margin-left: 10px;
    font-size: 12px;
    background: #30A1F3;
    vertical-align: top;
    color: white;
    font-weight: bold;
}
.ccjoingoldflag {
	display: inline-block;
    border: #067B45 2px solid;
    padding: 5px;
    margin-left: 10px;
    font-size: 12px;
    background: #1FC77A;
    vertical-align: top;
    color: white;
    font-weight: bold;
}
.widgetbuttongreen {
	background-color:#1FC77A;
}

/* my account page */
p.sensei-results-links {
	display: none;
}
section#user-course-status-toggle {
	display: none;
}
p.sensei-course-meta {
	display: none;
}

/* iOS Library page */
/* hide disqus thread on the library page */
.page-id-921 #disqus_thread {
	display:none;
}

/* my account completed courses aren't showing so this is the fix */
ul.course-container li {
	display:block!important;
}

/*
MOBILE STYLES
-----------------
*/

@media all and (max-width: 1113px) {
	.aboutwidget div.aboutmetext {
		width: 100%!important;
	}
}

@media all and (max-width: 767px) {
	/* mobile styles go here */

	/* homepage */
	div.wrapper {
		text-align: center;
	}
	.home-section header.section-title:after {
		margin: 0 auto;
		width: 20%;
	}
	ul.featuredlist {
		max-width: 400px;
		margin: 0 auto!important;
	}

	/* menu */
	#navigation h3 {
		display: none;
	}
	section.menus {
		text-align: left;
	}
	#navigation ul.nav li a {
		color: white;
	}

	/* course */
	body.single-course article {
		width: 100%;
		text-align: left;
	}
	body.single-course #sidebar {
		float: none;
		max-width: 100%;
	}

	/* single-lesson */
	body.single-lesson article {
		text-align: left;
	}

	/* single-quiz */
	body.single-quiz article {
		text-align: left;
	}

	/* single post */
	body.single-post article {
		width: 100%;
		text-align: left;
	}
	body.single-post #sidebar {
		display: none;
	}

	/* page */
	body.page article {
		text-align: left;
	}
	body.page #sidebar {
		display: none;
	}

	/* disqus */
	#disqus_thread {
		margin: 0 auto;
		margin-left: 20px;
		margin-right: 20px;
	}

	/* cart */
	.woocommerce-cart .shop_table th, .woocommerce-cart .shop_table td, 
	div.cart_totals td, div.cart_totals th {
		padding: 10px;
	}
	.woocommerce-cart table.cart .actions .button {
		width: auto;
	}

	/* checkout */
	.woocommerce-checkout #customer_details label {
		display: block;
	}
	.woocommerce-checkout #customer_details input {
		width: 100%;
	}
	.woocommerce-checkout .shop_table th, .woocommerce-checkout .shop_table td {
		padding: 10px;
	}
	.woocommerce-checkout #sidebar {
		max-width: 100%;
		float:none;
	}

}

@media all and (max-width:650px) {

	/* course selection */
	body.page-id-2306 div.wrapper ul, body.page-id-2306 div.wrapper li {
		width: 100%!important;
		margin: 0px!important;
	}
}

@media all and (max-width: 450px) {
	/* mobile styles go here */

	/* homepage */
	#intro-message a.button {
		padding: .857em 1.618em;
	}
	#featured-slider .flex-direction-nav {
		position: initial;
	}

	/* single course */
	body.single-course .module .module-status {
		position: initial;
	}

	/* page */
	body.page #sidebar {
		display: block;
		width:100%;
	}

	/* product page */
	.single-product .images {
		width:100%;
	}
	.single-product .summary {
		width: 100%;
	}

	/* codewithchris.com/live page */
	#course-overview ul li {
		width: 100%;
	}
	.hentry .entry ul, .hentry .entry ol {
		margin-left: 0px;
	}
	#course-overview .wrapper {
		padding:0px;
	}
}

/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}

@media all and (min-width: 1800px) {
	/* Desktop styles go here */
	.home #inner-wrapper
	{
		background-size: 100%;
	}
}