/*
	Theme Name: Metro Pro Theme
	Theme URI: http://my.studiopress.com/themes/metro/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 2.0.1
 
	Tags: black, orange, white, one-column, two-columns, three-columns, responsive-layout, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page
 
	Template: genesis
	Template Version: 2.0.0
 
	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
 
 
/* Table of Contents

	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- WordPress
		- Genesis
		- Titles
	- Widgets
		- Featured Content
	- Plugins
		- Genesis eNews Extended
		- Genesis Latest Tweets
		- Gravity Forms
		- Jetpack
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
	- Content Area
		- Home Page
		- Entries
		- After Entry
		- Pagination
		- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- Theme Colors
		- Metro Pro Blue
		- Metro Pro Green
		- Metro Pro Pink
		- Metro Pro Red
	- Media Queries
		- Retina Display
		- max-width: 1139px
		- max-width: 1023px
		- max-width: 767px
		- max-width: 320px

*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Reset (normalize.css 2.1.2)
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.clearfix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

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

body {
	background-color: #fff;
	color: #222;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #333;
	color: #fff;
}

::selection {
	background-color: #333;
	color: #fff;
}

a {
	color: #e76d00;
}

a:hover {
	color: #222;
}

p {
	margin: 0 0 16px;
	padding: 0;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

blockquote,
blockquote::before {
	color: #999;
}

blockquote {
	margin: 0;
	padding: 24px 40px;
}

blockquote::before {
	content: "\201C";
	display: block;
	font-size: 30px;
	height: 0;
	left: -20px;
	position: relative;
	top: -10px;
}

.entry-content code {
	background-color: #333;
	color: #ddd;
}

cite {
	font-style: normal;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #333;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 16px;
	padding: 0;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
}

.featured-content img,
.gallery img {
	width: auto; /* IE8 */
}

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

input,
select,
textarea {
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd inset;
	color: #999;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 16px;
	width: 100%;
}

input[type="checkbox"], 
input[type="radio"], 
input[type="image"] {
	width: auto;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body.woocommerce-lost-password input[type="submit"],
.button,
.entry-content .button {
	background-color: #333;
	border: none !important;
	box-shadow: none !important;
	color: #fff;
	cursor: pointer;
	padding: 16px 24px;
	text-decoration: none;
	text-transform: uppercase !important;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
body.woocommerce-lost-password input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	color: #fff;
	background-color: #e76d00;
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	margin-bottom: 40px;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
}


/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.site-container {
	background: url(images/header.jpg) no-repeat #fff;
	margin: 32px auto; 
	max-width: 1140px;
	overflow: hidden;
	padding: 36px;
}

.site-inner {
	clear: both;
	padding-top: 32px;
}

.wrap {
	margin: 0 auto;
	max-width: 1140px;
}

/* Column Widths and Positions
--------------------------------------------- */

/* Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	width: 868px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
	float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
	float: right;
}

/* Content */

.content {
	float: right;
	width: 700px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
	float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
	width: 500px;
}

.full-width-content .content {
	width: 100%;
}

.metro-pro-landing .site-container {
	max-width: 772px;
}

.metro-pro-landing .site-inner,
.metro-pro-landing .entry {
	padding: 0;
}

/* Primary Sidebar */

.sidebar-primary {
	float: right;
	width: 332px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
	float: left;
}

/* Secondary Sidebar */

.sidebar-secondary {
	float: left;
	width: 164px;
}

.content-sidebar-sidebar .sidebar-secondary {
	float: right;
}


/* Column Classes
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/* WordPress
--------------------------------------------- */

.avatar {
	float: left;
}

.alignleft .avatar {
	margin-right: 24px;
}

.alignright .avatar {
	margin-left: 24px;
}

.search-form {
	overflow: hidden;
	width: 100%;
}

.search-form input[type="search"] {
	background: #f5f5f5 url(images/search.png) no-repeat 15px 16px;
	background-size: 15px 15px;
	padding: 16px 16px 16px 44px;
}

.search-form input[type="submit"] {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	padding: 0;
	position: absolute;
	width: 1px;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 12px;
}

a.alignnone img,
img.alignnone {
	margin-bottom: 12px;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

a.alignleft,
a.alignright {
    max-width: 100%;
}

a.alignleft img,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 24px 12px 0;
}

a.alignright img,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 24px 24px;
}

.wp-caption-text {
	font-size: 14px;
	margin: 0;
	text-align: center;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td {
	text-align: center;
}

/* Genesis
--------------------------------------------- */

.breadcrumb {
	margin-bottom: 20px;
}

.archive-description,
.author-box,
.sticky {
	background-color: #f5f5f5;
	margin-bottom: 48px;
	overflow: hidden;
	padding: 32px;
}

.author-box p {
	margin: 0;
}

.author-box .avatar {
	margin-right: 24px;
}

.author-box h1 {
	font-size: 16px;
	margin-bottom: 4px;
}

/* Titles
--------------------------------------------- */

.entry-title {
	font-size: 30px;
	font-weight: 700;
}

.type-page .entry-title {
	display: none;
}

.entry-title a,
.sidebar .widget-title a {
	color: #333;
	text-decoration: none;
}

.entry-title a:hover {
	color: #e76d00;
}

.content .home-top .entry-title {
	font-size: 24px;
}

.after-entry .widget-title,
.archive-title,
.comments-title,
.widget .entry-title {
	font-size: 20px;
}

.comment-respond h3,
.entry-comments h3,
.widget-title {
	background: url(images/lines.png) bottom repeat-x;
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	line-height: 1;
	margin-bottom: 16px;
	padding-bottom: 16px;
	text-transform: uppercase;
}

.header-widget-area .widget-title {
	font-size: 20px;
	margin-top: 30px;
}

.comment-respond h3:before,
.entry-comments h3:before,
.widget-title:before {
	margin-right: 10px;
}

.comment-respond h3:after,
.entry-comments h3:after,
.widget-title:after {
	margin-left: 10px;
}

.after-entry .widget-title,
.enews-widget .widget-title {
	background: none;
	text-shadow: none;
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

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

.featured-content .entry {
	background: none;
	margin-bottom: 16px;
	padding: 0;
}

.featured-content .entry p,
.home-bottom .featured-content {
	margin-bottom: 0;
}

.featured-content .entry-title {
	margin-bottom: 8px;
}

.home-bottom .featured-content .entry-title {
	margin: 8px 0;
}

.home-bottom .featured-content .widget-title {
	margin-bottom: 20px;
}

.home-bottom .featured-content .entry {
	border-bottom: 5px solid #f5f5f5;
}

.metro-pro-home .home-bottom .entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.home-bottom .featured-content .entry-content p,
.home-bottom .featured-content img {
	margin-bottom: 0;
}

.more-from-category {
	text-align: right;
}

/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.sidebar .enews-widget {
	background-color: #333;
	color: #fff;
	padding: 28px 32px 32px;
}

.sidebar .enews-widget .widget-title {
	color: #fff;
}

.sidebar .enews-widget input {
	margin-bottom: 16px;
}

.sidebar .enews-widget input[type="submit"] {
	background-color: #e76d00;
	color: #fff;
	margin: 0;
	width: 100%;
}

.sidebar .enews-widget input:hover[type="submit"] {
	background-color: #fff;
	color: #333;
}

.sidebar .enews-widget input {
	background-color: #fff;
	box-shadow: none;
	margin-bottom: 12px;
}

.after-entry .enews-widget input {
	width: 50%;
}

.after-entry .enews-widget input[type="submit"] {
	width: auto;
}

/* Genesis Latest Tweets
--------------------------------------------- */

.latest-tweets ul li {
	margin-bottom: 16px;
}

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

.site-inner div.gform_wrapper input[type="text"],
.site-inner div.gform_wrapper textarea,
.site-inner div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	padding: 16px;
}

.site-inner div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 16px 0 0;
}

.site-inner div.gform_wrapper input[type="submit"] {
	font-size: 14px;
}

/* Jetpack
--------------------------------------------- */

img#wpstats {
	display: none;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	padding: 0;
	overflow: hidden;
}

.header-image .site-header {
	padding: 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 0;
	width: 360px;
}

.site-title {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	line-height: 1;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	background-color: #e76d00;
	color: #fff;
	display: inline-block;
	padding: 16px;
	text-decoration: none;
}

.site-description {
	display: block;
	height: 0;
	margin-bottom: 0;
	text-indent: -9999px;
}

/* Full width header, no widgets */

.header-full-width .title-area,
.header-full-width .site-title {
	width: 100%;
}

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

/* Logo, hide text */

