/*
	Theme Name: Derrick
	Description: Default theme for betterce.com.
	Version: 1.0.4
	Template: genesis
	License: UNLICENSED
	Text Domain: derrick
*/

/*
Right to Left styles
---------------------------------------------------------------------------------------------------- */

/* @noflip */
body.rtl {
	direction: rtl;
	unicode-bidi: embed;
}


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

/* Baseline Normalize
	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:none;-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
--------------------------------------------- */

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

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


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

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

html {
	background-color: #e9eaeb;
}

body {
	background-color: #fcfcfc; /* Edited by Christopher Park Darkened the background for entire body from fff to fcfcfc */
	color: #545456;
	font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;overflow-x: hidden; /*overflow added to create full width on homepage, edited by Christopher Park*/
}

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: #545456;
	text-decoration: none;
}

a img {
	margin-bottom: -4px;
}

a:not(.wp-element-button):hover {
	color: #015796;
}

body:not(.block-editor) p {
	margin: 0 0 20px;
	padding: 0;
}

strong {
	font-weight: 700;
}

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

blockquote {
	background: url(images/blockquote.png) no-repeat 0 4px;
	color: #797a7d;
	font-size: 14px;
	font-size: 14px;
	margin: 40px 0 20px;
	padding-left: 35px;
}

blockquote em {
	display: block;
	margin: 10px 0 0;
}

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

cite {
	font-style: normal;
}

iframe {
	max-width: 100%;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 0 0 20px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #015796;
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; /* Changing to Montserrat by Christopher Park */
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 16px;
}

h1 {
	font-size: 28px;
	font-size: 28px;
}

h2 {
	font-size: 26px;
	font-size: 26px;
}

h3 {
	font-size: 24px;
	font-size: 24px;
}

h4 {
	font-size: 20px;
	font-size: 20px;
}

h5 {
	font-size: 18px;
	font-size: 18px;
}

h6 {
	font-size: 16px;
	font-size: 16px;
}

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

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

img {
	height: auto;
}

.ie8 img {
	width: auto; /* IE8 */
}

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

input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #cfd0d2;
	color: #444444;
	font-size: 16px;
	font-size: 16px;
	padding: 8px;
	width: 100%;
}

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

.ie7 input,
.ie7 select,
.ie7 textarea {
	width: 96%;
}

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

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

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

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button:not(.woocommerce-Button) {
	background-color: #1378B3;  /* originally #7bb142; changed from green to blue, edited by christopher */
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	padding: 8px 24px;
	/*text-transform: lowercase; disabled by christopher */
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	background-color: #0A5898; /* originally #6ab61a; changed from green to blue, edited by christopher */
}

.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;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 15px 23px 14px;
	color: #333;
	background: #fff;
	z-index: 100000; /* Above WP toolbar. */
	text-decoration: none;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
    position: relative;
}


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

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

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1120px; /* changed from 1116 to 1120 */
}

.ie8 .home-cta .wrap,
.ie8 .footer-widgets .wrap,
.ie8 .site-footer .wrap,
.ie7 .home-cta .wrap,
.ie7 .footer-widgets .wrap,
.ie7 .site-footer .wrap {
	max-width: 1076px;
}

.site-inner {
	clear: both;
	padding: 40px 0 0;
}

/* 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: 920px;
}

.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: 740px;
}

.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: 520px;
}

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

/* Primary Sidebar */

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

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

/* Secondary Sidebar */

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

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

/* Column Classes
        Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-bottom: 20px;
	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-fifth {
	width: 17.9487179487179488%;
}

.two-fifths {
	width: 38.4615384615384616%;
}

.three-fifths {
	width: 58.9743589743589744%;
}

.four-fifths {
	width: 79.4871794871794872%;
}

.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 {
	position: relative;
}

.search-form input[type="submit"] {
	bottom: 1px;
	position: absolute;
	right: 0;
}

.ie7 .search-form input[type="submit"] {
	padding: 7px 20px;
}

.sticky {
}

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

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

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

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

img.alignleft,
.wp-caption.alignleft {
	margin: 5px 20px 10px 0;
}

.alignleft img {
	margin: 5px 10px 0 0;
}

.alignright img {
	margin: 5px 0 0 10px;
}

img.alignright,
.wp-caption.alignright {
	margin: 5px 0 10px 20px;
}

.alignleft img,
.alignright img,
img.alignleft,
img.alignright,
.alignnone img,
img.centered,
img.alignnone {
	border: 1px solid #cfd0d2;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}

.gallery-caption {
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

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

.breadcrumb {
	margin-bottom: 20px;
	padding: 0 20px;
}

.archive-description,
.author-box {
	background-color: #fff;
	margin-bottom: 40px;
}

.archive-description {
	padding: 40px 40px 24px;
}

.author-box {
	overflow: hidden;
	padding: 0 20px;
}

.author-box a {
	border-bottom: 1px solid #ddd;
}

.author-box p {
	margin-bottom: 0;
	overflow: hidden;
}

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

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

.entry-title {
	font-size: 28px;
	font-size: 28px;
	line-height: 1;
}

.entry-title a,
.sidebar .widget-title a {
	color: #015796;
}

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

.widget-title {
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 22px;
	font-size: 22px;
	margin-bottom: 20px;
}

.sidebar .widget-title a {
	border: none;
}

.archive-title {
	font-size: 20px;
	font-size: 20px;
	margin-bottom: 24px;
}


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

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

.featured-content .entry {
	clear: both;
	display: block;
	margin-bottom: 10px;
	padding: 0;
}

.featured-content .entry-title {
	border: none;
	font-size:16px;
	font-size: 16px;
	line-height: 1.5;
}

.featured-content.wsmfeaturedpost .post .entry-title {
	display: inline;
}

.featured-content.wsmfeaturedpost .entry-header .entry-meta {
	display: inline;
	margin: 0;
	padding-right: 8px;
}

.featured-content .entry-title a {
	border: none;
}

.sidebar .featured-content.wsmfeaturedpost .entry-header .entry-meta {
	border-right: 1px solid #bec0c2;
	font-size: 18px;
	font-size: 18px;
	margin: 0 10px 0 0;
}

.sidebar .featured-content .entry-header .entry-meta a,
.sidebar .featured-content .entry-header .entry-meta {
	color: #015796;
}

.sidebar .featured-content .entry-header .entry-meta a:hover {
	color: #565759;
}

.footer-widgets .featured-content .entry-header .entry-meta a,
.footer-widgets .featured-content .entry-header .entry-meta {
	color: #86888a;
}


/*  Social Media
--------------------------------------------- */

.social-media {
	overflow: hidden;
	padding-bottom: 10px;
}

.social-media a {
	background: url(images/social-icons.png) no-repeat 0 0;
	background-position: left bottom;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin-right: 5px;
	text-align: left;
	text-indent: -9999px;
	width: 24px;
}

.social-media a:hover {
	opacity: 0.9;
}

.social-media a:last-child {
	margin-right: 0;
}

.social-media a.btn-yt {
	background-position: 0 0;
}

.social-media a.btn-rss {
	background-position: -24px 0;
}

.social-media a.btn-tw {
	background-position: -48px 0;
}

.social-media a.btn-li {
	background-position: -72px 0;
}


.social-media a.btn-fb {
	background-position: -96px 0;
}

.social-media a.btn-gp {
	background-position: -120px 0;
}

/* Call to Action
------------------------------------------------- */

.cta-box p {
	font-family: 'Muli',sans-serif;
	font-size: 26px;
	font-size: 23.6px;/* edited by christopher park, 26px to 2.36rem */
	font-weight: 300;
	line-height: 1.07;/* edited by christopher park, 1.1 to 1.07 */
	margin-bottom: 0 !important;
	overflow: hidden;
}

.cta-box,
.cta-box a {
	color: #7cb042;/*edited by christopher park, color changed from #015796 to #7cb042 */
}

.cta-box a:hover {
	color: #414042;
}

.cta-icon {
	float: left;
	margin: 0 12px 0 0;
}

.cta-icon span {
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 75px;
	text-indent: -9999px;
	width: 63px;
}

.cta-icon.paper span {
	background-image: url(images/icon-paper.png);
}

.cta-icon.email span {
	background-image: url(images/icon-email.png);
}

.cta-icon.qmark span {
	background-image: url(images/icon-qmark.png);
}

.cta-icon.cutomer-service span {
	background-image: url(images/icon-customer-service.png);
}

.cta-icon.computer span {
	background-image: url(images/icon-computer.png);
}

.cta-icon.phone span {
	background-image: url(images/icon-phone.png);
}

.cta-icon.calendar span {
	background-image: url(images/icon-calendar.png);
}

.cta-icon.search span {
	background-image: url(images/icon-seach.png);
}

.cta-icon.search span {
	background-image: url(images/icon-seach.png);
}

.cta-content {
	overflow: hidden;
}

.sidebar .widget.wsm-cta {
	background: none;
	border-bottom:  1px solid #d0d0d2;
	margin-bottom: 25px;
	padding: 0 0 20px;
}

.sidebar .widget.wsm-cta a {
	color: #015796;
}

.sidebar .widget.wsm-cta a:hover {
	color: #565759;
}

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

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

.enews-widget {
	color: #999;
}

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

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

.enews-widget input:focus {
	border: 1px solid #ddd;
}

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

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

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

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

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

div.gform_wrapper {
	max-width: 100%;
}

.entry-content div.gform_wrapper {
	background-color: #f3f3f4;
	border-radius: 3px;
	padding: 20px;
}

div.gform_wrapper input[type="url"],
div.gform_wrapper input[type="tel"],
div.gform_wrapper input[type="number"],
div.gform_wrapper input[type="password"],
div.gform_wrapper input[type="text"],
div.gform_wrapper input[type="email"],
div.gform_wrapper input[type="text"],
div.gform_wrapper textarea,
div.gform_wrapper .ginput_complex label {
	font-size: 16px;
	font-size: 16px;
	padding: 8px;
}

div.gform_wrapper .ginput_complex label {
	padding: 0;
}

div.gform_wrapper li.gfield .gfield_label,
div.gform_wrapper .top_label .gfield_label,
div.gform_wrapper .gsection .gfield_label,
div.gform_wrapper h2.gsection_title,
div.gform_wrapper h3.gform_title {
	font-weight: 400;
}

.sidebar .widget.gform_widget ul li,
.sidebar div.gform_wrapper li:last-child,
div.gform_wrapper li,
div.gform_wrapper form li {
	margin: 0 0 8px;
}

div.gform_wrapper ul.gform_fields {
	overflow: hidden;
}

div.gform_wrapper li.gfield select {
	font-size: 16px;
	font-size: 16px;
	line-height: 2;
	padding: 8px;
}

div.gform_wrapper.gf_browser_chrome .ginput_complex select,
div.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select,
div.gform_wrapper.gf_browser_chrome li.gfield select {
	padding: 7px 8px;
}

div.gform_wrapper.gf_browser_ie li.gfield select,
div.gform_wrapper.gf_browser_gecko li.gfield select {
	padding: 6px 8px !important;
}

div.gform_wrapper ul.gform_fields li.gfield select {
	margin-left: 0 !important;
}

.ie div.gform_wrapper .gform_footer input[type="submit"],
div.gform_wrapper .gform_footer input[type="submit"] {
	padding: 9px 25px;
}

.ie7 div.gform_wrapper .gform_footer input[type="submit"] {
	padding: 7px 25px;
}

div.gform_wrapper li.show-label label {
	display: block !important;
}

div.gform_wrapper .gfield_checkbox li label,
div.gform_wrapper .gfield_radio li label {
	display: inline !important;
	margin-left: 10px;
}

div.gform_wrapper li.gf_list_inline ul.gfield_checkbox li,
div.gform_wrapper li.gf_list_inline ul.gfield_radio li {
	margin-right: 20px;
}

div.gform_wrapper .top_label li.gfield.gf_right_half input.large,
div.gform_wrapper .top_label li.gfield.gf_left_half input.large {
	width: 100%;
}

div.gform_wrapper input[type="checkbox"],
div.gform_wrapper input[type="radio"] {
	margin-left: 5px !important;
	padding: 0;
}

div.gform_wrapper .gform_footer {
	padding: 0;
}

.subscribe div.gform_wrapper .gform_body {
	width: 89.5%;
}

.gform_widget div.gform_wrapper form {
	position: relative;
}

.gform_widget div.gform_wrapper .gform_footer {
	bottom: 8px;
	position: absolute;
	right: 2.5%;
}

.gform_widget  div.gform_wrapper .gform_footer  input[type="submit"] {
	border-radius: 0;
}

.sidebar .gform_widget .widget-title {
	font-size: 19px;
	font-size: 19px;
}

div.gform_wrapper ul.gform_fields li.gfield.gf_right_half input.large,
div.gform_wrapper ul.gform_fields li.gfield.gf_left_half input.large {
	width: 95%;
}

div.gform_wrapper ul.gform_fields input.large,
div.gform_wrapper ul.gform_fields select.large,
div.gform_wrapper ul.gform_fields textarea.textarea {
    width: 97.5%;
}

.ie7 div.gform_wrapper li.gfield input.large,
.ie7 div.gform_wrapper li.gfield select.large,
.ie7 div.gform_wrapper li.gfield textarea.textarea {
	width: 95%;
}

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

img#wpstats {
	display: none;
}


/* # Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 1px;
}

/*
WP Table
---------------------------- */

h2.tablepress-table-name {
	font-size: 22px;
	font-size: 22px;
}

table.tablepress thead th,
table.tablepress tfoot th {
    background: #7e7f80;
	color: #fff;
	font-weight: 400;
	line-height: 1.2;
}

table.tablepress tbody td,
table.tablepress tfoot th {
	border-bottom: 1px solid #CCC;
	border-top: none;
	border-right: 1px solid #CCC;
}

table.tablepress {
	border: 1px solid #CCC;
}

span.tablepress-table-description {
    margin-bottom: 16px;
}

table.tablepress .odd td,
table.tablepress .even td {
	background-color: transparent;
	font-size: 14px;
	font-size: 14px;
}

table.tablepress th,
table.tablepress td {
	padding: 4px 8px;
}

/*
LearnDash
-------------------------------------------------------------------------- */

.single-sfwd-groups .content .author-box,
.single-sfwd-groups .content .entry-header .entry-meta,
.single-sfwd-assignments .content .author-box,
.single-sfwd-assignments .content .entry-header .entry-meta,
.single-sfwd-certificates .content .author-box,
.single-sfwd-certificates .content .entry-header .entry-meta,
.single-sfwd-topic .content .author-box,
.single-sfwd-topic .content .entry-header .entry-meta,
.single-sfwd-lessons .content .author-box,
.single-sfwd-lessons .content .entry-header .entry-meta,
.sfwd-courses .entry-header .entry-meta,
.single-sfwd-courses .content .author-box,
.single-sfwd-courses .content .entry-header .entry-meta {
	display: none;
}

.learndash span {
	font-size: 15px !important;
	font-size: 15px !important;
}

.widget_sfwd-certificates-widget ul h4 {
	font-size: 16px;
	font-size: 16px;
}

#learndash_lessons div#lessons_list  a,
#learndash_quizzes div#quiz_list a,
.expand_collapse div#lessons_list a,
.learndash_topic_dots div#lessons_list a,
.learndash_topic_dots div#lessons_list a > span,
#learndash_lesson_topics_list div#lessons_list span a,
#learndash_profile div#lessons_list a,
#learndash_profile div#lessons_list a span {
	color: #545456;
}

/*
Theme My Login
-------------------------------------------------------------------------- */

.entry-content ul.tml-action-links {
	margin-left: 0;
}

.entry-content ul.tml-action-links li {
	list-style: none outside none !important;
}

/*
IT Exchange
-------------------------------------------------------------------------- */

.it-exchange-super-widget form.it-exchange-sw-register input#it-exchange-register-customer {
	margin-bottom: 0;
}

