/* ==============================================================================
Theme Name: EI California
Author: Roland Riddell
Description: A Phlox Child Theme for the EI California project
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-child
================================================================================= */
@font-face {
  font-family: second chances;
  src: url(assets/fonts/kgsecondchances/kgsecondchancessolid-webfont.eot);
  src: url(assets/fonts/kgsecondchances/kgsecondchancessolid-webfont.eot?#iefix) format("embedded-opentype"), url(assets/fonts/kgsecondchances/kgsecondchancessolid-webfont.woff) format("woff"), url(assets/fonts/kgsecondchances/kgsecondchancessolid-webfont.ttf) format("truetype"), url(assets/fonts/kgsecondchances/kgsecondchancessolid-webfont.svg#second\ chances) format("svg");
}

body {
  font-size: 18px;
  color: #2d3f3c;;
}

a {
  font-weight: 400;
  color: #0b7c36;
}

a:hover,
a:focus {
  color: #3654a4;
}

h1 {
  margin-bottom: 40px;
}

h3 {
  line-height: 33px;
}

label {
  font-size: 14px;
  color: #7f7c7c;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0;
  text-transform: uppercase;
}

input[type="checkbox"]:checked {
  background-color: #0b7c36;
}

input.disabled,
input#learndash_mark_complete_button[disabled] {
  background-color: #ccc;
}

input.disabled:hover {
  cursor: not-allowed;
}

.post h2.entry-title a:hover {
  color: #3654a4;
}

/*-------------- Header --------------*/
.ribbon-top {
  background-color: #0b7c36;
  height: 12px;
}

.ribbon-top .blue-strip,
.ribbon-top .yellow-strip {
  float: right;
  height: inherit;
}

.ribbon-top .yellow-strip {
  background-color: #fbcb2d;
  margin-right: 60px;
  width: 10%;
}

.ribbon-top .blue-strip {
  background-color: #8ce1fe;
  margin-right: 86px;
  border-right: 40px solid #3654a4;
  width: 15%;
}

.aux-header {
  background: #344674;
}

.site-header-section.aux-semi-full-container > .aux-wrapper > .aux-container {
  padding-right: 0;
  padding-left: 0;
}

.logo-container {
  background-color: #fff;
  min-height: 167px;
  position: relative;
  top: 28px;
  font-family: second chances, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width:576px) {
  .logo-container {
    top: 45px;
    width: 522px;
    min-height: 167px;
  }
}

@media (min-width:992px) {
  .logo-container {
    max-width: 550px;
  }
}

.logo {
  color: #2a447b;
}

.logo:hover {
  color: #3759a1;
  text-decoration: none;
}

.logo img {
  display: none;
  margin: 9px 0 0 10px;
}

@media (min-width:576px) {
  .logo img {
    float: left;
    display: block;
    margin: 9px 0 0 10px;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min-resolution:2dppx) {
  .logo {
    background-image: url("assets/images/logo@2x.png");
    background-repeat: no-repeat;
    background-size: 135px 147px;
  }
}

.site-name {
  text-align: center;
  margin-bottom: 5px;
  position: relative;
  top: 11px;
}

@media (min-width: 573px) {
  .site-name {
    top: 23px;
  }
}

.site-name-line-1,
.site-name-line-2 {
  display: inline-block;
  font-size: 29px;
  line-height: 34px;
}

.site-name-line-3 {
  font-size: 21px;
  line-height: 22px;
  margin-top: 10px;
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  background-color: #3655a5;
}

@media (min-width:992px) {
  .banner-inner-img {
    /* background: url(assets/images/ei-banner-subject.png) no-repeat 90% 0 transparent; */
    background: url(assets/images/banner-1.jpg) no-repeat 90% 0 transparent;
    width: 327px;
    height: 275px;
    position: absolute;
    right: 18px;
    background-size: 326px;
    top: 27px;
  }
}

@media (min-width:576px) {
  .banner-inner-img {
    margin-right: 0;
  }
}

/*------------- Primary Nav --------------*/
.site-header-section .aux-phone-off {
  display: block !important;
}

.aux-menu-box {
  background: #0b7c36;
}

.ubermenu {
  border: none;
  font-size: 15px;
}

.ubermenu-responsive-toggle,
.ubermenu .uber-menu-item {
  color: #fff;
}

.ubermenu-responsive-toggle:hover,
.ubermenu-retractors-responsive .ubermenu-nav a:hover {
  color: #fdeeba;
}

.ubermenu-widget-area {
  padding-left: 0;
}

.ubermenu .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
    color: #119b48;
}

