/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

 html {
  background: #FFFFFF;
  height: 100%;
}


/*clears IOS button override*/
input[type=button] {
  -webkit-appearance: none;
}

.wpProQuiz_text {
  background-color: #FFFFFF;
}

.uk-modal-page,
.uk-modal-page body {
  overflow: auto;
}
body {
  overflow: hidden;
}
.fl-row-fixed-width {
  max-width: none;
}
/*padding under course content subheading*/
#learndash_course_content_title {
  margin-bottom: 20px !important;
}


/*Hide the footer nav*/
#learndash_course_content{
 display: none !important;    
}

/*Remove left padding from sidebarA - increases size for nav*/
.uk-panel-box {
    padding: 20px 0px 0px 0px;
}



/*--ADJUST WORDPRESS BANNER FOR IOS, OTHERWISE CLOSE BUTTON DOES NOT DISPLAY WHEN A H5P INTERACTION VIEWED IN FULL SCREEN--*/

.logged-in.admin-bar.h5p-semi-fullscreen {
  margin-top: -32px;
}

@media screen and (max-width: 782px) {
  .logged-in.admin-bar.h5p-semi-fullscreen {
    margin-top: -46px;
  }
}

/*CUSTOMISING THE NAV ICONS*/
/*
.active .list_arrow.collapse {
    background: url("https://elearning.sdc.qld.edu.au/wp-content/plugins/sfwd-lms/templates/images/green_arrow_collapse.png") no-repeat scroll 0 50% transparent !important;
  padding: 5px;
}
.list_arrow.collapse {
    background: url("https://elearning.sdc.qld.edu.au/wp-content/plugins/sfwd-lms/templates/images/notcompleted_t_navigation.png") no-repeat scroll 0 50% transparent !important;
  padding: 5px;
}
.list_arrow.collapse.lesson_completed {
    background: url("https://elearning.sdc.qld.edu.au/wp-content/plugins/sfwd-lms/templates/images/completed_t_navigation.png") no-repeat scroll 0 50% transparent !important; 
    padding: 5px;
}
.lesson_incomplete.list_arrow.collapse {
    background: url("https://elearning.sdc.qld.edu.au/wp-content/plugins/sfwd-lms/templates/images/notcompleted_t_navigation.png") no-repeat scroll 0 50% transparent  !important;
  padding: 5px;
}
*/
/*Changes colour of active page for navigation sidebar*/
.active a{
 color:#514a46 !important;
 font-weight: 900;
}


/*TYPOGRAPHY*/
.uk-modal-page,
.uk-modal-page body {
overflow: auto;
}
body {
  overflow: hidden;
}
h1{
  /*text-transform: uppercase;*/
}
h2,
h3,
h4,
h6 {
  /*font-weight: 600;*/
}
h1 {
  font-size: 36px;
  /*font-weight: 300; */ 
}
h2,
#h2,
h4.wpProQuiz_header {
  font-size: 24px;
  font-weight: 500 !important;
  line-height: 32px !important;
  padding-bottom: 10px;
}
h3 {
  font-size: 21px;
  font-weight: 500 !important;
  line-height: 28px !important;
}
h4 {
  font-size: 18px;
  font-weight: 500 !important;
}
h5 {
  font: bold 14px / 20px 'Open Sans';
}
h6 {
  font-size: 12px;
}
p {
  font-size: 14px;
}
.fl-rich-text:last-of-type > p:last-of-type {
    margin-bottom: 0;
}
/*a styling for course content in beaverbuilder*/
.learndash a {
  border-bottom: 1px solid #f1c8b1;
}
.learndash a:hover{
  text-decoration: none !important;
  border-bottom: 1px solid #e25101;
}

