/* Site Containers
--------------------------------------------- */
.site-container a {
    color: #D37132 !important;
}

.site-container a:hover {
    color: #000 !important;
}

ol, ul{
  padding: 0px 40px 0px 40px;
}
.site-inner {
  background-color: #000000;
  clear: both;
}

.site-container{
  background-color: #000000;
}
.widget-wrap {
  font-size: 14px;
}
.site-header {
  background-color: #000000;
  border-bottom: none;
  margin-left: 0 !important;
}
.top-shadow {
  display: none;
}
header{
    padding-top: 10px;
    background-color: white;
    width: 96.5%;
    margin-left: 20px !important;
}
.header-image .title-area, .header-image .title, .header-image .title a {
  height: 100px !important;
  width: 273px !important;
}
.intro {
  background-color: #000000;
}
body {
  font-family:'Lato' !important;
    font-size: 17px;
    color: #000000;
    line-height: 25px;
}
button,input,select,textarea {
  font-family:'Lato' !important;
}
.top{
  text-align: right;
    background-color: #d37132 !important;
}
#main .course, #main .course-container{
  padding-left: 20px;
    padding-right: 20px;
}
h1, h2, h3, h4, h5 {
  font-family:'Lato' !important;
    font-weight: bold;
    color: #000000;
}
h1 {
  font-size: 30px !important;
}
h2 {
  font-size: 26px !important;
}
h3 {
  font-size: 24px !important;
}
h4 {
  font-size: 20px !important;
}
h5 {
  font-size: 14px !important;
}
.intro {
  background-color: #121212;
}
ol {
  padding-left: 30px;
}

/* Strip Above Primary Navigation
--------------------------------------------- */
#text-3 a{
  color: #000 !important;
}

#text-3 a:hover{
  color: #fff !important;
}

/* Header Image Clickable */

.header-image .site-title a{
    min-height: 5px;
}
.header-image .title-area, .header-image .title, .header-image .title a {
  background-repeat: no-repeat !important;
}
/* this is because we are using theme support for header */
.site-title a:first-of-type {
  display: none;
}
.header-image .site-title a:nth-of-type(2) {
    min-height: 80px;
    width: 260px;
}

/* Primary Navigation
--------------------------------------------- */
.genesis-nav-menu a {
  color: #ffffff !important;
  font-size: 15px;
}

.genesis-nav-menu a:hover {
  color: #D37132 !important;
}
/* Secondary Navigation
--------------------------------------------- */
.genesis-nav-menu .sub-menu{
  width: 260px;
}
.genesis-nav-menu .sub-menu a{
  color: #ffffff !important;
    font-size: 14px;
    width: 250px;
}
.genesis-nav-menu .sub-menu a:hover{
  color: #d37132 !important;
}

/************** Responsive Menu ******************/
.menu_title {
  color: #d37132;
}
/**************LESSONS (SENSEI PLUGIN - PROGRESS INDICATOR)*******************/

header.archive-header {
    background-color: #000;
}
body.archive h1 {
    color: #d37132;
}
body.archive section.entry header h2 a {
  display: block;
}
.meter {
  margin-left: 20px;
}
.in-progress {
  margin-left: 20px;
}
/* remove register button that appears */
.status.register {
  display: none;
}
.course-completion-rate {
  margin-left: 20px;
}
.lesson header h2{
  margin-left: -20px !important;
}

img .alignleft.wp-image-282.size-medium {
  width: 90% !important;
}

article.post-661.lesson.type-lesson.status-trash.post.entry {
    display: none;
}

p.archive-description.module-description {
    display: none !important;
}

#main > .lesson-container header + article section.lesson-content > section.entry > p.archive-description.module-description:first-child {
    display: block;
}
div#post-entries a:hover {
    color: #fff !important;
}
body.single section.module-lessons {
    display: none;
}

body.archive aside.sidebar.sidebar-primary.widget-area {
    display: none;
}

div.sensei-message, span.progress.statement.course-completion-rate, div.meter, section.lesson-container + div.module-navigation, article.lesson + nav.post-entries, article.course + nav.post-entries {
  display: none !important;
}

/* SENSEI - MCE WYSIWYG on question pages */
#sensei-quiz-list div.mce-toolbar-grp {display: none;}
#sensei-quiz-list div.mce-panel {
  border: 1px solid #ccc;
}

/**************Buttons*******************/
--------------------------------------------- */
a.button.send-message-button {
  margin-left: 20px !important;
}
.send-message-button {
  margin-left: 20px !important;
}
a.button{
  margin-left: 20px;
}
.btnhome{
  background-color: #000000;
    color: #ffffff;
    height: 128px;
    width: 92%;
    border: 0px solid #D37132;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    margin-right:20px;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #D37132, 0 0 1px rgba(0, 0, 0, 0);
}

.btnhome:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: #B9582D;
  color: #000000;
}