.it-exchange-super-widget form.it-exchange-sw-register div.cancel_url a {
	font-size: 14px;
	font-size: 14px;
}

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

.site-header {
	background-color: #fcfcfc; /* edited by christopher park. changed from fff to fcfcfc to darken the header bg area. */
}

.site-header .wrap {
	min-height: 97px;
	padding: 0; /* by christopher, reduce the size of header height by removing padding from padding: 20px 0; to padding: 0; */
}

.ie8 .site-header .wrap,
.ie7 .site-header .wrap {
	min-height: 57px;
}

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

.title-area {
	float: left;
	font-weight: 700;
	padding: 0;
	width: 48%;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}

.site-title a,
.site-title a:hover {
	color: #002954;
}

.site-description {
	color: #545456;
	font-size: 18px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
}

/* 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-header .wrap {
	background: url(images/logo.png) no-repeat left center;
}

.header-image .site-title a {
	float: left;
	min-height: 90px;
	width: 100%;
}

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

.site-header .widget-area {
	float: right;
	padding-top: 20px;
	text-align: right;
	width: 48%;
}

.header-image .site-header .widget-area {
	padding: 20px 0 0;
}

.site-header .search-form {
	float: right;
	margin-top: 24px;
}

.site-header .widget {
	margin-bottom: 15px;
}

.site-header .widget-area h2,
.site-header .widget-area h3,
.site-header .widget-area h4,
.site-header .widget-area h5 {
	margin-bottom: 5px;
}

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

.genesis-nav-menu {
	clear: both;
	color: #545456;
	font-family: Montserrat, sans-serif; /*changed from 'Muli' to Montserrat by Christopher Park */
	font-size: 0;
	line-height: 1.9; /* line-height changed from 1.5 to 1.8 by Christopher Park */
	width: 100%;
	letter-spacing: 2px; /* added by Christopher Park */
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	font-size: 16px; /* changed from 18px to 16px and following font size omitted */
	/* font-size: 18px; */
	text-align: left;
}

.ie7 .genesis-nav-menu {
	margin-top: -2px;
}

.ie7 .genesis-nav-menu .menu-item {
	display: block;
	float: left;
	zoom: 1;
}

.genesis-nav-menu a {
	border: none;
	color: #545456;
	display: block;
	padding: 7px 28px;
	position: relative;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
	color: #015796;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
	color: #545456;
}

.genesis-nav-menu .sub-menu {
	box-shadow: 0 1px 4px #999;
	left: -9999px;
	opacity: 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: 280px;
	z-index: 99;
}

.genesis-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	font-size: 16px;
	font-size: 16px;
	padding: 6px 20px;
	position: relative;
	width: 280px;
}

.ie7 .genesis-nav-menu .sub-menu,
.ie7 .genesis-nav-menu .sub-menu a {
	width: 240px;
}

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

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

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

.genesis-nav-menu > .right {
	color: #fff;
	display: block;
	float: right;
	font-size: 16px;
	font-size: 16px;
	list-style-type: none;
	padding: 7px 0;
}

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

.genesis-nav-menu > .right > a:hover {
	background: none;
}

.genesis-nav-menu > .rss > a {
	background: url(images/rss.png) no-repeat 0 center;
	margin-left: 10px;
	padding-left: 20px;
}

.genesis-nav-menu > .search {
	min-width: 220px;
	padding: 4px 0 0;
}

.genesis-nav-menu > .search .search-form input[type="search"] {
	padding: 3px;
}

.genesis-nav-menu > .search .search-form input[type="submit"] {
	bottom: 0;
	padding: 4px 10px;
}

.genesis-nav-menu > .twitter {
	background: url(images/twitter-nav.png) no-repeat 0 center transparent;
	padding-left: 20px;
}

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

.site-header .genesis-nav-menu .menu-item {
	font-size: 14px;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
}

.ie7 .site-header .genesis-nav-menu {
	float: right;
	width: auto;
}

.site-header .genesis-nav-menu .menu-item > a {
	border-right: 1px solid #545456;
	padding: 0 10px;
}

.site-header .genesis-nav-menu .sub-menu a {
	border-color: #CCC;
	font-size: 16px;
	font-size: 16px;
	padding: 6px 20px;
}

.site-header .sub-menu {
	border-top: 1px solid #eee;
	box-shadow: none;
}

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

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
	position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

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

.nav-primary {
	background-color: #1e7ab7;/* background: url(images/main-nav-bg.png) repeat-x 0 0 #0a5898; omitted by Christopher Park */
}

.nav-primary .genesis-nav-menu {
	text-align: center;
}

.nav-primary .genesis-nav-menu a {
	color: #fff;
}

.nav-primary a:hover,
.nav-primary .current-menu-item > a {
	background: url(images/arrow-up.png) no-repeat center bottom transparent;
	color: #EEE;
	-webkit-transition: none;
	-moz-transition:    none;
	-ms-transition:    none;
	-o-transition:      none;
	transition:         none;
}

.nav-primary .sub-menu a,
.nav-primary .sub-menu  .current-menu-item > a {
	background-color: #fff;
	background-image: none;
	color: #015796;
}

.nav-primary .sub-menu a:hover {
	background-image: none;
	color: #545456;
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary {
	background-color: #fff;
}

/* Bottom Navigation
--------------------------------------------- */

.bottom-nav {
	/* background: url(images/bottom-nav.png) repeat-x 0 0 #0a5898; Omitted by Christopher Park*/ background-color: #1e7ab7;
	padding: 20px 0;
}

.bottom-nav .genesis-nav-menu {
	font-family: Montserrat,sans-serif; /* changed from 'Muli' to Montserrat by Christopher Park */
	text-align: center;
}

.bottom-nav .genesis-nav-menu .menu-item {
	font-size: 26px;
	font-size: 16px; /* changed from 26px to 16px by Christopher Park */
	font-weight: 300;
	line-height: 1.6; /* changed from 1 to 1.6 by Christopher Park */
	letter-spacing: 2px; /* added by Christopher Park */
}

.bottom-nav .genesis-nav-menu a {
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 20px;
}

.bottom-nav a:hover,
.bottom-nav .current-menu-item > a {
	color: #EEE;
	-webkit-transition: none;
	-moz-transition:    none;
	-ms-transition:    none;
	-o-transition:      none;
	transition:         none;
}

.bottom-nav .sub-menu {
	display: none;
}

/* Footer Navigation
--------------------------------------------- */

.footer-nav .genesis-nav-menu {
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.footer-nav .genesis-nav-menu .menu-item {
	font-size: 14px;
	font-size: 14px;
	line-height: 1;
}

.footer-nav .genesis-nav-menu a {
	border-right: 1px solid #8f9194;
	color: #8f9194;
	padding: 0 15px;
}

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

.footer-nav .sub-menu {
	display: none;
}

/* Navigation special class
--------------------------------------------- */

.genesis-nav-menu > .first > a {
	border-left: 0 !important;
	padding-left: 0 !important;
}

.genesis-nav-menu > .last > a {
	border-right: 0 !important;
	padding-right: 0 !important;
}

/* Navigation toggles
--------------------------------------------- */
.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}

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

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


/* Slider
--------------------------------------------- */

.slider {
	background-color: #fff;
	position: relative;
	z-index: 20;
}

.slider .soliloquy-container .soliloquy-caption,
.home .soliloquy-container .soliloquy-caption.soliloquy-caption-bottom {
	bottom: auto;
	left: 20px;
	max-width: 43%;
	top: 20%;
}

.slider  .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
	background: none;
	color: #414042;
	filter: 0;
	font-family: 'Muli',sans-serif;
	font-size: 24px;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.2;
	padding: 0;
	text-align: left;
	text-shadow: none;
}

.soliloquy-caption-inside h2,
.soliloquy-caption-inside h3,
.soliloquy-caption-inside h4 {
	color: #414042;
	font-family: 'Muli',sans-serif;
	font-weight: 300;
	margin-bottom: 10px;
}

.soliloquy-caption-inside h2 {
	font-size: 35px;
}

.soliloquy-caption-inside h3 {
	font-size: 30px;
}

.soliloquy-caption-inside h4 {
	font-size: 26px;
}

.slider  .soliloquy-container .more-link {
	display: block;
	font-size: 16px;
	font-weight: 400;
	margin: 20px 0 0;
}

.slider  .soliloquy-container .more-link a {
	background: url(images/main-nav-bg.png) repeat-x 0 0 #0a5898;
	border-radius: 4px;
	color: #fff;
	display: block;
	float:left;
	font-weight: 400;
	padding: 8px 20px;
	position: relative;
	width: auto;
}

.slider  .soliloquy-container .more-link a:hover {
	opacity: 0.9;
}

.slider  .soliloquy-container .more-link a::after {
	background: url(images/btn-arrow.png) no-repeat 0 0;
	content: "";
	display: inline-block;
	height: 13px;
	margin: 0 0 0 10px;
	width: 19px;
}

div.soliloquy-container .soliloquy-control-nav li a,
div.soliloquy-theme-classic .soliloquy-pager-link,
div.soliloquy-theme-classic .soliloquy-pager-link:hover,
div.soliloquy-theme-classic .soliloquy-pager-link.active {
    background-image: url(images/slider-dots.png);
	height: 14px;
	width: 14px;
}

div.soliloquy-theme-classic .soliloquy-controls-direction {
	display: inherit;
	height: auto;
}