/*Links for boxes with heavy coloured backgrounds*/
.teal a,
.red a,
.orange a,
.grey a,
.green a,
.black a,
.blue a,
.pink a,
.purple a,
.red2 a,
.brown a,
.orange2 a,
.slate a,
.green2 a {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.teal a:hover,
.red a:hover,
.orange a:hover,
.grey a:hover,
.green a:hover,
.black a:hover,
.blue a:hover,
.pink a:hover,
.purple a:hover,
.red2 a:hover,
.brown a:hover,
.orange2 a:hover,
.slate a:hover,
.green2 a:hover {
    border-bottom: 1px solid #ffffff;
}

/*Links in quiz*/
.quiz_continue_link a#quiz_continue_link {
  border-bottom: 1px solid #f1c8b1 !important;
}
.quiz_continue_link a#quiz_continue_link:hover {
  text-decoration: none !important;
  border-bottom: 1px solid #e25101 !important;
}
/*overwrites*/
.quiz_continue_link a#quiz_continue_link, 
.quiz_continue_link a#quiz_continue_link:hover {
  background: none !important;
  color: #e25101 !important;
  padding: 0;
  border-radius: 0;
  font-size: 14px;
}
/*a styling for side navigation*/
/*.lesson:hover, 
.widget_course_return > a:hover,
span.topic_item > a.topic-notcompleted > span:hover, 
span.topic_item > a.topic-completed > span:hover {
  text-decoration: underline !important;
}
#learndash_lesson_topics_list ul > li > span.topic_item > a.topic-notcompleted > span:hover, 
#learndash_lesson_topics_list ul > li > span.topic_item > a.topic-completed > span:hover
.learndash_topic_dots > ul > li > span.topic_item > a.topic-notcompleted > span:hover, 
.learndash_topic_dots ul > li > span.topic_item > a.topic-completed > span:hover { 
  text-decoration: none !important;
}
*/

em {
  color: inherit;
}
hr.top {
  margin: 0;
  background: #F16D1C;
  height: 10px;
}
hr {
  border: solid #beaea5;
  border-width: 1px 0 0;
  margin: 10px 0 20px 0;
}
/*for boxes with coloured backgrounds*/
.teal hr,
.red hr,
.orange hr,
.grey hr,
.green hr,
.black hr,
.blue hr,
.pink hr,
.purple hr,
.red2 hr,
.brown hr,
.orange2 hr,
.slate hr,
.green2 hr {
    border: solid rgba(255, 255, 255, 0.3);
    border-width: 1px 0 0;
}

/*UL and OL for boxes with heavy coloured backgrounds*/
.teal ul, .teal ol,
.red ul, .red ol,
.orange ul, .orange ol,
.grey ul, .grey ol,
.green ul, .green ol,
.black ul, .black ol,
.blue ul, .blue ol,
.pink ul, .pink ol,
.purple ul, .purple ol,
.red2 ul, .red2 ol,
.brown ul, .brown ol,
.orange2 ul, .orange2 ol,
.slate ul, .slate ol,
.green2 ul, .green2 ol {
  color: #FFFFFF;
}

blockquote {
    border-left: 4px solid #e25101;
    font-style: italic;
    margin: 20px 0 20px 15px;
    padding: 8px 15px;
}
blockquote p {
  margin: 0;
}

/*Blockquote line for boxes with heavy coloured backgrounds*/
.teal blockquote,
.red blockquote,
.orange blockquote,
.grey blockquote,
.green blockquote,
.black blockquote,
.blue blockquote,
.pink blockquote,
.purple blockquote,
.red2 blockquote,
.brown blockquote,
.orange2 blockquote,
.slate blockquote,
.green2 blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.3);
}
/*for the pullout boxes*/
#pullout > * > * > blockquote p {
    color: #514a46;
}

.alert {
    color: #997240;
    background-color: #fcf5d2;
    border: 1px solid #e6c586;
}
.fl-row-fixed-width {
  max-width: none;
}

/*CAPTIONS*/

/*removes the underline from images*/
.fl-photo-content > a {
    border-bottom: none !important;
}
.fl-photo-caption {
    text-align: left;
    white-space: normal;
    font-size: 10px;
}
.fl-photo-caption > * > * > p {
    font-size: 10px;
    line-height: 12px;
    padding: 5px;
  }
.captionwhitebg > .fl-module-content > * {
    padding-left: 5px;
    padding-right: 5px;
}
.captionwhitebg {
  margin-bottom: 10px;
}
.captionwhitebg > * > * > .fl-photo-caption {
    background: white;
    padding: 5px 10px;
}
.captionwhitebg > * > .fl-rich-text {
    background: white;
    margin-top: 0px;
}
.captionwhitebg > * > * > * {
  margin-bottom: 0px !important; 
}
.anycaption {
  margin-top: -20px;
}
.anycaption > * >.fl-rich-text {
    margin-left: 0px;
    margin-right: 0px;
}
.fl-photo-caption-below { 
    margin-bottom: 0px; 
    padding: 5px 5px 10px 5px;
}

