/*
Theme Name: Credit Suite WordPress Theme
Description: Child theme for Woffice
Author: CS Dev Team
Template: woffice
Version: 3.1.1
*/
.featured-layer {
    background-color: #707070 !important;
    opacity: 0.7;
}
#featuredbox .pagetitle h1, #featuredbox.centered .pagetitle > h1 {
    font-weight: 300 !important;
}

#content {
    max-width: 1080px;
}

#content-container .post .heading {
    word-break: normal !important;
}

.callout {
    --text-opacity: 1!important;
    color: #c05621!important;
    color: rgba(192,86,33,var(--text-opacity))!important;
    padding: 1rem!important;
    border-left-width: 4px!important;
    --border-opacity: 1!important;
    border-color: #ed8936!important;
    border-color: rgba(237,137,54,var(--border-opacity))!important;
    --bg-opacity: 1!important;
    background-color: #fffaf0!important;
    background-color: rgba(255,250,240,var(--bg-opacity))!important;
}

#content .box h3 {
    font-family: Lato, helvetica, arial, sans-serif;
    font-weight: 300;
    font-size: 35px;
    text-align: center;
    color: #82b440;
}
.learndash_content h3 {
    font-size: 40px !important;
    font-weight: bold !important;
    color: #707070 !important;
    text-transform: uppercase !important;;
    text-align: left !important;
    padding-bottom: 20px;
    margin-bottom: 30px !important;
    border-bottom: 1px solid #e8e8e8;
}

.contact-us div:nth-child(odd) {
    border-right: 1px solid #e8e8e8;
}

.tool-tip{
    visibility: hidden;
    position: absolute;
}
.has-tooltip:hover .tool-tip {
    visibility: visible;
    z-index: 100;
}

.theme-color, #navbar .theme-color a {
    color: #82b440 !important;
}

.border-theme-color {
    border-color:  #82b440 !important;
}

/* fancy breadcrumbs */
#breadcrumbs-one{overflow: hidden; position: absolute; z-index: 999; background-color: white; opacity: .7; border-radius: 0px 0px 5px;}
#breadcrumbs-one li{float: left; list-style: none; }
#breadcrumbs-one a{padding: .7em .7em .4em 2em; float: left; text-decoration: none; color: #444; position: relative; background-color: #ddd;}
#breadcrumbs-one li:first-child a{padding-left: 1em; background-color: white; }
#breadcrumbs-one a:hover{background: #fff; }
#breadcrumbs-one a::after, #breadcrumbs-one a::before{content: ""; position: absolute; top: 50%; margin-top: -1.4em; border-top: 1.4em solid transparent; border-bottom: 1.4em solid transparent; border-left: 1em solid; right: -1em; }
#breadcrumbs-one a::after{z-index: 2; border-left-color: #ddd; }
#breadcrumbs-one li:first-child a::after{z-index: 2; border-left-color: white; }
#breadcrumbs-one a::before{border-left-color: #ccc; right: -1.1em; z-index: 1; }
#breadcrumbs-one a:hover::after{border-left-color: #fff; }
#breadcrumbs-one .current, #breadcrumbs-one .current:hover{font-weight: bold; background: none; }
#breadcrumbs-one .current::after, #breadcrumbs-one .current::before{content: normal; }

label.inline {display: inline !important;}

#left-content {z-index: 1;}

#main-header #nav-left #nav-topbar #topbar-menu > li.menu-item-has-icon > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Lato, helvetica, arial, sans-serif;
    position: relative;
    font-weight: 400;
}

#main-header #nav-left #nav-topbar #topbar-menu > li.menu-item-has-icon > a:before {    font-weight: normal;
    position: absolute;
    opacity: .1;
    font-size: 48px;
    top: -5px;
    left: 0px;
    width: 100%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
    font-family: "Fontawesome";
    color: #707070;
}

#main-header #nav-left #nav-topbar #topbar-menu > li.menu-item-has-icon:last-of-type {
    border-right: 1px solid;
    border-color: rgba(209,213,219,var(--tw-border-opacity));
}

#main-header #nav-left a#nav-trigger, #main-header #nav-left #nav-user {
    position: static !important;
}

#nav-user.active #user-thumb img {opacity: 1;}

#user-cover {background-color: #575757;}

/** partner resources **/

body.woffice-2-5 #content-container .heading {
    text-align: center;
}



.before {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    width: 100% !important;
}
.before::before {
    background-color: #82b440;
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    height: 2px;
    top: 55%;
}
.before h2 {
    text-transform: uppercase !important;
    background: #FFF;
    display: inline-block;
    z-index: 10;
    position: relative;
    padding: 0 20px !important;
}

form input[type=submit][data-v-02fe56e1] {
    background: #82b440;
}

/*trade round vendors*/
.trade-vendor-img {
    min-height: 66px;
}
.trade-vendor-details {
    min-height: 205px;
}