.header-image .site-title,
.header-image .title-area {
	min-height: 100px;
	padding: 0;
}

.header-image .site-title a {
	background-color: none;
	max-width: 270px;
	min-height: 80px;
	padding: 0;
}

/* Widget Area
--------------------------------------------- */

.site-header .widget-area {
	float: right;
	width: 664px;
}

.site-header .search-form {
	float: right;
	margin-top: 16px;
	width: 50%;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
	clear: both;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 100%;
	}

.genesis-nav-menu a {
	color: #fff;
	display: block;
	padding: 16px 20px 14px;
	position: relative;
	text-decoration: none;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a {
	background-color: #e76d00;
	color: #fff;
}

.genesis-nav-menu .sub-menu {
	left: -9999px;
	margin: 0;
	opacity: 0;
	padding: 0;
	position: absolute;
	-webkit-transition:	opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 175px;
	z-index: 200;
	text-align: left;
}

.genesis-nav-menu .sub-menu a {
	background-color: #333;
	font-size: 12px;
	padding: 12px 16px;
	position: relative;
	width: 230px;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -36px 0 0 174px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .right {
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 16px 20px 14px;
	text-transform: uppercase;
}

.genesis-nav-menu > .right > a {
	background: none;
	display: inline;
	padding: 0;
}

.genesis-nav-menu > .right > a:hover {
	color: #e76d00;
}

.genesis-nav-menu > .rss > a {
	margin-left: 48px;
}

.genesis-nav-menu > .search {
	padding: 0;
}

.genesis-nav-menu .search-form {
	width: 100%;
}

.genesis-nav-menu .search-form input[type="search"] {
	font-size: 12px;
	padding: 14px 14px 14px 44px;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header ul.genesis-nav-menu {
	background-color: #333;
}

.site-header .sub-menu .sub-menu {
	margin-top: -55px;
}

/* Primary Navigation
--------------------------------------------- */

#menu-cmiadmin-menu .menu-item,
#menu-metro-affiliate .menu-item,
#menu-metro-k12dealer .menu-item,
#menu-metro-teacher .menu-item,
#menu-metro-student .menu-item,
#menu-admin-menu .menu-item,
#menu-metro-pro-primary .menu-item {
	border: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.nav-primary {
	background-color: #333;
	margin: 0 -36px 0 -36px;
	
}

.nav-primary a {
	font-weight:600;
	font-size: 16px;
}

.nav-primary a:hover,
.nav-primary .current-menu-item > a {
	color: #fff;
}

.nav-primary .sub-menu a {
	padding: 16px 20px;
	background-color: #505050;
}

.nav-primary .sub-menu a:hover {
	background-color: #e76d00;
	color: #fff;
}

.nav-primary .sub-menu .sub-menu {
	margin: -44px 0 0 174px;
}

/* Secondary Navigation
--------------------------------------------- */
#menu-metro-pro-secondary .menu-item {
	border: none;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.nav-secondary {
	text-align: right;
	margin-top: -4px;
	background-color: #333;
}

.nav-secondary a {
	font-size: 12px;
	font-weight: bold;
	padding: 19px 16px 16px 16px;
	margin: 0px;
}

.nav-secondary .sub-menu a:hover {
	background-color: #e76d00;
	color: #fff;
}

.free-trial-menu-link {
	background: #e76d00;
	border: 1px solid #fff;
	margin-left: 15px !important;
	padding: 5px 10px 5px 10px !important;
}

.nav-secondary .free-trial-menu-link a:hover {
	background-color: #333 !important;
}

.menu-item-icon {
	margin: 0 5px -2px 0;
}
/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Home Page
--------------------------------------------- */

.home-middle {
	overflow: hidden;
}

.home-middle-left,
.home-middle-right {
	width: 332px;
}

.home-middle-left {
	float: left;
}

.home-middle-right {
	float: right;
}

/* Entries
--------------------------------------------- */

.entry,
.page.page-template-page_blog-php .entry {
	background: url(images/lines.png) bottom repeat-x;
	background-size: 8px 8px;
	margin-bottom: 48px;
	padding-bottom: 32px;
}

.page .entry {
	background: none;
}

.single .entry {
	background: none;
	margin-bottom: 32px;
	padding: 0;
}

.entry-content a {
	color: #e76d00;
}

.entry-content a:hover {
	color: #333;
}

.entry-content a.terms-of-use:hover {
	color: white;
}

.entry-content ol,
.entry-content p,
.entry-content ul,
.quote-caption {
	margin-bottom: 26px;
}

.entry-content ol li,
.entry-content ul li {
	margin-left: 40px;
	margin-bottom: 10px;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol {
  counter-reset: item;
}

.entry-content ol > li {
  list-style-type: none;
  counter-increment: item;
}

.entry-content ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}

.entry-content ol ol,
.entry-content ul ul,
.entry-content .wp-caption p {
	margin-bottom: 0;
}

.entry-meta {
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
}

.entry-meta a {
	color: #999;
	text-decoration: none;
}

.entry-meta a:hover {
	color: #222;
}

.entry-header .entry-meta {
	margin-bottom: 24px;
}

.entry-meta .entry-comments::before {
	margin: 0 6px 0 2px;
}

.entry-meta .entry-categories,
.entry-meta .entry-tags {
	display: block;
}

.content .entry-meta .entry-comments-link {
	float: right;
}

.content .entry-meta .entry-comments-link a {
	background-color: #e76d00;
	color: #fff;
	padding: 8px 16px;
}

.content .entry-meta .entry-comments-link a:hover {
	background-color: #333;
	color: #fff;
}

/* After Entry
--------------------------------------------- */

.after-entry,
.after-entry .wrap {
	overflow: hidden;
}

.after-entry {
	background: url(images/lines.png);
	background-size: 8px 8px;
	margin-top: 32px;
	padding: 16px;
	text-align: center;
}

.after-entry .wrap {
	background-color: #fff;
	padding: 32px;
}

.after-entry p {
	margin-bottom: 20px;
}

/* Pagination
--------------------------------------------- */

.archive-pagination {
	font-size: 14px;
	margin: 40px 0;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 8px 12px;
	text-decoration: none;
}

.archive-pagination li a:hover,
.archive-pagination li.active a {
	background-color: #e76d00;
}

/* Comments
--------------------------------------------- */

.entry-comments,
.entry-pings {
	margin-bottom: 40px;
}

p.form-submit,
.entry-comments .comment-author {
	margin-bottom: 0;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
	width: 50%
}

.comment-respond label {
	display: block;
	margin-right: 12px;
}

.comment-list li {
	list-style-type: none;
	margin-top: 24px;
	padding: 32px;
}

.ping-list li {
	list-style-type: none;
	margin: 0;
	padding: 20px 0;
}

.ping-list .reply {
	display: none;
}

.comment-list li li {
	margin-right: -32px;
}

.comment {
	background-color: #f5f5f5;
	border: 2px solid #fff; 
	border-right: none; 
}

.comment-content {
	clear: both;
}

.comment .avatar {
	margin: 0 16px 24px 0;
}

.form-allowed-tags {
	background-color: #f5f5f5;
	font-size: 14px;
	padding: 24px;
}

p.subscribe-to-comments {
	padding: 24px 0 16px;
}


/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {	
	margin-bottom: 32px;
	word-wrap: break-word;
}

.widget li {
	border-bottom: 1px dotted #ececec;
	margin-bottom: 10px;
	padding-bottom: 10px;
	text-align: left;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 20px;
	text-indent: -20px;
}

.widget ul > li {
	list-style-type: none;
	text-indent: 0;
}

.widget li li {
	border: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.widget ul > li:last-child,
.widget p:last-child {
	margin-bottom: 0;
}


/*
Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
	display: inline;
	font-size: 15px;
}

.sidebar p:last-child,
.sidebar ul {
	margin: 0;
}

.sidebar .search-form {
	width: 100%;
}

a.social-buttons {
	background-color: #333;
	border-right: 1px solid #fff;
	color: #fff;
	float: left;
	font-size: 10px;
	overflow: hidden;
	padding: 8px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 25%;
}

a.social-buttons.last {
	border: none;
}

a.social-buttons:hover {
	background-color: #e76d00;
}


/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #fff;
	clear: both;
	font-size: 15px;
	margin: 32px auto;
	max-width: 1140px;
	padding: 36px 36px 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
	width: 332px;
}

.footer-widgets-1 {
	margin-right: 36px;
}

.footer-widgets-1,
.footer-widgets-2 {
	float: left;
}

.footer-widgets-3 {
	float: right;
}

.footer-widgets .widget {
	margin-bottom: 36px;
}

.footer-widgets .search-form {
	width: 100%;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #333;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	padding: 16px;
	text-align: center;
}

.site-footer a {
	color: #fff;
	text-decoration: none;	
	padding: 0 5px 0 5px;
}

.site-footer a:hover {
	text-decoration: underline;
}

.site-footer p {
	margin: 0;
}

/*
Theme Colors
---------------------------------------------------------------------------------------------------- */

/* Metro Pro Blue
--------------------------------------------- */

.metro-pro-blue .entry-title a:hover,
.metro-pro-blue .genesis-nav-menu > .right > a:hover,
.metro-pro-blue .site-footer a:hover,
.metro-pro-blue a,
.metro-pro-blue h2 a:hover {
	color: #5bb1f9;
}

.metro-pro-blue .entry-title a,
.metro-pro-blue .entry-meta a:hover,
.metro-pro-blue a:hover {
	color: #222;
}

.metro-pro-blue .entry-meta a {
	color: #999;
}

.metro-pro-blue .archive-pagination li a:hover,
.metro-pro-blue .button,
.metro-pro-blue .button:hover,
.metro-pro-blue .entry-comments-link a,
.metro-pro-blue .entry-comments-link a:hover,
.metro-pro-blue .genesis-nav-menu a,
.metro-pro-blue .site-footer a,
.metro-pro-blue .site-title a,
.metro-pro-blue .site-title a:hover,
.metro-pro-blue a.social-buttons {
	color: #fff;
}

.metro-pro-blue h2 a,
.metro-pro-blue h2 a:visited {
	color: #333;
}

.metro-pro-blue .archive-pagination li a:hover,
.metro-pro-blue .archive-pagination li.active a,
.metro-pro-blue .button:hover,
.metro-pro-blue .btn:hover,
.metro-pro-blue .content .entry-comments-link a,
.metro-pro-blue .enews-widget input:hover[type="submit"],
.metro-pro-blue .genesis-nav-menu .current-menu-item > a,
.metro-pro-blue .genesis-nav-menu a:hover,
.metro-pro-blue .sidebar .enews-widget input[type="submit"],
.metro-pro-blue .site-title a,
.metro-pro-blue a.social-buttons:hover,
.metro-pro-blue button:hover,
.metro-pro-blue input:hover[type="button"],
.metro-pro-blue input:hover[type="reset"],
.metro-pro-blue input:hover[type="submit"] {
	background-color: #5bb1f9;
}

.metro-pro-blue .entry-comments-link a:hover {
	background-color: #333;
}

.metro-pro-blue .sidebar .enews-widget input:hover[type="submit"] {
	background-color: #fff;
}

.metro-pro-blue .genesis-nav-menu > .right > a,
.metro-pro-blue.header-image .site-title a {
	background: none;
}

/* Metro Pro Green
--------------------------------------------- */

.metro-pro-green .entry-title a:hover,
.metro-pro-green .genesis-nav-menu > .right > a:hover,
.metro-pro-green .site-footer a:hover,
.metro-pro-green a,
.metro-pro-green h2 a:hover {
	color: #21c250;
}

.metro-pro-green .entry-title a,
.metro-pro-green .entry-meta a:hover,
.metro-pro-green a:hover {
	color: #222;
}

.metro-pro-green .entry-meta a {
	color: #999;
}

.metro-pro-green .archive-pagination li a:hover,
.metro-pro-green .button,
.metro-pro-green .button:hover,
.metro-pro-green .entry-comments-link a,
.metro-pro-green .entry-comments-link a:hover,
.metro-pro-green .genesis-nav-menu a,
.metro-pro-green .site-footer a,
.metro-pro-green .site-title a,
.metro-pro-green .site-title a:hover,
.metro-pro-green a.social-buttons {
	color: #fff;
}

.metro-pro-green h2 a,
.metro-pro-green h2 a:visited {
	color: #333;
}

.metro-pro-green .archive-pagination li a:hover,
.metro-pro-green .archive-pagination li.active a,
.metro-pro-green .button:hover,
.metro-pro-green .btn:hover,
.metro-pro-green .content .entry-comments-link a,
.metro-pro-green .enews-widget input:hover[type="submit"],
.metro-pro-green .genesis-nav-menu .current-menu-item > a,
.metro-pro-green .genesis-nav-menu a:hover,
.metro-pro-green .sidebar .enews-widget input[type="submit"],
.metro-pro-green .site-title a,
.metro-pro-green a.social-buttons:hover,
.metro-pro-green button:hover,
.metro-pro-green input:hover[type="button"],
.metro-pro-green input:hover[type="reset"],
.metro-pro-green input:hover[type="submit"] {
	background-color: #21c250;
}

.metro-pro-green .entry-comments-link a:hover {
	background-color: #333;
}

.metro-pro-green .sidebar .enews-widget input:hover[type="submit"] {
	background-color: #fff;
}

.metro-pro-green .genesis-nav-menu > .right > a,
.metro-pro-green.header-image .site-title a {
	background: none;
}

/* Metro Pro Pink
--------------------------------------------- */

.metro-pro-pink .entry-title a:hover,
.metro-pro-pink .genesis-nav-menu > .right > a:hover,
.metro-pro-pink .site-footer a:hover,
.metro-pro-pink a,
.metro-pro-pink h2 a:hover {
	color: #d1548e;
}

.metro-pro-pink .entry-title a,
.metro-pro-pink .entry-meta a:hover,
.metro-pro-pink a:hover {
	color: #222;
}

.metro-pro-pink .entry-meta a {
	color: #999;
}

.metro-pro-pink .archive-pagination li a:hover,
.metro-pro-pink .button,
.metro-pro-pink .button:hover,
.metro-pro-pink .entry-comments-link a,
.metro-pro-pink .entry-comments-link a:hover,
.metro-pro-pink .genesis-nav-menu a,
.metro-pro-pink .site-footer a,
.metro-pro-pink .site-title a,
.metro-pro-pink .site-title a:hover,
.metro-pro-pink a.social-buttons {
	color: #fff;
}

.metro-pro-pink h2 a,
.metro-pro-pink h2 a:visited {
	color: #333;
}

.metro-pro-pink .archive-pagination li a:hover,
.metro-pro-pink .archive-pagination li.active a,
.metro-pro-pink .button:hover,
.metro-pro-pink .btn:hover,
.metro-pro-pink .content .entry-comments-link a,
.metro-pro-pink .enews-widget input:hover[type="submit"],
.metro-pro-pink .genesis-nav-menu .current-menu-item > a,
.metro-pro-pink .genesis-nav-menu a:hover,
.metro-pro-pink .sidebar .enews-widget input[type="submit"],
.metro-pro-pink .site-title a,
.metro-pro-pink a.social-buttons:hover,
.metro-pro-pink button:hover,
.metro-pro-pink input:hover[type="button"],
.metro-pro-pink input:hover[type="reset"],
.metro-pro-pink input:hover[type="submit"] {
	background-color: #d1548e;
}

.metro-pro-pink .entry-comments-link a:hover {
	background-color: #333;
}

.metro-pro-pink .sidebar .enews-widget input:hover[type="submit"] {
	background-color: #fff;
}

.metro-pro-pink .genesis-nav-menu > .right > a,
.metro-pro-pink.header-image .site-title a {
	background: none;
}

/* Metro Pro Red
--------------------------------------------- */

.metro-pro-red .entry-title a:hover,
.metro-pro-red .genesis-nav-menu > .right > a:hover,
.metro-pro-red .site-footer a:hover,
.metro-pro-red a,
.metro-pro-red h2 a:hover {
	color: #ef4f4f;
}

.metro-pro-red .entry-title a,
.metro-pro-red .entry-meta a:hover,
.metro-pro-red a:hover {
	color: #222;
}

.metro-pro-red .entry-meta a {
	color: #999;
}

.metro-pro-red .archive-pagination li a:hover,
.metro-pro-red .button,
.metro-pro-red .button:hover,
.metro-pro-red .entry-comments-link a,
.metro-pro-red .entry-comments-link a:hover,
.metro-pro-red .genesis-nav-menu a,
.metro-pro-red .site-footer a,
.metro-pro-red .site-title a,
.metro-pro-red .site-title a:hover,
.metro-pro-red a.social-buttons {
	color: #fff;
}

.metro-pro-red h2 a,
.metro-pro-red h2 a:visited {
	color: #333;
}

.metro-pro-red .archive-pagination li a:hover,
.metro-pro-red .archive-pagination li.active a,
.metro-pro-red .button:hover,
.metro-pro-red .btn:hover,
.metro-pro-red .content .entry-comments-link a,
.metro-pro-red .enews-widget input:hover[type="submit"],
.metro-pro-red .genesis-nav-menu .current-menu-item > a,
.metro-pro-red .genesis-nav-menu a:hover,
.metro-pro-red .sidebar .enews-widget input[type="submit"],
.metro-pro-red .site-title a,
.metro-pro-red a.social-buttons:hover,
.metro-pro-red button:hover,
.metro-pro-red input:hover[type="button"],
.metro-pro-red input:hover[type="reset"],
.metro-pro-red input:hover[type="submit"] {
	background-color: #ef4f4f;
}

.metro-pro-red .entry-comments-link a:hover {
	background-color: #333;
}

.metro-pro-red .sidebar .enews-widget input:hover[type="submit"] {
	background-color: #fff;
}

.metro-pro-red .genesis-nav-menu > .right > a,
.metro-pro-red.header-image .site-title a {
	background: none;
}


/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

	.after-entry,
	.comment-respond h3:after,
	.comment-respond h3:before,
	.entry-comments h3:after,
	.entry-comments h3:before,
	.entry,
	.widget-title:after,
	.widget-title:before {
		background-image: url(images/lines@2x.png);
	}

	.search-form input[type="search"] {
		background-image: url(images/search@2x.png);
	}

}

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

	.footer-widgets,
	.site-container,
	.wrap {
		max-width: 960px;
	}
	
	.nav-primary a {
	font-weight:600;
	font-size: 12px;
}

   .nav-primary a {
	color: #fff;
	display: block;
	padding: 16px 10px 14px;
	position: relative;
	text-decoration: none;
}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-sidebar-content .content-sidebar-wrap {
		width: 688px;
	}

	.content {
		width: 580px;
	}

	.site-header .widget-area {
		width: 544px;
	}

	.content-sidebar-sidebar .content,
	.sidebar-content-sidebar .content,
	.sidebar-sidebar-content .content {
		width: 380px;
	}

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.home-middle-left,
	.home-middle-right,
	.sidebar-primary,
	.title-area {
		width: 272px;
	}

}

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

	.footer-widgets,
	.site-container,
	.wrap {
		max-width: 772px;
	}

	.content-sidebar-sidebar .content-sidebar-wrap,
	.content-sidebar-sidebar .content,
	.content,
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.sidebar-content-sidebar .content-sidebar-wrap,
	.sidebar-content-sidebar .content,
	.sidebar-primary,
	.sidebar-secondary,
	.sidebar-sidebar-content .content-sidebar-wrap,
	.sidebar-sidebar-content .content,
	.site-header .widget-area,
	.title-area {
		width: 100%;
	}

	.header-image .site-title a {
		float: none;
		margin: 0 auto;
	}

	.entry-footer .entry-meta,
	.sidebar .widget,
	.site-header,
	.entry-comments,
	.comment-respond {
		padding: 0;
	}
	
	.site-description,
	.site-footer p,
	.site-header hgroup,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto ;
		width: 100%;
	}
/*
Navigation
*/
.menu-primary .menu-item {
	border-bottom: 1px solid #fff !important;
	display: block !important;
	margin: 0;
	padding: 0;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	position: static;
	opacity: 1;
	text-align: center;
}

.nav-primary a {
	font-weight:600;
	font-size: 16px;
	text-align: center;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
	width: 100%;
}

.nav-secondary a {
	font-size: 16px;
	font-weight: bold;
	padding: 19px 16px 16px 16px;
	margin: 0px;
}
	.genesis-nav-menu li.alignleft,
	.genesis-nav-menu li.right {
		display: none;
	}

	.entry-footer .entry-meta {
		margin: 0;
		padding-top: 12px;
	}

	.home-middle-left,
	.home-middle-right {
		width: 332px;
	}
	
	.comment-respond h3,
	.entry-comments h3,
	.widget-title {
	text-align: center;
	}

	.header-widget-area .widget-title {
	margin-top: 0px;
	}


	.sidebar .widget.enews-widget {
		padding: 40px;
	}

	.footer-widgets-1 {
		margin: 0;
	}

	.site-footer {
		padding: 24px;
	}

}

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

	body {
		font-size: 14px;
	}

	.footer-widgets,
	.site-container {
		width: 94%;
	}
	
	.site-container {
		padding: 20px 5%;
	}

	.five-sixths,
	.four-sixths,
	.home-middle-left,
	.home-middle-right,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.genesis-nav-menu .sub-menu .sub-menu {
		margin: -31px 0 0 174px;
	}

	.nav-primary .sub-menu .sub-menu {
		margin: -36px 0 0 174px;
	}

	.entry-title {
		font-size: 30px;
	}

	.after-entry .enews-widget input,
	.after-entry .enews-widget input[type="submit"] {
		width: 100%;
		margin-bottom: 10px;
	}

	.footer-widgets {
		padding: 20px 5% 0;
	}

}

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

	.content .entry-meta .entry-comments-link {
		display: block;
		float: none;
		margin: 10px 0;
	}
	
	#menu-metro-pro-secondary {
		margin: 15px 0 20px 0;
	}
	
	.free-trial-menu-link {
	margin-left: 0px !important;
	margin-top: 1
	0px!important;
	}

}

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

	.header-image .site-title a {
		background-size: contain !important;
	}

	.site-title {
		font-size: 36px;
	}

}