#menu-item-1269 {
  border-left: 1px solid #0d7637;
}

.ubermenu-retractors-responsive #menu-item-1269 {
  border-left: none;
}

.ubermenu .ubermenu-item-level-0>.ubermenu-target {
  /* border-left: 1px solid #0d7637; */
  color: #fff;
  text-transform: capitalize;
  font-weight: 400;
}

.ubermenu-submenu,
.ubermenu .ubermenu-submenu .ubermenu-column {
  background-color: #fff !important;
}

.ubermenu .ubermenu-target {
  padding-top: 17px !important;
}

.ubermenu .ubermenu-submenu .ubermenu-target {
  color: #000;
  padding: 8px 20px;
}

.ubermenu .ubermenu-submenu .ubermenu-target:hover {
  color: #0b7c36;
}

.ubermenu .ubermenu-submenu-type-stack {
  padding-top: 0 !important;
}

.ubermenu .ubermenu-target-text {
  font-size: 16px;
}

.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target {
  font-weight: 700;
  padding-bottom: 0;
}

.ubermenu .ubermenu-widget {
  padding-bottom: 17px;
}

.ubermenu .ubermenu-widget:hover {
  background: #0C6D33 none repeat scroll 0 0;
}

.ubermenu-retractors-responsive .ubermenu-widget:hover {
  background: transparent !important;
}

.ubermenu-widget-area li {
  list-style: none;
}

.ubermenu .ubermenu-widget a {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}

.ubermenu .ubermenu-widget a:hover {
  text-decoration: none;
}

.ubermenu-skin-grey-white.ubermenu-responsive-toggle {
  background: #0e843d;
}

.ubermenu-skin-grey-white.ubermenu-responsive-toggle:hover {
  background: #0c6d33;
}

.ubermenu-submenu-drop {
  border-bottom: 4px solid #119B48 !important;
}

.ubermenu-widget-area.ubermenu-row {
  margin-bottom: 0;
}

@media (min-width: 1025px) {
  .ubermenu #menu-item-1449 .ubermenu-target {
    padding-left: 0;
  }
}

@media screen and (min-width:783px) {
  .admin-bar .ubermenu-responsive-toggle.ubermenu-sticky, .admin-bar .ubermenu.ubermenu-sticky {
    margin-top: 0 !important;
  }
}

@media (min-width:1200px) {
  .ubermenu-item-337 {
    float: right !important;
  }
}

.ubermenu .ubermenu-submenu .ubermenu-search .ubermenu-searchform {
  background: #a09f9f;
}

.ubermenu .ubermenu-submenu .ubermenu-search .ubermenu-searchform input::-webkit-input-placeholder,
.ubermenu .ubermenu-submenu .ubermenu-search .ubermenu-searchform input:-ms-input-placeholder {
  color: #fff;
}

.ubermenu .ubermenu-submenu .ubermenu-search .ubermenu-searchform input:-moz-placeholder,
.ubermenu .ubermenu-submenu .ubermenu-search .ubermenu-searchform input::-moz-placeholder {
  color: #fff;
}

/*------------ Content -------------*/
/* Add icons to file links */
a[href$=".pdf"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".ppt"]:before,
a[href$=".pptx"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
  background: url("assets/images/doc-icons.png") no-repeat 0 0;
  background-image: url("assets/images/doc-icons.svg");
  display: inline-block;
  vertical-align: middle;
  content: "";
  width: 30px;
  height: 30px;
  margin-right: 8px;
}

a[href$=".pdf"]:before {
  background-position: -45px -0px;
}

a[href$=".doc"]:before,
a[href$=".docx"]:before {
  background-position: -90px -0px;
}

a[href$=".ppt"]:before,
a[href$=".pptx"]:before {
  background-position: -0px -0px;
}

a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
  background-position: -135px -0px;
}