/* line 1, ../sass/inc/pages/_login.scss */
.__sl_login_form {
  position: relative;
  background-image: url("assets/images/newlogin/bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-top: 5px solid #82b440;
}
/* line 10, ../sass/inc/pages/_login.scss */
.__sl_login_form .__overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #707070;
  opacity: 0.6;
}
/* line 20, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container {
  position: relative;
  z-index: 5;
  min-height: calc(100vh - 5px);
  max-width: 630px;
  padding: 60px;
  margin-left: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}
@media only screen and (max-width: 639px) {
  /* line 20, ../sass/inc/pages/_login.scss */
  .__sl_login_form .__login_container {
    width: 100%;
    margin-left: 0;
    padding: 30px 20px;
  }
  /* line 41, ../sass/inc/pages/_login.scss */
  .__sl_login_form .__login_container h2 {
    font-size: 36px !important;
    text-align: center;
    margin-bottom: 15px !important;
  }
  /* line 47, ../sass/inc/pages/_login.scss */
  .__sl_login_form .__login_container #wp-submit {
    width: 100%;
  }
}
/* line 52, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container h2 {
  text-transform: uppercase;
  font-weight: 300 !important;
  font-size: 55px;
  line-height: 1.2;
  color: #82b440;
  margin-bottom: 30px;
}
/* line 62, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container .infobox {
  margin-top: -15px !important;
}
/* line 66, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container #loginform {
  width: 100%;
}
/* line 70, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container #loginform input:not([type="submit"]) {
  background: white !important;
}
/* line 74, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container #loginform input[type="checkbox"] {
  margin-top: 0;
  margin-right: 5px;
}
/* line 79, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container #loginform input[type="submit"] {
  padding: 15px 100px;
  background-color: #82b440 !important;
  float: none;
}
/* line 86, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container #loginform label {
  font-size: 16px;
}
/* line 91, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container ._forgot_password {
  font-size: 18px;
  font-weight: bold;
  color: #707070;
  margin-top: 15px;
  margin-bottom: 45px;
}
/* line 98, ../sass/inc/pages/_login.scss */
.__sl_login_form .__login_container ._forgot_password a {
  text-decoration: underline !important;
  color: #82b440 !important;
}

/* Learndash */

#lessons_list .list-count, #quiz_list .list-count, #lesson_heading span, h4#learndash_course_content_title, span#learndash_course_status, .type-dots, #learndash_back_to_lesson {
    display: none;
}

.learndash_topic_dots strong {
    font-size: 0px !important;
}

span.topic_item a span, div#lessons_list h4 a {
    font-size: 15px !important;
}

#course_list>div h4, #learndash_lesson_topics_list ul>li>span.topic_item, #lessons_list>div h4, #quiz_list>div h4 {
    width: 100%;
}

.aio-icon.none {
    margin-top: -20px !important;
}


.proinput input.orig, .proinput input.autocomplete {
    border: none !important;
    background: none !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#content .box .vc_btn3 {
    display: flex;
    min-width: 240px;
    align-items: center;
    justify-content: center;
    padding: 15px 30px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    background: #8CB252 !important;
    color: white !important;
    border: none;
    text-transform: uppercase;
    width: fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    float: unset;
}

/* line 2, ../sass/inc/_vc-components.scss */
.cta-2lines_vc {
    border: 1px solid #707070;
    margin-bottom: 20px;
}
/* line 5, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.cta-2lines_vc .fa {
    font-family: FontAwesome !important;
}
/* line 9, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a:hover {
    background-color: #f4f4f4;
    text-decoration: none !important;
}
/* line 13, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div {
    padding: 20px;
}
/* line 16, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div i {
    font-size: 2.5em;
    color: #aaa;
}
/* line 21, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div .__title,
.cta-2lines_vc a > div .__desc {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.2;
}
/* line 27, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div .__title {
    text-transform: uppercase;
    color: #82b440;
}
/* line 31, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div .__desc {
    color: #707070;
    font-weight: 300;
}
/* line 36, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div:nth-of-type(3) {
    margin-left: auto;
}
/* line 38, ../sass/inc/_vc-components.scss */
.cta-2lines_vc a > div:nth-of-type(3) img {
    display: block;
    height: 2.5em;
}

.bcb-section button {
    background-color: #8CB252;
    color: white;
}

.ult-modal-input-wrapper span {
    color: #8CB252 !important;
}

@media only screen and (max-width: 639px) {
    /* line 48, ../sass/inc/_vc-components.scss */
    .cta-2lines_vc a {
        flex-direction: column;
    }
    /* line 50, ../sass/inc/_vc-components.scss */
    .cta-2lines_vc a > div {
        padding: 10px;
        text-align: center;
    }
    /* line 53, ../sass/inc/_vc-components.scss */
    .cta-2lines_vc a > div:first-of-type {
        padding-top: 20px;
        padding-bottom: 0;
    }
    /* line 57, ../sass/inc/_vc-components.scss */
    .cta-2lines_vc a > div:last-of-type {
        padding-top: 0;
        padding-bottom: 20px;
        margin-right: auto;
    }
    /* line 61, ../sass/inc/_vc-components.scss */
    .cta-2lines_vc a > div:last-of-type img {
        height: 2em;
    }
}