.btnlms{
    width: 93%;
    height: 80px;
  background-color: #D37132;
    color: #ffffff;
    border: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    float: left;
    margin-top: 6px;
}
.btnlms:hover {
   background: #B9582D;
}
.btnlms1{
    width: 93%;
    height: 80px;
  background-color: #D37132;
    color: #ffffff;
    border: none;
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    float: left;
    margin-top: 5px;
}
.btnlms1:hover {
   background: #B9582D;
}
.btnshp {
  width: 60%;
    height: 60px;
    background-color: #D37132;
    color: #ffffff;
    border: none;
    font-weight: bold;
    font-size: 18px;
    margin-top: 5px;
    margin-left: 55px;
}
.btnshp:hover {
   background: #B9582D;
}
.lmsbox{
    width: 96%;
    height: 100%;
  background-color: #ffffff;
    text-align: left;
    padding: 20px;
    margin-right: 10px;
}

.lmslink{
    font-weight: bold;
    font-size: 17px;
}

.imglms {
  height: 186px;
    width: 296px;
    float: right;
}
.phome{
  padding-right: 45px;
    font-size: 16px;
}
section.course-content {
  padding-top: 20px;
}
.course-container input[type=submit].course-delete {
  background: #D37132;
}
.meter.red > span {
  background: #D37132;
}

a.button{
  background-color: #000 !important;
}

a.button:hover{
  background-color: #D37132 !important;
}

input.course-start {
    display: none !important;
}

body.archive .entry header, body.single-course header, body.single-course section.entry, body.module-archive section.entry, body.module-archive p.archive-description{
  background: none !important;
}
body.archive.module-archive .entry header, body.post-type-archive-lesson article.lesson, body.single-course article.module > header, 
body.postid-416 section.course-lessons article.lesson, 
body.postid-378 section.course-lessons article.lesson {
    background-color: #000000 !important;
    color: #ffffff !important;
    height: 50;
    width: 92%;
    border: 0px solid #D37132;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px !important;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    -webkit-transition-property: background;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #D37132, 0 0 1px rgba(0, 0, 0, 0);
}

body.archive.module-archive .entry header:hover, body.archive.module-archive .entry header:hover a, body.post-type-archive-lesson article.lesson:hover, 
body.post-type-archive-lesson article.lesson:hover a, body.single-course article.module > header:hover, body.single-course article.module > header:hover a, 
body.postid-416 section.course-lessons article.lesson:hover, body.postid-416 section.course-lessons article.lesson:hover a, 
body.postid-378 section.course-lessons article.lesson:hover, body.postid-378 section.course-lessons article.lesson:hover a{
    background-color: #B9582D !important;
    color: #000000 !important;
    cursor: pointer;
}
.single-course #main .course header h2 {
  padding-bottom: 20px;
}
/*
body.single-course article.module > header:hover, body.single-course article.module > header:hover a {
    background-color: #B9582D !important;
    color: #000000 !important;
}
*/

body.single-course article.module header h2 {
    padding: 0.6em 0 30px 20px !important;
}
p.lesson-excerpt {
    padding-left: 40px;
}

.module .module-status {
    right: 100px;
 }

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

.quote {
  color: #ff9900 !important; 
    font-size: 18px !important;
}
blockquote {
  color: #ff9900 !important; 
    font-size: 18px !important;
}
blockquote::before{
  content: none !important;
}
.entry {
  background-color: #fff;
  padding: 20px;
    border: 0px !important;
    margin-bottom: 0px !important;
}
.entry-title {
  margin-left: -20px;
}

/* Tutorials archive */
body.archive .entry header {
    background-color: rgba(0,0,0,0.05);
}
body.archive section.entry header h2 a {
    color: #D37132 !important;
    margin-left: 40px;
}
body.archive section.entry header h2 a:hover {
    color: #000 !important;
}
body.archive section.entry header h2 {
    padding-top: 20px;
}
body.archive section.entry{
  padding: 0 20px;
}


.borderbox {
    border: 1px solid;
    padding: 5px;
}

/* GRAVITY FORM  ******************************** */
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
  font-size: 14px;
}

/* FOOTER WIDGETS ******************************** */
.footer-widgets h4{
  color: #d37132;
    font-style: normal;
}
.footer-widgets p {
  font-size: 15px;
}
.footer-widgets {
  border-top:7px solid #D37132;
}
.site-footer {
  background-color: #B9582D;
}
.site-footer .creds {
  color: #000000;
}

a.footerlink{
  color: #000 !important;
}

a.footerlink:hover{
  color: #fff !important;
}

nav#post-entries{
  float: none;
}
nav#post-entries a:hover{ 
  color: #fff !important;
}
.sensei-breadcrumb{
    background-color: #ffffff;
  clear: none !important;
    color: #000000;
}
.footer-widgets a {
  color: #fff !important;
}
.footer-widgets  a:hover {
  color: #D37132 !important;
}