/*HEADER*/
.provectus-navbar {
  height: auto;
  clear: both;
}
.provectus-navbar #level1 {
  background: #ffffff url('../images/body-bg.gif') repeat fixed 0 0;
  height: 100px;
  border-bottom: 1px solid #d1d1d1;
  padding: 40px 15px 0px 15px;
}
.provectus-navbar #level1 #branding,
.provectus-navbar #level1 #main-nav {
  width: 100%;
  clear: both;
  min-width: 715px;
}
.provectus-navbar #level1 #main-logo {
  width: 500px;
  float: left;
  height: 34px;
}
.provectus-navbar #level1 #ip-logo {
  width: 215px;
  float: right;
  text-align: right;
  height: 34px;
  display: inline-block;
}
.provectus-navbar #level1 #status {
  width: 335px;
  float: left;
}
.provectus-navbar #level1 #buttons {
  width: 380px;
  float: right;
  text-align: right;
  padding-top: 0px;
  margin-top: -30px;
}
.provectus-navbar #level1 #buttons a.btn {
  background: #5f5753;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  margin: 0 0 0 5px;
  padding: 8px 14px;
  color: #FFF;
  font: 16px/19px 'Dosis', Helvetica, Arial, sans-serif;
}
.provectus-navbar #level1 #buttons a.btn:hover {
  color: #BEAEA5;
  text-decoration: none;
}
.loggedin {
  font-size: 13px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #514A46;
  margin: 0 5px 0 0;
}
.provectus-navbar h1 {
  font-size: 28px;
  color: #514A46;
  font-family: 'Dosis', Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 0px;
  line-height: 35px;
}
/*Header responsive 460px*/
@media screen and (max-width: 460px) {
     .provectus-navbar #level1 #buttons {
          float: left !important;
          display: block !important;
          width: 100% !important;
          overflow: auto !important;
          padding-top: 12px !important;
     }
     .provectus-navbar #level1 #buttons a.btn:first-of-type {
          margin-left: 0px !important;
     }
     .provectus-navbar #main-logo.logo-wide {
          visibility: visible !important;
          display: block !important;
     }       
     .provectus-navbar #main-logo.logo-wide img {
          width: 80% !important;
     }
     .provectus-navbar #main-logo.logo-narrow {
          visibility: hidden !important;
          display: none !important;
     } 
     .provectus-navbar #level1 {
          height: 155px !important;
     }
     .provectus-navbar #level1 #buttons a {
          font-size: 14px !important;
          background: none !important;
          border-radius: 0px !important;
          color: #E25101 !important;
          margin: 0px !important;
          padding: 0px !important;
          border-bottom: 1px solid rgb(241, 200, 177);          
     }     
     .provectus-navbar #level1 #buttons a:hover {
        color: #E25101;
        outline: none;
        text-decoration: none;    
        border-bottom: 1px solid rgb(226, 81, 1);          
     }
    .tm-main.uk-width-medium-3-4 {
      margin-top: -15px;
    }
}

@media screen and (min-width: 461px) {
    .tm-main.uk-width-medium-3-4 {
      /*margin-top: -25px;*/
      margin-top: 0px;
    }  
}



/*breadcrumbs*/
ul.breadcrumbs {
  margin: 0 0 10px 5px;
  padding: 0;
  list-style: none;
  color: #FFF;
  font: 15px/17px 'Dosis', Helvetica, Arial, sans-serif;
  color: #E25101;
  clear: both;
  float: left;
}
.uk-breadcrumb {
  margin-top: 20px;
}
.uk-breadcrumb li {
  font-size: 12px;
  line-height: 17px;
}
.uk-breadcrumb li a {
  color: #E25101;
  border-bottom: 1px solid #F1C8B1 !important;
}
.uk-breadcrumb li a:hover {
  text-decoration: none;
  border-bottom: 1px solid #E25101 !important;
}



/*space between BeaverBuilder content and heading*/
.uk-article-meta {
  display: none;
}
.uk-panel-box {
   background: none;
}
h3.uk-panel-title {
   font-size: 18px;
   font-weight: 500 !important;
   margin-bottom: 5px !important;
}

.uk-panel-box {
  padding-top: 0px !important;
}

/*LEARNDASH*/
/*div.learndash {
    margin-top: -20px;
}*/

.uk-container {
  padding: 10px 10px !important;
}


/*Course/ lesson table/ list*/