a[href$=".pdf"]:before,
a[href$=".doc"]:before,
a[href$=".docx"]:before,
a[href$=".ppt"]:before,
a[href$=".pptx"]:before,
a[href$=".xls"]:before,
a[href$=".xlsx"]:before {
  font-size: 14px;
}

a[href$=".pdf"]:after {
  content: "  (PDF)";
}

a[href$=".doc"]:after,
a[href$=".docx"]:after{
  content: "  (MS Word)";
}

a[href$=".ppt"]:after,
a[href$=".pptx"]:after {
  content: "  (Powerpoint)";
}

a[href$=".xls"]:after,
a[href$=".xlsx"]:after {
  content: "  (Excel)";
}

.content > article {
  margin-top: 40px;
}

.entry-content img {
  width: 100%
}

.page-title-section .aux-dark,
.page-title-section .aux-dark a {
  color: #534d41;
}

.image-shadow {
  box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.05);
}

.list-padding {
  padding-left: 135px;
}

/*------------- Widgets ----------------*/
.widget-container a:hover {
  color: #0c6d33;
}

aside .widget-title,
.aux-aside .widget-title {
  margin: 0;
  font-size: 18px;
  color: #534d41;
  font-style: normal;
}

aside .widget-title span:after,
.aux-aside .widget-title span:after {
  border-color: #534d41;
}

.callout {
  font-family: second chances, sans-serif;
  text-rendering: optimizeLegibility;
  border: 8px solid #fbb03b;
  margin: 10px 10px 30px 40px;
  padding: 10px;
  background-color: #f6c57a;
  color: #934900;
}

.widget_search .search-field {
  font-family: inherit;
  color: #ccc;
}

/*------------ Elementor styles -------------*/
/* Tabs */
#main .elementor-tab-title,
#main .elementor-tab-title:before,
#main .elementor-tab-title:after,
#main .elementor-tabs-content-wrapper {
  border-width: 2px;
}

#main .elementor-tab-content {
  border-width: 2px;
}

#main .elementor-widget-tabs .elementor-tab-content,
#main .elementor-widget-tabs .elementor-tab-title.elementor-active,
#main .elementor-widget-tabs .elementor-tab-title.elementor-active:after,
#main .elementor-widget-tabs .elementor-tab-title.elementor-active:before,
#main .elementor-widget-tabs .elementor-tabs-content-wrapper {
  border-color: #2f2f87;
}

.elementor-icon-box-title a:hover {
  color: #0b7c36;
}

.elementor-icon {
  transition: all .2s ease-in-out;
}

.elementor-icon:hover {
  transform: scale(1.1);
}

/*------------- Contact Form ----------------*/
.contact-form .wrap-forms {
  background-image: url("http://localhost/ei-ca/wp-content/uploads/2016/07/contact-form-bg.jpg") !important;
  background-size: cover !important;
  background-position: top center !important;
}

.contact-form input[type="text"] {
  padding-left: 0px;
}

.contact-form input {
  border-bottom: 2px solid #3b2217 !important;
}

.contact-form textarea {
  border: 2px solid #3b2217 !important;
}

@media(max-width:1225px) {
  .list-padding {
    padding-left: 70px;
  }
}

@media(max-width:780px) {
  .superscript {
    font-size: 24px !important;
  }

  .remove-on-mobile {
    background-image: none !important;
  }

  .quote-bubble {
    background-position: center top !important;
  }

  .list-padding {
    padding-left: 10px;
  }

  .quote-bubble p {
    color: #322019 !important;
  }

  .filter-bg {
    height: 160px !important;
    margin-bottom: -140px !important;
  }

  .contact-form .wrap-forms {
    padding: 0px 20px !important;
  }
}

/*------------- Sidebar -------------*/
.widget_search .search-field {
  border: 2px solid #119b48;
  background-color: #fff;
}

.widget_search label:after {
  color: #0b7c36;
}

/*------------- LearnDash -------------*/
#learndash_course_status {
  margin-top: 8px;
  display: block;
  font-size: 15px;
  padding: 5px;
  background-color: #eaf2ed;
}

.wpProQuiz_content .wpProQuiz_question_page {
  margin-bottom: 20px;
  margin-top: -10px;
  color: #3d3830;
  font-size: 16px;
}