/* Login Form */
input#rememberme {
    -webkit-appearance: checkbox;
    width: 20px;
    height: 20px;
}

/* ARTICLES
------------------------------------------------- */
article.course.post.entry {
  border: none;
}

/* hide sidebar on pages defined as full-width content
   (this is temporarly) */
.single.full-width-content aside.sidebar {
  display: none;
}
/* REVOLUTION SLIDER CAPTION TEXT FIX */
/* Screen resolutions */
  @media screen and (max-width: 1980px){
   .flex-caption h2 {
      margin-left: 30px;
      font-size: 28px !important;
  }
    .flex-caption h3 {
      margin-left: 30px;
  }
  }
@media screen and (max-width: 1980px){
   .flex-caption h2 {
      margin-left: 0px;
  }
    .flex-caption h3 {
      margin-left: 0px;
  }
}


@media screen and (max-width: 1680px){
  .flex-caption h2{
    margin-left: -70px;
    margin-top: -90px;
  }
   .flex-caption h3{
    margin-left: -70px;
    margin-top: -48px;
  }
}
@media screen and (max-width: 1544px){
    .flex-caption h2{
    margin-left: -100px;
  }
   .flex-caption h3{
    margin-left: -100px;
  }
}
@media screen and (max-width: 1440px){
    .flex-caption h2{
    margin-left: -120px;
  }
   .flex-caption h3{
    margin-left: -120px;
  }
}
@media screen and (max-width: 1366px){
  .flex-caption h2{
    margin-top: -80px;
    margin-left: -150px;
  }
   .flex-caption h3{
    margin-top: -48px;
    margin-left: -150px;
  }
}
@media screen and (max-width: 1280px){
  .flex-caption h2{
    margin-top: -80px;
    margin-left: -180px;
  }
   .flex-caption h3{
    margin-top: -48px;
    margin-left: -180px;
  }
}
@media screen and (max-width: 1024px){
  .flex-caption h2{
    width: 454px;
    font-size: 20px;
    margin-top: -80px;
    margin-left: 50px;
  }
   .flex-caption h3{
    width: 454px;
  font-size: 17px;
    margin-top: -48px;
    margin-left: 50px;
  }
  .btnhome {
    font-size: 14px;
  }
}
@media screen and (max-width: 980px){
  .flex-caption h2{
    margin-left: 40px;
    margin-top: -40px;
  }
   .flex-caption h3{

    margin-top: 0px;
  }
}
@media screen and (max-width: 870px){
  .one_third {
    width: 100%;
  }
  .btnhome {
    font-size: 18px;
  }
  
}
@media screen and (max-width: 800px){
  .flex-caption h2{
    font-size: 15px;
    margin-left: 40px;
    margin-top: -40px;
    width: 380px;
  }
   .flex-caption h3{
    font-size: 13px;
    margin-left: 40px;
    margin-top: 0px;
    width: 380px;
  }
  .header-image .site-title a {
    min-height: 100px;
  }

}
@media screen and (max-width: 775px){
  .site-footer .wrap {
    border-top: none;
      padding: 0px !important;
 }
}
@media screen and (max-width: 700px){
  .about-us .content-column.one_half {
    width: 100%;
  }
}
@media screen and (max-width: 610px){
  .btnlms1 {
    float: left;
  }
  .one_half {
    clear: none;
    width: 50%;
  }
  .btnhome {
    font-size: 12px;
  }
}
@media screen and (max-width: 600px){
  .site-inner {
    margin: 0 auto 4.5rem;
  }
}
@media screen and (max-width: 500px){
  blockquote {
    padding: 0;
  }
  blockquote h3 {
    font-size: 20px !important;
  }
  .lesson section.entry {
    padding: 0;
  }
  .lesson header {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .lesson header h2 {
    text-align: center;
  }
  p.lesson-excerpt {
    padding-left: 0;
  }
  body.archive section.entry {
    padding: 0;
  }
  body.archive section.entry header h2 a {
    margin-left: 0;
  }
}
@media screen and (max-width: 450px){
  .content-column.one_half {
    width: 100%;
  }
}
@media screen and (max-width: 400px){
  #home-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .lmsbox h2 {
    font-size: 22px !important;
  }
  .single-lesson article.lesson section ul li ul,
  .single-lesson article.lesson section ul {
    padding: 0px 27px 0px 21px;
  }
  .single-lesson article.lesson footer a {
    margin-left: 0;
  }
}
@media screen and (max-width: 350px){
  .header-image .title-area, .header-image .title, .header-image .title a {
    background-size: 86% !important;
    width: 260px !important;
  }
  .header-image .site-title a:nth-of-type(2) {
    width: 220px;
  }
  .single-lesson article.lesson header {
    margin-left: 0 !important;
  }
  .single-lesson article.lesson h3 {
    font-size: 22px !important;
  }
}
@media screen and (max-width: 335px){
  .btnhome {
    word-break: break-all;
  }
}