#learndash_course_content, 
#learndash_lesson_topics_list {
    margin: 20px 0 20px 0;
    background: #f2eae7;
    padding-top: 20px;
    padding-left: 25px;
    padding-right: 25px;
}
#learndash_course_content, 
#learndash_lesson_topics_list {
  padding-bottom: 5px;
}
#learndash_lesson_topics_list {
    margin-top: 20px;
}
h4#learndash_course_content_title {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 15px !important;
}
 #learndash_quizzes {
  border: none;
  border-radius: initial;
 }
#quiz_list{
  background: #FFFFFF;
 }
#quiz_heading, 
#quiz_list {
  border-left: 1px solid #DDDDDD; 
  border-right: 1px solid #DDDDDD;
  border-radius: 4px;
}
#quiz_heading {
  border-top: 1px solid #DDDDDD;
}
#quiz_list {
  border-bottom: 1px solid #DDDDDD;
}
a.topic-completed,
a.topic-completed:hover, 
a.topic-notcompleted,
a.topic-notcompleted:hover {
    border-bottom: none;
}
.expand_collapse a {
   color: #913DD3;
}
#learndash_lessons a, 
#learndash_quizzes a, 
.expand_collapse a, 
.learndash_topic_dots a, 
.learndash_topic_dots a > span, 
#learndash_lesson_topics_list span a, 
#learndash_profile a, 
#learndash_profile a span {
   color: #913DD3;
}
.learndash .learndash_topic_dots.type-list a > span {
   color: inherit;
}
.CourseNavSB a {
    color: #913DD3;
}
#learndash_lessons h4 > a:hover, 
#learndash_quizzes  h4 > a:hover, 
#learndash_lesson_topics_list ul > li > span.topic_item:hover,
#learndash_course_content  .learndash_topic_dots  ul > li:hover {
       background-color: #e6ceff;
}
#learndash_lesson_topics_list ul > li > span.topic_item {
  width: initial;
}
.expand_collapse a {
   color: #913DD3;
}
.expand_collapse a:hover {
   text-decoration: underline !important;
}
.CourseNavSB a > span {
    color: #913DD3;
}
.CourseNavSB a:hover {
   color: #913DD3;
   text-decoration: underline !important;
}
.CourseNavSB a:hover > span {
   color: #913DD3;
   text-decoration: underline !important;
}

.uk-article-title {
   position: relative;
   top: 0;
   text-transform: uppercase;
}
.uk-article-title {
    border-bottom: 1px solid #913DD3;
    padding-bottom: 10px;
}

/*QUIZ PAGE*/
.wpProQuiz_resultTable {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.5);
  border: none !important;
}
.wpProQuiz_content {
  background-color: #f2eae7;
  padding: 20px;
}
.wpProQuiz_listItem {
  border-left: 4px solid #913DD3 !important;
  background-color: #FFFFFF;
  padding: 20px !important;
  margin-bottom: 10px !important;
  padding: 20px !important;  
}
.wpProQuiz_points {
    font-weight: bold !important;
    text-align: center !important;
    margin: 20px 0 !important;
    font-size: 18px;
    border: 2px solid #e27335;
    padding: 20px;
    border-radius: 6px;
    background: rgba(226, 115, 52, 0.1);
}
/* to counteract multichoice text indent for sorting quiz matrix*/
ul[data-type|=matrix_sort_answer] li, ul[data-type|=matrix_sort_answer] li:last-child {
    margin: 0px !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
}
ul.wpProQuiz_maxtrixSortCriterion.ui-sortable li {
    padding-left: 5px !important;
}
.wpProQuiz_mextrixTr>td {
  padding: 0 !important;
}
/*sorting quiz matrix header */
.wpProQuiz_matrixSortString h5.wpProQuiz_header {
    padding: 10px 15px 0px 17px;
    font-weight: bold;
}
/*.wpProQuiz_listItem:last-child {
  margin-bottom: 30px !important;
}*/
.wpProQuiz_questionList {
  margin: 0px !important;
  background: none !important;
  border: none !important;
  padding: 20px !important;
}
.wpProQuiz_questionListItem,
.wpProQuiz_questionListItem:last-child {
    text-indent: -34px !important;
    margin-left: 15px !important;
    margin-right: 0px !important;
    overflow: visible !important; 
}
li.wpProQuiz_questionListItem span {
    margin-left: 0px;
    font-weight: 700 !important;
}
input.wpProQuiz_questionInput {
    margin-left: 9px !important;
    margin-right: 9px !important;
}
/*.wpProQuiz_question_text {
  margin-bottom: -10px !important;
}*/
.wpProQuiz_list {
  margin-bottom: 15px !important;
}
.wpProQuiz_question_page {
  display:block;
}
.wpProQuiz_results,
.wpProQuiz_sending {
    margin-bottom: 25px !important;
    padding: 15px 20px 15px 20px;
}
/*BACK/ NEXT BUTTONS & BACK TO LESSON*/
.next_prev_wrapper {
    background: #f2eae7; 
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 0px 20px 30px 20px;
}
#learndash_next_prev_link a[rel=prev] {
    float: left;