.wpProQuiz_content .wpProQuiz_questionList {
  background: transparent;
}

.wpProQuiz_content .wpProQuiz_questionListItem input {
  display: inline-block;
}

.wpProQuiz_questionListItem label {
  text-transform: none;
}

/* Fix sortable quiz question postioning in Webkit browsers */
.wpProQuiz_content .wpProQuiz_maxtrixSortText:not(*:root) {
  margin-left: 10px;
}

.wpProQuiz_content .wpProQuiz_sortStringItem:not(*:root),
.wpProQuiz_content .wpProQuiz_sortable:not(*:root) {
  padding-left: 18px;
}

#wp-submit,
input[type="button"],
#learndash_mark_complete_button,
.page #ld_course_list .btn-primary {
  background-color: #0b7c36;
  color: #fff;
  padding: 12px 25px;
  border: none;
  font-size: 14px;
  line-height: 26px;
  transition: all .5s ease-out;
}

input[type="button"]:hover,
#wp-submit:hover,
#learndash_mark_complete_button:hover,
.page #ld_course_list .btn-primary:hover {
  background-color: #fbcb2d;
  color: #534d41;
}

.page #ld_course_list .btn {
  border-radius: 0;
  margin-top: 20px;
}

.wpProQuiz_quiz_time,
.wpProQuiz_points,
.grid-course #ribbon {
  display: none;
}

.ld_course_grid .sfwd-courses {
  min-height: 354px;
}

.wpProQuiz_header {
  font-size: 22px;
}

.ld_course_grid h3 {
  font-size: 20px;
  line-height: 24px;
}

.ld-course-list-items .row {
  margin-bottom: 40px;
}

.lms-breadcrumbs {
  margin-top: 10px;
  font-size: 14px;
  color: #3d3830;
}

.lms-breadcrumbs a {
  color: #3d3830;
}

.lms-breadcrumbs a:hover,
.lms-breadcrumbs a:active,
.lms-breadcrumbs a:focus {
  color: #9e9584;
}

.lms-breadcrumbs span:first-child a span {
  display: none;
}

#learndash_quizzes {
  margin-top: 40px;
}

.wpProQuiz_quiz .wpProQuiz_header {
  display: none !important;
}

.wpProQuiz_quiz textarea,
.wpProQuiz_quiz input[type="text"] {
  color: #24272b;
  font-size: 22px;
}

.wpProQuiz_questionList .graded-disclaimer {
  font-size: 12px;
}

.wpProQuiz_content .wpProQuiz_questionList {
  border: 2px solid #a6c4b2;
}

.wpProQuiz_questionListItem:not(.ui-sortable-handle) {
  list-style-position: inside;
  padding-left: 18px !important;
  text-indent: -16px;
  margin-bottom: 10px;
}

.wpProQuiz_questionListItem label {
  font-size: 16px;
  color: #24272b;
  line-height: 20px;
  display: block;
}

.wpProQuiz_cloze input {
  height: 100%;
}

.wpProQuiz_content .wpProQuiz_sortStringItem,
.wpProQuiz_content .wpProQuiz_sortable {
  background-color: #3655A5;
  border: 1px solid #1c2e5b;
  color: #fff;
}

.wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem,
.wpProQuiz_answerIncorrect .wpProQuiz_sortable {
  background-color: transparent;
}

dd.course_progress div.course_progress_blue {
  background-color: #0b7c36;
}

#learndash_lessons,
#learndash_quizzes,
.expand_collapse,
.notavailable_message,
#learndash_lesson_topics_list div > strong,
#learndash_lesson_topics_list div ul > li .sn,
.learndash_profile_heading,
#learndash_profile a,
#learndash_profile div,
#learndash_lessons a,
#learndash_quizzes a,
.learndash_topic_dots a,
.learndash_topic_dots a > span,
#learndash_lesson_topics_list span a {
  font-size: 16px;
}

#learndash_lessons,
#learndash_quizzes,
#learndash_profile,
#learndash_lesson_topics_list > div,
.page #ld_course_list .thumbnail {
  border: 1px solid #3654a4;
}

#learndash_lesson_topics_list div > strong {
  border-bottom: 0;
}