div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-prev,
div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-prev,
div.soliloquy-container .soliloquy-direction-nav li .soliloquy-prev,
div.soliloquy-theme-classic .soliloquy-prev {
    background-image: url(images/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next,
div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-next,
div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next,
div.soliloquy-theme-classic .soliloquy-next {
    background-image: url(images/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

/* Call to Action
--------------------------------------------- */

.home-cta { /* edited by christopher park getting rid of box shadow, adding background color #f8fbfc and some top margins */
	box-shadow: 0 0 0 #fff; /* originally: box-shadow: 0 1px 6px #999; */
	padding: 40px 0;
	position: relative;
	z-index: 30;
	margin-top: 2em; /* originally none */
	background-color: #f8fbfc; /* originally none */
}

.home-cta .wrap {
	padding: 0 20px;
}

.home-cta .cta {
	float: left;
	width: 31%;
}

.home-cta .cta1{
	margin-right: 4%;
}

.home-cta .cta3 {
	float: right;
}

.home-cta ol,
.home-cta p,
.home-cta ul {
	margin-bottom: 2px;
}

.home-cta ol,
.home-cta ul {
	margin-left: 16px;
}

.home-cta ol li {
	list-style-type: decimal;
}

.home-cta ul li {
	list-style-image: url(images/bullet-list.png);
	list-style-type: none;
}

.home-cta ol ol,
.home-cta ul ul {
	margin-bottom: 0;
}


/* Subscribe Box
--------------------------------------------- */

.subscribe {
	background: url(images/subscribe-bg.png) repeat-x 0 0 #cacbcd;
	box-shadow: 0 1px 8px #999;
	padding: 40px 0 20px;
	position: relative;
	z-index: 40;
}

.subscribe .widget {
	padding: 0 20px;
}

.subscribe .gform_widget .widget-title {
	background: url(images/email-icon.png) no-repeat 0 center;
	padding-left: 54px;
}

/* Home Main
--------------------------------------------- */

.home-main {
	padding: 0 20px;
}

.home-main ol,
.home-main p,
.home-main ul {
	margin-bottom: 2px;
}

.home-main ol,
.home-main ul {
	margin-left: 16px;
}

.home-main ol li {
	list-style-type: decimal;
}

.home-main ul li {
	list-style-image: url(images/bullet-list.png);
	list-style-type: none;
}

.home-main ol ol,
.home-main ul ul {
	margin-bottom: 0;
}


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

.entry {
	margin-bottom: 0; /* changed from 20px to 0 christopher park*/
	padding: 0; /* changed from 0 20px 20px to 0 christopher park*/
}

a {
	color: #7cb042;
}

.entry-content .attachment a,
.entry-content .gallery a {
	border: none;
}

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

.entry-content ol,
.entry-content ul {
	margin-left: 16px;
}

.entry-content ol li {
	list-style-position: inside;
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-image: url(images/bullet-list.png);
	list-style-type: none;
}

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

.entry-content .search-form {
	width: 50%;
}

.entry-meta {
	color: #565759;
	font-size: 15px;
	font-size: 15px;
}

.entry-meta a {
	color: #565759;
}

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

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

.entry-footer .entry-meta {
	color: #6d6e71;
	font-weight: 700;
	margin: 0;
}

.entry-footer .entry-meta a {
	font-weight: 400;
}

.single .entry-footer .entry-meta {
	background-color: #f3f3f4;
	border-bottom: 1px solid #cdcecf;
	border-top: 1px solid #cdcecf;
	margin: 0;
	overflow: hidden;
	padding: 5px  10px;
}

.entry-categories,
.entry-tags {
	display: block;
	float: left;
	width: 48%;
}

.entry-tags {
	float: right;
}

.more-link a {
	color: #7cb042;
	font-weight: 700;
}

.more-link a:hover {
	color: #565759;
}

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

.archive-pagination,
.entry-pagination {
	font-size: 14px;
	font-size: 14px;
	margin: 40px 0;
	padding: 0 20px;
}

.archive-pagination li {
	display: inline;
}

.archive-pagination li a {
	background-color: #095797;
	border-radius: 3px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
}

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


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

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

.comment-respond,
.entry-comments {
	padding: 0 20px;
}

.comment-respond a,
.entry-comments a {
	color: #565759;
}

.entry-comments .comment-respond {
	margin-top: 20px;
	padding: 0;
}

.comment-respond a:hover,
.entry-comments a:hover {
	color: #015796;
}

.comment-content {
	clear: both;
}

.comment-meta {
	font-size: 14px;
	font-size: 14px;
}

.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,
.ping-list li {
	list-style-type: none;
}

.comment-list li {
	margin-top: 24px;
	padding: 20px;
}

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

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

.entry-pings .reply {
	display: none;
}

.bypostauthor {
}

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

.comment-reply a {
	background-color: #0080c8;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	font-size: 13px;
	padding: 2px 5px;
}

.comment-reply a:hover {
	background-color: #038cd9;
	color: #fff;
}


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

.sidebar a,
.sidebar {
	color: #565759;
}

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

.sidebar a:hover {
	color: #015796;
}

.sidebar ul,
.sidebar ol {
	margin-left: 16px;
}

.sidebar li {
	list-style-image: url(images/bullet-list.png);
	list-style-type: none;
	margin-bottom: 6px;
	word-wrap: break-word;
}

.sidebar ul > li:last-child {
	margin-bottom: 0;
}

.sidebar .widget {
	background-color: #f3f3f4;
	margin-bottom: 35px;
	padding: 20px;
}

.sidebar .enews-widget {
	background-color: #333;
}

.sidebar .widget.widget_recent_comments ul {
	margin-left: 0;
}

.sidebar .widget.widget_recent_comments li {
	list-style: none outside none;
}

.sidebar .widget.widget_recent_comments a,
.sidebar .more-link a {
	color: #7cb042;
}

.sidebar .widget.widget_recent_comments a:hover,
.sidebar .more-link a:hover {
	color: #565759;
}

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

.footer-widgets { font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* by christopher park adding font for footer area */
	background-color: #e9eaeb;
	color: #86888a;
	clear: both;
	margin-top: 6px;
	padding: 40px 0 0; /* edited by christopher changing bottom padding from 20px to 0 */
}

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

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.footer-widgets-4 {
	width: 27.33%; float: left;/* edited by christopher to make it 3 columns changed from 20% */
}


.footer-widgets-1 { margin-right: 9%; }
.footer-widgets-2 { margin-right: 0; }

/* edited by christopher changed from .footer-widgets-1, .footer-widgets-2 { margin-right: 2.5%; } */

.footer-widgets-1, .footer-widgets-2 { 
	float: left;
} /* edited by christopher to omit footer-widgets-3 from here */


.footer-widgets-3 { /* edited by christopher park to change footer-widgets-4 to footer-widgets-3 */
	float: right;
	width: 30.33%; /* width set to 27.33% from 30% */
}

.footer-widgets a {
	color: #86888a;
}

.footer-widgets a:hover {
	color: #005596;
}

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

.footer-widgets .widget-title {
	color: #3889c9;
	font-size: 18px;
	font-size: 18px;
}

.footer-widgets ol,
.footer-widgets ul {
	margin-left: 16px;
}

.footer-widgets li {
	margin-bottom: 6px;
	word-wrap: break-word;
}

.footer-widgets .search-form input:focus {
	border: 1px solid #ddd;
}

.footer-widgets .more-link a {
	color: #7cb042;
}

.footer-widgets .more-link a:hover {
	color: #86888a;
}

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

.site-footer {
	background-color: #e9eaeb;
	color: #8f9194;
	font-size: 14px;
	font-size: 14px;
	padding: 20px 0; padding-top: 0; /* edited by christopher getting rid of top padding */
}

.site-footer .wrap {
	padding: 0 20px;
}

.site-footer .footer-left {
	float: left;
	width: 48%;
}

.site-footer .footer-right {
	float: right;
	text-align: right;
	width: 48%;
}

.credit,
.company-info {
	color: #005596;
}

.company-info {
	padding-bottom: 5px;
}

.site-footer p {
	margin-bottom: 0;
}

/*
Color Options
---------------------------------------------------------------------------------------------------- */

/*  ------ Red ------------*/

.derrick-red .archive-pagination li a,
.derrick-red .comment-reply a:hover,
.derrick-red .nav-primary a,
.derrick-red .bottom-nav .genesis-nav-menu a:hover,
.derrick-red .bottom-nav .genesis-nav-menu .current-menu-item > a,
.derrick-red .nav-primary .genesis-nav-menu a:hover,
.derrick-red .nav-primary .genesis-nav-menu .current-menu-item > a,
.derrick-red .nav-primary .genesis-nav-menu a {
	color: #fff;  /* White */
}

.derrick-red h1,
.derrick-red h2,
.derrick-red h3,
.derrick-red h4,
.derrick-red h5,
.derrick-red h6,
.derrick-red .entry-content a,
.derrick-red .site-title a,
.derrick-red .site-title a:hover,
.derrick-red .credit,
.derrick-red .company-info,
.derrick-red  .entry-title a,
.derrick-red .sidebar a:hover,
.derrick-red .sidebar .entry-title a:hover,
.derrick-red .sidebar .widget.wsm-cta a,
.derrick-red .sidebar .featured-content .entry-header .entry-meta a,
.derrick-red .sidebar .featured-content .entry-header .entry-meta,
.derrick-red  .sidebar .widget-title a,
.derrick-red .genesis-nav-menu a:hover,
.derrick-red .genesis-nav-menu .sub-menu .current-menu-item > a,
.derrick-red .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.derrick-red .nav-primary .sub-menu a,
.derrick-red .footer-widgets .widget-title,
.derrick-red .cta-box,
.derrick-red .cta-box a,
.derrick-red a:hover {
	color: #E30201; /* Red */
}

.derrick-red .sidebar .widget.widget_recent_comments a,
.derrick-red .sidebar .more-link a,
.derrick-red .more-link a {
	color: #7F6E65;  /* Brown*/
}

.derrick-red .sidebar a,
.derrick-red .sidebar,
.derrick-red .entry-content a:hover,
.derrick-red .sidebar .widget.wsm-cta a:hover,
.derrick-red .sidebar .widget.widget_recent_comments a:hover,
.derrick-red .sidebar .more-link a:hover,
.derrick-red .more-link a:hover,
.derrick-red  .entry-title a:hover,
.derrick-red .cta-box a:hover,
.derrick-red .nav-primary .sub-menu a:hover,
.derrick-red .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.derrick-red .site-description {
    color: #545456; /* Grey */
}

.derrick-red div.soliloquy-caption-inside h2,
.derrick-red div.soliloquy-caption-inside h3,
.derrick-red div .soliloquy-caption-inside h4 {
	color: #414042;
}

.derrick-red .archive-pagination li a,
.derrick-red button,
.derrick-red input[type="button"],
.derrick-red input[type="reset"],
.derrick-red input[type="submit"],
.derrick-red .button,
.derrick-red .entry-content .button {
	background-color: #7F6E65;
}

.derrick-red button:hover,
.derrick-red input[type="button"]:hover,
.derrick-red input[type="reset"]:hover,
.derrick-red input[type="submit"]:hover,
.derrick-red .button:hover,
.derrick-red .entry-content .button:hover {
	background-color: #71625A;
}

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

.derrick-red .comment-reply a {
	background-color: #373535;
}

.derrick-red .comment-reply a:hover {
	background-color: #555;
}

.derrick-red.header-image .site-header .wrap {
	background-image: url(images/derrick-red/logo.png);
}

.derrick-red .subscribe .gform_widget .widget-title {
	background-image: url(images/derrick-red/email-icon.png);
}


.derrick-red .cta-icon.paper span {
	background-image: url(images/derrick-red/icon-paper.png);
}

.derrick-red .cta-icon.email span {
	background-image: url(images/derrick-red/icon-email.png);
}

.derrick-red .cta-icon.qmark span {
	background-image: url(images/derrick-red/icon-qmark.png);
}

.derrick-red .cta-icon.cutomer-service span {
	background-image: url(images/derrick-red/icon-customer-service.png);
}

.derrick-red .cta-icon.computer span {
	background-image: url(images/derrick-red/icon-computer.png);
}

.derrick-red .cta-icon.phone span {
	background-image: url(images/derrick-red/icon-phone.png);
}

.derrick-red .cta-icon.calendar span {
	background-image: url(images/derrick-red/icon-calendar.png);
}

.derrick-red .cta-icon.search span {
	background-image: url(images/derrick-red/icon-seach.png);
}

.derrick-red .cta-icon.search span {
	background-image: url(images/derrick-red/icon-seach.png);
}

.derrick-red div.soliloquy-container .soliloquy-control-nav li a,
.derrick-red div.soliloquy-theme-classic .soliloquy-pager-link,
.derrick-red div.soliloquy-theme-classic .soliloquy-pager-link:hover,
.derrick-red div.soliloquy-theme-classic .soliloquy-pager-link.active {
    background-image: url(images/derrick-red/slider-dots.png);
	height: 14px;
	width: 14px;
}

.derrick-red div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-prev,
.derrick-red div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-prev,
.derrick-red div.soliloquy-container .soliloquy-direction-nav li .soliloquy-prev,
.derrick-red div.soliloquy-theme-classic .soliloquy-prev {
    background-image: url(images/derrick-red/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-red div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next,
.derrick-red div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-next,
.derrick-red div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next,
.derrick-red div.soliloquy-theme-classic .soliloquy-next {
    background-image: url(images/derrick-red/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-red .entry-content ul li,
.derrick-red .sidebar li {
    list-style-image: url(images/derrick-red/bullet-list.png);
}

.derrick-red .social-media a {
    background-image: url(images/derrick-red/social-icons.png);
}

.derrick-red .slider .soliloquy-container .more-link a {
    background-image: url(images/derrick-red/btn-arrow.png);
	background-position: 0 0;
	background-color: #e30201;
	color: #fff;
}

.derrick-red .bottom-nav,
.derrick-red .nav-primary {
    background-image: url(images/derrick-red/main-nav-bg.png);
	background-color: #d40201;
	background-position: 0 bottom;
}

.derrick-red blockquote {
    background-image: url(images/derrick-red/blockquote.png);
}

/*  ------ Orange ------------*/

.derrick-orange .archive-pagination li a,
.derrick-orange .comment-reply a:hover,
.derrick-orange .nav-primary a,
.derrick-orange .bottom-nav .genesis-nav-menu a:hover,
.derrick-orange .bottom-nav .genesis-nav-menu .current-menu-item > a,
.derrick-orange .nav-primary .genesis-nav-menu a:hover,
.derrick-orange .nav-primary .genesis-nav-menu .current-menu-item > a,
.derrick-orange .nav-primary .genesis-nav-menu a {
	color: #fff;  /* White */
}

.derrick-orange h1,
.derrick-orange h2,
.derrick-orange h3,
.derrick-orange h4,
.derrick-orange h5,
.derrick-orange h6,
.derrick-orange .entry-content a,
.derrick-orange .site-title a,
.derrick-orange .site-title a:hover,
.derrick-orange .credit,
.derrick-orange .company-info,
.derrick-orange  .entry-title a,
.derrick-orange .sidebar a:hover,
.derrick-orange .sidebar .entry-title a:hover,
.derrick-orange .sidebar .widget.wsm-cta a,
.derrick-orange .sidebar .featured-content .entry-header .entry-meta a,
.derrick-orange .sidebar .featured-content .entry-header .entry-meta,
.derrick-orange  .sidebar .widget-title a,
.derrick-orange .genesis-nav-menu a:hover,
.derrick-orange .genesis-nav-menu .sub-menu .current-menu-item > a,
.derrick-orange .nav-primary .sub-menu a,
.derrick-orange .footer-widgets .widget-title,
.derrick-orange .cta-box,
.derrick-orange .cta-box a,
.derrick-orange a:hover {
	color: #F28532;
}

.derrick-orange .sidebar .widget.widget_recent_comments a,
.derrick-orange .sidebar .more-link a,
.derrick-orange .more-link a {
	color: #F96807;
}

.derrick-orange .entry-content a:hover,
.derrick-orange .sidebar a,
.derrick-orange .sidebar,
.derrick-orange .sidebar .widget.wsm-cta a:hover,
.derrick-orange .sidebar .widget.widget_recent_comments a:hover,
.derrick-orange .sidebar .more-link a:hover,
.derrick-orange .more-link a:hover,
.derrick-orange  .entry-title a:hover,
.derrick-orange .cta-box a:hover,
.derrick-orange .nav-primary .sub-menu a:hover,
.derrick-orange .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.derrick-orange .site-description {
    color: #545456;
}

.derrick-orange div.soliloquy-caption-inside h2,
.derrick-orange div.soliloquy-caption-inside h3,
.derrick-orange div .soliloquy-caption-inside h4 {
	color: #414042;
}

.derrick-orange .archive-pagination li a,
.derrick-orange button,
.derrick-orange input[type="button"],
.derrick-orange input[type="reset"],
.derrick-orange input[type="submit"],
.derrick-orange .button,
.derrick-orange .entry-content .button {
	background-color: #F96807;
}

.derrick-orange .archive-pagination li a:hover,
.derrick-orange .archive-pagination li.active a,
.derrick-orange button:hover,
.derrick-orange input[type="button"]:hover,
.derrick-orange input[type="reset"]:hover,
.derrick-orange input[type="submit"]:hover,
.derrick-orange .button:hover,
.derrick-orange .entry-content .button:hover {
	background-color: #DE5C06;
}

.derrick-orange .comment-reply a {
	background-color: #373535;
}

.derrick-orange .comment-reply a:hover {
	background-color: #555;
}

.derrick-orange.header-image .site-header .wrap {
	background-image: url(images/derrick-orange/logo.png);
}

.derrick-orange .subscribe .gform_widget .widget-title {
	background-image: url(images/derrick-orange/email-icon.png);
}


.derrick-orange .cta-icon.paper span {
	background-image: url(images/derrick-orange/icon-paper.png);
}

.derrick-orange .cta-icon.email span {
	background-image: url(images/derrick-orange/icon-email.png);
}

.derrick-orange .cta-icon.qmark span {
	background-image: url(images/derrick-orange/icon-qmark.png);
}

.derrick-orange .cta-icon.cutomer-service span {
	background-image: url(images/derrick-orange/icon-customer-service.png);
}

.derrick-orange .cta-icon.computer span {
	background-image: url(images/derrick-orange/icon-computer.png);
}

.derrick-orange .cta-icon.phone span {
	background-image: url(images/derrick-orange/icon-phone.png);
}

.derrick-orange .cta-icon.calendar span {
	background-image: url(images/derrick-orange/icon-calendar.png);
}

.derrick-orange .cta-icon.search span {
	background-image: url(images/derrick-orange/icon-seach.png);
}

.derrick-orange .cta-icon.search span {
	background-image: url(images/derrick-orange/icon-seach.png);
}

.derrick-orange div.soliloquy-container .soliloquy-control-nav li a,
.derrick-orange div.soliloquy-theme-classic .soliloquy-pager-link,
.derrick-orange div.soliloquy-theme-classic .soliloquy-pager-link:hover,
.derrick-orange div.soliloquy-theme-classic .soliloquy-pager-link.active {
    background-image: url(images/derrick-orange/slider-dots.png);
	height: 14px;
	width: 14px;
}

.derrick-orange div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-prev,
.derrick-orange div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-prev,
.derrick-orange div.soliloquy-container .soliloquy-direction-nav li .soliloquy-prev,
.derrick-orange div.soliloquy-theme-classic .soliloquy-prev {
    background-image: url(images/derrick-orange/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-orange div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next,
.derrick-orange div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-next,
.derrick-orange div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next,
.derrick-orange div.soliloquy-theme-classic .soliloquy-next {
    background-image: url(images/derrick-orange/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-orange .entry-content ul li,
.derrick-orange .sidebar li {
    list-style-image: url(images/derrick-orange/bullet-list.png);
}

.derrick-orange .social-media a {
    background-image: url(images/derrick-orange/social-icons.png);
}

.derrick-orange .slider .soliloquy-container .more-link a {
    background-image: url(images/derrick-orange/btn-arrow.png);
	background-position: 0 0;
	background-color: #F28532;
	color: #fff;
}

.derrick-orange .bottom-nav,
.derrick-orange .nav-primary {
    background-image: url(images/derrick-orange/main-nav-bg.png);
	background-color: #F28532;
	background-position: 0 bottom;
}

.derrick-orange blockquote {
    background-image: url(images/derrick-orange/blockquote.png);
}


/*  ------ Green ------------*/

.derrick-green .archive-pagination li a,
.derrick-green .comment-reply a:hover,
.derrick-green .nav-primary a,
.derrick-green .bottom-nav .genesis-nav-menu a:hover,
.derrick-green .bottom-nav .genesis-nav-menu .current-menu-item > a,
.derrick-green .nav-primary .genesis-nav-menu a:hover,
.derrick-green .nav-primary .genesis-nav-menu .current-menu-item > a,
.derrick-green .nav-primary .genesis-nav-menu a {
	color: #fff;  /* White */
}

.derrick-green h1,
.derrick-green h2,
.derrick-green h3,
.derrick-green h4,
.derrick-green h5,
.derrick-green h6,
.derrick-green .entry-content a,
.derrick-green .site-title a,
.derrick-green .site-title a:hover,
.derrick-green .credit,
.derrick-green .company-info,
.derrick-green  .entry-title a,
.derrick-green .sidebar a:hover,
.derrick-green .sidebar .entry-title a:hover,
.derrick-green .sidebar .widget.wsm-cta a,
.derrick-green .sidebar .featured-content .entry-header .entry-meta a,
.derrick-green .sidebar .featured-content .entry-header .entry-meta,
.derrick-green  .sidebar .widget-title a,
.derrick-green .genesis-nav-menu a:hover,
.derrick-green .genesis-nav-menu .sub-menu .current-menu-item > a,
.derrick-green .nav-primary .sub-menu a,
.derrick-green .footer-widgets .widget-title,
.derrick-green .cta-box,
.derrick-green .cta-box a,
.derrick-green a:hover {
	color: #78BC9A;
}

.derrick-green .sidebar .widget.widget_recent_comments a,
.derrick-green .sidebar .more-link a,
.derrick-green .more-link a {
	color: #3A8585;
}

.derrick-green .entry-content a:hover,
.derrick-green .sidebar a,
.derrick-green .sidebar,
.derrick-green .sidebar .widget.wsm-cta a:hover,
.derrick-green .sidebar .widget.widget_recent_comments a:hover,
.derrick-green .sidebar .more-link a:hover,
.derrick-green .more-link a:hover,
.derrick-green  .entry-title a:hover,
.derrick-green .cta-box a:hover,
.derrick-green .nav-primary .sub-menu a:hover,
.derrick-green .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.derrick-green .site-description {
    color: #545456; /* Grey */
}

.derrick-green div.soliloquy-caption-inside h2,
.derrick-green div.soliloquy-caption-inside h3,
.derrick-green div .soliloquy-caption-inside h4 {
	color: #414042;
}

.derrick-green .archive-pagination li a,
.derrick-green button,
.derrick-green input[type="button"],
.derrick-green input[type="reset"],
.derrick-green input[type="submit"],
.derrick-green .button,
.derrick-green .entry-content .button {
	background-color: #3A8585;
}

.derrick-green .archive-pagination li a:hover,
.derrick-green .archive-pagination li.active a,
.derrick-green button:hover,
.derrick-green input[type="button"]:hover,
.derrick-green input[type="reset"]:hover,
.derrick-green input[type="submit"]:hover,
.derrick-green .button:hover,
.derrick-green .entry-content .button:hover {
	background-color: #337676;
}

.derrick-green .comment-reply a {
	background-color: #373535;
}

.derrick-green .comment-reply a:hover {
	background-color: #555;
}

.derrick-green.header-image .site-header .wrap {
	background-image: url(images/derrick-green/logo.png);
}

.derrick-green .subscribe .gform_widget .widget-title {
	background-image: url(images/derrick-green/email-icon.png);
}


.derrick-green .cta-icon.paper span {
	background-image: url(images/derrick-green/icon-paper.png);
}

.derrick-green .cta-icon.email span {
	background-image: url(images/derrick-green/icon-email.png);
}

.derrick-green .cta-icon.qmark span {
	background-image: url(images/derrick-green/icon-qmark.png);
}

.derrick-green .cta-icon.cutomer-service span {
	background-image: url(images/derrick-green/icon-customer-service.png);
}

.derrick-green .cta-icon.computer span {
	background-image: url(images/derrick-green/icon-computer.png);
}

.derrick-green .cta-icon.phone span {
	background-image: url(images/derrick-green/icon-phone.png);
}

.derrick-green .cta-icon.calendar span {
	background-image: url(images/derrick-green/icon-calendar.png);
}

.derrick-green .cta-icon.search span {
	background-image: url(images/derrick-green/icon-seach.png);
}

.derrick-green .cta-icon.search span {
	background-image: url(images/derrick-green/icon-seach.png);
}

.derrick-green div.soliloquy-container .soliloquy-control-nav li a,
.derrick-green div.soliloquy-theme-classic .soliloquy-pager-link,
.derrick-green div.soliloquy-theme-classic .soliloquy-pager-link:hover,
.derrick-green div.soliloquy-theme-classic .soliloquy-pager-link.active {
    background-image: url(images/derrick-green/slider-dots.png);
	height: 14px;
	width: 14px;
}

.derrick-green .entry-content ul li,
.derrick-green .sidebar li {
    list-style-image: url(images/derrick-green/bullet-list.png);
}

.derrick-green div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-prev,
.derrick-green div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-prev,
.derrick-green div.soliloquy-container .soliloquy-direction-nav li .soliloquy-prev,
.derrick-green div.soliloquy-theme-classic .soliloquy-prev {
    background-image: url(images/derrick-green/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-green div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next,
.derrick-green div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-next,
.derrick-green div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next,
.derrick-green div.soliloquy-theme-classic .soliloquy-next {
    background-image: url(images/derrick-green/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-green .social-media a {
    background-image: url(images/derrick-green/social-icons.png);
}

.derrick-green .slider .soliloquy-container .more-link a {
    background-image: url(images/derrick-green/btn-arrow.png);
	background-position: 0 0;
	background-color: #78BC9A;
	color: #fff;
}

.derrick-green .bottom-nav,
.derrick-green .nav-primary {
    background-image: url(images/derrick-green/main-nav-bg.png);
	background-color: #3A8585;
	background-position: 0 bottom;
}

.derrick-green blockquote {
    background-image: url(images/derrick-green/blockquote.png);
}


/*  ------ Grey ------------*/

.derrick-grey .archive-pagination li a,
.derrick-grey .comment-reply a:hover,
.derrick-grey .nav-primary a,
.derrick-grey .bottom-nav .genesis-nav-menu a:hover,
.derrick-grey .bottom-nav .genesis-nav-menu .current-menu-item > a,
.derrick-grey .nav-primary .genesis-nav-menu a:hover,
.derrick-grey .nav-primary .genesis-nav-menu .current-menu-item > a,
.derrick-grey .nav-primary .genesis-nav-menu a {
	color: #fff;  /* White */
}

.derrick-grey .entry-content a {
	color: #EF852A;
}

.derrick-grey h1,
.derrick-grey h2,
.derrick-grey h3,
.derrick-grey h4,
.derrick-grey h5,
.derrick-grey h6,
.derrick-grey .site-title a,
.derrick-grey .site-title a:hover,
.derrick-grey .credit,
.derrick-grey .company-info,
.derrick-grey  .entry-title a,
.derrick-grey .sidebar a:hover,
.derrick-grey .sidebar .entry-title a:hover,
.derrick-grey .sidebar .widget.wsm-cta a,
.derrick-grey .sidebar .featured-content .entry-header .entry-meta a,
.derrick-grey .sidebar .featured-content .entry-header .entry-meta,
.derrick-grey  .sidebar .widget-title a,
.derrick-grey .genesis-nav-menu a:hover,
.derrick-grey .genesis-nav-menu .sub-menu .current-menu-item > a,
.derrick-grey .nav-primary .sub-menu a,
.derrick-grey .footer-widgets .widget-title,
.derrick-grey .cta-box,
.derrick-grey .cta-box a,
.derrick-grey a:hover {
	color: #808080;
}

.derrick-grey .sidebar .widget.widget_recent_comments a,
.derrick-grey .sidebar .more-link a,
.derrick-grey .more-link a {
	color: #323232;
}

.derrick-grey .sidebar a,
.derrick-grey .sidebar,
.derrick-grey .entry-content a:hover,
.derrick-grey .sidebar .widget.wsm-cta a:hover,
.derrick-grey .sidebar .widget.widget_recent_comments a:hover,
.derrick-grey .sidebar .more-link a:hover,
.derrick-grey .more-link a:hover,
.derrick-grey  .entry-title a:hover,
.derrick-grey .cta-box a:hover,
.derrick-grey .nav-primary .sub-menu a:hover,
.derrick-grey .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.derrick-grey .site-description {
    color: #545456; /* Grey */
}

.derrick-grey div.soliloquy-caption-inside h2,
.derrick-grey div.soliloquy-caption-inside h3,
.derrick-grey div .soliloquy-caption-inside h4 {
	color: #414042;
}

.derrick-grey .archive-pagination li a,
.derrick-grey button,
.derrick-grey input[type="button"],
.derrick-grey input[type="reset"],
.derrick-grey input[type="submit"],
.derrick-grey .button,
.derrick-grey .entry-content .button {
	background-color: #323232;
}

.derrick-grey button:hover,
.derrick-grey input[type="button"]:hover,
.derrick-grey input[type="reset"]:hover,
.derrick-grey input[type="submit"]:hover,
.derrick-grey .button:hover,
.derrick-grey .entry-content .button:hover {
	background-color: #2C2C2C;
}

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

.derrick-grey .comment-reply a {
	background-color: #373535;
}

.derrick-grey .comment-reply a:hover {
	background-color: #555;
}

.derrick-grey.header-image .site-header .wrap {
	background-image: url(images/derrick-grey/logo.png);
}

.derrick-grey .subscribe .gform_widget .widget-title {
	background-image: url(images/derrick-grey/email-icon.png);
}


.derrick-grey .cta-icon.paper span {
	background-image: url(images/derrick-grey/icon-paper.png);
}

.derrick-grey .cta-icon.email span {
	background-image: url(images/derrick-grey/icon-email.png);
}

.derrick-grey .cta-icon.qmark span {
	background-image: url(images/derrick-grey/icon-qmark.png);
}

.derrick-grey .cta-icon.cutomer-service span {
	background-image: url(images/derrick-grey/icon-customer-service.png);
}

.derrick-grey .cta-icon.computer span {
	background-image: url(images/derrick-grey/icon-computer.png);
}

.derrick-grey .cta-icon.phone span {
	background-image: url(images/derrick-grey/icon-phone.png);
}

.derrick-grey .cta-icon.calendar span {
	background-image: url(images/derrick-grey/icon-calendar.png);
}

.derrick-grey .cta-icon.search span {
	background-image: url(images/derrick-grey/icon-seach.png);
}

.derrick-grey .cta-icon.search span {
	background-image: url(images/derrick-grey/icon-seach.png);
}

.derrick-grey div.soliloquy-container .soliloquy-control-nav li a,
.derrick-grey div.soliloquy-theme-classic .soliloquy-pager-link,
.derrick-grey div.soliloquy-theme-classic .soliloquy-pager-link:hover,
.derrick-grey div.soliloquy-theme-classic .soliloquy-pager-link.active {
    background-image: url(images/derrick-grey/slider-dots.png);
	height: 14px;
	width: 14px;
}

.derrick-grey div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-prev,
.derrick-grey div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-prev,
.derrick-grey div.soliloquy-container .soliloquy-direction-nav li .soliloquy-prev,
.derrick-grey div.soliloquy-theme-classic .soliloquy-prev {
    background-image: url(images/derrick-grey/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-grey div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next,
.derrick-grey div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-next,
.derrick-grey div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next,
.derrick-grey div.soliloquy-theme-classic .soliloquy-next {
    background-image: url(images/derrick-grey/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-grey .entry-content ul li,
.derrick-grey .sidebar li {
    list-style-image: url(images/derrick-grey/bullet-list.png);
}

.derrick-grey .social-media a {
    background-image: url(images/derrick-grey/social-icons.png);
}

.derrick-grey .slider .soliloquy-container .more-link a {
    background-image: url(images/derrick-grey/btn-arrow.png);
	background-position: 0 0;
	background-color: #808080;
	color: #fff;
}

.derrick-grey .bottom-nav,
.derrick-grey .nav-primary {
    background-image: url(images/derrick-grey/main-nav-bg.png);
	background-color: #807F7F;
	background-position: 0 bottom;
}

.derrick-grey blockquote {
    background-image: url(images/derrick-grey/blockquote.png);
}


/*  ------ Purple ------------*/

.derrick-purple .archive-pagination li a,
.derrick-purple .comment-reply a:hover,
.derrick-purple .nav-primary a,
.derrick-purple .bottom-nav .genesis-nav-menu a:hover,
.derrick-purple .bottom-nav .genesis-nav-menu .current-menu-item > a,
.derrick-purple .nav-primary .genesis-nav-menu a:hover,
.derrick-purple .nav-primary .genesis-nav-menu .current-menu-item > a,
.derrick-purple .nav-primary .genesis-nav-menu a {
	color: #fff;  /* White */
}

.derrick-purple h1,
.derrick-purple h2,
.derrick-purple h3,
.derrick-purple h4,
.derrick-purple h5,
.derrick-purple h6,
.derrick-purple .entry-content a,
.derrick-purple .site-title a,
.derrick-purple .site-title a:hover,
.derrick-purple .credit,
.derrick-purple .company-info,
.derrick-purple  .entry-title a,
.derrick-purple .sidebar a:hover,
.derrick-purple .sidebar .entry-title a:hover,
.derrick-purple .sidebar .widget.wsm-cta a,
.derrick-purple .sidebar .featured-content .entry-header .entry-meta a,
.derrick-purple .sidebar .featured-content .entry-header .entry-meta,
.derrick-purple  .sidebar .widget-title a,
.derrick-purple .genesis-nav-menu a:hover,
.derrick-purple .genesis-nav-menu .sub-menu .current-menu-item > a,
.derrick-purple .nav-primary .sub-menu a,
.derrick-purple .footer-widgets .widget-title,
.derrick-purple .cta-box,
.derrick-purple .cta-box a,
.derrick-purple a:hover {
	color: #5F1847;
}

.derrick-purple .sidebar .widget.widget_recent_comments a,
.derrick-purple .sidebar .more-link a,
.derrick-purple .more-link a {
	color: #480147;
}

.derrick-purple .sidebar a,
.derrick-purple .sidebar,
.derrick-purple .entry-content a:hover,
.derrick-purple .sidebar .widget.wsm-cta a:hover,
.derrick-purple .sidebar .widget.widget_recent_comments a:hover,
.derrick-purple .sidebar .more-link a:hover,
.derrick-purple .more-link a:hover,
.derrick-purple  .entry-title a:hover,
.derrick-purple .cta-box a:hover,
.derrick-purple .nav-primary .sub-menu a:hover,
.derrick-purple .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.derrick-purple .site-description {
    color: #545456; /* Grey */
}

.derrick-purple div.soliloquy-caption-inside h2,
.derrick-purple div.soliloquy-caption-inside h3,
.derrick-purple div .soliloquy-caption-inside h4 {
	color: #414042;
}

.derrick-purple .archive-pagination li a,
.derrick-purple button,
.derrick-purple input[type="button"],
.derrick-purple input[type="reset"],
.derrick-purple input[type="submit"],
.derrick-purple .button,
.derrick-purple .entry-content .button {
	background-color: #480147;
}

.derrick-purple button:hover,
.derrick-purple input[type="button"]:hover,
.derrick-purple input[type="reset"]:hover,
.derrick-purple input[type="submit"]:hover,
.derrick-purple .button:hover,
.derrick-purple .entry-content .button:hover {
	background-color: #71625A;
}

.derrick-purple .archive-pagination li a:hover,
.derrick-purple .archive-pagination li.active a {
	background-color: #5F1847;
}

.derrick-purple .comment-reply a {
	background-color: #373535;
}

.derrick-purple .comment-reply a:hover {
	background-color: #555;
}

.derrick-purple.header-image .site-header .wrap {
	background-image: url(images/derrick-purple/logo.png);
}

.derrick-purple .subscribe .gform_widget .widget-title {
	background-image: url(images/derrick-purple/email-icon.png);
}


.derrick-purple .cta-icon.paper span {
	background-image: url(images/derrick-purple/icon-paper.png);
}

.derrick-purple .cta-icon.email span {
	background-image: url(images/derrick-purple/icon-email.png);
}

.derrick-purple .cta-icon.qmark span {
	background-image: url(images/derrick-purple/icon-qmark.png);
}

.derrick-purple .cta-icon.cutomer-service span {
	background-image: url(images/derrick-purple/icon-customer-service.png);
}

.derrick-purple .cta-icon.computer span {
	background-image: url(images/derrick-purple/icon-computer.png);
}

.derrick-purple .cta-icon.phone span {
	background-image: url(images/derrick-purple/icon-phone.png);
}

.derrick-purple .cta-icon.calendar span {
	background-image: url(images/derrick-purple/icon-calendar.png);
}

.derrick-purple .cta-icon.search span {
	background-image: url(images/derrick-purple/icon-seach.png);
}

.derrick-purple .cta-icon.search span {
	background-image: url(images/derrick-purple/icon-seach.png);
}

.derrick-purple div.soliloquy-container .soliloquy-control-nav li a,
.derrick-purple div.soliloquy-theme-classic .soliloquy-pager-link,
.derrick-purple div.soliloquy-theme-classic .soliloquy-pager-link:hover,
.derrick-purple div.soliloquy-theme-classic .soliloquy-pager-link.active {
    background-image: url(images/derrick-purple/slider-dots.png);
	height: 14px;
	width: 14px;
}

.derrick-purple div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-prev,
.derrick-purple div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-prev,
.derrick-purple div.soliloquy-container .soliloquy-direction-nav li .soliloquy-prev,
.derrick-purple div.soliloquy-theme-classic .soliloquy-prev {
    background-image: url(images/derrick-purple/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-purple div.soliloquy-container.soliloquy-slide-horizontal .soliloquy-direction-nav li .soliloquy-next,
.derrick-purple div.soliloquy-container.soliloquy-thumbnails-container .soliloquy-thumbnails .soliloquy-direction-nav li .soliloquy-next,
.derrick-purple div.soliloquy-container .soliloquy-direction-nav li .soliloquy-next,
.derrick-purple div.soliloquy-theme-classic .soliloquy-next {
    background-image: url(images/derrick-purple/slider-arrows-horizontal.png);
    height: 18px;
	width: 13px;
}

.derrick-purple .entry-content ul li,
.derrick-purple .sidebar li {
    list-style-image: url(images/derrick-purple/bullet-list.png);
}

.derrick-purple .social-media a {
    background-image: url(images/derrick-purple/social-icons.png);
}

.derrick-purple .slider .soliloquy-container .more-link a {
    background-image: url(images/derrick-purple/btn-arrow.png);
	background-position: 0 0;
	background-color: #5F1847;
	color: #fff;
}

.derrick-purple .bottom-nav,
.derrick-purple .nav-primary {
    background-image: url(images/derrick-purple/main-nav-bg.png);
	background-color: #5F1847;
	background-position: 0 bottom;
}

.derrick-purple blockquote {
    background-image: url(images/derrick-purple/blockquote.png);
}

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


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

	.wrap {
		max-width: 96%;
	}

	.content {
		width: 68%;
	}

	.sidebar {
		width: 30%;
	}

	.comment-respond,
	.entry-comments,
	.author-box,
	.breadcrumb,
	.archive-pagination,
	.entry-pagination,
	.home-cta .wrap,
	.subscribe .widget,
	.home-main,
	.footer-widgets .wrap,
	.site-footer .wrap {
		padding: 0;
	}

	.slider .soliloquy-container .soliloquy-caption {
		left: 0;
	}

	.entry {
		padding: 0 0 20px;
	}

}

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


}


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

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

	.content {
		width: 62%;
	}

	.sidebar {
		width: 35%;
	}

	.header-image .site-header .wrap {
		background-position: center 20px;
	}

	.site-header .widget-area {
		text-align: center;
	}

	.genesis-nav-menu li,
	.site-header ul.genesis-nav-menu,
	.site-header .search-form {
		float: none;
	}

	.genesis-nav-menu,
	.site-description,
	.site-header .title-area,
	.site-header .search-form,
	.site-title {
		text-align: center;
	}

	.site-header .search-form {
		margin: 16px auto ;
	}

	.genesis-nav-menu li.right {
		display: none;
	}

	.slider .soliloquy-container .soliloquy-caption {
		top: 10%;
	}

	.slider .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
		font-size: 17px;
		font-size: 17px;
	}

	.soliloquy-caption-inside h2 {
		font-size: 26px;
		font-size: 26px;
	}

	.soliloquy-caption-inside h3 {
		font-size: 22px;
		font-size: 22px;
	}

	.soliloquy-caption-inside h4 {
		font-size: 20px;
		font-size: 20px;
	}

	.cta-box p {
		font-size: 18px;
		font-size: 18px;
	}

	.bottom-nav .genesis-nav-menu .menu-item {
		font-size: 18px;
		font-size: 18px;
	}

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

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
		margin: 0 0 20px;
		width: 48%;
	}

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

	.footer-widgets-3 {
		clear: both;
	}


	.site-footer .footer-left,
	.site-footer .footer-right {
		float: left;
		margin: 0 0 20px;
		text-align: center;
		width: 100%;
	}

	.social-media {
		text-align: center;
	}

	.social-media a {
		display: inline-block;
		float: none;
	}


	table.tablepress-responsive-tablet {
		border: 0;
	}

	table.tablepress-responsive-tablet tbody tr {
		margin-left: -4px;
	}

	table.tablepress-responsive-tablet tbody {
		border-top: 1px solid #ccc;
	}

	table.tablepress-responsive-tablet thead {
		border-bottom: 1px solid #ccc;
		padding-bottom: 1px;
	}

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

}


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

	.content,
	.sidebar-primary,
	.site-header .widget-area,
	.site-inner,
	.title-area {
		width: 100%;
	}

	.nav-primary .wrap {
		max-width: 100%;
	}

	.cta-box p {
		font-size: 26px;
		font-size: 26px;
	}

	.home-cta .cta1,
	.home-cta .cta2,
	.home-cta .cta3 {
		border-bottom: 1px solid #d0d0d2;
		float: none;
		margin: 0 0 20px;
		padding-bottom: 30px;
		width: 100%;
	}

	.subscribe div.gform_wrapper .gform_body {
		width: 100%;
	}

	div.gform_wrapper .top_label li.gfield.gf_left_half,
	div.gform_wrapper .top_label li.gfield.gf_right_half {
		float: none;
		width: 100%;
	}

	div.soliloquy-container .soliloquy-caption {
		display: block;
	}

	.slider .soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
		font-size: 15px;
		font-size: 15px;
	}

	.slider .soliloquy-container .soliloquy-caption .soliloquy-caption-inside p {
		display: none;
	}

	.entry-categories,
	.entry-tags {
		float: none;
		width: 100%;
	}

	/* Responsive Navigation
	---------------------------------- */

	nav.nav-primary {
		display: block !important;
	}


	.menu-toggle,
	.sub-menu-toggle {
		border-radius: 0;
		display: block;
		font-family: 'Genericons';
		font-size: 20px;
		font-size: 20px;
		font-weight: 700;
		margin: 0;
		overflow: hidden;
		padding: 10px;
		text-align: center;
		visibility: visible;
	}

	button.menu-toggle,
	button.sub-menu-toggle {
		color: #fff;
	}

	.menu-toggle {
		background-color: #7bb142;
	}

	.menu-toggle:hover {
		background-color: #90D06C;
	}

	button.sub-menu-toggle {
		background-color: transparent;
		padding: 10px 8px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.menu-toggle:before {
		content: '\f419';
	}

	.menu-toggle:hover:before {
		content: '\f419';
	}

	.menu-toggle.activated:before {
		content: '\f406';
	}

	.sub-menu-toggle:before {
		color: #5D5E5E;
		content: '\f510';
	}

	.sub-menu-toggle.activated:before {
		color: #5D5E5E;
		content: '\f50e';
	}

	nav.nav-primary {
		display: none;
		position: relative;
	}

	.nav-primary .genesis-nav-menu {
		display: none;
	}

	.nav-primary .genesis-nav-menu .menu-item {
		background-color: #fff;
		color: #5D5E5E;
		display: block;
		position: relative;
		text-align: left;
	}

	.nav-primary .genesis-nav-menu .menu-item a {
		background-color: #fff;
		border: 0;
		border-bottom: 1px solid #ddd;
		color: #5D5E5E;
	}

	.nav-primary a:hover,
	.nav-primary .current-menu-item > a,
	.nav-primary .genesis-nav-menu .menu-item a:hover {
		background-color: #7bb142;
		background-image: none;
		color: #FFF;
	}


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

	.nav-primary .genesis-nav-menu .sub-menu {
		clear: both;
		display: none;
		opacity: 1;
		position: static;
		width: 100%;
	}

	.nav-primary .genesis-nav-menu .sub-menu a {
		border-left: 0;
		padding: 6px 24px;
		position: relative;
		width: auto;
	}

	.nav-primary .genesis-nav-menu .sub-menu .sub-menu {
		margin: 0;
	}

	.nav-primary .genesis-nav-menu .sub-menu .sub-menu .sub-menu a {
		padding-left: 40px;
	}

}

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

	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
		border-bottom: 1px solid #d0d0d2;
		width: 100%;
	}

	div.gform_wrapper .top_label li.gfield.gf_left_third,
	div.gform_wrapper .top_label li.gfield.gf_middle_third,
	div.gform_wrapper .top_label li.gfield.gf_right_third,
	div.gform_wrapper .ginput_complex .ginput_left,
	div.gform_wrapper .ginput_complex .ginput_right,
	div.gform_wrapper .gform_fields li.gfield.gf_right_half,
	div.gform_wrapper .gform_fields li.gfield.gf_left_half {
		width: 100%;
	}

	div.gform_wrapper ul.gform_fields li.gfield.gf_right_half input.large,
	div.gform_wrapper ul.gform_fields li.gfield.gf_left_half input.large {
		width: 98%;
	}

	.soliloquy-caption-inside h2 {
		font-size: 20px;
		font-size: 20px;
	}

	.soliloquy-caption-inside h3 {
		font-size: 18px;
		font-size: 18px;
	}

	.soliloquy-caption-inside h4 {
		font-size: 16px;
		font-size: 16px;
	}

	.slider .soliloquy-container .more-link a {
		font-size: 14px;
		font-size: 14px;
		padding: 4px 10px;
	}

	.bottom-nav .genesis-nav-menu .menu-item {
		font-size: 17px;
		font-size: 17px;
	}

}

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


	.soliloquy-caption-inside h2,
	.soliloquy-caption-inside h3 {
		font-size: 18px;
		font-size: 18px;
		font-weight: 500;
	}

	.slider .soliloquy-container .more-link {
		display: none;
	}

	.cta-box p {
		font-size: 19px;
		font-size: 19px;
	}

	.bottom-nav .genesis-nav-menu .menu-item {
		font-size: 16px;
		font-size: 16px;
		line-height: 1.5;
	}

	.bottom-nav .genesis-nav-menu a {
		border: 0;
		padding: 4px 10px;
	}

	.archive .post-image,
	.page-template-page_blog-php .post-image {
		float: none;
		margin: 0 auto;
	}

}

/* BetterCE General Changes for global configuration */

.site-header .widget-area h3 { font-size: 23px;}

/* ############## Homepage ############## */



/* homepage - hero */
section.home-hero-head{ font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; }

.home-hero-head {
	margin: 0;
	padding: 2.5em 0 1px 0;
	margin-right: -3000px;
	padding-right: 3000px;
	margin-left: -3000px;
	padding-left: 3000px;
	background-color: #f1f1f1;
	background-image: url('/wp-content/uploads/2016/06/mar2.png');
	text-align: center;
	line-height: 1;
}

#home-hero-container {margin: 0; padding: 0; width: 100%; position: relative;}

#home-hero-container h1 {color: #fff; font-size: 1em; font-weight: bold;
	position: absolute;
	line-height: 1.2;
	color: #fff;
	font-size: 2em;
	top: 18%;
	right: 1%;
}

#home-hero-container img {
	-webkit-box-shadow: 0px 3px 20px 3px rgba(71,71,71,0.4);
	-moz-box-shadow: 0px 3px 20px 3px rgba(71,71,71,0.4);
	box-shadow: 0px 3px 20px 3px rgba(71,71,71,0.4);
}


a.home-hero-button {
	position: absolute;
	color: #fff;
	font-size: 22px;
	background-color: rgba(194,211,219,0.3);
	padding: 14px 29px 12px 29px;
	text-decoration: none;
	top: 64%;
	right: 4%;
	border: 4px solid #fff;
	box-shadow: 3px 4px 5px #295477;
}

a.home-hero-button:hover {
	background-color: rgba(30,30,30,0.3);
	color: #fff;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

.home-hero-text-wrap h1 { text-shadow: 2px 2px 6px #334754;}

.home-hero-text-wrap hr { margin:0; padding: 0; display:none;}

/* homepage hero at mobile */

@media screen and (max-width: 600px){
	.site-inner {clear: both;padding: 1em 0 0;}
	.home-hero-head { display:none; margin:0;padding:0;background-image:none;background-color:transparent;}
	#home-hero-container {text-align: center;}
	#home-hero-container img {display: none;}
	#home-hero-container h1 {display:none; position: static; color: #757575; font-size: 1.25em;}
	.home-hero-text-wrap h1 {display:none; text-shadow: none;}
	.home-hero-button {display: none;}
	#home-hero-container div.text-hero-wraper2{
display:none;
		position: static;
		color: #fff;
		margin: 0 auto;
		width: 80%;
	}
	.home-hero-text-wrap br {display: none;}
	.home-hero-text-wrap hr{
		display: none;
		background-color: #cadae9;
		height: 1px;
		border: 0;
		color: #cadae9;
		width: 58%;
		margin: 15px auto;
	}
}

/* home - 2 mainboard */

section.home-duo-ref-container {
	height: 350px;
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	margin: 20px auto;
}

.home-duo-ref-left {float: left; height: 100%;width: 37.5%;}

.home-duo-ref-right {float: left; height: 100%;width: 62.5%;}

.home-duo-ref-right p {padding:0;margin:0 !important; color:#616267;}

div.home-state-inner-wrap p.home-state-wrap-upper {font-size:22px; font-weight:bold;}

div.home-state-inner-wrap p.home-state-wrap-lower {font-size:16px;}

.col-1-1 {
	display:table;
	margin:0;
	padding:0.8em;
	height: 30%;
	margin-bottom: 4%;
	background:#67a5cd;
}
.col-1-1 h1 {
	margin:0;
	padding:0;
	display: table-cell;
	text-align:center;
	vertical-align: middle;
	color: #fff;
	font-size: 22px;
	line-height: 1.4;
	margin: 0;
}

.col-1-2 {
	margin:0;
	padding:0;
	height: 66%;
	background-size: 100% 100%;
	background-color: #fafafa;
    background-image: url('/wp-content/uploads/2016/07/background-start-here.png');
    border: 1px solid #e1e1e1;
}

.col-1-2 p.home-start-span {
	font-weight: bold;
	color: #2880b9;
	font-size: 26px;
	text-align: center;
	margin: 0;
	padding-top: 27px;
}

.col-1-2 p.home-more-resource {
	font-weight: bold;
	font-size: 26px;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	color: #4a4a4a;
	line-height: 1.8;
	margin-bottom: 1em;
	text-align: center;
	width: 90%;
}

.col-1-2 div.home-select {
	margin: 0.5em auto 1em;
	padding: 0;
	width: 90%;
}

.col-2-1 {
	display:table;
	margin:0;
	padding:0 0 0 9em;
	height:33.5%;
	width:89%;
	margin-left:11%;
	background: url('/wp-content/uploads/2017/02/unop-devices2.png') no-repeat 0 22px;
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
}

.col-2-1 div {
	margin:0;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
}

.col-2-2 {
	display:table;
	margin:0;
	padding:0 0 0 9em;
	height:33.5%;
	width:89%;
	margin-left:11%;
	background: url('/wp-content/uploads/2017/02/unop-devices2.png') no-repeat 0 -262px;
	border-bottom: 1px solid #eaeaea;
}

.col-2-2 div {
	margin:0;
	padding:0;
	display: table-cell;
	vertical-align: middle;
}

.col-2-3 {
	display:table;
	margin:0;
	padding:0 0 0 9em;
	height:33.5%;
	width:89%;
	margin-left:11%;
	background: url('/wp-content/uploads/2017/02/unop-devices2.png') no-repeat 0 -122px;
	border-bottom: 1px solid #eaeaea;
}

.col-2-3 div {
	margin:0;
	padding:0;
	display: table-cell;
	vertical-align: middle;
}

.home-state-inner-wrap {
	margin:0;
	padding:0;
}

/* responsive */

@media screen and (max-width: 980px){
	div.home-state-inner-wrap p.home-state-wrap-upper { font-size: 19px;}
	div.home-state-inner-wrap p.home-state-wrap-lower {font-size: 16px; line-height:1.4;}
}

@media screen and (max-width: 774px){
	div.home-state-inner-wrap p.home-state-wrap-upper {font-size: 19px; line-height: 1.4;}
	.col-1-2 p.home-start-span {font-size: 26px; margin: 0; padding-top: 14px;}
	.col-1-1 h1 {font-size: 18px;}
	.col-1-2 div.home-select { margin: 0.5em auto;}
	.col-2-1 {background:none; padding: 0 1em;}
	.col-2-2 {background:none; padding: 0 1em;}
	.col-2-3 {background:none; padding: 0 1em;}
}

@media screen and (max-width: 600px){
	section.home-duo-ref-container {height: auto;}
	.home-duo-ref-left {float: none; width: 100%;}
	.home-duo-ref-right {float: none; width: 100%; padding:1em;}
	.col-1-1 {display:block; height: auto; background:none;}
	.col-1-1 h1 {display:block; font-size: 25px; color: #616267; font-weight: bold;}
	.col-1-2 {display:block;}
	.col-1-2 {margin-bottom: 0em; padding: 1em 1em 2em 1em; height: auto;}
	.col-1-2 div.home-select { margin: 0.5em auto;}
	.col-2-1 {
		background: url('/wp-content/uploads/2016/07/unop-home-device.png') no-repeat left center; 
		margin: 0;
		padding: 0 0 0 9em;
		width:100%;
		height:120px;
		border-top:none;
	}
	.col-2-2 {
		background: url('/wp-content/uploads/2016/07/unop-home-play.png') no-repeat left center;
		margin: 0;
		padding: 0 0 0 9em;
		width:100%;
		height:120px;
		border-bottom:none;
	}
	.col-2-3 {
		background: url('/wp-content/uploads/2016/07/unop-home-report.png') no-repeat left center;
		margin: 0;
		padding: 0 0 0 9em;
		width:100%;
		height:120px;
	}
}

@media screen and (max-width: 500px){
	.col-2-1 {
		background: url('/wp-content/uploads/2016/07/unop-home-device.png') no-repeat left center; 
		margin: 0;
		padding: 0 0 0 9em;
		width:100%;
		height:120px;
		border-top:none;
		font-size: 13px;
	}
	.col-2-2 {
		background: url('/wp-content/uploads/2016/07/unop-home-play.png') no-repeat left center; 
		margin: 0;
		padding: 0 0 0 9em;
		width:100%;
		height:120px;
		font-size: 13px;
		border-bottom:none; /* this determines graphic bug */
	}
	.col-2-3 {
		background: url('/wp-content/uploads/2016/07/unop-home-report.png') no-repeat left center; 
		margin: 0;
		padding: 0 0 0 9em;
		width:100%;
		height:120px;
		font-size: 13px;
	}
}

@media screen and (max-width: 440px){
	.col-2-1 {
		background: none;
		margin: 0;
		padding: 0;
		width:100%;
		height:120px;
		border-top:none;
		font-size: 13px;
	}	
	.col-2-2 {
		background: none;
		margin: 0;
		padding: 0;
		width:100%;
		height:120px;
		font-size: 13px;
		border-bottom:none; /* this determines graphic bug */
	}	
	.col-2-3 {
		background: none;
		margin: 0;
		padding: 0;
		width:100%;
		height:120px;
		font-size: 13px;
	}	
	div.home-state-inner-wrap p.home-state-wrap-upper {
		color: #2880b9;
		line-height: 1.2;
		font-size: 20px;
		margin-bottom: 0.1em;
	}
	div.home-state-inner-wrap p.home-state-wrap-lower {font-size: 13px;}
	.home-state-inner-wrap {text-align:center;}
}

/* home - 3 tri-widgets */


section.tri-widgets {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	background-color: #f1f1f1;
	text-align:center;
	padding: 2.5em 0 0.5em 0;
	background-image: url('/wp-content/uploads/2016/06/mar2.png');
	margin-right: -3000px;
	padding-right: 3000px;
	margin-left: -3000px;
	padding-left: 3000px;
}
section.tri-widgets div.tri-wrap {max-width: 1120px; margin: 0 auto;}
.tri-widgets h1.tri-up-h1 {font-weight: bold; margin-bottom: 0.35em; font-size: 26px; color: #2880b9;}
.tri-widgets p.tri-up-p {font-size: 16px; color: #5b5b5b; margin-bottom:2.6em;}
.tri-widgets div.wrapping-three-widgets {width: 100%;}
.tri-widgets div.wrapping-three-widgets .list-widgets{float: left; text-align: center; }
.list-widgets-one {width: 29%; margin: 0 6.5% 0 0;}
.list-widgets-two {width: 29%; }
.list-widgets-three {width: 29%; margin: 0 0 0 6.5%;}

.list-widgets div img {width: 100%; padding: 0 8px; display:block;}
.list-widgets-one img{ background-color: #89cca2;}
.list-widgets-two img{ background-color: #cdc18a;}
.list-widgets-three img{ background-color: #d1948e;}
.tri-lower{ background-color: #fff; border: 1px solid #e1e1e1; padding: 2.4em 1em 0.4em;}
.tri-lower h1 {font-size:22px; color:#4f4f4f; font-weight: 400; margin-bottom: 1.6em;}
.tri-lower p {font-family: 'Ubuntu', Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; color:#878787; font-size: 18px;}
.tri-lower p.lower-bottom-p { margin-bottom: 2.9em;}
.tri-lower a { background:url('/wp-content/uploads/2016/07/tri-arrow.png') no-repeat 0 3px; padding: 0 0 0 23px; font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; color:#2eb165; font-size: 17px; text-decoration:none;}
.tri-lower a:hover { color:#2C8250; background:url('/wp-content/uploads/2016/07/tri-arrow.png') no-repeat 0 -97px;
	-webkit-transition: color 0.1s ease-out;
	-moz-transition: color 0.1s ease-out;
	-o-transition: color 0.1s ease-out;
	transition: color 0.1s ease-out;
}


.home-prelicensing, .home-signup, .home-course-delivery {
 -webkit-filter: brightness(100%);
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
          transition: all 0.4s ease;
}

.home-prelicensing:hover, .home-signup:hover, .home-course-delivery:hover {
  -webkit-filter: brightness(90%);
}

.tri-lower {
	box-shadow: inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,1);
}

.tri-lower:hover {  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
          transition: all 0.4s ease;background-color:#f5f7f9;
}

.tri-lower p.lower-bottom-p {
    margin-bottom: 4em;
}
.tooltip { outline:none; position: relative;}
.tooltip span {
	z-index: 99;
	position: absolute;
	display: none;
	padding: .5em;
	line-height: 1em;
	color: #fff;
	background: #2880b9;
	text-decoration: none;
	box-shadow: 1px 1px 2px rgba(55,55,55,.3);
	white-space: nowrap;
	font-size: 12px;
}
.tooltip.n span {
	top: 2%;
	left: 10%;
	margin-left: 1em;
	margin-top: 0;
}
.tooltip:hover span { display: block; }


/* home - 2 disclaimers */

section.duo-widgets {font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;}

.duo-widgets {
	padding: 3.5em 0;
	margin-right: -3000px;
	padding-right: 3000px;
	margin-left: -3000px;
	padding-left: 3000px;
}

.duo-two {
	background-image: url('/wp-content/uploads/2016/06/mar2.png');
}

.duo-content-one-image {
	float: left;
	width: 17%;
	text-align: right;
	padding: 0.3em 3em 0 0;
}

.duo-content-two-image {
	float: right;
	width: 17%;
	text-align: left;
	padding: 0.3em 0 0 3em;
}
.duo-content-one {
	float: right;
	width: 83%;
	padding-right: 7em;
}
.duo-content-one h1 {
	font-weight: bold;
	color: #2579b1;
	font-size: 1.3em;
}
.duo-content-one p, .duo-content-two p {
	line-height: 1.8;
	font-size: 0.8em;
	color: #68686e;
}
.duo-content-one a, .duo-content-two a {
	color:#2eb165;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
}
.duo-content-one a:hover, .duo-content-two a:hover {
	color:#1d7542;
}
.duo-content-two {
	float: left;
	width: 83%;
	padding-left: 7em;
	text-align: right;
}
.duo-content-two h1 {
	font-weight: bold;
	color: #2579b1;
	font-size: 1.3em;
	text-align: right;
}

/* responsive for 3 widgets and 2 disclaimers */

@media all and (max-width: 850px){
	.duo-content-one br {display:none}
	.duo-content-two br {display:none}
}
@media all and (max-width: 730px) and (min-width: 361px){
	.tri-widgets div.wrapping-three-widgets .list-widgets{
		float: none; text-align: center;
		margin: auto;
		width: 90%;
		margin-bottom: 1.5em;
	}
	.tri-widgets {
		padding: 1.8em 1em;
		margin: 0;
	}
	.tri-widgets h1 {
		font-weight: bold;
		color: #2eb165;
		font-size: 1.4em;
	}
	.duo-widgets { margin: 0; padding: 0; }
	.duo-content-one-image,.duo-content-two-image { display:none; }
	.duo-content-one, .duo-content-two {
		float: none;
		width: 100%;
		padding: 3em;
		text-align: left;
	}
	.duo-content-two h1 { text-align: left; }
	.duo-content-one br, .duo-content-two br { display:none; }
}

@media all and (max-width: 360px){
	.tri-widgets div.wrapping-three-widgets .list-widgets{
		float: none; text-align: center;
		margin: auto;
		width: 90%;
		margin-bottom: 1em;
	}
	.tri-widgets h1 {
		font-weight: bold;
		color: #2eb165;
		font-size: 1.4em;
	}
	.tri-widgets {
		padding: 1.8em 0.5em;
		margin: 0;
	}
	.duo-widgets { margin:0; padding: 0; }
	.duo-content-one-image,.duo-content-two-image { display:none; }
	.duo-content-one, .duo-content-two {
		float: none;
		width: 100%;
		padding: 1em;
		text-align: left;
	}
	.duo-content-two h1 { text-align: left; }
	.duo-content-one br, .duo-content-two br { display:none; }
}

@media screen and (max-width: 1200px){
.home-hero-head,section.tri-widgets,.duo-widgets {
	margin-right: auto;
	padding-right: 0;
	margin-left: auto;
	padding-left: 0;
}
}

/* #################### BetterCE About-Us Page ################ */

/* About Us - hero graphic */

.about-hero-graphic img {
	display: block;
	margin:0 auto;
	width: 100%;
	height: auto;
}

hr.about-divider { border: none;
	height: 5px;
	color: #d1d1d1;
	background-color: #d1d1d1;
	margin: 46px 0;
	width:100%;
}

/* About Us - intro */

section.about-intro { 
	border: 2px solid #ccd6d0;
	padding: 2em;
	margin-bottom: 20px;
	font-size: 18px;
}

.about-intro h1 {
	text-align:center;
	width: 80%;
	margin: 0 auto 1em;
	text-transform: uppercase;
	color: #2880b9;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
}

.about-intro h2 {
	margin: 24px auto 30px;
	color: #2880b9;
	font-size: 26px;
}

.about-intro p {
	color: #6c6b6b;
	font-size:18px;
	margin-bottom: 2em;
	letter-spacing: 0.3px;
}

.about-intro strong {color: #555555; letter-spacing: 0.3px;}

.about-intro p.about-center {text-align: center; font-size: 18px;}

.about-intro a.about-ext-button {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #fff;
	padding: 0.8em 1.5em;
	background-color: #2eb165;
	text-decoration: none;
	border-radius: 50px;
}

.about-intro a.about-ext-button:hover {
	color: #fff;
	background-color: #2C8250;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

.about-intro p.about-slogan {text-align: center; font-size:1.05em;}

hr.hrstyle {border-top: 4px double #ccd6d0; text-align: center; background: #fcfcfc;}
hr.hrstyle:after {content: url(/wp-content/uploads/2016/10/downarrow-about-us.png);
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 2px;
        background: #fcfcfc;
	color: #ccd6d0;
	font-size: 1em;}

/* About Us - available anywhere */

.about-2nd-left {float:left; width: 15%;}
.about-2nd-left img {display: block; margin: 10px auto;}
.about-2nd-right {float:left; width: 85%;}
.about-no-p-space p {margin: 0; margin-bottom: 1em;}
.about-2nd-right strong {color: #015796;}

/* About Us - list of services */

div.about-list-left { float: left; width: 50%; padding-left: 4em;}
div.about-list-right { float: right; width: 50%; padding-right: 4em;}
.about-list-left ul, .about-list-right ul {
	font-size: 16px;
	line-height: 1.8;
	color: #6c6b6b;
}
.about-last-section { margin: 1em auto 4em; }

@media screen and (max-width: 700px){ 
	div.about-list-left { float: left; width: 50%; padding-left: 1em;}
	div.about-list-right { float: right; width: 50%; padding-right: 1em;}
}
@media screen and (max-width: 600px){ 
	.about-intro h1 {
		width: 100%;
		text-transform: uppercase;
		font-size: 24px;
		line-height: 1.3;
	}
	.about-intro h2 {
		font-size: 18px;
		line-height: 1.6;
	}
}
@media screen and (max-width: 440px){ 
	section.about-intro { padding: 1em; }
	div.about-list-left { float: left; width: 50%; padding-left: 0.3em;}
	div.about-list-right { float: right; width: 50%; padding-right: 0.3em;}
	.about-list-left ul, .about-list-right ul {font-size: 13px;line-height: 1.8;color: #6c6b6b;}
	.about-intro h2 {
		font-size: 18px;
		line-height: 1.6;
	}
	.about-intro h1 {
		text-align: center;
		width: 100%;
		margin: 24px auto 30px;
		text-transform: uppercase;
		font-size: 22px;
		font-weight: bold;
		line-height: 1.3;
	}
}
@media screen and (max-width: 850px){
	.about-2nd-left img { padding-right: 1.4em;}
}

@media screen and (max-width: 650px){
	.about-2nd-left img { display:none; }
	.about-2nd-right {
		float: none;
		width: 100%;
	}
}

/* ########################## Notice Page ########################## */

a.state-ext-button {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #fff;
	padding: 0.8em 1.5em;
	background-color: #2eb165;
	text-decoration: none;
	border-radius: 50px;
	line-height: 1.1;
	letter-spacing: 0;
	text-align: center;
	font-size: 14px;
}

a.state-ext-button:hover {
	color: #fff;
	background-color: #2C8250;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

span.lf-pd { padding-left: 4px; }

@media screen and (max-width: 500px){
a.state-ext-button {font-size: 11px;}
a.state-ext-button img { display: none;}
span.lf-pd {padding: 0;}
}

/* ########################## State Page ########################### */

/* State - hero */
section.state-hero-graphic {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	position: relative;
	padding:0; margin:0;
	height: 213px;
	overflow:hidden;
}

.state-hero-graphic img {
	display:block;
	max-width: 1119px;
	max-height: 213px;
	width: auto;
}

.state-hero-inner {
	position: absolute;
	top:45%;
	right:1px;
	text-align: right;
	padding: 0.8em 1.5em 0.7em 3em;
}

.state-hero-inner-green {background-color:rgba(63, 81, 55, 0.8);}
.state-hero-inner-orange {background-color:rgba(103, 92, 68, 0.8);}
.state-hero-inner-red {background-color:rgba(81, 55, 55, 0.8);}
.state-hero-inner-skyblue {background-color:rgba(109, 136, 140, 0.8);}
.state-hero-inner-sand {background-color:rgba(136, 126, 100, 0.8);}

.state-hero-inner h1 {
	color: #fff; font-size: 22px;
	margin:0 0 0.5em 0;
}

.state-hero-inner p {
	font-family: 'Ubuntu', Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	color:#cacaca;
	margin:0;
	line-height: 1.2;
	font-size: 13px;
}

@media only screen and (max-width: 380px){
	section.state-hero-graphic {
		position: static;
		height:auto;
	}
	.state-hero-graphic img{
		display:none;
	}
	.state-hero-inner {
		display:block;
		background: transparent;
		margin: 1.5em 0.2em 2em 0.2em;
		padding: 0;
		position: static;
	}
	.state-hero-inner h1 {
		color: #759fbb;
		text-align: center;
		font-size:28px;
		line-height: 1.3;
	}
	.state-hero-inner p {
		color: #7a7a7a;
		text-align: center;
	}
}

/* State - helpful resources */

section.state-helpful-resources {
	margin-top: 1em;
}

.state-container {
    height: 122px;
}

.state-left {
    float: left;
    height: 100%;
    width: 57%;
	margin-right: 5%;
}

.state-right1 {
    float: left;
    height: 100%;
    width: 19%;
}

.state-right2 {
    float: left;
    height: 100%;
    width: 19%;
}

.state-col-1-1 {
    height: 100%;
    background-color: #fafafa; border-bottom: 5px solid #d3dbe0; border-top: 5px solid #d3dbe0; padding-top: 1.0em; padding-left: 1.0em; padding-right: 0.5em;overflow-y: auto;
}

.state-col-1-1 p {
	font-family: 'Ubuntu', Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif; color:#7a7a7a;
	font-size:14px;
	margin:0;
	background: url('/wp-content/uploads/2016/07/general-arrow.png') no-repeat 0 6px;
	padding-left: 16px;
}

.state-col-2-1 { 
	display:table;
	border:0;
    height: 46%;
	width:100%;
	margin: 0 4% 4% 0;
	background:#3e769a;
	box-shadow: 3px 3px 2px #bfbfbf;
    background-image: -webkit-linear-gradient(top, #3e769a, #2d5771);
    background-image: -moz-linear-gradient(top, #3e769a, #2d5771);
    background-image: -ms-linear-gradient(top, #3e769a, #2d5771);
    background-image: -o-linear-gradient(top, #3e769a, #2d5771);
    background-image: linear-gradient(to bottom, #3e769a, #2d5771);
}

.state-col-2-2 { 
	display:table;
	border:0;
    height: 46%; width:100%;
	margin: 4% 4% 0 0;
	background:#c16622;
	box-shadow: 3px 3px 2px #bfbfbf;
    background-image: -webkit-linear-gradient(top, #c16622, #9e531a);
    background-image: -moz-linear-gradient(top, #c16622, #9e531a);
    background-image: -ms-linear-gradient(top, #c16622, #9e531a);
    background-image: -o-linear-gradient(top, #c16622, #9e531a);
    background-image: linear-gradient(to bottom, #c16622, #9e531a);
}

.state-col-3-1 {
	display:table;
	border:0;
    height: 46%; width:100%;
	margin: 0 0 4% 4%;
	background:#7d7b7b;
	box-shadow: 3px 3px 2px #bfbfbf;
    background-image: -webkit-linear-gradient(top, #7d7b7b, #5a5858);
    background-image: -moz-linear-gradient(top, #7d7b7b, #5a5858);
    background-image: -ms-linear-gradient(top, #7d7b7b, #5a5858);
    background-image: -o-linear-gradient(top, #7d7b7b, #5a5858);
    background-image: linear-gradient(to bottom, #7d7b7b, #5a5858);
}

.state-col-3-2 {
	display:table;
	border:0;
    height: 46%;
	width:100%;
	margin: 4% 0 0 4%;
	background:#8f3931;
	box-shadow: 3px 3px 2px #bfbfbf;
    background-image: -webkit-linear-gradient(top, #8f3931, #6f2c25);
    background-image: -moz-linear-gradient(top, #8f3931, #6f2c25);
    background-image: -ms-linear-gradient(top, #8f3931, #6f2c25);
    background-image: -o-linear-gradient(top, #8f3931, #6f2c25);
    background-image: linear-gradient(to bottom, #8f3931, #6f2c25);
}

.col-sub-link {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	color:#fff;
	font-size: 13px;
	line-height: 1.2;
}

.col-sub-link-box {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff !important;
    text-decoration: none !important;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer;
}
.col-sub-link-box:hover {
    background-color: #e0e0e0;
	color: #4e4e4e !important;
	cursor: pointer;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

@media only screen and (max-width: 840px){
	.state-col-1-1 p {font-size:14px;}
}
@media only screen and (max-width: 770px){
	.state-col-1-1 { padding-top: 0.8em;
		padding-left: 0.8em;
		padding-right: 0.5em;
	}
}
@media only screen and (max-width: 648px){
	.state-container {height:auto;}
	.state-left {float:none; width:100%; margin:0;}
	.state-col-1-1 { padding: 1em; }
	.state-ol-1-1 p {font-size: 15px;}
	.state-right1, .state-right2{
		float:none;
		display:block;
		margin:1em 0;
		padding:0;
		width:100%;
		height:auto;
	}
	.state-col-2-1, .state-col-2-2, .state-col-3-1, .state-col-3-2{
		border: 0;
		height: 3em;
		width: 100%;
		margin: 0;
		text-align:center;
	}
	.state-col-2-1, .state-col-2-2 {
		float:left;
		width:48%;
		margin: 0 1%;
	}
	.state-col-3-1, .state-col-3-2{
		float:left;
		width:48%;
		margin: 1% 1%;
	}
	.state-col-3-1 {clear:both;}
	.col-sub-link {display:block;}
	.state-right1 {clear:both;}
}

@media only screen and (max-width: 800px){.col-sub-link-box { font-size:12px;}}

section.state-helpful-resources {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	overflow: hidden;
}

.state-resource-left {
	float:left;
	width: 57%;
	margin-right: 5%;
	min-height:129px;
	padding-bottom: 9999px;
	margin-bottom: -9999px;
}

.state-left-inner {
	height: 100%;
	background-color: #fafafa;
	border-bottom: 5px solid #d3dbe0;
	border-top: 5px solid #d3dbe0;
	padding: 1.4em 1.3em;
}

.state-left-inner p {
	font-family: 'Ubuntu', Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	color:#7a7a7a;
	font-size:15px;
	margin:0;
	background: url('/wp-content/uploads/2016/07/general-arrow.png') no-repeat 0 6px;
	padding-left: 16px;
}

section.product-catalog-lists {margin-top: 1em;}

/* some cosmetic detail button and hides the thead for product table */

table.coursetable thead {display:none;}

table.coursetable td {line-height: 1.2;}

a.state-course-detail-button { 
	position: relative;
	top:-2px;
	color: white;
	padding: 0.3em 0.5em 0.2em;
	margin-right: 0.7em;
	background: #2493d4;
	background-image: -webkit-linear-gradient(top, #6dc0ef, #3c98ce);
	background-image: -moz-linear-gradient(top, #6dc0ef, #3c98ce);
	background-image: -ms-linear-gradient(top, #6dc0ef, #3c98ce);
	background-image: -o-linear-gradient(top, #6dc0ef, #3c98ce);
	background-image: linear-gradient(to bottom, #6dc0ef, #3c98ce);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	text-decoration: none;
	font-size: 0.6em;
	cursor: pointer;
	letter-spacing: 0.2px;
}
a.state-course-detail-button:hover {
	background: #f2f2f3;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	-o-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}

@media only screen and (max-width: 600px){a.state-course-detail-button{display:none;}}

/* State- Product List */

/* COURSE CATALOG PAGE EDIT HERE */

#course-h2 { font-size: 2em; margin-bottom: 1em;}

/* get rid of the US map at course catalog page if the view size is set for mobile */

@media only screen and (max-width: 480px) {
	.entry-title { font-size: 2em;}
	#course-h2 { font-size: 1em; margin-top: 2em;}
	.hideonmobile { display: none;}
}

@media only screen and (max-width: 906px) {
	.hideonmobile-usmap {
		display: none;
	}
}
/* Add 40px margin-top to image map so it will look little far from the select option above */

.margintophere {
	margin-top: 40px;
}

/* style the course catalog select menu */
.catalselect input, select.catalselect , .catalselect textarea {
	background-color: #f5f5f5;
	border: 2px solid #cfd0d2;
	color: var(--wp--preset--color--dark-blue);
	font-size: 16px; 
	font-size: 16px;
	padding: 8px;
	width: 100%;
	font-weight:bold;
}

/* VIEW COURSE PAGE FOR EACH STATES HERE */

/* sub header that says approved provider number */
.sub-styling { color: #838383; text-align: center; margin: 0 0 0.9em; padding: 0; font-size: 0.9em; }

/* The letter Helpful Resources */
.course-toplinks {
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	background-color: #f7f7f7;
	padding: 0.5em 2em;
}

.course-toplinks h1 { margin: 0;}

.course-head-middle { text-align: center; }

/* 4 top links part */
.course-catalog-col-group > div { padding: 1em; }

.course-catalog-col-group { text-align: center; }

@media screen and (min-width: 44em) {
  .course-catalog-col-group {
    text-align: center;
    overflow: hidden;
  }
  .course-catalog-col-group > div {
    float: left;
    width: 50%;
  }
  .course-catalog-col-group > div:nth-child(odd) {
    clear: left;
  }
.course-catalog-col-group img{margin-top: 0.1em; margin-bottom: 0;}
}
@media screen and (min-width: 64em) {
  .course-catalog-col-group > div {
    width: 25%;
  }
  .course-catalog-col-group > div:nth-child(odd) {
    clear: none;
  }
}



/* Assign table with the class="coursetable" and the following css will be applied. Used for Course Catalog only.  Responsive to mobile at 470px. */

table.coursetable {
    border: 1px solid #f3f3f3;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
	line-height: 1;
}

table.coursetable tr {
    border: 1px solid #f3f3f3;
    padding: 0.3em;
}

table.coursetable th, table.coursetable td {
    padding: 0.3em;
    text-align: left;
	border-top: 0;
}

table.coursetable th {
    text-transform: none;
	background-color: #f7f7f7;
    letter-spacing: 1px;
}

table.coursetable td:last-child, table.coursetable th:last-child {
    text-align: left;
}

@media screen and (max-width: 470px) {
	table.coursetable td:last-child, table.coursetable th:last-child {
    text-align: right;}
}

table.coursetable td.course-table-mobile { width: 294px; font-weight: bold;}

table.coursetable td.course-table-price { text-align: right; width: 250px; }

table.coursetable tr:hover {background-color: #e3edf7;}

.add_to_cart_inline span.amount {
	margin-right: 0.75em;
	font-weight: bold;
	color: #6DACD3;
}

/* mobile template for table */
@media screen and (max-width: 470px) {
    table.coursetable {
        border: 0;
    }

    table.coursetable thead {
        display: none;
    }

    table.coursetable tr {
        margin-bottom: 10px;
        display: block;
		border: 2px solid #ddd;
    }

    table.coursetable tr:after {
        content: "";
        display: table;
        clear: both;
    }
  
    table.coursetable tr:before {
        display: block;
        border-bottom: 2px solid #f3f3f3;
    }

    table.coursetable td {
        box-sizing: border-box;
        display: block;
        float: left;
        clear: left;
        width: 100%;
        text-align: right;
        border-bottom: 1px dotted #f3f3f3;
		border-top: 0;
    }

    table.coursetable td:last-child {
        border-bottom: 0;
    }

    table.coursetable td:before {
        content: attr(data-label);
        float: left;
        text-transform: none;
        font-weight: bold;
    }
}

/* table line adjust for mobile */

@media only screen and (max-width: 900px){
	table.coursetable td.course-table-mobile {width: 230px; }
	table.coursetable td.course-table-price {width: 180px; }
}
@media only screen and (max-width: 600px){
	table.coursetable td.course-table-mobile {width: 200px; }
	table.coursetable td.course-table-price {width: 110px; }
	.add_to_cart_inline span.amount {font-size: 1.3em; }
	span.state-cart-info-price {font-size: 1.3em; }
}
@media only screen and (max-width: 470px){
	section.product-catalog-lists h1, section.state-helpful-resources h1 { font-size: 20px;}
	table.coursetable td.course-table-mobile {width: 100%; }
	table.coursetable td.course-table-price {width: 100%; }
	span.state-cart-info-price {font-size: 1.3em; }
}


/* ############### misc page ################## */

section.misc-pages {
	
	margin-bottom: 60px;
}
section.misc-pages p {
	color:#6c6b6b;
	line-height: 1.8;
	margin-bottom: 2em;
}

/* ############## Renewal Reminder Sign-up ############## */

.liclook ul {
	margin:0;
	padding: 0;
}
.liclook ul li {
	list-style-type:none;
	float:left;
	list-style: none;
}
.liclook ul li:nth-child(2) {
	padding:0px 0px 0px 0.5em;
}
.liclook ul li input, .liclook ul li select, .liclook ul li textarea {
	background-color: #fff;
	border: 1px solid #cfd0d2;
	font-size: 0.9em;
	padding: 3px;
	width: 100%;
}
.liclook ul li span {
	color: #4e91bd;
	display: inline;
	font-size: 0.9em;
	font-weight: bold;
}

/* BetterCE WooCommerce Custom Changes
Please keep these custom codes at the bottom of this file.
---------------------------------- */
	
/* Refer to https://www.skyverge.com/blog/hide-woocommerce-product-image/ functions.php:224 removed product detail images, and following code adjusts the width of the remaining texts so it doesn't look awkward. - added by Christopher Park */

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: left !important;
    width: auto !important;
}

/* WooCommerce Checkout page has Additional information tab with shipping address section.  We never ship any items and we don't need this section. getting rid of col2, and expanding col1 to full width */

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 0%;
    display: none;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100%;
}

/* Expand coupon entering field on a cart page */

.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text {
    width: 140px !important;
}

/* per woocommerce 2.6 update, hide product page In Stock text message */

.woocommerce div.product p.stock { display: none; }

/* removing product categories display */

.woocommerce div.product_meta { display:none; }

/* hide Checkout list style so it won't have strange dot appearing */

.entry-content .woocommerce #order_review ul li {
	list-style-image: none;
}

/* state page buttons are coloared as green */

table.coursetable td.course-table-price a {
	color: #ffffff;
    background-color: #7cb042;
}

/* per woocommerce force-sell plugin, remove the product page from saying "This will also add the following products to your cart:" */

.wc-force-sells { display: none; }
.woocommerce div.product form.cart div.wc-force-sells {display:none;}

/* ##################### WooCommerce STATE PAGE ##################### */
/* Front Store product description page should have montserrat */

section.front-product-description {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	margin-bottom: 3em;
}

section.front-product-description h1,
section.front-product-description h2,
section.front-product-description h3,
section.front-product-description h4,
section.front-product-description h5,
section.front-product-description h6 {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
}

section.front-product-description p,
section.front-product-description ul,
section.front-product-description li {
    
    color: #6c6b6b;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.2px;
}

section.front-product-description p { margin-bottom: 2.25em; }

section.front-product-description div.product-content-inside { 
	margin:0;
	margin-bottom: 2em;
	font-weight: bold;
	font-size: 16px;
}

section.front-product-description div.product-content-inside p { margin: 0;}

.woocommerce div.product div.images, .woocommerce div.product div.summary {
    margin-bottom: 0em;
}

/* change the color of add to cart on product description page */

form.cart button.single_add_to_cart_button { background-color: #7cb042 !important; }
form.cart button.single_add_to_cart_button:hover { background-color: #ebe9eb !important; color: #515151 !important;}

/* set color for Go Back to State Page link on product description page */

.woo-add-product-back-link {
	font-size: 0.8em; 
	font-weight: bold; 
	color:#77a464; 
	text-decoration: underline;
}
.woo-add-product-back-link:hover {color:#565759;}
a.woo-product-description-red {color: red;}

/* add to cart button and pricing info */

.state-cart-info-price {
	margin-right: 1.0em;
	font-size: 1.2em;
    font-weight: bold;
    color: #6DACD3;
}

.state-cart-info-action,
.wp-zoom-list-item .wp-zoom-list-item--info-actions .button {
	font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    text-decoration: none !important;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    color: #ffffff;
    background-color: #7cb042;
    border: 0;
    white-space: nowrap;
}
.state-cart-info-action:hover,
.wp-zoom-list-item .wp-zoom-list-item--info-actions .button:hover {
	background-color: #ebe9eb !important;
	color: #515151 !important;
}

.customer_details dt {display: none;}
.customer_details dd {display: block;}

/* ##################### WooCommerce PRODUCT DESCRIPTION PAGE FOR PACKAGES ##################### */
section.front-product-description-bundle p {
	
	color: #6c6b6b;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.2px;
}
section.front-product-description-bundle ul li {
	font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #6c6b6b;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.2px;
}

p.add-margin-p {margin-bottom: 1em;}
h2.shopping-sub {margin-bottom: 10px; margin-top: 20px;}

.bundled-product-upper {background-color: #f5f5f5; padding: 1em;}
.bundled-product-lower {background-color: #f5f5f5;padding: 1em; margin-top: 1em; margin-bottom: 1em;}
.bundleup-custom {margin-left: 2em;}
div.bundled-product-upper ul li {margin-left: 2em;}
div.bundled-product-upper strong {color: #6c6b6b; font-family: Montserrat,'Helvetica Neue',Helvetica,Arial,sans-serif;}

a.alink-decoration {
display: inline-block;
background-color: #27b05f;
padding: 1px 1em;
border-radius: 25px;
color: #fff;
font-weight: bold;
text-decoration: none;
font-size: 0.9em;
}
a.alink-decoration:hover {
color: #fff;
background-color: #55b77d;
}

/* modal popup for about-us and course-delivery-description pages. Refer to http://www.w3schools.com/howto/howto_css_modals.asp Javascript located at the corresponding widget. Css applies here. */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 5%; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 65%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 40px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {margin: 3em 0 3em 0; padding: 1em 2em;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* sidebar buttons need to set to width 100% to retain same size in any resolution */

.button-width {
	width: 100%;
}

@media only screen and (max-width: 900px){.modal-content {width: 80%; }}
@media only screen and (max-width: 600px){
	.modal-content {width: 90%; }
	.modal-body {padding: 2%; }
}

/* ############### REQUIREMENT PAGES ################## */
.div-format { 
	color:#6c6b6b;
	font-size: 14px;
	width: 100%;
	border: 1px solid #ccd6d0;
	padding: 20px;
	margin-bottom: 20px;
	
	letter-spacing: 0.3px;
}

.div-format h1 {
	font-weight: bold;
	color: #2880b9;
	text-align: center;
	margin: 0 0 0.6em 0;
	line-height: 1.2;
}

.div-format h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #2e74b5;
	margin: 1em 0 0 0;
}

.div-format h3 {
	font-size: 1.3em;
	font-weight: bold;
	color: #2e74b5;
	margin: 0.5em 0;
}

.div-disclaimer {
	background-color: #e3e3e3;
	padding: 1em;
	margin-top: 2em;
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
}

.div-disclaimer p {
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.1;
	letter-spacing: 1px;
}

@media only screen and (max-width: 600px){
	.div-format { padding: 3%; }
	.div-format h1 {font-size: 1.5em; }
	.div-format h2 {font-size: 1.4em; }
}

/* ############### LEARNDASH BUG FIXES ################## */

/* deletes category link located at the bottom of each lessons */
footer.entry-footer { display:none; }

/* deletes post time stamp on each quiz */
header.entry-header p.entry-meta { display:none; }

/* deletes list bullet image on leaerndash quiz result page */
/* .entry-content ul.wpProQuiz_resultsList { display:none; } */
.entry-content ul.wpProQuiz_resultsList li { list-style-image: none; }

/* deletes link navigation at the bottom of learndash lesson */
#learndash_next_prev_link { display:none !important; }

/* Slider This part deals with the frontal part of the soliloquy slider */

/* put some margin at the top and bottom of the slider */
.slider { margin: 38px auto 38px; }

/* Add a Go to My Courses button and style it as same as learndash print certificate button */

a.goto-my-courses {
  border: none;
  font-weight: normal;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear, background .25s linear  !important;
  transition: border .25s linear, color .25s linear, background-color .25s linear, background .25s linear  !important;
  color: #ffffff !important;
  background-color: #3498DB;
  background: #3498DB;
  padding: 10px 19px;
  font-size: 17px;
  line-height: 1.471;
  border-radius: 6px;
  white-space: normal;
  text-decoration: none !important;
}
a.goto-my-courses:hover, a.goto-my-courses:focus, a.goto-my-courses:active {
  color: #ffffff;
  background-color: #5dade2;
  border-color: #5dade2;
}
div.goto-my-courses-div {
	background-color: #f3f3f4; border: 1px solid #ccc; padding: 0.8em;
}

/* Some state doesn't show Click Here to Continue Button. This code creates manual button */

a.click-here-to-continue-alternative {
	text-align: center !important;
	background-color: #1e7ab7 !important;
	color: white !important;
	padding: 0.4em 0.8em !important;
	border: 2px solid #8dbad8 !important;
	border-radius: 10px !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

a.click-here-to-continue-alternative:hover {
	background-color: #5ba1d0 !important;
	color: #f3f3f3 !important;
	border: 2px solid #1e7ab7 !important;
}

/* LESSON PART => have total control, Any contents should have the following rule */

/* <b></b> => <span class="lessonbold"></span>
<div></div> => <div class="lessonmain"></div>

<h1></h1> => <h1 class="lessonbold"></h1>
<h2></h2> => <h2 class="lessonbold"></h2>
<h3></h3> => <h3 class="lessonbold"></h3>
<h4></h4> => <h4 class="lessonbold"></h4>
<h5></h5> => <h5 class="lessonbold"></h5>
<h6></h6> => <h6 class="lessonbold"></h6>

<table></table> => <table class="lessontable"></table>

<ul></ul> => <ul class="lessonul"></ul>
 */

body[class*="single-sfwd-"] .entry-content .learndash { /* governs the whole color and other styling of lessons */
	background-color: #f9f9f9; 
    border: 1px solid #dedede;
    padding: 1em;
    margin-bottom: 1em;
}


body[class*="single-sfwd-"] .entry-content .learndash h1,
body[class*="single-sfwd-"] .entry-content .learndash h2,
body[class*="single-sfwd-"] .entry-content .learndash h3,
body[class*="single-sfwd-"] .entry-content .learndash h4,
body[class*="single-sfwd-"] .entry-content .learndash h5,
body[class*="single-sfwd-"] .entry-content .learndash h6,
body[class*="single-sfwd-"] .entry-content .learndash span.lessonbold {
    font-weight: bold;
}

body[class*="single-sfwd-"] .entry-content .learndash h3,
body[class*="single-sfwd-"] .entry-content .learndash h4,
body[class*="single-sfwd-"] .entry-content .learndash h5 {
    font-size: 20px;
}

h1.lessonbold {
	font-weight: bold;
}
h2.lessonbold {
	font-weight: bold;
}

h3.lessonbold {
	font-weight: bold;
	font-size: 20px;
}

h4.lessonbold {
	font-weight: bold;
}

h5.lessonbold {
	font-weight: bold;
}

h6.lessonbold {
	font-weight: bold;
}

span.lessonbold {
	font-weight: bold;
}


div.learndash_course_certificate a.btn-blue { color: #fff !important; text-decoration: none !important; }
p.demo_store { background-color: #ff0000 !important; }
#learndash_course_points_user_message {display: none;}

/* +++++++++++++++++++++++++++ state page 2nd edition +++++++++++++++++++++++++++ */
table.coursetable {margin: 1em 0; font-size: 0.9em; line-height: 1; border: none;}
table.coursetable tbody {border: none;}
table.coursetable td.course-table-hours {padding-left: 7em; font-size:0.93em; color: #656667;}
table.coursetable td.course-table-hours span {color: #656667;font-size: 0.9em;}
table.coursetable td.course-table-mobile {padding-left: 1em; font-weight: bold;font-size:1.07em;}
td.course-table-mobile p {margin:0;}
table.coursetable tr {border:none;}
table.coursetable tr{ border-top: 2px solid #e9eef5; 
border-bottom: 2px solid #e9eef5;
}
a.details-button-adjust { background-color: #5798c3; margin-right: 0.5em; margin-left: 1em; color: white !important; padding: 0.3em 0.4em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:0.75em;}
.course-table-price .state-cart-info-price { font-size: 1.1em;}
@media only screen and (max-width: 1024px){table.coursetable td.course-table-hours {padding-left: 3em;}}
@media only screen and (max-width: 900px){table.coursetable td.course-table-hours {padding-left: 0em;}}
@media only screen and (max-width: 768px){a.details-button-adjust { display:none;} table.coursetable td.course-table-hours span { padding-left: 1em;font-size: 0.75em;}}
@media only screen and (max-width: 700px){.details-button-adjust{display:none;}}
@media only screen and (max-width: 670px){table.coursetable td.course-table-hours span {margin-top: 0.5em; display:block; padding-left: 0em; text-align:left;}}
@media only screen and (max-width: 648px){.state-right1 {clear:both;}.state-right2 {clear:both;}}
@media only screen and (max-width: 470px) {table.coursetable td.course-table-mobile {padding-left: 0.3em;} table.coursetable td.course-table-hours {padding-left:0.3em;font-weight: normal;}
table.coursetable td.course-table-hours span {display: inline;margin-left: 0.5em;font-size: 0.9em;color: #545456;}}
@media only screen and (max-width: 648px){.state-right1 {clear:both;}
.state-right2 {clear:both;}}
div.myntnr {margin: 0; padding: 0; text-align: right;}
a.myntn { background-color: #82b8db; border-radius: 0px; padding: 0.4em 0.75em; font-size: 13px; color:white; text-decoration: none;}
@media only screen and (max-width: 600px) {div.myntnr {margin: 1.2em 0; padding: 0; text-align: center;}
a.myntn { font-size:12px;}}
table.coursetable td.course-table-price a {
    color: white;
    background-color: #8db363;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
table.coursetable tbody { background-color: none; }
table.coursetable td.course-table-mobile a { color: #397ba7; text-decoration: none;}
table.coursetable td.course-table-mobile a:hover { text-decoration: underline;}
.product-catalog-lists h1 {color: #4973a9; }
.state-hero-inner-green {background-color: rgba(60, 53, 45, 0.6);}
h2.table-head {margin-bottom: 0.15em; padding: 0.3em; font-size: 1.2em; font-weight: bold; background-color: #1378b3; color: #f7f5f3;}
table.coursetable td.course-table-price a { background-color: #86b94d;}
.state-cart-info-price { color: #86b94d; }
.course-table-packages { font-weight: bold; }

@media only screen and (max-width: 380px){
	.state-hero-inner {background: transparent; background-color: transparent;}
}

@media only screen and (max-width: 470px) {
table.coursetable td.course-table-mobile {font-size: 1em;}
table.coursetable td.course-table-hours {font-size: 1em;    color: #545456;}
}

.catalog-category-heading {
    margin-bottom: 0.15em; 
    padding: 0.3em; 
    font-size: 1.2em; 
    font-weight: bold; 
    background-color: #1378b3; 
    color: white;
}
.catalog-category-heading.highlight {
    color: #eaaf5c;
}

p.capslock-notice {
    color: #a5840a;
    font-size: 14px;
    background: rgba(255, 255, 0, 0.3);
    line-height: 1;
    padding: .75em;
    margin: 0 0 .5em;
}

@media (min-width: 768px) {
    .woocommerce form .form-row-half {
        display: inline-block;
        width: 48%;
        vertical-align: text-top;
    }

    .woocommerce form .form-row-half:nth-child(even) {
        margin-left: 3%;
        text-align: right;
    }
}

.bce-legacy-notice {
    font-size: 87.5%;
}

#learndash_profile .list_arrow {
    width: 16px;
    height: 16px;
    background-position: center !important;
    margin: auto;
    cursor: pointer;
}

#learndash_profile th {
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
}

#learndash_profile .learndash-course-status a {
    padding: 0;
    width: 53px;
    height: 53px;
    display: inline-block;
    margin: 0 1em;
}

#learndash_profile th:not(:first-child):not(:nth-child(2)),
#learndash_profile td:not(:first-child):not(:nth-child(2)) {
    text-align: center;
}

#learndash_profile td.learndash-course-link {
    width: 50%;
}

#learndash_profile .learndash_profile_heading .ld_profile_certificate {
    margin-left: 10% !important;
}

#learndash_profile .learndash_profile_heading .ld_profile_credits {
    float: right;
    text-align: center;
    width: 150px;
}

#learndash_profile .learndash-course-credits {
    font-size: 14px;
    font-weight: bold;
}

table.learndash_table td[class^="learndash-course-"] {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.learndash_profile_details tbody,
.learndash_profile_details td {
    border: 0;
}

@media screen and (max-width: 599px) {
    .learndash_profile_details,
    .learndash_profile_details tbody,
    .learndash_profile_details tr,
    .learndash_profile_details td {
        display: block;
    }

    #learndash_profile .learndash_profile_heading,
    #learndash_profile thead {
        display: none !important;
    }

    #learndash_profile .list_arrow.collapse,
    #learndash_profile tbody td[scope="row"] {
        width: 50px !important;
        max-width: 50px !important;
        display: table-cell !important;
    }

    #learndash_profile .learndash-course-col,
    #learndash_profile tbody td {
        display: flex !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        font-size: 12px !important;
        line-height: inherit !important;
        padding: 6px !important;
    }

    #learndash_profile .learndash-course-col[data-title]:before,
    #learndash_profile tbody td[data-title]:before {
        content: attr(data-title);
        font-weight: bold;
        vertical-align: middle;
        display: inline-block;
        padding: 0 10px 0 0;
        width: 100px;
        min-width: 100px;
    }

    #learndash_profile .learndash-course-col > *,
    #learndash_profile tbody td > * {
        padding: 0 !important;
        line-height: inherit !important;
        flex: auto;
        background-size: contain !important;
        background-position: left center !important;
    }

    #learndash_profile .learndash-course-status a {
        width: 16px;
        height: 16px;
        background-size: contain;
        margin: 0;
    }
}


.ce-credits-earned {
    color: #7cb042;
    font-weight: bold;
    font-size: 16px;
    vertical-align: baseline;
}

div[class*="fields__field-wrapper"] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
}
div[class*="fields__field-wrapper"] > * {
    padding-left: 10px !important;
    padding-right: 10px !important;
    flex: 1 1 100%;
}

input[disabled] {
    color: #676767;
    background: #fafafa;
}

@media (min-width: 480px) {
	#billing_first_name_field,
	#billing_last_name_field,
	#billing_middle_name_field {
		max-width: 33.333%;
	}

    #shipping_first_name_field,
    #shipping_last_name_field,
    #student_npn_field,
    #billing_state_field,
    #billing_phone_field,
    #billing_email_field,
    #account_username_field,
    #account_password_field,
    #real_billing_fname_field,
    #real_billing_lname_field,
    #billing_postcode_field {
        max-width: 50%;
    }
}

.woocommerce-billing-fields,
.woocommerce-student-fields {
    background: #ebe9eb;
    border-radius: 5px;
    padding: 1em;
    margin: 0 0 1em;
}


.rating {
	display: flex;
    width: 100%;
    justify-content: flex-end;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative;
}

.rating-0 {
	filter: grayscale(100%);
}

.rating > input {
	display: none;
}

.rating > label {
	cursor: pointer;
	width: 32px;
	height: 32px;
	margin-top: auto;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 76%;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23F1D04C' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23F1D04C' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

th.product-credits {
    min-width: 200px;
}

body {
	font-weight: 500;
}
.div-format { 
	font-size: 18px;
}

@media only screen and (max-width: 600px){
	.div-format {
		font-size: 16px;
	}
}

.div-format h2 {
	margin: 0 0 .5em 0 !important;
}

.learndash .learndash-pager {
    display: flex;
    align-items: center;
}

.learndash .learndash-pager a {
    font-size: 20px;
    width: 30px;
    height: 30px;
    display: inline-flex !important;
    background: #1e7ab7;
    border: 1px solid #dedede;
    line-height: 1;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    text-align: center;
    color: #fff;
    line-height: 1 !important;
    padding: 5px 0 6px !important;
}
.learndash .learndash-pager a:hover {
	color: #fff;
	background: #2881BB;
}