width: 80px;
    text-align: center;
}
#learndash_next_prev_link a[rel=next] {
    float: right;
width: 80px;
    text-align: center;
}
#learndash_next_prev_link a,
#learndash_back_to_lesson a {
    padding: 4px 10px 6px 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: inherit;
    font-family: 'Dosis', Helvetica, Arial, sans-serif;
    font-weight: 400;  
    color: #FFFFFF;
    text-decoration: none;
    background: #867b74;

//-webkit-gradient(linear, left top, left bottom, from(#beaea5), to(#867b74)); 

    border: #867b74 1px solid;
}
#learndash_next_prev_link a {
    display: inline-block;
}
#learndash_next_prev_link a:hover,
#learndash_back_to_lesson a:hover {
    box-shadow: 0px 1px 2px #ccc;
    background: #514a46;
//-webkit-gradient(linear, left top, left bottom, from(#867b74), to(#514a46));
    text-decoration: none;
}
/*responsive back/next buttons*/
@media screen and (max-width: 767px){
  .next_prev_wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
  #learndash_next_prev_link a {
    padding: 4px 8px 6px 10px;
  }
  .uk-panel-box {
    padding-top: 10px !important;
  }
}


/*RESPONSIVE VIDEO*/
.video-container {
    position: relative !important;
    padding-bottom: 56.25% !important;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Beaver Builder Custom CSS*/

h4#learndash_course_content_title {
    font-size: 18px;
}

.fl-row {
background-color: #f2eae7;
margin-top:20px;
}

.almostWhitebg {
   background-color: white;
   opacity: .85;
   border-radius: 15px;
}
@media screen and (max-width: 767px) {
  .almostWhitebg {
    padding: 0 15px 15px 15px;
    margin-bottom: 15px;
    padding-bottom: 20px;
  }
}


/*H5P Custo CSS*/

/*ACCORDION*/
.h5p-panel-title {
  background-color: #beaea5;
}



/*BACKGROUND COLOURS*/
.whitebg > .fl-module-content {
    background-color: #FFFFFF;
}
.greybg > .fl-module-content {
    background-color: #f2eae7;
}

/*PULLOUT BOXES*/
#pullout > .fl-module-content {
    border-left-style: solid;
    border-left-width: 4px;
}
#pullout > .fl-module-content {
    margin-bottom: 0px !important;
}

/*Pullout types*/
#pullout.important > .fl-module-content {
    border-left-color: #A94442;
}
.important p:first-of-type {
    color: #A94442;
    font-weight: bold;
}

#pullout.keypoint > .fl-module-content {
    border-left-color: #CE932C;
}
.keypoint p:first-of-type {
    color: #CE932C;
    font-weight: bold;
}

#pullout.question > .fl-module-content{
    border-left-color: #39B4BF;
}
.question p:first-of-type {
    color: #39B4BF;
    font-weight: bold;
}

#pullout.information > .fl-module-content{
    border-left-color: #676A6C;
}
.information p:first-of-type {
    color: #676A6C;
    font-weight: bold;
}

#pullout.tip > .fl-module-content{
    border-left-color: #2A7A44;
}
.tip p:first-of-type {
    color: #2A7A44;
    font-weight: bold;
}