/*
 * Consonus custom css
 */
input:-moz-placeholder { color:#bbb;  font-style: italic; }
::-webkit-input-placeholder { color:#bbb;  font-style: italic;}
:-ms-input-placeholder { color:#bbb;  font-style: italic;}

/* Custome Sidebars */

.sidebar-course,
.sidebar-blog,
.sidebar-eventRegister,
.sidebar-cart,
.sidebar-shop,
.sidebar-student,
.sidebar-teacher {
	float: right;
	width: 332px;
}

/* prevent login-box from flashing. This and a javascript will do the trick */
.js #login-box { display: none; }

/* ************************************************************************************************************************************************* */
/* Sliding Panel styling                                                                                                                             */
/* ************************************************************************************************************************************************* */

.slidePanel {max-width: 720px; min-width: 626px; height: 312px; margin: 10px 0 0 0; border: 1px solid #333333; background-color: white;}
.slidePanel h2, .slidePanel h1 { font-size: 24px; margin: 0 0 1em 0; padding: 0; }
.slidePanel p { font-size: 1em; }
.slidePanel .videoLink{}
.slidePanel .tabs {
    z-index: 101;
    float:right;
    width: 210px;
    height: 310px;
    padding-top: 20px;
    background-color: #333333;
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#7f6f66));
    background: -moz-linear-gradient(top, #333333, #727272);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#727272');
    color: white;
    overflow: auto;
}
.slidePanel .tabs ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.slidePanel .tabs li { padding: 4px 12px 4px 26px; margin: 0; cursor: pointer; position: relative; font-size: 15px; }
.slidePanel .tabs li:first-child { }
.slidePanel .tabs li:last-child { }
.slidePanel .tabs li:hover{ color: #e76d00; }
.slidePanel .tabs li.selected:hover { color: #d3d3d3; }
.slidePanel .tabs li.selected { color: white; background-color: #e76d00; }
.slidePanel .tabs li.sub_item{display: none;}
.slidePanel .tabs li.dropped{padding: 4px 12px 4px 40px}
.slidePanel .tabs div{ padding: 4px 12px 4px 13px; margin: 0; cursor: pointer; position: relative; font: 14px/21px "Oxygen"; }
.slidePanel .tabs div.open{ padding: 4px 12px 4px 14px; margin: 0; cursor: pointer; position: relative; font: 14px/21px "Oxygen"; }
.slidePanel .tabs div:hover { color: #e76d00; }
.slidePanel .tabs img{padding-right: 5px;}
.slidePanel .tabs img.open { 	
				padding: 5px 0px 0px 4px;
				transform:rotate(90deg);
				-ms-transform:rotate(90deg); /* IE 9 */
				-moz-transform:rotate(90deg); /* Firefox */
				-webkit-transform:rotate(90deg); /* Safari and Chrome */
				-o-transform:rotate(90deg); /* Opera */}


/*.slidePanel .tabs li.selected { z-index: 500; color: white; background-color: white; background-image: url('images/orange_arrow_graphic.png'); background-position: 25% 40%; overflow: visible;} */

.slidePanel .panel_container { position: relative; background-color: #fff; z-index: 100;  }
.slidePanel .panel_container .panel .panel_content { padding: 15px; width: 490px; }
.slidePanel .panel_container .panels { position: absolute; top: 0; }
.slidePanel .panel_container .panel { position: absolute; height: 100%; width: 460px; }
.slidePanel #sliderVideo{ margin-right: 10px; margin-top:-15px; }
.slidePanel .panel_container.hide { visibility: hidden; }
.slidePanel .panel_container.show { visibility: visible; }

/* ************************************************************************************************************************************************* */
/* Lesson Page styling                                                                                                                               */
/* ************************************************************************************************************************************************* */
.lessonPage #courseTitle{ margin: 0; padding: 18px 0 18px 10px; }
.lessonPage #open_all{float:right; font-weight: bold; cursor:pointer}
.lessonPage #close_all{float:right; margin: 0 0px 5px 20px; font-weight:bold; cursor: pointer}
.lessonPage #accordion { clear: both; font-weight: 400; text-transform: uppercase; color: #000; margin: 5px 0 0 0; }
.lessonPage #accordion h2 {font-size: 20px; font-weight: normal; color: #3D291D; margin: 3px 0 0 0; padding: 7px 0 5px 20px; background-color: #C3B299; } /* D3D3D3 was previous color - grey */
.lessonPage #accordion h2 span { font-size: 18px; text-transform: none; }
.lessonPage #accordion h2:hover { cursor: pointer; }
.lessonPage #accordion div { height: auto; clear: both; color: #3D291D; text-decoration: none; padding: 0px 0 0px 35px; background-color: white; }
.lessonPage #accordion .lesson {padding-bottom: 10px;}
.lessonPage #accordion p {margin: 0 0 0 0;}
.lessonPage #accordion li p {margin: 0;}
.lessonPage #accordion hr { margin: 13px 30px 13px 0; color: #DCD2C8; }
.lessonPage #accordion div a { text-decoration: none; }
.lessonPage #accordion div a:hover { text-decoration: underline; }
.lessonPage #accordion div ul { margin: 0; padding: 0; list-style-type: none; list-style-image: none; }
.lessonPage #accordion div li { text-transform: none;  color: #000; padding: 0 0 0 20px; }
.lessonPage #accordion img.playImg { padding-right: 10px; }
.lessonPage #video_completed {font-size: 11.5px; float: right; margin:0px; padding-right: 50px; display: inline}
.lessonPage #video_completed #eyeball {margin-right: 13px;}
.lessonPage #video_completed #half_eyeball {margin-right: 20px;}
.lessonPage #video_completed_multi {font-size: 11.5px; float: right; margin:0px; padding-right: 43.8px; display: inline}
.lessonPage #video_completed_multi #eyeball {margin-right: 13px;}
.lessonPage #video_completed_multi #half_eyeball {margin-right: 20px;}
.lessonPage #accordion .closed {float:right; margin: 7px 20px 0 0; 
				transform:rotate(270deg);
				-ms-transform:rotate(270deg); /* IE 9 */
				-moz-transform:rotate(270deg); /* Firefox */
				-webkit-transform:rotate(270deg); /* Safari and Chrome */
				-o-transform:rotate(270deg); /* Opera */}
.lessonPage #accordion .open {float:right; margin: 7px 20px 0 0;
				transform:rotate(0deg);
				-ms-transform:rotate(0deg); /* IE 9 */
				-moz-transform:rotate(0deg); /* Firefox */
				-webkit-transform:rotate(0deg); /* Safari and Chrome */
				-o-transform:rotate(0deg); /* Opera */}
				
/* youtube sidebar styleing */
#youtubeSidebar ul li { margin: 15px 0 0 0; padding: 0; }
#youtubeSidebar ul li h3 { margin: 0; }
				
/* ************************************************************************************************************************************************* */
/* Media Page styling                                                                                                                                */
/* ************************************************************************************************************************************************* */
#back-button{float:right; position:absolute; padding-top:10px;}
#title h2 { font-weight: normal; font-size: 24px; margin: 10px 0; padding: 7px 0 0; }
#assignment { margin: 50px 0 50px 25px; font-size: 14pt; }
#assignment ul { margin-left: 40px; }
#unitText { margin: 35px 0 20px 25px; font-size: 14pt; }
#sheet-music{ margin-bottom: 0px; float:left; width:100%; /* border:2px solid #333333; */ background: white; }
#sheet-music img{max-width:95%}
#pdf_download{ font-size:20px; text-decoration:underline; padding-bottom:10px;}
#mp3_download{ margin-left: 40px; margin-bottom: 20px; font-size:20px; padding-bottom:10px;}
#mp3_download img:active { position:relative; top:1px; }
#mp3_download img:hover { position:relative; left:1px; }
#mp3_text{ margin-left: 25px; margin-top: 40px; font-size:14pt; padding-bottom:10px;}
/* #blue-block{height:20px; width:100%; background-color:#BFA874; margin: 10px 0 10px 0;} */
#prev{float:left; margin-top:22px; margin-bottom: 15px;}
#next{float:right;margin-top:22px; margin-bottom: 15px;}
#bottom-line{width:100%; height:10px; float:left;margin:30px 0 40px 0;border-top:1px solid;}
audio { margin-top: 40px; min-width: 330px; max-width: 100%; }

/* responsive video and audio players*/
/* audio, #audio { min-width: 300px; max-width: 500px; } */
div#video { max-width: 720px; }
#lessonVideo, #lessonVideo_displayarea { height: auto !important; width: auto !important; }
#lessonVideo_video_wrapper,
#lessonVideo_wrapper {
	position: relative !important;
	padding-bottom: 56.25%; /* 56.25% is for 16:9 ... I used this because it looks better on larger screen sizes */
	height: 0 !important;
	width: auto !important;
	overflow: hidden;
}
#lessonVideo_video_wrapper video,
#lessonVideo_wrapper iframe,
#lessonVideo_wrapper object,
#lessonVideo_wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* audio player div styling */
.scc {
  max-width: 20em;
  display: block;
}
.scc audio { 
  width: 100%; display: block; 
}
.scc div {
  display: flex;
  padding: .5em 0;
  gap: 5px;
}
.scc label { flex: 1; }
.scc input[type="range"] { flex: 5; padding: 0;}
.scc span {
  flex: 1;
  text-align: center;
}
				
/* ************************************************************************************************************************************************* */
/* Edit User Profile form styling                                                                                                                    */
/* ************************************************************************************************************************************************* */
body.page-template-user-profile .avatar { float: none; }

#adduser { width: 100%; margin-top: 30px; }
#adduser label { font-weight: bold; }
div.form-username { width: 450px; overflow: hidden; }
#adduser div { overflow: hidden; }
#adduser .user-profile-left { min-height: 63px; display: block; float: left; width: 50%; overflow: hidden; }
#adduser .user-profile-left input, div.form-username .user-profile-right input { width: 95%; }
div.form-username .user-profile-left label, div.form-username .user-profile-right label { display: block; margin: 3px 0; font-size: 11px; }
div.form-username .user-profile-right { min-height: 43px; display: block; overflow: hidden; width: 49%; float: right; }
#adduser .user-profile-required { color: #790000; }
#adduser #description { width: 98%; height: 100px; }
#adduser input#updateuser { margin-top: 30px; }


/* ************************************************************************************************************************
 * Add Student Pop-UP
 * ************************************************************************************************************************/
.student-popup {
	width: 98%;
	max-width: 650px;
	display:none;
	background: #E8E8E8;
	padding: 10px; 	
	border: 2px solid black;
	position: fixed;
	top: 50%; right: 1%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999;
	-moz-box-shadow: 0px 0px 20px #999; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
    -moz-border-radius: 3px; /* Firefox */
    -webkit-border-radius: 3px; /* Safari, Chrome */
}

.student-popup input, .student-popup select, .reset-pwd input { max-width: 300px; }
.student-popup input, .student-popup select { color: #555; }
.student-popup input[type="submit"] { color: white; }

.add-student-form { font: Verdana, sans-serif; }
.student { margin: 7px 0 0 0; overflow: hidden; width: 100%; }
.student label, .student-pwd label, .reset-pwd label { float: left; width: 100px; color: #000; margin-right: 5px; }
.student label.requiredLabel { width: 150px; }
.student input[type=radio] {margin-left: 20px; }
.student.radio { font-size: 10pt; margin-top: 0; }
.student label.error, .student-pwd label.error, .reset-pwd label.error { float: right; color: red; width: 170px; }
.student .read-only { background: #DDD; }
.studentname input { width: 200px; padding: 2px 3px; color: #777; }
.student-pwd { margin: 7px 0 0 0; overflow: hidden; width: 100%; }
.student .requiredIndicator, .student-pwd .requiredIndicator, .reset-pwd .requiredIndicator { margin: 0px 0px 0px 5px; color: red; }
.student-pwd .requiredIndicator { margin: 0px 0px 0px 5px; color: red; }
.filename { width: 300px; padding: 2px 3px; color: #777; }
.add_button { margin: 7px 0 0 0; overflow: hidden; width: 100%; }

#register-form .requiredIndicator { margin: 0px 0px 0px 5px; color: red; }

/* ************************************************************************************************************************
 * Edit Student Form Pop-UP
 * ************************************************************************************************************************/
.edit-student-form { font: Verdana, sans-serif; }

.add-teacher-form { font: Verdana, sans-serif; }
.edit-teacher-form { font: Verdana, sans-serif; }

.add-demo-form { font: bold 15px "Cabin Condensed", sans-serif; }


.resend-login-form { font: Verdana, sans-serif; width: 540px; }

/* ************************************************************************************************************************
 * Reset Student Password Pop-UP....on Teacher Home Page and Student My Account
 * ************************************************************************************************************************/
.reset-password-form { font: Verdana, sans-serif; width: 98%; }
#reset_password_box .reset-pwd label { width: 130px; }
.reset-pwd { margin: 7px 0 0 0; overflow: hidden; width: 100%; }
.reset-pwd label.error { width: 270px; }
.ok_button { margin: 7px 0 0 0; overflow: hidden; width: 100%; }

/*
 * Close button
 */
img.btn_close {
	float: right; 
	margin: -28px -28px 0 0;
}

/* ************************************************************************************************************************************************* */
/* Purchase Page styling                                                                                                                             */
/* ************************************************************************************************************************************************* */
#purchasePage h1 { margin: 10px 0 40px 0 !important;}
#purchasePage h2 { font-size: 22px; }
#purchasePage #footnotes { margin-left: 30px; font-size: 10pt; }
#purchasePage ul.products { margin-left: 10px; width: 100%; height: 100%; }
#purchasePage ul.products li img:hover { box-shadow: 0px 3px 3px 3px #888888 }
#purchasePage ul.products li img:active { position:relative; top:1px; }
#purchasePage ul.products li h3 { font-size: 14pt; }
#purchasePage ul.products li h3:hover { text-decoration: underline; }

#purchasePage div.productCategory:first-of-type {margin-top: 40px; }
#purchasePage .productCategory {clear: both; height: 200px;}
#purchasePage .productCategory img { float: right; }
#purchasePage .productCategory img:hover {
  -moz-box-shadow:    3px 3px 3px 3px #b7b7b7;
  -webkit-box-shadow: 3px 3px 3px 3px #b7b7b7b;
  box-shadow:         3px 3px 3px 3px #b7b7b7;
}

#purchasePage div.productSelector div.woocommerce {float: right; width: 150px; margin: 0 25px 0 10px;}
#purchasePage div.productSelector div.woocommerce ul li {width: 100% !important; }
#purchasePage div.productSelector div.woocommerce ul li h3 {display:none; }
#purchasePage div.productSelector div.woocommerce ul li span.price {display:none;}

.woocommerce-page div.otherProductCategory div.firstProductDescriptor { float: left; width: 45%; margin-right: 10px; }
.woocommerce-page div.otherProductCategory ul.products li { float: left; width: 40% !important; }
.woocommerce-page div.otherProductCategory ul.products li.product span.price { display: none; }
/** Product for Teachers page styling **/
.woocommerce-page div.teacherProductCategory .secondProductDescriptor { float: left; width: 45%; }

.woocommerce-page h1.archivePage { margin: -15px -15px 10px -15px; }

span.from + span.amount { display: none; }
.woocommerce-page div.product div.entry-summary p.price span.from{ display: none; }

/* Product Page, variation selection, force label to not wrap */
.woocommerce-page div.product form.variations_form table.variations { table-layout: fixed ; }
.woocommerce-page div.product form.variations_form table.variations tbody td.label { white-space: nowrap; }

#purchasePage li.products { width: 25%; }
#purchasePage .woocommerce .products { margin-bottom: 0px; }
#purchasePage #first { margin-top: 0px; }
.woocommerce-page .pricing-table-title { font-size: 22pt; }
#priceTable { border: 2px solid #515151;}
#priceTable { font-size: 14pt; margin: 25px 0; clear: both; border-collapse: collapse; table-layout: fixed; word-wrap: break-word;}
#priceTable th:first-child { width: 200px; padding-left: 5px;}
#priceTable th:nth-child(2) { width: 75px; }
#priceTable th:nth-child(3) { width: 75px; }
#priceTable th:nth-child(4) { width: 75px; }

#productPriceTable { border: 2px solid #515151; margin-top: -10px;}
#productPriceTable th { background-color: #dbdbd0; }
#productPriceTable { font-size: 14pt; clear: both; border-collapse: collapse; table-layout: fixed; word-wrap: break-word;}
#productPriceTable th:first-child { width: 200px; padding-left: 5px;}
#productPriceTable th:nth-child(2) { width: 100px; }
#productPriceTable th:nth-child(3) { width: 100px; }
#productPriceTable th:nth-child(4) { width: 100px; }
#productPriceTable th:nth-child(5) { width: 100px; }

#purchasePage #orderH1 { margin: 20px 0; }

/* Classroom Curriculum product detail page */
/* div#product-Classroom-Curriculum div.bundle_wrap div.quantity { display: none; } */
div#product-Classroom-Curriculum form.composite_form div.cart.composite_data.multistep { display: block !important; }


/* bulk pricing table styles */
div.bulk_pricing_discounts table td, div.bulk_pricing_discounts table th { border: 1px solid #B4A138; }
/* woocomerce message styles */
div.woocommerce-message { border-top: 3px solid #087038 !important; }
div.woocommerce-message:before { color: #087038 !important; }

/** style the Recent Orders table on the Teachers Profile page **/
table.my_account_orders thead tr, table.order_details thead tr,  table.order_details tfoot tr:first-child, table.order_details tfoot tr:last-child{ background-color: #DBDBD0; }

/*
 * Other Woocommerce styling
 */

/** generic product detail page styling **/
.woocommerce-breadcrumb { font-size: 16px !important; }
.woocommerce-page div.product h1.product_title { font-size: 28pt; }
.woocommerce-page div.product select { width: 60%; }

/** woocommerce breadcrumb styling **/
.woocommerce-page nav.woocommerce-breadcrumb a { color: #E76D00 !important; }
.woocommerce-page nav.woocommerce-breadcrumb a:hover { color: #515151 !important; }
.woocoommerce-page nav.woocommerce-breadcrumb { color: black !important; }

.woocommerce-page div.otherProductCategory ul.products li.product a.button { margin-left: 50px !important; }

/** Metro Pro style buttons on product archive page contents **/
.woocommerce-page ul.products li.product a.button, .woocommerce-page button.single_add_to_cart_button {
	background-color: #515151 !important;
	color: white !important;
	padding: 16px 24px !important;
	font-weight: 700 !important;
	border-radius: 0 !important;
}
.woocommerce-page div.otherProductCategory ul.products li.product a.button:hover, .woocommerce-page button.single_add_to_cart_button:hover { background-color: #E76D00 !important; }

/** Orange style on other woocommerce buttons **/
div.woocommerce-message a.button, div.woocommerce a.button, body.woocommerce-checkout input.button, .woocommerce-Button, div.woocommerce-MyAccount-content .button, .DTTT_button {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdb03c), color-stop(1, #f79323) ) !important;
	background:-moz-linear-gradient( center top, #fdb03c 5%, #f79323 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdb03c', endColorstr='#f79323') !important;
	background-color:#fdb03c !important;
	color: black !important;
	padding: 16px 24px !important;
}
div.woocommerce-message a.button:hover, div.woocommerce a.button:hover, body.woocommerce-checkout input.button:hover, .woocommerce-Button:hover, div.woocommerce-MyAccount-content .button:hover, .DTT_button:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f79323), color-stop(1, #fdb03c) ) !important;
	background:-moz-linear-gradient( center top, #f79323 5%, #fdb03c 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79323', endColorstr='#fdb03c') !important;
	background-color:#f79323 !important;
        text-decoration: none !important;
}

.add_to_cart_button, .single_add_to_cart_button
{
    color: #3e281d;
    -moz-box-shadow: 0px 0px 4px 2px #c4b28e;
    -webkit-box-shadow: 0px 0px 4px 2px #c4b28e;
    box-shadow: 0px 0px 4px 2px #c4b28e;
    border: 1px solid #fdb03c;
   /* font: bold 15px "Oxygen", sans-serif; */
   margin-left: 28px;
}

.woocommerce-page input.qty { width: 100% !important; }
.woocommerce-page .product .price span.amount { margin-left: 65px; font-weight: bold; font-size: 1.25em; color: #0a9544; }
.woocommerce-page .summary .price span.amount { margin-left: 65px; font-weight: bold; font-size: 24px; color: #0a9544; }
.woocommerce-page div.otherProductCategory .products h3 { text-align: center; font: 12pt/20pt "Oxygen", sans-serif; }
.woocommerce-page div.workbooksProductCategory .products h3 { font-size: 9.2pt !important; }
.woocommerce-page .woocommerce-ordering { display: none; }
.woocommerce-page .woocommerce-result-count { display: none; }
div.widget_shopping_cart_content a.button { color: black; }

/** Cart Widget styling **/
#purchaseAside ul.product_list_widget li { margin-bottom: 10px; }
/** Cart sidebar styling **/
#cartAside li { margin-left: 10px; margin-bottom: 10px; clear: both; width: 100%; }
#cartAside li a, #cartAside li a h3 { color: #E76D00; text-decoration: underline; }
#cartAside li a:hover, #cartAside li a h3:hover { color: #515151; }
#cartAside li a img { float: left; width: 30%; margin-right: 5px; }

/** woocommerce cart page styling **/
#cartPage input#coupon_code.input-text { width: 90px; }
#cartPage div.cart_totals td { text-align: right; }

/** Student Self Study page tweaks **/
.woocommerce-page #product-Self-Study-Subscription table.variations td.label { width: 25%; }

/** Affiliate Access Card one page checkout tweak note: the class affiliate-access-card-page needs to be added to the page via the wordpress dashboard**/
body.affiliate-access-card-page form.checkout div.summary div[itemprop="offers"] p.price { display: none; }
body.teacher-connected-subscription form.checkout div.summary div[itemprop="offers"] p.price { display: none; }

/** woocommerce check out page styling **/
body.woocommerce-cart table.shop_table tr:last-child,
table.woocommerce-checkout-review-order-table thead, table.shop_table tfoot { background-color: #DBDBD0; }
table.woocommerce-checkout-review-order-table tfoot td { text-align: right; }

.woocommerce-checkout div#order_review p { line-height: inherit; }
 
/** hide meta-data woocommerce account pages **/
body.woocommerce-account div.meta { visibility: hidden; }

/** Workbook page styling **/
/*.woocommerce div.workbooksProductCategory ul.products li.product h3 { width: 112%; } */

/** Composite Product page styling **/

/* do not display the unit price or total price on composited products since it doesn't reflect the volume discounts */
/*
div#product-Classroom-Courseware-Bundle div.single_variation span.price,
div#product-Online-Licenses div.single_variation span.price { display: none !important; }
div#product-Teachers-License-and-Workbooks div.composite_price,
div#product-Classroom-Courseware-Bundle div.composite_price,
div#product-Online-Licenses div.composite_price { display: none !important; }
*/

div#product-Teachers-License-and-Workbooks div.summary,
div#product-Classroom-Curriculum div.summary,
div#product-Classroom-Courseware-Bundle div.summary,
div#product-First-Time-Courseware-Bundle div.summary,
div#product-Online-Licenses div.summary{ float: none; clear: both; width: 90%;}
div#product-Self-Study-Student-License div.summary { float: none; clear: both; width: 90%;}
div#product-Teacher-Connected-License div.summary { float: none; clear: both; width: 90%;}
div#product-Teacher-Evaluation-License div.summary { float: none; clear: both; width: 90%;}
/*
div.post-1328 div[itemprop="offers"] p[itemprop="price"] span.amount { display: none; }
*/

div#product-Teachers-License-and-Workbooks div.summary form div.composite_data div.composite_button div.quantity,
div#product-Classroom-Curriculum div.summary form div.composite_data div.composite_button div.quantity,
div#product-Classroom-Courseware-Bundle div.summary form div.composite_data div.composite_button div.quantity,
div#product-First-Time-Courseware-Bundle div.summary form div.composite_data div.composite_button div.quantity,
div#product-Online-Licenses div.summary form div.composite_data div.composite_button div.quantity,
div#product-Teacher-Connected-License div.summary form div.composite_data div.composite_button div.quantity,
div#product-Self-Study-Student-License div.summary form div.composite_data div.composite_button div.quantity { display: none; }

div#product-Classroom-Curriculum input.minus,
div#product-Classroom-Courseware-Bundle input.minus,
div#product-First-Time-Courseware-Bundle input.minus,
div#product-Online-Licenses input.minus,
div#product-Teacher-Connected-License input.minus,
div#product-Self-Study-Student-License input.minus {display: inline; }
div#product-Classroom-Curriculum input.plus,
div#product-Classroom-Courseware-Bundle input.plus,
div#product-First-Time-Courseware-Bundle input.plus,
div#product-Online-Licenses input.plus,
div#product-Teacher-Connected-License input.plus,
div#product-Self-Study-Student-License input.plus {display: inline; }
div#product-Classroom-Curriculum div.quantity,
div#product-Classroom-Courseware-Bundle div.quantity,
div#product-First-Time-Courseware-Bundle div.quantity,
div#product-Online-Licenses div.quantity,
div#product-Teacher-Connected-License div.quantity,
div#product-Teacher-Evaluation-License div.quantity,
div#product-Self-Study-Student-License div.quantity {margin: 0 0 5px 0; }
div#product-Classroom-Curriculum .price span.amount,
div#product-Classroom-Courseware-Bundle .price span.amount,
div#product-First-Time-Courseware-Bundle .price span.amount,
div#product-Online-Licenses .price span.amount,
div#product-Teacher-Connected-License .price span.amount,
div#product-Teacher-Evaluation-License .price span.amount,
div#product-Self-Study-Student-License .price span.amount { margin-left: 7px; }
div#product-Classroom-Curriculum div.bundle_button  div.quantity,
div#product-Classroom-Courseware-Bundle div.bundle_button  div.quantity,
div#product-First-Time-Courseware-Bundle div.bundle_button  div.quantity,
div#product-Online-Licenses div.bundle_button  div.quantity,
div#product-Teacher-Connected-License div.bundle_button  div.quantity,
div#product-Self-Study-Student-License div.bundle_button div.quantity { margin-left: 45px; }

/** Classroom Curriculum Bundled page styling **/
.woocommerce-page div.product select { width: 100%; }
div#product-Classroom-Curriculum table.variations tr.attribute-options td.label,
div#product-Classroom-Courseware-Bundle table.variations tr.attribute-options td.label { vertical-align: top; padding-right: 5px; }
div#product-First-Time-Courseware-Bundle table.variations tr.attribute-options td.label { vertical-align: top; padding-right: 5px; }
div#product-Online-Licenses table.variations tr.attribute-options td.label { vertical-align: top; padding-right: 5px; }
  /** Hide the First Time Bundle Product. Note: if it is hidden in the catalog is cannot be displayed via short codes. Thus is must be hidden via css **/
div.teacherProductCategory ul.products li:nth-child(3) { display: none; }

/** discounted Composite Products need one more thing removed from the page **/
/* div#product-Classroom-Curriculum-Bundle div.entry-summary div p.price { display: none; } */
div#product-Classroom-Courseware-Bundle div.entry-summary div[itemprop="offers"] p.price { display: none; }
div#product-Online-Licenses div.entry-summary div[itemprop="offers"] p.price { display: none; }


/** First Time Curriculum Bundle Product Page styling **/
div#product-First-Time-Curriculum-Bundle div.images { width: 99%; }
div#product-First-Time-Curriculum-Bundle span.onsale { z-index: 10; }

/** undo some Metro Pro theme and woocommerce styles for woocommerce pages **/
.woocommerce-page .entry { background: none;}

/** Checkout Page Styling **/
@media ( min-width: 1200px ) {
	.woocommerce-checkout div#customer_details { float:left; width: 48%; }
	.woocommerce-checkout div#order_review { float: right; width: 48%; }
}
.woocommerce-checkout div#customer_details div.col-1 { float:none; width: 100%; }
.woocommerce-checkout div#customer_details div.col-2 { float:none; width: 100%; }
.woocommerce-checkout div#customer_details h3 { font-size: 16pt; margin-bottom: 10px;}
.woocommerce-checkout h3#order_review_heading { font-size: 16pt; margin: 20px 0 15px 0; }
.woocommerce-checkout div#shippingCheckBox { width: 300px; }
.woocommerce-checkout div.create-account, .woocommerce-checkout div#my_custom_checkout_field div {
    border: 2px solid #dfdbdf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin: 20px 0;
}
.woocommerce-checkout div.create-account { margin-top: 5px; }
.woocommerce-checkout div#createAccountNote { font-size: 10pt; padding: 0 20px; }
.woocommerce-checkout div#createAccountNote p { line-height: 13pt; font-style: italic; color: #6b6b6b; }
.woocommerce-checkout div#createAccountNote p:first-child { text-indent: -20px; font-style: normal; color: black; }
.woocommerce-checkout div#my_custom_checkout_field { clear: both; }
.woocommerce-checkout div#my_custom_checkout_field div { margin: 5px 0 20px 0; padding-bottom: 10px; }
.woocommerce-checkout input.input-text, .woocommerce-checkout input#start_date {
    border: 1px solid #dfdbdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    
}
.woocommerce-checkout input.input-text:focus, .woocommerce-checkout input#start_date:focus { border-color: #5E69D4; }
.woocommerce-checkout #payment ul.payment_methods li { list-style: none !important; }

/*
 * Metro Pro theme overrides for One Page Checkout products
 */
div.wcopc div.product.type-product div.summary.entry-summary h1.product_title { display: block; }
div.wcopc .hidden-input { display: none; }
div.wcopc #account_username_field { clear: both; }

/*
 * Teacher Connected Subscription One Page Checkout page styling
 */
body.teacher-connected-subscription form.checkout div.summary div.product_meta { display: none; }
body.teacher-connected-subscription form.checkout div#product-5941 div.images img { width: 50%; }



/* ************************************************************************************************************************************************* */
/* Teacher and Student Message Area styling                                                                                                          */
/* ************************************************************************************************************************************************* */
div.messageTitle h2 { font-size: 18px; font-weight: bold; }
.outputMessage{
    border: 1px solid #515151;
    margin-top: 25px;
    margin-bottom: 5px;
}

.messageBody {margin: 15px;}
.dateBar{
    width: 100%;
    height: 25px;
}
.messageTitle{ margin-bottom: 20px; }
.monthDay{
	font-weight: bold;
	float: left;
	padding: 5px 4px;
	min-width: 65px;
	background-color: #E76D00;
	color: white;
	/*background-image: url('images/date_container.png'); */
}
.postMeta { float: left; padding: 5px; width: 72%; color: #585858; background-color: #e7e8ea; }
.postMeta strong:first-child { margin-right: 3px; }
.postMeta strong:last-child { margin-left: 5px; margin-right: 2px; }
.deleteMessage { color: #1a63a7; }
.deleteMessage p { 
	color: #e76d00; 
	text-decoration: underline;
}
.deleteMessage p:hover { 
	color: #222; 
	cursor: pointer;
}

/* ************************************************************************************************************************************************* */
/* Forms styling                                                                                                                             */
/* ************************************************************************************************************************************************* */

/* Universal form styling */
.gform_heading, .gform_description, .gform_title, .gsection_title {
	text-align: center;
	color: #fff;
}

.gform_wrapper {
	background: #2d2d2d;
	padding: 15px 30px 30px 30px;
	color: #fff;
}

.gform_title,
.gsection_title {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	padding-bottom: 16px;
}

.gfield_label {
	display: none !important;
}

.gfield_required {
	color: #fff !important;
}
.gform_wrapper input[type="submit"] {
	width: 100% !important;
	background:#e46101 !important;
}
.gform_wrapper input:hover[type="submit"] {
	background:#fff !important;
	color: #2d2d2d !important;
}

 .validation_error {
	background: #ffdadc !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	padding: 15px !important;
	text-align: center;
	font-weight: 500 !important;
	font-size: 14px !important;
	color:#d42020 !important;
	border-top: none !important;
	border-bottom: none !important;
}

.gfield_error {
	padding: 4px 10px 4px 4px !important;
	background: #ffdadc !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	font-weight: 500 !important;
	font-size: 14px !important;
}
.validation_message {
	font-weight: 500 !important;
	font-size: 14px !important;
	color:#d42020 !important;
	text-align: center !important;
}

.gform_confirmation_message {
	background-color: #d1f1d3 !important;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	padding: 15px !important;
	ont-weight: 500 !important;
	font-size: 14px !important;
	color: #146f1c !important;
	text-align: center !important;
	
}

.gform_wrapper input[type="text"] {
	width: 100% !important;
	display: inline-block !important;
}

.address_line_1 label,
.address_line_2 label {
	display: none !important;
}
.address_line_1 input,
.address_line_2 input {
	margin-bottom: 17px;
}

.name_first label,
.name_last label {
	display: none !important;
	}

.name_first,
.name_last {
	display: block !important;
	width: 100% !important;
}

 .name_first {
	margin-bottom: 16px !important;
}

.gform_footer {
	padding: 0px;
	margin: 12px 0 0 0;
}

.gform_wrapper li {
	border-bottom: none !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.ginput_left label,
.ginput_right label {
	display: none !important;
}

.ginput_left label,
.ginput_right label {
	display: none !important;
}

.ginput_left,
.ginput_right {
	width: 100% !important;
}

.ginput_left {
	margin-bottom: 6px !important;
	
}

.ginput_right {
	margin-left: -1px!important;
	margin-top: 10px!important;
}

.ginput_left input[type="password"],
.ginput_right input[type="password"]{
	padding: 15px !important;
	width: 100% !important;
}

.ginput_container select {
	width: 100% !important;
	padding: 12px 15px 12px 15px !important;
}

.show_label .gfield_label {
	display: inline !important;
	margin-top: 10px;
	text-align: left !important;
}

.ginput_container textarea {
	width: 100% !important;
}


/* Custom form styling */

#gform_20 li {
	text-align: left;  
	}

#gform_20 #field_20_14 #input_20_14 {
	padding: 10px;
	width: 98%;
	}



/* ************************************************************************************************************************************************* */
/* Landing Page Custom Styling                                                                                                                  */
/* ************************************************************************************************************************************************* */

.page-template-page_landing .site-container {
	
	padding: 0px !important;
}

.shadow {
text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

.white-shadow {
text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

/* Wide Landing Page Custom Styling                                                                                                                  */
.landing-wide .site-container {
	max-width: 1140px;
}

/* ************************************************************************************************************************************************* */
/* Testimonials Custom Styling                                                                                                                  */
/* ************************************************************************************************************************************************* */
div.cycle-slideshow { background-color: #CECECE; border-radius: 3px; border: 1px solid #999; }
span.cycle-pager-active { color: #e76d00 !important; }
div.testimonial_body { color: #222; font-size: 16px;}
span.testimonial-client { font-size: 20px; font-weight: 700; color: #333; margin-top: 8px; margin-bottom: 0;}
span.testimonial-position { font-weight: bold; font-style: italic; color: #333; margin-top: -5px;}

/* ************************************************************************************************************************************************* */
/* Woocommerce Login and Password Reset page Styling                                                                                                 */
/* ************************************************************************************************************************************************* */
/* .woocommerce-account:not(.logged-in) .site-header { display: none; } */
.woocommerce-account:not(.logged-in) .site-header .widget-area { display: none; }
.woocommerce-account:not(.logged-in) .site-container { max-width: 600px; }
.woocommerce-account:not(.logged-in) .breadcrumb { display: none; }
.woocommerce-account:not(.logged-in) .nav-primary { display: none; }
.woocommerce-account:not(.logged-in) .footer-widgets { display: none; }
.woocommerce-account:not(.logged-in) nav.nav-secondary { height: 49px; }
.woocommerce-account:not(.logged-in) ul#menu-metro-pro-secondary { display: none; }
/* .woocommerce-account:not(.logged-in) nav.nav-secondary .wrap { background-image: url('https://cmilearn.org/dbr/wp-content/uploads/2015/07/Consonus.png'); background-repeat: no-repeat; height: 49px; } */

/***************************
 * Woocommerce 3.0 support
 **************************/
.woocommerce div.product div.images.woocommerce-product-gallery{
opacity:1 !important;
}

figure.woocommerce-product-gallery__wrapper {
  margin: 0;
}

/*************************************
 * Home Page Newsletter Sign-up form
 ************************************/
form.cmi_newsletter li#field_8_1.newsletter { padding-right: 0; }
form.cmi_newsletter input#input_8_1.large { padding: 16px; }

/*************************************
 * Stripe Payment Form styling
 ************************************/

 .wc-stripe-elements-field {
 	border-radius: 3px !important;
 	padding: 16px !important;
 	border-color: #c7c1c6 !important;
 }

/****************************************
 * theme overrides
*****************************************/
/*** remove date from blog posts ***/
.entry-time {display: none;}