.btn-join, #btn-join,
.learndash_checkout_buttons input.btn-join[type="button"],
a#quiz_continue_link,
body #learndash_lessons #lesson_heading,
body #learndash_profile.dashboard .learndash_profile_heading,
body #learndash_quizzes #quiz_heading, body #learndash_lesson_topics_list div > strong {
  border-radius: 0;
}

.wpProQuiz_answerIncorrect .wpProQuiz_sortStringItem {
  background-color: #a73131;
  border: none;
}

/* UO Course Grid */
.page-id-1314 .entry-title {
  color: #3654a4;
  margin-bottom: 0;
}

.uo-grid-wrapper .grid-course:hover .uo-border {
  border: 3px solid #3654a4 !important;
}

dd.uo-course-progress div.course_progress {
  background-color: #3654a4 !important;
}

.page #ld_course_list .thumbnail {
  border-radius: 0;
}

.page .thumbnail.course .ld_course_grid_price:before {
  border-top: 4px solid #3654a4;
  border-right: 4px solid #3654a4;
}

#lessons_list > div > div,
#course_list > div > div,
#quiz_list > div > div,
.single-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn,
.singular-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn {
  border-right: 1px solid #3654a4;
  border-top: 1px solid #3654a4;
}

#lessons_list > div h4,
#course_list > div h4,
#quiz_list > div h4,
#learndash_lesson_topics_list ul > li > span.topic_item {
  border-top: 1px solid #3654a4;
}

#learndash_lessons #lesson_heading,
#learndash_profile .learndash_profile_heading,
#learndash_quizzes #quiz_heading,
#learndash_lesson_topics_list div > strong {
  background-color: #3654a4;
  color: #fff;
}

#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: #c0ccea;
  color: #3654a4;
}

.learndash_topic_dots span:hover {
  color: #3654a4;
}

.learndash_lesson_topics_list {
  margin-top: 30px;
}

#learndash_course_content .learndash_topic_dots ul > li:nth-of-type(2n+1) {
  background: #eff3fc;
}

#sfwd-mark-complete {
  padding-top: 20px;
  border-top: 1px solid #ccc;
}

.single-sfwd-topic .post.post-details .entry-header .entry-title,
.single-sfwd-quiz .post.post-details .entry-header .entry-title {
  margin-bottom: 0;
}

/* Hide home breadcrumb link on course grid page */
.page-id-1314 .sfwd-breadcrumbs span:first-child a:before {
  display: none;
}

/*------------- Pages -------------*/
.hentry .entry-title {
  margin: 30px 0;
}

.page-id-1522 .entry-title {
  text-align: center;
}

.uo_loginForm h2,
.hentry .entry-info {
  display: none;
}

.login-msg {
  margin-bottom: 15px !important;
}

/* Course grid */
#page-1314 .entry-header .entry-title {
  border-bottom: 2px solid #3655a5;
}

#page-1314 .aux-content-top-margin .aux-primary {
  padding-top: 1.375em;
}

.aux-search .hentry,
.aux-search.aux-template-type-side-media .aux-primary .hentry .entry-main {
  margin-bottom: 0;
}

.aux-search.aux-template-type-side-media .aux-primary .hentry::after {
  margin: .75em auto;
}

/*------------- Posts -------------*/
.single .post.post-details .entry-header {
  padding-left: 0;
}

.single .aux-content-top-margin .aux-primary {
  padding-top: 0;
}

/*------------ Uncanny Owl components -------------*/
.login-notice {
  margin-top: 52px;
}

.uo_logout_user {
  margin-bottom: 20px;
}

/* Course grid */
.uo-grid-wrapper {
  margin-top: 0;
}

/*------------- Helpers -------------*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/*------------- Footer -------------*/
.aux-sticky-footer #main {
  box-shadow: none;
}

#sitefooter {
  font-style: italic;
  font-weight: 400;
  color: #534d41;
  font-family: lora;
  text-align: center;
}

.aux-site-footer {
  padding: 50px 0;
}

@media (max-width: 520px) {
  .aux-site-footer {
    padding: 20px 0;
  }

  .aux-copyright {
    line-height: 1em;
    margin-top: 55px;
  }

  .aux-site-footer small {
    font-size: .675em;
  }
}