/*points boxes*/
/*.point {
    margin: 5px 5px 10px 5px;
}*/
.point p:first-of-type {
    font-weight: bold;
}
/*adds padding around text in point and pullout boxes*/
.point > * > .fl-rich-text,
#pullout > * > .fl-rich-text,
.whitebg > * > .fl-rich-text,
.greybg > * > .fl-rich-text {
    padding: 15px;
}
@media screen and (max-width: 767px) {
.pointimg {
    margin-bottom: -10px;
    background: white;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 21px;
  }
.pointimg > .fl-module-content.fl-node-content {
    margin-top: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
.fl-col-small {
  max-width: 100%;
  }
.fl-photo-content img {
  width: 767px !important;
  max-width: 100%
  }
  .anycaption > * >.fl-rich-text {
    margin: 10px -10px 0px -10px;
  }
}

/*coloured point boxes */
.teal p,
.orange p,
.red p,
.grey p,
.green p,
.purple p,
.blue p,
.pink p,
.red2 p,
.brown p,
.orange2 p,
.slate p,
.green2 p,
.black p {
  color: #FFFFFF;
}
.teal > .fl-module-content {
  background-color: #39B4BF !important;
}
.orange > .fl-module-content {
  background-color: #CE932C;
}
.red > .fl-module-content {
  background-color: #A94442;
}
.grey > .fl-module-content{  
  background-color: #676A6C;
}
.green > .fl-module-content{  
  background-color: #379154;
}
/*secondary colours*/
.purple > .fl-module-content{
  background-color: #946fb0;
}
.blue > .fl-module-content{
  background-color: #1c84c6;
}
.pink > .fl-module-content{
  background-color: #d65c92;
}
.red2 > .fl-module-content{
  background-color: #e6425a;
}
.brown > .fl-module-content{
  background-color: #7A6754;
}
.orange2 > .fl-module-content{
  background-color: #e27335;
}
.slate > .fl-module-content{
  background-color: #4e5e69;
}
.green2 > .fl-module-content{
  background-color: #40a05f;
}
.black > .fl-module-content{
  background-color: #514a46;
}
 
/*Buttons*/
/* start da css for da buttons */


.btnorange {
  color: #FFF !important;    
  background-color: #e27335 !important;
  box-shadow: 0px 5px 0px 0px #bd5419 !important;
}

.btnorange:hover {
  color: #FFF !important;    
  background-color: #d86626 !important;
}


.btn,
.wpProQuiz_button,
.wpProQuiz_button:hover {
  border-radius: 5px !important;
  padding: 10px 15px !important;
  font-size: 16px !important;
  text-decoration: none;
  color: #fff !important;
  position: relative;
  display: inline-block;
  margin-top: 10px !important;
}

/*This comes before the active state as box shadows are all important*/
.wpProQuiz_button {
  color: #FFF !important;    
  background-color: #e27335 !important;
  box-shadow: 0px 5px 0px 0px #bd5419 !important;
}
/*.wpProQuiz_button:last-of-type {
  margin-bottom: 0px !important;
}*/


.wpProQuiz_button:hover  {
  color: #FFF !important;    
  background-color: #d86626 !important;
  box-shadow: 0px 5px 0px 0px #bd5419 !important;
}

.wpProQuiz_button,
.wpProQuiz_button:hover {
  border: none !important; 
  margin-bottom: 10px !important;
}
.wpProQuiz_button:last-child,
.wpProQuiz_button:last-child {
  margin-bottom: 0px !important;
}

.btn {
  cursor: pointer;
}
.btn:active,
.wpProQuiz_button:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  box-shadow: 0px 1px 0px 0px !important;
}
a.btn,
a.btn:hover {
    border-bottom: none;
}

.btn > * > * > p {
    margin: 0px !important;
}

.btn > .fl-module-content.fl-node-content {
    margin: 0px;
}

.btn > * > * > * > a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;   
    border: none;     
}

.btn > * > * > * > a:hover {
    color: #fff;
    border: none;     
} 

.wpProQuiz_button,
.wpProQuiz_button:hover {
  cursor: pointer;
  font-weight: normal !important;
}

#buttons a:hover {
  text-decoration: none !important;
}


.btnorange,
.orange {
  color: #FFF !important;    
  background-color: #e27335 !important;
  box-shadow: 0px 5px 0px 0px #bd5419 !important;
}

.btnorange:hover,
.orange:hover {
  color: #FFF !important;    
  background-color: #d86626 !important;
}


.btnteal,
.btnblue {
  color: #FFF !important;    
  background-color: #39B4BF !important;
  box-shadow: 0px 5px 0px 0px #226B72 !important;
}

.btnteal:hover,
.btnblue:hover {
  color: #FFF !important;    
  background-color: #34A3AD !important;
}

.btngreen {
  color: #FFF !important;    
  background-color: #379154 !important;
  box-shadow: 0px 5px 0px 0px #225a34 !important;
}

.btngreen:hover {
  color: #FFF !important;    
  background-color: #237a3f !important;
}

.btnred {
  color: #FFF !important;
  background-color: #A72F2F !important;
  box-shadow: 0px 5px 0px 0px #70171b !important;
}

.btnred:hover {
  color: #FFF !important;    
  background-color: #932929 !important;
}

.btngrey {
  color: #FFF !important;
  background-color: #565c71 !important;
  box-shadow: 0px 5px 0px 0px #292c36 !important;
}

.btngrey:hover {
  color: #FFF !important;    
  background-color: #494e60 !important;
}

.btnpurple {
  color: #FFF !important;    
  background-color: #946fb0 !important;
  box-shadow: 0px 5px 0px 0px #564166 !important;
}

.btnpurple:hover {
  color: #FFF !important;    
  background-color: #806098 !important;
}

.btnyellow {
  color: #FFF !important;    
  background-color: #C79034 !important;
  box-shadow: 0px 5px 0px 0px #926211 !important;
}

.btnyellow:hover {
  color: #FFF !important;    
  background-color: #B68430 !important;
}

/* end da css for da buttons */

/*no margins*/
.nomargintop {
   margin-top: -20px !important;
}
.nomarginbottom {
   margin-bottom: -20px !important;
}

/*no padding*/
.nopaddingtop {
   padding-top: -0px !important;
}
.nopaddingbottom {
   padding-bottom: 0px !important;
}

/*For when there is no side panel */
.nosidepanel {
  max-width: none;
}

/*COPYRIGHT DISCLAIMER AT BOTTOM OF COURSE PAGE*/
div#copyright {
    font-size: 12px;
    line-height: 17px;
    margin-top: 20px;
}

/*WIDGETS OVERRIDE*/

.ld-course-info-my-courses h2 {
   font: normal 12px / 20px 'Open Sans'
}

/*#learndash_next_prev_link {
    visibility: visible !important;
    display: initial !important;
}*/

#learndash_course_status {
    display: none;
}

#learndash_course_content_title {
    font-size: 20px !important;
}

.learndash > br {
    display: none;
}

.single-sfwd-courses .uk-breadcrumb {
    display: none;
}


/*TOOLTIPSTER*/

.tooltipster {
  cursor: pointer;
  color: inherit !important;
  border-bottom: 1px solid #c5b6b6;
  font-weight: bold;  
}
.tooltipster:hover,
.tooltipster:active {
  border-bottom: 1px solid #514a46;
}
.tooltipster-content{
  max-width: 250px;
  overflow: hidden;
  margin-bottom: 5px;
}
.tooltipster-dark {
  border-radius: 0px; 
  box-shadow: 0px 0px 24px rgba(0,0,0,0.16);
  background: #ffffff;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.tooltipster-dark .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 3px 10px;
  font-weight: normal;
}
.tooltipster-content img{
  float: none;
  margin-left: -10px;
  margin-top: -10px;
  margin-right: -10px;
  margin-bottom: 5px;
  width: 110% !important;
  max-width: 110% !important;
  height: auto;
}
.tooltipster_content b{
  display: block;
  margin-bottom: 4px;
  margin-top: 3px;
  font-weight: bold !important;
  border-bottom: 1px solid #f8f8f8;
  padding-bottom: 3px;
}
.tooltipster-default .tooltipster-content,
.tooltipster-content,
.tooltipster_content b {
  font-size: 14px !important; 
  line-height: 20px !important;
  font-family:'Open Sans';
}
.tooltipster-default .tooltipster-content {
  font-weight: normal;
}

/*Top and bottom borders */
.tooltipster-dark {
  border-bottom: 2px solid #514a46;
  border-top: 2px solid #514a46;  
  border-left: none;
  border-right: none;
}
.tooltipster-arrow-top span,
.tooltipster-arrow-bottom span {
  border-top: none;
  border-bottom: none;
}

.tooltipster-base > .tooltipster-arrow-bottom,
.tooltipster-base > .tooltipster-arrow-top, {
    clear: both !important;
    width: 100% !important;
}

/* Fix iOS Safari Bug going from landscape to orientation */
.h5p-iframe-wrapper iframe.h5p-iframe {
  min-width: 100%; 
  width: 10px;
}

.sk-spinner-three-bounce.sk-spinner {
  margin: 0 auto;
  width: 70px;
  text-align: center;
}

.sk-spinner-three-bounce div {
  width: 18px;
  height: 18px;
  background-color: #536296;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.sk-spinner-three-bounce .sk-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.sk-spinner-three-bounce .sk-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-threeBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



/* WIDGETS */
.widget_course_return {
  padding: 10px 0 !important;
}

/* FULL WIDTH HERO IMAGE */
.fullwidth > .fl-module-content {
    margin: -20px -20px 0px -20px;
}
.fullwidth > * > * > .fl-photo-content.fl-photo-img-jpg {
    width: 100% !important;
}
.fullwidth > * > * > .fl-photo-content.fl-photo-img-jpg > img.fl-photo-img {
    width: 100% !important;
}
@media screen and (max-width: 767px) {
.fullwidth > .fl-module-content {
    margin: 0px -10px 0px -10px;
  }
}

/*RESPONSIVE*/
/*MAX 767px*/
@media screen and (max-width: 767px){
    /*Removes padding from right and left of container- makes bg full width*/
    .uk-container {
      padding: 10px 0px 0px 10px !important;
    }
    .uk-panel-box {
      padding-top: 0px;
    }
    .uk-navbar {
      background: #FFF
    }

    .fl-row-content-wrap {
    margin: 5px 5px 0px 5px !important;
    }
    /*.tm-main.uk-width-medium-3-4 {
      margin-left: -5px;
    }*/
     .tm-navbar {
      margin-bottom: 0px !important;
     }
    /*adds padding to beaver builder content*/  

    .fl-col-content {
      margin: 0px 10px 10px 10px !important;
    }
    .fl-module-content.fl-node-content {
      /*margin: 10px 10px 0px 10px;*/
      margin: 10px 0px 0px 0px; 
    }  
    /*.fl-module.fl-module-rich-text {
      padding-left: 10px;
      padding-right: 10px; 
    }*/
    .fl-builder-content {
      margin-top: -10px;
    }
    /*padding between content and module*/
    .fl-row-content-wrap {
      padding: 0px 20px 20px 20px;
    }

    /*adds space between title and beaverbuiler content*/
    .learndash {
      margin-top: 25px;
    }
    /*stretches images so everything is equal width*/
    /*.fl-photo {
      margin-left: -10px;
      margin-right: -10px;
    }*/
    /*adjusts margin below text*/
    h1, h2, h3, h4, h5, h6, p, ul, ol{
      margin-bottom: 15px;
    }
  /*adjusts left/right margin*/
    h1.uk-article-title, 
    .learndash_topic_dots, 
    #learndash_back_to_lesson {
        margin: 10px 3px;
    }

    /*Breadcrumbs*/
    .uk-breadcrumb {
      margin: 0px 10px 10px 10px;
    }

    .learndash_topic_dots {
      padding-bottom: 0px !important;
    }

    #learndash_back_to_lesson {
      padding-bottom: 20px !important;
    }

    span#learndash_course_status {
        margin: 0px 10px;
    }
    #learndash_course_content {
      padding: 0px 10px 1px 10px !important;
    }
    #learndash_lesson_topics_list {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    #learndash_quizzes {
      padding: 10px !important;
    }
    #copyright {
      padding: 15px;
    }
    
    /*quiz*/
    .wpProQuiz_content {
      padding: 5px 5px 15px 5px !important;
      margin: -15px;
      margin-bottom: -30px !important;
    }

    .wpProQuiz_listItem {
      margin-bottom: -10px !important;
      padding: 10px 10px 0px 10px !important;
      border-left: none !important;
    }
    .wpProQuiz_listItem:last-child {
    margin-bottom: 0px !important;
    } 
    .wpProQuiz_sortStringList {
      padding: 10px 0 !important;
    }
    .wpProQuiz_matrixSortString h5.wpProQuiz_header {
    padding-left: 7px;

    /*Side nav arrow*/
    .csds-nav-icons {
      position: initial !important;
      top: 0 !important;
      float: right;
      margin-top: -0.97% !important;
    }
    ol.wpProQuiz_list {
      margin-bottom: 0px !important;
    }
    /*custom*/

    /*remove left margin for mobile*/
    .resnomarginlr {
      margin-left: -10px;
      margin-right: -10px;
    }
    .resaddpaddingtop {
      padding-top: 15px;
    }
    /*separator - adds white panel above section for mobile*/
  /*.separator {
    border-top: 20px solid #FFFFFF;
  } */
}