/* 
 Theme Name:     Uncanny Owl Theme for Divi
 Author:         Uncanny Owl
 Author URI:     https://www.uncannyowl.com
 Template:       Divi
 Version:        1.1 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


/* Fix header line spacing */
h1, h2, h3, h4, h5, h6 {
    line-height:normal;
}


body.et_pb_pagebuilder_layout.et_right_sidebar .et_pb_row {
    width:100%;
}

@media (max-width:980px)
{
    .et_pb_section{
        padding:50px 20px;
    }
    .et_pb_fullwidth_section {
        padding:0;
    }
}

@media (min-width: 981px) {
    .et_pb_gutters3 footer .footer-widget {
        margin:0 5.5% 2% 0;
    }
    #footer-widgets {
        padding:2% 0 0;
    }

}

p {
    padding-bottom: 0;
    margin-top: 13px;
    margin-bottom: 15px;
}

/* Hide Post Meta */
p.post-meta {
    display: none;
}


/* Hide all labels w/ accessability for screen readers */
.hidden-gform-labels label{
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Sidebar widgets */
#sidebar .et_pb_widget a, .et_pb_widget_area a {
    color: #666;
    font-size:14px !important;
}
#sidebar .et_pb_widget a:hover {
    color:#2c97b4;
}
#sidebar .et_pb_widget ul li, .et_pb_widget_area .et_pb_widget ul li {
    margin-bottom:0;
}

#sidebar span.bp-separator{
    color: grey;
}
.learndash_navigation_lesson_topics_list  .list_arrow.collapse  {
    background-size: 6px 10px;
    background-position: 50% 12px;
}
.learndash_navigation_lesson_topics_list .list_arrow.expand {
    background-size: 10px 6px;
    background-position: 50% 13px;
}

#course_navigation .learndash_navigation_lesson_topics_list .lesson {
    margin-bottom:0;
    line-height:normal;
}

h4.widgettitle {
    background-color: #EFEFEF;
    border-radius: 0 10px 10px 0;
    margin-left: -30px;
    padding-left: 30px;
    padding-top: 10px;
    margin-bottom:10px;
}

@media (max-width:980px) {
    h4.widgettitle {
        margin-left:0;
        padding-left:10px;
        border-radius:10px;
    }
}

@media (max-width:980px) and (min-width:550px) {
    #sidebar .et_pb_widget {
            float:left;
            width:50%;
            padding-right:20px;
        }
}

body .widget_monarchwidget {
    float:left !important;
}

/* BadgeOS widget */ 
#badgeos-achievements-container {
    border-top:none !important;
}
#sidebar .badgeos-item-description, #sidebar input#achievements_list_load_more, .et_pb_column_1_4 .badgeos-item-description, .et_pb_column_1_4 input#achievements_list_load_more {
    display:none !important;
}
#sidebar .badgeos-achievements-list-item, .et_pb_column_1_4 .badgeos-achievements-list-item  {
    clear:none;
    border-bottom:none;
    float:left;
    padding:0;
    width:50%;
}
#sidebar .badgeos-achievements-list-item .badgeos-item-image, .et_pb_column_1_4 .badgeos-achievements-list-item .badgeos-item-image {
    width:100%;
}
.gotoachievements {
    display:block;
    text-align:right;
}
#badgeos-achievements-container {
    padding-top:10px;
}

/* Course forum widget styling */
.widget_ldcourseprogress li:before {
    content:"Course Forum: ";
    font-weight:bold;
}

.widget_ldcourseprogress li {
    list-style-type:none;
}

.widget_ldcourseprogress ul, .widget_ldcourseprogress > div {
    padding:0 !important;
}

/* Woocommerce Cart Widget */
.woocommerce.widget_shopping_cart .cart_list li.empty {
    padding-left:0;
}
/* Footer Widgets */
#footer-widgets .footer-widget li {
    padding-left: 0;
}
#footer-widgets .footer-widget li:before{
    content: none;
}
#footer-widgets .et_pb_widget .title {
    color: white;
    font-weight: bold;
    font-size: 23px;
}
.textwidget p {
    margin-top: 12px;
}
.footer-widget ul {
    margin-top: 14px;
}
#footer-widgets .et_pb_widget a {
    color: #FFF;
}
footer .textwidget p {
    margin-top:0;
}
footer .et_pb_widget .title {
    margin-top:20px;
}
footer .gform_wrapper li.hidden_label input, footer .gform_wrapper .gform_footer {
    margin-top:0;
}
span.bp-separator {
    font-size: 22px;
    color: white;
}
/* Product search widget */
.widget_product_search input[type="search"]{
    padding: 5px 0 5px 10px;
    border: 1px solid #999;
    border-radius: 3px;
    font-size: 14px;
    width: 90%;
    margin-bottom:10px;
}

.widget_product_search label {
    display:none;
}

/* Footer Logo Align Description text With footer widget content*/
.footer-logo{
    margin-top: -30px;
}

#gform_wrapper_1 .gform_body .gform_fields .gfield textarea {
    width: 100%;
}
#gform_wrapper_1 .gform_body .gform_fields .gfield input[type=text] {
    width: 100%;
}

/*login gravity form*/
#gform_wrapper_2 {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
#gform_wrapper_2 form {
    text-align: center;
}

/* Fix padding around forum tables */
#bbpress-forums ul.bbp-lead-topic, 
#bbpress-forums ul.bbp-topics, 
#bbpress-forums ul.bbp-forums, 
#bbpress-forums ul.bbp-replies, 
#bbpress-forums ul.bbp-search-results {
    padding:0;
}

/* Button styles */

/* Woocommerce buttons */
body .woocommerce a.button:after {
    font-family: "ETmodules";
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    text-transform: none;
    speak: none;
}

.woocommerce.widget_shopping_cart a.button:after,
.woocommerce-page .widget_shopping_cart a.button:after {
    content:'';
}
.woocommerce.widget_shopping_cart a.button:hover {
    padding:0.3em 1em;
}

.woocommerce a.button:after,
.woocommerce-page a.button:after {
    font-size:26px;
}


/* Buttons on light background */
a.small-button.smallorange, 
a.big-button.bigorange,
body .woocommerce a.button, 
body.woocommerce-page a.button,
body .woocommerce input.button, 
body.woocommerce-page input.button,
body.woocommerce button.button,
.woocommerce button.button.alt,
body.woocommerce #respond input#submit,
#sfwd-mark-complete input[type="submit"], 
a.button,
#btn-join, 
.bbp-breadcrumb + span a.subscription-toggle,
#buddypress .generic-button a, 
#buddypress div.submit input, 
div.bbp-submit-wrapper button, 
.fmba_button,
#learndash_next_prev_link a, 
body input[type="submit"],
.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.tribe-events-button,
.tribe-events-read-more {
    position: relative;
    padding: 0.3em 1em !important;
    border: 2px solid #3d5aa3 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    background: transparent;
    background-color: initial !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.7em !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    color:#3d5aa3 !important;
    box-shadow: none !important;
    text-shadow: none;
    cursor:pointer !important;
} 

/* Quiz buttions - require !important */
body .wpProQuiz_button, 
body .wpProQuiz_button:hover,
body a#quiz_continue_link {
    position: relative;
    padding: 0.3em 1em !important;
    border: 2px solid #3d5aa3 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px !important;
    background: transparent !important;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    color:#3d5aa3 !important;
    box-shadow: none !important;
    font-weight:normal !important;
}

/* Buttons on dark background */
body footer .gform_footer input[type='submit']{
    color: #FFF !important;
    border-color:#FFF !important;
}

body footer .gform_footer input[type='submit']:hover {
    color:#FFF !important;
}


/* Small buttons */
#learndash_next_prev_link a,
.wpProQuiz_button[name="restartQuiz"],
.wpProQuiz_button[name="reShowQuestion"],
#members_search_submit,
.bbpress #main-content input[type="submit"],
.tribe-events-gcal,
.tribe-events-ical
{
    font-size:14px !important;
}

/* Button hovers */
a.small-button.smallorange:hover, 
a.big-button.bigorange:hover,
body .woocommerce a.button:hover, 
body.woocommerce-page a.button:hover,
body .woocommerce input.button:hover, 
body.woocommerce-page #main-content input.button:hover,
.woocommerce a.button.alt:hover, 
.woocommerce-page a.button.alt:hover,
.woocommerce input.button.alt:hover, 
.woocommerce-page input.button.alt:hover,
body.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
body.woocommerce #respond input#submit:hover,
#sfwd-mark-complete input[type="submit"]:hover, 
a.button:hover,
#btn-join:hover, 
.bbp-breadcrumb + span a.subscription-toggle:hover,
#buddypress div.generic-button a:hover, 
#buddypress div.submit input:hover, 
div.bbp-submit-wrapper button:hover, 
.fmba_button:hover,
#learndash_next_prev_link a:hover, 
/* body #main-content input[type="submit"]:hover, */
.gform_footer input[type='submit']:hover,
a#quiz_continue_link:hover,
#bbp_search_submit,
.gform_wrapper .gform_next_button:hover,
.gform_wrapper .gform_previous_button:hover,
.tribe-events-button:hover,
.tribe-events-read-more:hover  {
    background: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid #F3BB49 !important;
    color:#3d5aa3 !important;
}

/* Quiz button hovers - require !important */
body .wpProQuiz_button:hover
{
    background: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid #F3BB49 !important;
}

#members_search_submit,
.bbpress #main-content input[type="submit"] {
    padding: 4px 10px !important;
    line-height: 1.1 !important;
}

body .bbpress input[type="submit"]:hover,
body #members_search_submit:hover,
body div.bbp-submit-wrapper button:hover {
    background: rgba(0, 0, 0, 0.05);
    border: inherit;
    border: 2px solid #f3bb49;
}

#bbp_search_submit {
    position: absolute;
    height: 40px;
    margin-left: -10px;
    background-color: #CCC;
    border: 1px solid #CCC;
    color: #666;
    top: 0;
    right: 0;
}

/*style the previous next button on lessons */
body #learndash_next_prev_link a[rel=prev] {
    float: left;
}

body #learndash_next_prev_link a[rel=next] {
    float: right;
}

/* fix mobile wrapping issues for next and previuos learndash buttons */
@media (max-width: 373px) {
#learndash_next_prev_link a {
    font-size: 12px !important;
    padding: 0.3em 0.9em !important;
    }
}

@media (max-width: 980px) {
    #learndash_next_prev_link {
        padding-bottom: 20px;
    }
}


a.small-button.smallorange, 
a.big-button.bigorange,
a.small-button.smallorange:hover, 
a.big-button.bigorange:hover {
    color:#e4a31e !important;
}

.woocommerce .checkout_coupon input[name="apply_coupon"]{
    height:48px;
}

/* HOME HEADER */
#home-header .et_pb_slide {
    height: 500px;
}
#home-header .et_pb_container {
    margin-top: 350px;
    max-width: 480px;
    width: 100%;
    margin-left: 10%;
}
#home-header .et_pb_container p {
    font-size: 30px;
}
@media (max-width: 700px){
    #home-header .et_pb_container p {
        font-size: 20px;
    }
    #home-header .et_pb_container {
        margin-left: auto;
        margin-right: auto;
        margin-top: 40px;
    }
}

/* UO Login Shortcode */
/*#loginform label{
    position: absolute;
    left: 10000px;
}*/
#loginform input[type="text"], #loginform input[type="password"]{
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    border: #302222 solid 1px;
    color: black;
    margin-bottom: 15px;
}
#loginform .login-remember label{
    position: relative;
    left: 0;
}

#loginform input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: grey;
}
#loginform input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: grey;
    opacity:  1;
}
#loginform input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: grey;
    opacity:  1;
}
#loginform input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: grey;
}
#loginform input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color: grey;
}

/* Striped Background */
.divi-tile-bk .et_pb_slide {
    background-image: repeating-linear-gradient(-45deg, rgb(0, 0, 0) 10px, rgb(107, 63, 63) 11px, rgb(255, 0, 0) 10px, rgb(255, 0, 0) 10px)!important;
}

/* Gravity Forms */
.ginput_container input[type='text'], .ginput_container textarea, .ginput_container input[type='password']{
    padding: 10px;
    border-radius: 3px;
    border: #302222 solid 1px;
    color: black;
}

.hidden-gform-labels .gfield_checkbox label, .hidden-gform-labels .gfield_radio label {
    position: absolute;
    left: 0;
    top: auto;
    width: auto;
    height: auto;
    overflow: auto;
}
footer .gform_wrapper li.gfield.gfield_error {
    background-color:transparent;
}
footer .gform_wrapper .validation_message, footer .gform_wrapper div.validation_error {
    color:#FFF !important;
    padding-top:5px !important;
}

/* COURSE Grid */
.ld_course_grid .caption .entry-title {
    padding-top: 20px;
    height: 115px;
    font-size: 28px;
}
#ld_course_list .btn {
    padding: 13px 40px!important;
    margin-bottom: 20px!important;
}
#ld_course_list .thumbnail .caption {
    padding-left: 30px!important;
}

/* LearnDash Styles*/
dd.course_progress {
    margin:10px 0;
}

#learndash_course_status {
    display:block;
    padding:5px 5px 5px 10px;
    margin-left:-10px;
    background-color:#FFDE99;
    border-radius:10px;
}
body #lessons_list > div h4 > a, #learndash_lesson_topics_list .topic_item a > span {
    color: #515151;
    font-size: 14px;
}
body #lessons_list .list-count, #quiz_list .list-count {
    display:none;

}
body #lessons_list > div h4, #course_list > div h4, body #quiz_list > div h4, body #learndash_lesson_topics_list ul > li > span.topic_item {
    padding-bottom: 0;
    padding-top:0;
}

.image-vspacing {
    margin-top:45px;
    margin-bottom:45px;
}

.image-row {
    display: block;
    width: 100%;
}

.image-left, .image-right {
    display: inline-block;
    width: 49%;
    vertical-align: text-top;
}


/* BuddyPress Styles*/
/* Profile Nav */
.bp-group-discussion {
    margin-top: 10px;
    margin-bottom: 37px;
    font-size: 20px;
    text-align: center;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding-top:15px !important;
    padding-bottom:15px !important;
}

.bp-group-discussion a {
    line-height: 3em;
}

.bbp-user-page article.type-bp_members h1.entry-title {
    position:absolute;
}

#buddypress div#item-header div#item-header-content, #buddypress div#item-header div#item-header-avatar {
    float:right;
}

#buddypress div#item-header div#item-header-content {
    padding-right:15px;
}

#buddypress div#item-header img.avatar {
    max-width:100px;
    max-height:100px;
}

#buddypress div#item-nav {
    margin: 0 0 20px 0;
}
#buddypress div.item-list-tabs ul li {

    display: inline-block;
    border-bottom: 2px solid #D8D8D8;

}
#buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span {
    font-size: 13px;
    color: #236EB2;
    height: 40px;
    margin-top: 10px;
    padding-left:20px;
    padding-right:20px;
}

#buddypress div.item-list-tabs ul li#groups-order-select, #buddypress div.item-list-tabs ul li#links-order-select, #buddypress div.item-list-tabs ul li#links-category-select  {
    border-bottom:none;
}
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a {
    background-color: #1972BA;
    color: #FFF;
    opacity: 1;
    font-weight: bold;
    font-size: 12px;
}
#buddypress div.item-list-tabs ul li a:hover, #buddypress div.item-list-tabs ul li span:hover {
    background: #F1F1F1;
    color: #777777;
}
#buddypress .profile {
    padding-left: 15px;
}
#buddypress table.profile-fields {
    font-size: 13px;
    margin-left: 10px;
}

#buddypress ul.avatar-nav-items {
    padding-bottom:0;
}

#buddypress ul.button-nav {
    padding-left:0;
}

/* Woocommerce */
.woocommerce-checkout .col2-set .col-1 {
    width:100%;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    font-size:16px !important;
    padding: 9px 12px;
    height:auto;
}

body.woocommerce-page .woocommerce form .form-row-last {
    width:48%;
}

/* BadgeOS */
.single-badges article.badges div.et_post_meta_wrapper > img {
    max-width:200px;
    display:block;
    margin:auto;
}

.single-badges div.entry-content {
    padding-top:0;
}

.single-badges .achievement-wrap h4 {
    clear:both;
}

/* BBPress Forum Styling */

#bbpress-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
div.bbp-breadcrumb,
div.bbp-topic-tags,
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content,
#bbpress-forums div.bbp-the-content-wrapper input,
#bbpress-forums #bbp-your-profile fieldset span.description,
div.bbp-template-notice p,
#bbpress-forums div.bbp-reply-author .bbp-author-role {
    font-size: 14px;
}

#bbpress-forums .bbp-forums-list li,
#bbpress-forums div.bbp-forum-author .bbp-author-role,
#bbpress-forums div.bbp-topic-author .bbp-author-role,
#bbpress-forums div.bbp-reply-author .bbp-author-role,
span.bbp-author-ip,
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log,
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log,
#bbpress-forums div.row-actions,
div.bbp-search-form input,
div.bbp-search-form button {
    font-size: 12px;
}

#bbpress-forums p.bbp-topic-meta img.avatar,
#bbpress-forums ul.bbp-reply-revision-log img.avatar,
#bbpress-forums ul.bbp-topic-revision-log img.avatar,
#bbpress-forums div.bbp-template-notice img.avatar,
#bbpress-forums .widget_display_topics img.avatar,
#bbpress-forums .widget_display_replies img.avatar {
    margin-bottom: -2px
}

#bbp_search,
#members_search {
    border-width: 2px;
    padding: 3px 10px;
    border-radius: 3px !important;
    font-size: 14px;
}

#bbp-search-form > div {
    position:relative;
}
#bbp_search {
    border-width: 1px;
    width: 100%;
    display: inline;
    height: 40px;
}
label[for="bbp_search"]{
    display:none;
}


#bbpress-forums #subscription-toggle{
    float: right;
    margin: 10px 0px 10px 5px;
}


.single-tribe_events .tribe-events-schedule h2 {
    float:left;
}

/* widget area styling */
.woocommerce-product-search input[type=submit] {
        padding: 0.1em 0.5em !important;
        font-size: 16px !important;
}

.et_pb_widget_area .widgettitle {
    font-size: 20px !important;
}

/* change overlay opacity for store front */
.et_shop_image:hover .et_overlay {
    background: rgba(255, 255, 255, 0.6) !important;
}

/* adjust P element on bottom footer bar to fix height and alignment issue */
#footer-bottom p {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* change the forum table to become responive at 700px and smaller */
@media screen and (max-width: 700px) {

.bbp-header{display:none;}

.bbp-forum-status-open {
    margin-bottom: 10px;
    display: block;
    border-bottom: 2px solid #ddd;
}
    
.bbp-forum-status-open > li

{
    display: block;
    text-align: right;
    font-size: 13px;
    border-bottom: 1px dotted #ccc;
    float:none;
    width: 100% !important;
}

.bbp-forum-status-open > li:last-child {
      border-bottom: 0;
    }

.bbp-forum-content {text-align: right !important;}


.bbp-forum-info:before {
      content: "Forum";
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }

.bbp-forum-topic-count:before {
      content: "Topic";
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }

.bbp-forum-reply-count:before {
      content: "Posts";
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }

.bbp-forum-freshness:before {
      content: "Freshness";
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
.bbp-footer {display: none;}

}

/* reduce height of fullwidth header */
.et_pb_fullwidth_header {
    padding:30px 0;
}

/* fix global padding after 980px */
@media (min-width: 981px) {
    .et_pb_section {padding: 4% 20px;}
    .et_pb_fullwidth_section {padding: 0;}
}

/* monarch override default collapse point */

@media only screen and (min-width: 1025px) and ( max-width: 1199px) {
    .et_monarch .et_social_sidebar_networks {
        display: none !important;
    }
    .et_monarch .et_social_mobile {
        display: block !important;
    }
}

/* gravity forms tweaks */
.gform_wrapper .gf_progressbar_wrapper,
.gform_wrapper .gf_progressbar_wrapper .gf_progressbar {
    width: 100% !important;
}

.gform_wrapper .gform_body ul.gform_fields,
.gform_wrapper .gform_body ul.gform_fields li.gfield {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.gform_wrapper .gform_page_footer {
    height: 58px;
    width: 100% !important;
}
.gform_wrapper .gform_page_footer input.gform_previous_button {
    float: left;
}
.gform_wrapper .gform_page_footer input.gform_next_button {
    float: right;
    margin-right: 0 !important;
}
.gform_wrapper .field_description_below .gfield_description {
    padding-top: 0 !important;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text] {
    margin-bottom: 0 !important;
}
.gform_wrapper .ginput_container {
    line-height: 10px !important;
}

@media only screen and (max-width: 641px) {
    .gform_wrapper .gform_page_footer input.gform_previous_button {
        float: none;
    }
    .gform_wrapper .gform_page_footer input.gform_next_button {
        float: none;
    }
    .gform_wrapper .gform_page_footer {
        height: auto;
    }
}


/* tribe events tweaks */
@media (min-width: 769px) {
    #tribe-events-pg-template {
        padding: 40px 20px 20px; 
    }
}
@media (max-width: 768px) {
    .tribe-event-schedule-details {
        padding-left: 10px; 
    }
}

.tribe-events-back a,
.tribe-events-nav-previous a,
.tribe-events-nav-next a {
    font-weight: 600;
}
.tribe-events-nav-previous a:before {
    content: "Previous Event: ";
    color: #333;
    font-weight: 500;
}
.tribe-events-nav-next a:before {
    content: "Next Event: ";
    color: #333;
    font-weight: 500;
}
@media (max-width: 768px) {
    .tribe-events-sub-nav li a,
    .tribe-events-sub-nav li a:visited,
    .tribe-events-sub-nav li a:hover {
        background: initial;
        color: #e4a31e;
    }
}
body .woocommerce a.button:hover:after,
body.woocommerce-page a.button:hover:after,
.woocommerce button.button.alt:hover:after,
.woocommerce .wc-proceed-to-checkout a.button:hover:after,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover:after,
.woocommerce .wc-proceed-to-checkout a.alt:hover:after,
.woocommerce .order a.button:hover:after,
.woocommerce .order a.view:hover:after {
    display: none !important;
    opacity: 0 !important;
}

/* badgeOS tweaks */
body .badgeos-open-close-switch {
    text-align: left;
    margin-bottom: 10px;
}
body .show-hide-open:after, .show-hide-close:after {
    float: initial;
    display: inline-block;
}
#non-earned-badges .user-has-earned {
    display: none;
}

/* forum tweaks */
.bbp-search-form #bbp_search_submit {
    border-radius: 0 3px 3px 0 !important;
}

/* search bar tweaks */
.widget_search #searchsubmit {
    width: auto;
    font-size: 14px !important;
    padding: 0.7em !important;
}

/* blog tweaks */
/* style related posts in blog singe page */
.single-post .relatedposts {
    display: inline-block;
    width: 100%;
}
.single-post .relatedposts .relatedthumb {
    /*border: 1px solid #eeeeee;*/
    display: inline-block;
    float: left;
    /*height: 300px;*/
    width: 45%;
    margin: 20px 20px 20px 0px;
    /*box-shadow: 0px 0px 2px 0.5px rgba(0, 0, 0,0.1);*/
}

@media (max-width: 500px) {
.single-post .relatedposts .relatedthumb {
    width: 90%;
    }
}

.single-post .relatedposts .relatedthumb img {
    width: 100%;
    height: auto;
}

.single-post .relatedposts .relatedthumb .blogtitle {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    color: #333;
}


/*fix the badgeOS congratulation modal close button displacement*/

#TB_window {
    width: auto !important;
}

#TB_window .screen-reader-text {
    display: none;
}

/* style email field in forgot password and reset password pages */
#lostpasswordform input[type=text] {
    padding: 10px;
    border-radius: 3px;
    width: 100%;
    border: #302222 solid 1px;
    color: black;
    margin-bottom: 15px;
}
#resetpassform input[type=password] {
    padding: 10px;
    border-radius: 3px;
    width: 250px;
    border: #302222 solid 1px;
    color: black;
    margin-bottom: 15px;
}

@media (max-width: 980px) {
    #resetpassform input[type=password] {
        width: 100%;
    }
}

/* fix the placement of take that course button */
a#btn-join {
    display: inline-block;
    margin-bottom: 15px;
}

/* fix iframe issue on tin can modules */
body.single-sfwd-courses .learndash,
body.single-sfwd-lessons .learndash,
body.single-sfwd-topic .learndash,
body.single-sfwd-quiz .learndash {position: relative;}

/* fix buttons on woocommerce info boxes */
body.woocommerce-page .woocommerce-message a.button,
body.woocommerce-page .woocommerce-error a.button,
body.woocommerce-page .woocommerce-info a.button {
	color: #fff !important;
	border: 2px solid #fff !important;
}

body.woocommerce-page .woocommerce-message a.button:hover,
body.woocommerce-page .woocommerce-error a.button:hover,
body.woocommerce-page .woocommerce-info a.button:hover {
	background: rgba(0, 0, 0, 0.05) !important;
    border: 2px solid #F3BB49 !important;
}

/* add some styling to bbpress forum wp editor */
#bbpress-forums .wp-editor-container {border: 1px solid #bbb;}

/**
 * Moved from the Customizer
 */

/* =============
* Global
============== */

    input,
    textarea,
    button {
        font-family: inherit;
    }

    /*
    * Header
    */

    @media screen and (min-width: 769px){
        #top-header {
            background-color: transparent !important;
        }

            #top-header:after {
                content: '';

                width: 80%;
                height: 1px;

                position: absolute;
                right: 0;
                bottom: 0;

                background: -moz-linear-gradient(left, rgba(192,192,192,0) 0%, rgba(192,192,192,0.65) 100%);
                background: -webkit-linear-gradient(left, rgba(192,192,192,0) 0%,rgba(192,192,192,0.65) 100%);
                background: linear-gradient(to right, rgba(192,192,192,0) 0%,rgba(192,192,192,0.65) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c0c0c0', endColorstr='#a6c0c0c0',GradientType=1 );
            }

            .et_header_style_left #et-top-navigation nav > ul > li:not(.uo-btn-menu) > a:not(.uo-btn),
            .et_header_style_split #et-top-navigation nav > ul > li:not(.uo-btn-menu) > a:not(.uo-btn) {
                padding-top: 20px !important;
                padding-bottom: 13px !important;
            }

        #main-header,
        #page-container {
            margin-top: -35px !important;
        }

        #top-header a,
        #top-header .container {
            transition: all 300ms ease-in-out;
        }

        .et-fixed-header#top-header a {
            padding-bottom: 7px;
        }

        .et-fixed-header#top-header .container {
            padding-top: 7px;
        }

        .et-fixed-header #et-top-navigation nav > ul > li:not(.uo-btn-menu) > a:not(.uo-btn) {
            padding-top: 21px !important;
            padding-bottom: 12px !important;
        }
    }

    #et-secondary-nav .menu-item-has-children>a:first-child,
    #top-menu .menu-item-has-children>a:first-child {
        padding-right: 0;
    }

    #et-secondary-nav .menu-item-has-children>a:first-child:after,
    #top-menu .menu-item-has-children>a:first-child:after {
        display: inline-block;
        vertical-align: middle;
        margin-left: 5px;
        line-height: 1;
        margin-top: -2px;
        position: relative;
    }

    /*
    * Footer
    */

    #main-footer {
        padding: 40px 0 0 0;
        background-image: url( '/wp-content/uploads/2018/08/footer-bg.png' );
        background-position: center center;
        background-size: cover;
    }

        /* Widget titles */

        #main-footer .footer-widget h4 {
            display: none;
        }

        /* Footer bottom */

        #main-footer #footer-bottom {
            /*display: none;*/
            padding-bottom:20px;
        }

        /* Menu */

        #main-footer .widget_nav_menu {
            width: 100%;
        }

            #main-footer .widget_nav_menu ul {
                text-align: right;
            }

            #main-footer .widget_nav_menu .menu li {
                display: inline-block;
            }

                #main-footer .widget_nav_menu .menu li a:not(:last-child) {
                    margin-right: 10px;
                }

        #main-footer .uo-footer__logo {
            max-width: 250px;
            opacity: .8;
        }

        #main-footer .uo-footer__social {
            width: 100%;
            margin-top: 15px;
        }

            .uo-footer-icon {
                display: inline-block;
                margin-right: 5px;

                width: 30px;
                height: 30px;
                border-radius: 50%;

                line-height: 30px;
                font-size: 14px;
                font-weight: 400;

                text-align: center;

                color: #fff;
            }

            .uo-footer-icon span:before {
                text-shadow: 0 0;
                font-family: ETmodules!important;
                font-weight: 400;
                font-variant: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                line-height: 1;
                text-transform: none;
                speak: none;
            }

            .uo-footer-icon.uo-footer-icon--facebook { background: #5f7ebf; }
            .uo-footer-icon.uo-footer-icon--facebook span:before { content: '\e093'; }

            .uo-footer-icon.uo-footer-icon--twitter { background: #46b2f7; }
            .uo-footer-icon.uo-footer-icon--twitter span:before { content: '\e094'; }

            .uo-footer-icon.uo-footer-icon--linkedin { background: #4875B4; }
            .uo-footer-icon.uo-footer-icon--linkedin span:before { content: '\e09d'; }

            .uo-footer-icon.uo-footer-icon--youtube { background: #ff5151; }
            .uo-footer-icon.uo-footer-icon--youtube span:before {  content: '\e0a3'; }

        #main-footer .gform_wrapper {
            margin: 0;
            border-radius: 3px;
            background: #1a1a1a;
            padding: 15px;
        }

            #main-footer .gform_heading {}

                #main-footer .gform_heading .gform_description {
                    font-size: 14px;
                    line-height: 1.4;
                    color: #ccc;
                }

                #main-footer .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
                    background: #212121;
                    color: #fff;
                    padding: 8px 12px;
                    font-size: 15px;
                    border: 0;
                }

            #main-footer .gform_footer {
                padding-top: 10px;
            }

                #main-footer .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
                    font-size: 15px !important;
                }

                #main-footer .gform_wrapper li.gfield.gfield_error {
                    margin: 0 !important;
                    border: 0 !important;
                    padding: 0 !important;
                }

                #main-footer .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
                    font-weight: 400;
                    font-size: 14px;
                    margin: 5px 0;
                    color: #c15d5d !important;
                }

            #main-footer .validation_error {
                color: #fff;
                padding: 8px 12px;
                border-radius: 3px;
                border: 1px solid #903636;
                background: rgba(144,54,54,.8);
                font-weight: 400;
                font-size: 14px;
                text-align: left;
                line-height: 1.4;
            }

            #main-footer .gform_confirmation_message {
                color: #fff;
                padding: 8px 12px;
                border-radius: 3px;
                border: 1px solid #377e63;
                background: rgba(55,126,99,.8);
                font-weight: 400;
                font-size: 14px;
                text-align: left;
                line-height: 1.4;
            }

        #main-footer #menu-quick-links {
            margin-top: 0;
        }

            #main-footer .menu-item {
                width: 100%;
                text-align: left;
                margin-left: 0;
                padding-left: 0;
            }

            #main-footer #menu-quick-links > .menu-item-has-children {
                width: 50%;
                float: left;
                padding-left: 20px;
            }

                #main-footer #menu-quick-links > .menu-item-has-children > a {
                    font-weight: 700;
                }

    /*
    * Subsection
    */

    .uo-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

        .uo-section__heading {
            color: #2a2a2a;
            font-size: 30px;
            text-align: center;

            margin-bottom: 20px;
            padding-bottom: 0px;
            padding-top: 0;
        }

            .uo-section__heading h1,
            .uo-section__heading h2,
            .uo-section__heading h3,
            .uo-section__heading h4,
            .uo-section__heading h5,
            .uo-section__heading h6 {
                margin: 0;
                margin-bottom: 40px;
                padding: 0;

                color: #2a2a2a;
                font-size: 30px;
            }

        .uo-section__top-heading h1,
        .uo-section__top-heading h2,
        .uo-section__top-heading h3,
        .uo-section__top-heading h4,
        .uo-section__top-heading h5,
        .uo-section__top-heading h6 {
            margin: 0;
            margin-bottom: 0;
            padding: 0;

            color: #2a2a2a;
            font-size: 17px;
            font-weight: 600;
        }

        .uo-section .et_pb_row {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .uo-section--separator {
            position: relative;
        }

        .uo-section--separator:before {
            content: '';
            
            width: 60%;
            max-width: 325px;
            height: 1px;

            background: #b2b2b2;

            border-radius: 150px; /* BIG random value */

            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

            .uo-section--separator_top:before {
                top: 0;
            }

            .uo-section--separator_down:before {
                bottom: 0;
            }

        @media screen and (max-width: 768px){
            .uo-section {
                padding-top: 40px;
                padding-bottom: 40px;
            }
        }

    /*
    * Box
    */

    .uo-box {
        background: #fff;
        border-radius: 3px;
        padding: 15px 20px;
        position: relative;
        border: 1px solid #c1c1c1;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
        transition: all 150ms ease-in-out;
    }

        .uo-box--img {}

        .uo-box--has-link {}

            .uo-box--has-link:hover {
                margin-top: -5px;
                margin-bottom: 5px;
            }

        .uo-box--link-text-block {
            padding: 0;
        }

            .uo-box--link-text-block a.uo-box--link-text-block__main_link {
                width: 100%;
                height: 100%;
                padding: 15px 20px;
                display: block;
            }

                .uo-box--link-text-block a.uo-box--link-text-block__main_link {
                    color: inherit;
                }
    /*
    * Tag
    */

    .uo-tag {
        display: inline-block;
        padding: 4px 15px;
        font-size: 14px;
        font-weight: normal;
        border-radius: 150px; /* BIG random value */
        color: #fff;
        background: #848484;
        line-height: 1;
        margin-left: 5px;
        white-space: nowrap;
    }

        .uo-tag--green {
            background: #74c155;
        }

    /*
    * Buttons
    */

    .uo-btn {
        padding: 8px 15px !important;
        border-radius: 150px;
        color: #fff;
        background: #3498db;
        font-size: 14px;
        transition: all 150ms ease-in-out;
    }

        .uo-btn--green {
            color: #fff !important;
            background: #74c155 !important;
        }

            .uo-btn--green:hover {
                background: #63a847 !important;
            }

        .uo-btn--small {
            font-size: 13px;
            padding: 5px 12px !important;
        }

        @media screen and (min-width: 769px){
            .uo-btn-menu a {
                padding: 8px 15px !important;
                border-radius: 150px;
                color: #fff;
                background: #3498db;
                font-size: 14px;
            }

            .uo-btn-menu--green a {
                color: #fff !important;
                background: #74c155 !important;
            }

            .uo-btn-menu--green a:hover {
                background: #63a847 !important;
            }

            .uo-btn-menu--small a {
                font-size: 13px;
                padding: 5px 12px !important;
            }
        }

    /*
    * Addons
    */

    .et_social_sidebar_networks,
    .et_social_mobile {
        display: none !important;
    }

    /*
    * Widgets
    */

    #searchform {}

        #searchform input#s,
        #searchform input#searchsubmit,
        .woocommerce-product-search #woocommerce-product-search-field-0,
        .woocommerce-product-search button[type="submit"] {
            padding: 8px 12px;
            border-radius: 3px;
            border: 1px solid #cdcdcd;
            transition: all 150ms ease-in-out;
            outline: none;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
        }

            #searchform input#searchsubmit,
            .woocommerce-product-search button[type="submit"] {
                border-radius: 3px !important;
                color: #3498db !important;
                border: 1px solid #3498db !important;
            }

                #searchform input#searchsubmit:hover,
                .woocommerce-product-search button[type="submit"]:hover {
                    color: #fff !important;
                    background: #3498db !important;
                    border-color: #3498db !important;
                    border-width: 1px !important;
                }

        .woocommerce-product-search {
            position: relative;
        }

        .woocommerce-product-search button[type="submit"] {
            position: absolute;
            top: 0;
            right: 0;
            background: #fff !important;
        }

/* =============
* Subpages - Global
============== */

    .uo-subpage-header {
        position: relative;
        z-index: 10;
    }

        .uo-subpage-header__background {
            background-color: #3498db !important;
            
            width: 100%;
            height: 100%;

            position: absolute !important;
            top: 0;
            left: 0;
            overflow: hidden;

            z-index: -1 !important;
        }

            .animations {
                display: table;
                width: 100%;
                text-align: center;
            }

            .animations .animations-container {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 50%;
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
            }

            .animations .container {
                display: table-cell;
                vertical-align: middle;
            }

                .ani {
                    position: absolute;
                }

                .ani.ani-1 {
                    left: 30px;
                    top: 30px;
                    -webkit-transform: scale(0.8);
                    transform: scale(0.8);
                }

                .ani.ani-2 {
                    right: 25%;
                    top: 50px;
                    -webkit-transform: scale(0.6);
                    transform: scale(0.6);
                }

                .ani.ani-3 {
                    right: 100px;
                    bottom: 100px;
                    -webkit-transform: translate(50%, 50%) scale(0.8);
                    transform: translate(50%, 50%) scale(0.8);
                }

                .ani.ani-4 {
                    bottom: 98px;
                    left: 15%;
                }

                .ani.ani-5 {
                    left: 30px;
                    top: 50%;
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }

                .ani.ani-6 {
                    height: 320px;
                    width: 320px;
                    right: 0;
                    top: 0;
                }

                .ani-cube {
                    -webkit-perspective: 20000px;
                    perspective: 20000px;
                    height: 100px;
                    width: 100px;
                    -webkit-transform-style: preserve-3d;
                    transform-style: preserve-3d;
                    -webkit-transform: rotateX(-30deg) rotateY(40deg) rotateZ(360deg);
                    transform: rotateX(-30deg) rotateY(40deg) rotateZ(360deg);
                    -webkit-animation: ani-cube-1 20s linear infinite;
                    animation: ani-cube-1 20s linear infinite;
                }

                .ani-cube .cube-face {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    width: 100px;
                    height: 100px;
                }

                .ani-cube .cube-face.face_front {
                    background-color: #3496d2;
                    -webkit-transform: translate3d(0px, 0px, 50px);
                    transform: translate3d(0px, 0px, 50px);
                    z-index: 10;
                }

                .ani-cube .cube-face.face_right {
                    background-color: #6fb9e8;
                    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    z-index: 8;
                }

                .ani-cube .cube-face.face_left {
                    background-color: #6fb9e8;
                    -webkit-transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    z-index: 9;
                }

                .ani-cube .cube-face.face_top {
                    background-color: #4cace8;
                    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    z-index: 11;
                }

                .ani-cube .cube-face.face_bottom {
                    background-color: #4cace8;
                    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 50px);
                    z-index: 5;
                }

                .ani-cube .cube-face.face_back {
                    background-color: #3496d2;
                    -webkit-transform: translate3d(0px, 0px, -50px);
                    transform: translate3d(0px, 0px, -50px);
                    z-index: 1;
                }

                .ani-cube.ani-cube-2 {
                    height: 40px;
                    -webkit-transform: rotateX(143deg) rotateY(50deg) rotateZ(360deg);
                    transform: rotateX(143deg) rotateY(50deg) rotateZ(360deg);
                    -webkit-animation: ani-cube-2 10s linear infinite;
                    animation: ani-cube-2 10s linear infinite;
                }

                .ani-cube.ani-cube-2 .cube-face.face_front {
                    height: 40px;
                    -webkit-transform: translate3d(0px, 0px, 100px);
                    transform: translate3d(0px, 0px, 100px);
                }

                .ani-cube.ani-cube-2 .cube-face.face_right {
                    width: 200px;
                    height: 40px;
                    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, 0);
                    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, 0);
                }

                .ani-cube.ani-cube-2 .cube-face.face_left {
                    width: 200px;
                    height: 40px;
                    -webkit-transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg) translate3d(0px, 0px, 100px);
                    transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg) translate3d(0px, 0px, 100px);
                }

                .ani-cube.ani-cube-2 .cube-face.face_top {
                    height: 200px;
                    -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 60px);
                    transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 60px);
                }

                .ani-cube.ani-cube-2 .cube-face.face_bottom {
                    height: 200px;
                    -webkit-transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, -100px);
                    transform: rotateX(-90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, -100px);
                }

                .ani-cube.ani-cube-2 .cube-face.face_back {
                    height: 40px;
                    -webkit-transform: translate3d(0px, 0px, -100px);
                    transform: translate3d(0px, 0px, -100px);
                }

                .ani-cube.ani-cube-3 {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                    -webkit-animation: ani-cube-3 20s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                    animation: ani-cube-3 20s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                }

                .ani-cube.ani-cube-3 .cube-face.face_front, .ani-cube.ani-cube-3 .cube-face.face_right, .ani-cube.ani-cube-3 .cube-face.face_left, .ani-cube.ani-cube-3 .cube-face.face_top, .ani-cube.ani-cube-3 .cube-face.face_bottom, .ani-cube.ani-cube-3 .cube-face.face_back {
                    border: 2px solid #3496d2;
                    border-radius: 2px;
                    background-color: transparent;
                    box-shadow: inset 0 0 0 2px #3496d2, 0 0 0 2px #3496d2;
                }

                .ani-hamburger {
                    height: 19px;
                    width: 30px;
                    -webkit-animation: rotate90 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                    animation: rotate90 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                }

                .ani-hamburger .hamburger-line {
                    position: absolute;
                    background-color: #3496d2;
                    height: 2px;
                    width: 100%;
                    left: 0;
                    -webkit-transform-origin: center;
                    transform-origin: center;
                }

                .ani-hamburger .hamburger-line.hamburger-line_top {
                    top: 0;
                    -webkit-animation: hamburger-line_top 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                    animation: hamburger-line_top 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                }

                .ani-hamburger .hamburger-line.hamburger-line_middle {
                    top: 50%;
                    -webkit-animation: hamburger-line_middle 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                    animation: hamburger-line_middle 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                }

                .ani-hamburger .hamburger-line.hamburger-line_bottom {
                    top: 100%;
                    -webkit-animation: hamburger-line_bottom 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                    animation: hamburger-line_bottom 4s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                }

                .moving-square-frame {
                    position: absolute;
                    height: 20px;
                    width: 20px;
                    top: 10px;
                    left: 10px;
                    opacity: .1;
                    border: 1px solid #000;
                }

                .ani-moving-square {
                    background: #3496d2;
                    height: 20px;
                    width: 20px;
                    -webkit-animation: ani-moving-square 6s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                                    animation: ani-moving-square 6s cubic-bezier(0.7, 0, 0.7, 1) infinite;
                }

                svg {
                    height: 100%;
                    width: 100%;
                }

                svg #followPath {
                    fill: none;
                    stroke: #fff;
                    stroke-width: 8;
                    stroke-dasharray: 2870px;
                    stroke-dashoffset: 2870px;
                    -webkit-animation: drawPath 6s linear infinite;
                    animation: drawPath 6s linear infinite;
                }

                svg #dashedPath {
                    fill: none;
                    stroke: #3498db;
                    stroke-width: 14;
                    stroke-dasharray: 50px;
                }

                svg #airplain {
                    fill: #fff;
                    -webkit-transform: translate(-10px, -45px);
                    transform: translate(-10px, -45px);
                }

            @-webkit-keyframes ani-cube-1 {
                to {
                    -webkit-transform: rotateX(-30deg) rotateY(40deg) rotateZ(0);
                    transform: rotateX(-30deg) rotateY(40deg) rotateZ(0);
                }
            }

            @keyframes ani-cube-1 {
                to {
                    -webkit-transform: rotateX(-30deg) rotateY(40deg) rotateZ(0);
                    transform: rotateX(-30deg) rotateY(40deg) rotateZ(0);
                }
            }

            @-webkit-keyframes ani-cube-2 {
                to {
                    -webkit-transform: rotateX(143deg) rotateY(50deg) rotateZ(0);
                    transform: rotateX(143deg) rotateY(50deg) rotateZ(0);
                }
            }

            @keyframes ani-cube-2 {
                to {
                    -webkit-transform: rotateX(143deg) rotateY(50deg) rotateZ(0);
                    transform: rotateX(143deg) rotateY(50deg) rotateZ(0);
                }
            }

            @-webkit-keyframes ani-cube-3 {
                0% {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                }
                5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
                    -webkit-transform: scale(0.8) rotateX(-63deg) rotateY(-23deg) rotateZ(47deg);
                    transform: scale(0.8) rotateX(-63deg) rotateY(-23deg) rotateZ(47deg);
                }
                10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                }
                100% {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(407deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(407deg);
                }
            }

            @keyframes ani-cube-3 {
                0% {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                }
                5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% {
                    -webkit-transform: scale(0.8) rotateX(-63deg) rotateY(-23deg) rotateZ(47deg);
                    transform: scale(0.8) rotateX(-63deg) rotateY(-23deg) rotateZ(47deg);
                }
                10%, 20%, 30%, 40%, 50%, 60%, 70%, 80%, 90% {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(47deg);
                }
                100% {
                    -webkit-transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(407deg);
                    transform: scale(0.6) rotateX(-63deg) rotateY(13deg) rotateZ(407deg);
                }
            }

            @-webkit-keyframes rotate90 {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
                5%, 50% {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }
                55%, 100% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
            }

            @keyframes rotate90 {
                0% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
                5%, 50% {
                    -webkit-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                }
                55%, 100% {
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
            }

            @-webkit-keyframes hamburger-line_top {
                0% {
                    top: 0;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
                5%, 50% {
                    top: 50%;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }
                55%, 100% {
                    top: 0;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
            }

            @keyframes hamburger-line_top {
                0% {
                    top: 0;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
                5%, 50% {
                    top: 50%;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }
                55%, 100% {
                    top: 0;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
            }

            @-webkit-keyframes hamburger-line_middle {
                0% {
                    opacity: 1;
                }
                5%, 50% {
                    opacity: 0;
                }
                55%, 100% {
                    opacity: 1;
                }
            }

            @keyframes hamburger-line_middle {
                0% {
                    opacity: 1;
                }
                5%, 50% {
                    opacity: 0;
                }
                55%, 100% {
                    opacity: 1;
                }
            }

            @-webkit-keyframes hamburger-line_bottom {
                0% {
                    top: 100%;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
                5%, 50% {
                    top: 50%;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                55%, 100% {
                    top: 100%;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
            }

            @keyframes hamburger-line_bottom {
                0% {
                    top: 100%;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
                5%, 50% {
                    top: 50%;
                    -webkit-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }
                55%, 100% {
                    top: 100%;
                    -webkit-transform: rotate(0);
                    transform: rotate(0);
                }
            }

            @-webkit-keyframes ani-moving-square {
                0%, 2.5% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
                10%, 15% {
                    -webkit-transform: translate(20px, 0);
                    transform: translate(20px, 0);
                }
                22.5%, 27.5% {
                    -webkit-transform: translate(20px, 20px);
                    transform: translate(20px, 20px);
                }
                35%, 40% {
                    -webkit-transform: translate(0, 20px);
                    transform: translate(0, 20px);
                }
                47.5%, 52.5% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
                60%, 65% {
                    -webkit-transform: translate(0, 20px);
                    transform: translate(0, 20px);
                }
                72.5%, 77.5% {
                    -webkit-transform: translate(20px, 20px);
                    transform: translate(20px, 20px);
                }
                85%, 90% {
                    -webkit-transform: translate(20px, 0);
                    transform: translate(20px, 0);
                }
                97.5%, 100% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
            }

            @keyframes ani-moving-square {
                0%, 2.5% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
                10%, 15% {
                    -webkit-transform: translate(20px, 0);
                    transform: translate(20px, 0);
                }
                22.5%, 27.5% {
                    -webkit-transform: translate(20px, 20px);
                    transform: translate(20px, 20px);
                }
                35%, 40% {
                    -webkit-transform: translate(0, 20px);
                    transform: translate(0, 20px);
                }
                47.5%, 52.5% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
                60%, 65% {
                    -webkit-transform: translate(0, 20px);
                    transform: translate(0, 20px);
                }
                72.5%, 77.5% {
                    -webkit-transform: translate(20px, 20px);
                    transform: translate(20px, 20px);
                }
                85%, 90% {
                    -webkit-transform: translate(20px, 0);
                    transform: translate(20px, 0);
                }
                97.5%, 100% {
                    -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
                }
            }

            @-webkit-keyframes drawPath {
                0% {
                    opacity: 1;
                    stroke-dashoffset: 2870px;
                }
                53% {
                    opacity: 1;
                    stroke-dashoffset: 0;
                }
                78% {
                    opacity: 0;
                }
                100% {
                    opacity: 0;
                    stroke-dashoffset: 0;
                }
            }

            @keyframes drawPath {
                0% {
                    opacity: 1;
                    stroke-dashoffset: 2870px;
                }
                53% {
                    opacity: 1;
                    stroke-dashoffset: 0;
                }
                78% {
                    opacity: 0;
                }
                100% {
                    opacity: 0;
                    stroke-dashoffset: 0;
                }
            }

            @media (max-width: 1024px) {
                .ani.ani-1 {
                    -webkit-transform: scale(0.5);
                    transform: scale(0.5);
                }

                .ani.ani-2 {
                    top: 120px;
                    -webkit-transform: scale(0.3);
                    transform: scale(0.3);
                }

                .ani.ani-5 {
                    top: 80%;
                }

                .ani.ani-6 {
                    max-height: 30vw;
                    max-width: 30vw;
                    max-height: 140px;
                    max-width: 140px;
                }
            }

        .uo-subpage-header__content {
            background-color: transparent !important;
            position: relative;
            line-height: 1.4;
        }

    .uo-subpage-content {}

        .uo-subpage-content__main {}

        .uo-subpage-content__sidebar {}

            .uo-subpage-content__sidebar .et_pb_module,
            .et_pb_widget_area {
                padding-right: 0 !important;
                border: 0 !important;
            }

                .uo-subpage-content__sidebar .et_pb_widget {
                    margin-bottom: 30px !important;
                    border: 0 !important;
                }

                .uo-subpage-content__sidebar h4.widgettitle {
                    padding: 0;
                    margin: 0;
                    margin-bottom: 10px;
                    background: transparent;
                    font-size: 15px !important;
                    font-weight: 700;
                    text-align: left;
                    color: #585858;
                }

/* =============
* WooCommerce Global
============== */

    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea {
        padding: 5px 10px !important;
        border-color: #aaaaaa !important;
        color: #3d3d3d !important;
    }

    .woocommerce label {
        font-size: 15px;
    }

    .woocommerce label abbr.required {
        font-size: 12px;
        border-bottom: 0;
        text-decoration: none;
        vertical-align: top;
    }

    .woocommerce form .form-row-first,
    .woocommerce form .form-row-last,
    .woocommerce-page form .form-row-first,
    .woocommerce-page form .form-row-last {
        width: calc(50% - 10px);
    }

    body.woocommerce-page .woocommerce form .form-row-last {
        width: calc(50% - 10px);
    }

    .woocommerce button.button,
    .woocommerce-page button.button {
        color: #fff !important;
    }

/* =============
* Home
============== */

    /*
    * Hero
    */

    .uo-hero {
    }

        .uo-hero .et_pb_row {
            padding-top: 0;
            padding-bottom: 0;
        }
    
        .uo-hero .uo-hero__content {}

            .uo-hero .uo-hero__heading {}

                .uo-hero .uo-hero__heading h1 {
                    color: #fff;
                    font-size: 35px;
                    text-align: center;

                    margin-bottom: 20px;
                    padding-bottom: 0px;
                    padding-top: 20px;
                }

            .uo-hero .uo-hero__subtitle {
                padding-left: 20%;
                padding-right: 20%;
            }

                .uo-hero .uo-hero__subtitle p {
                    color: #fff;
                    font-size: 16px;
                    text-align: center;
                    margin-bottom: 30px;
                }

                @media screen and (max-width: 768px){
                    .uo-hero .uo-hero__subtitle {
                        padding-left: 0;
                        padding-right: 0;
                    }
                }

            .uo-hero .uo-hero__button {
                color: #fff !important;
                width: 100%;
                max-width: 200px;
                padding: 6px 20px !important;
                border-radius: 3px;
                border: 0px !important;
                font-size: 16px;
            }

                .uo-hero .uo-hero__button:hover {
                    padding: 6px 20px !important;
                    background: #000 !important;
                    border-radius: 3px !important;
                    border: 0px !important;
                }

                .logged-in .uo-hero__button {
                    display: none;
                }

        .uo-hero .uo-hero__logos {
            max-width: 500px;
            margin: 0 auto;
            padding-top: 90px;
            padding-bottom: 80px;
            display: flex;
        }

            .uo-hero .uo-hero__logos .et_pb_image {
                display: inline-block;
                vertical-align: middle;
                padding: 0 15px;
                box-sizing: border-box;
            }

            .uo-hero .uo-hero__logos .et_pb_image:not(:last-child){
                margin-right: 15px;
            }

                .uo-hero .uo-hero__logos .uo-hero__uncannyowl {}

                    .uo-hero .uo-hero__logos .uo-hero__uncannyowl .et_pb_image_wrap {
                        margin-top: -5px;
                    }

                .uo-hero .uo-hero__logos .uo-hero__wordpress {}

                .uo-hero .uo-hero__logos .uo-hero__learndash {}

        @media screen and (max-width: 980px){
            .uo-hero .uo-hero__logos {
                width: 100% !important;
                max-width: 100% !important;
                padding-bottom: 30px;
            }
        }

    /*
    * What's installed here
    */

    #whats-installed-here {
    }

        .whats-installed-here__boxes {
            width: 100%;
            padding-left: 5%;
            padding-right: 5%;
            padding-bottom: 0;
            padding-top: 0;
        }

            .whats-installed-here__boxes .uo-box {
                height: 120px;
                margin-bottom: 0 !important;
            }

                .whats-installed-here__boxes .uo-box:hover {
                    margin-top: 0 !important;
                }

                .whats-installed-here__boxes .uo-box a {
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                    .whats-installed-here__boxes .uo-box a span {
                        width: 100%;
                        height: 100%;
                        position: relative;
                        display: block;
                    }

                    .whats-installed-here__boxes .uo-box a img {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);

                        max-width: 70%;
                        max-height: 60%;
                    }

                .whats-installed-here__boxes .et_pb_column {
                    width: calc(33.333% - 13.333px);
                    margin-left: 0;
                }

                    .whats-installed-here__boxes .et_pb_column:not(:last-child){
                        margin-right: 20px;
                    }

                @media screen and (max-width: 768px){
                    .whats-installed-here__boxes .et_pb_column {
                        width: 100%;
                        margin-left: 0;
                        margin-right: 0;
                    }

                    .whats-installed-here__boxes .et_pb_column:not(:first-child){
                        margin-top: 20px;
                    }
                }

            .whats-installed-here-box__title {
                margin-top: 15px;
                font-weight: 600;
                color: #2a2a2a;
            }

                .whats-installed-here-box__title p {
                    margin-top: 0 !important;
                    margin-bottom: 0 !important;
                }

            @media screen and (max-width: 768px){
                .whats-installed-here__boxes {
                    padding-left: 0;
                    padding-right: 0;
                }
            }

    /*
    * The Uncanny Owl LearnDash Plugins
    */

    #uncanny-owl-learndash-plugins {
    }

        .uncanny-owl-learndash-plugins__boxes {
            width: 100%;
            margin-bottom: -20px;
        }

        .uncanny-owl-learndash-plugins__boxes .uo-box {
            margin-right: 0 !important;
            margin-bottom: 20px !important;
        }

        .uncanny-owl-learndash-plugins__boxes .uo-box strong:first-child {
            width: 100%;
            display: block;
            margin-bottom: 7px;
        }

        @media screen and (min-width: 769px){
            .uncanny-owl-learndash-plugins__boxes .et_pb_column {
                display: flex;
                flex-wrap: wrap;
                align-items: flex-start;
            }
        }

        @media screen and (min-width: 1025px){
            .uncanny-owl-learndash-plugins__boxes .uo-box {
                width: calc(100%/3 - 13.333px) !important;
            }

            .uncanny-owl-learndash-plugins__boxes .uo-box:not(:nth-child(3n)){
                margin-right: 20px !important;
            }

            .uncanny-owl-learndash-plugins__boxes .uo-box:nth-child(3n){
                page-break-after: always;
                break-after: always;
            }
        }

        @media screen and (min-width: 769px) and (max-width: 1024px) {
            .uncanny-owl-learndash-plugins__boxes .uo-box {
                width: calc(100%/2 - 10px);
                margin-bottom: 30px !important;
            }

            .uncanny-owl-learndash-plugins__boxes .uo-box:not(:nth-child(2n)){
                margin-right: 20px !important;
            }

            .uncanny-owl-learndash-plugins__boxes .uo-box:nth-child(2n){
                page-break-after: always;
                break-after: always;
            }
        }

        @media screen and (max-width: 768px){
            .uncanny-owl-learndash-plugins__boxes .uo-box {
                width: 100%;
                margin-bottom: 20px !important;
            }
        }

        .uncanny-owl-learndash-plugins__boxes .uo-box {
            color: #232323;
            font-size: 14px;
            line-height: 1.5;
        }

            .uncanny-owl-learndash-plugins__boxes .uo-box p {
                margin-top: 0px;
                margin-bottom: 0px;
            }

            .uncanny-owl-learndash-plugins__boxes .uo-box p:not(:last-of-type) {
                margin-bottom: 7px;
            }

    /*
    * Powered by LearnDash
    */

    #powered-by-learndash {}

        #powered-by-learndash .uo-section__top-heading .et_pb_text_inner > * ,
        #powered-by-learndash .uo-section__heading .et_pb_text_inner > *  {
            color: #fff !important;
            text-align: left;
        }

        #powered-by-learndash .et_pb_module {
            padding-top: 0px;
            padding-bottom: 0px;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        #powered-by-learndash .powered-by-learndash__text {
            color: #fff;
        }

            #powered-by-learndash .powered-by-learndash__text strong {
                width: 100%;
                display: block;
            }

            #powered-by-learndash .powered-by-learndash__text p {
                margin-top: 0px;
                margin-bottom: 0px;
            }

            #powered-by-learndash .powered-by-learndash__text p:not(:last-of-type) {
                margin-bottom: 15px;
            }

                #powered-by-learndash .powered-by-learndash__text a {
                    color: #fff;
                    font-weight: 500;
                    border-bottom: 1px solid #fff;
                    padding-bottom: 2px;
                }

        @media screen and (min-width: 769px) and (max-width: 1200px){
            #powered-by-learndash {
                background-size: cover;
            }
        }

        @media screen and (max-width: 980px){
            #powered-by-learndash {
                background-image: none !important;
            }
        }

/* =============
* My Courses
============== */

    .uo-my-courses-banner {
        width: 100%;
        padding: 20px 30px !important;
        margin-bottom: 15px;

        background: #3498db;
        color: #fff;
    }

        .uo-my-courses-banner h3 {
            color: #fff;
        }

        .uo-my-courses-banner a:not(.learndash-resume-button) {
            color: #fff;
            border-bottom: 1px solid;
            padding-bottom: 2px;
        }

        .uo-my-courses-banner a.learndash-resume-button {
            text-align: center;
            width: 125px;
            max-width: 100%;
            padding: 3px 20px;
            margin-top: 20px;
            display: table;

            color: #fff;
            font-weight: 600;
            background: transparent;
            border: 1px solid #fff;
            border-radius: 150px; /* BIG random value */

            transition: all 150ms ease-in-out;
        }

            .uo-my-courses-banner a.learndash-resume-button:hover {
                background: #fff;
                color: #3498db;
            }

            body #main-content .uo-my-courses-banner a.learndash-resume-button input[type="submit"],
            body #main-content .uo-my-courses-banner a.learndash-resume-button input[type="submit"]:hover,
            body #main-content .uo-my-courses-banner a.learndash-resume-button input[type="submit"]:active,
            body #main-content .uo-my-courses-banner a.learndash-resume-button input[type="submit"]:focus {
                background: transparent !important;
                border: 0 !important;
                color: inherit !important;
                padding: 0 !important;
                margin: 0 !important;
                outline: none !important;
            }

        /* Section title */

        .uo-my-courses-section-title {
            padding: 0;
            margin: 0;
            margin-bottom: 15px;
        }

            .uo-my-courses-section-title h1,
            .uo-my-courses-section-title h2,
            .uo-my-courses-section-title h3,
            .uo-my-courses-section-title h4,
            .uo-my-courses-section-title h5,
            .uo-my-courses-section-title h6 {
                color: #373737;
                font-size: 20px;
                font-weight: 700;
                padding: 0;
                margin: 0;
            }

    /* Uncanny Dashboard */

    .uo-my-courses-dashboard {
        margin-top: -20px;
    }

        .uo-my-courses-dashboard .learndash_profile_heading,
        body #learndash_profile .learndash_profile_heading {
            color: #4f4f4f !important;
            background-color: #dcdcdc !important;
            border-radius: 3px !important;
        }

        .uo-my-courses-dashboard .list_arrow.collapse,
        .uo-my-courses-dashboard .list_arrow.expand {
            background-position-y: 15px !important;
        }

        .uo-my-courses-dashboard .list_arrow.collapse {
            background-image: url('/wp-content/uploads/2018/05/learner-dashboard-arrow-gray-collapsed.png');
        }

        .uo-my-courses-dashboard .list_arrow.expand {
            background-image: url('/wp-content/uploads/2018/05/learner-dashboard-arrow-gray-open.png');
        }

        .uo-my-courses-dashboard .learndash .notcompleted,
        .uo-my-courses-dashboard #learndash_profile .notcompleted,
        .uo-my-courses-dashboard .certificate_icon_large,
        .uo-my-courses-dashboard .learndash .completed,
        .uo-my-courses-dashboard #learndash_profile .completed {
            background-size: 25px !important;
            background-position: 97.9% center !important;
        }

        .uo-my-courses-dashboard .learndash .notcompleted,
        .uo-my-courses-dashboard #learndash_profile .notcompleted {
            background-image: url('/wp-content/uploads/2018/05/learner-dashboard-status-not-completed.png');
        }

        .uo-my-courses-dashboard .certificate_icon_large {
            background-image: url('/wp-content/uploads/2018/05/learner-dashboard-status-completed.png');
        }

        .uo-my-courses-dashboard  #learndash_profile.dashboard #course_list .left,
        .uo-my-courses-dashboard #learndash_profile.dashboard a,
        .uo-my-courses-dashboard #learndash_lessons a,
        .uo-my-courses-dashboard #learndash_quizzes a,
        .uo-my-courses-dashboard .learndash_topic_dots a,
        .uo-my-courses-dashboard .learndash_topic_dots a > span,
        .uo-my-courses-dashboard #learndash_lesson_topics_list span a,
        .uo-my-courses-dashboard #learndash_profile a,
        .uo-my-courses-dashboard #learndash_profile a span {
            font-size: 15px;
        }

        .uo-my-courses-dashboard .expand_collapse {
            display: block;
            margin-bottom: 5px;
        }

            .uo-my-courses-dashboard .expand_collapse:after {
                content: '';
                display: table;
                clear: both;
            }

            .uo-my-courses-dashboard .expand_collapse a {
                font-size: 13px;
            }

        .uo-my-courses-dashboard .learndash_profile_quizzes .learndash_profile_quiz_heading + div div {
            padding-top: 15px;
        }

        .uo-my-courses-dashboard .learndash_profile_quizzes,
        .uo-my-courses-dashboard .learndash_profile_quizzes * {
            font-size: 14px !important;
        }

        .uo-my-courses-dashboard .learndash_profile_quiz_heading,
        .uo-my-courses-dashboard .learndash_profile_quiz_heading * {
            font-weight: 600 !important;
        }

        .uo-my-courses-dashboard #lessons_list > div h4 > a,
        .uo-my-courses-dashboard #course_list > div h4 > a,
        .uo-my-courses-dashboard #quiz_list > div h4 > a {
            padding-top: 12px !important;
            padding-bottom: 12px !important;
            color: #606060 !important;
        }

        .uo-my-courses-dashboard .topic_item a,
        .uo-my-courses-dashboard .topic_item a span {
            color: #606060 !important;
        }

        #learndash_profile.dashboard .course_progress {
            background-color: #dcdcdc !important;
            box-shadow: none !important;
        }

            #learndash_profile.dashboard .course_progress_blue {
                background-color: #74c155 !important;
                box-shadow: none !important;
            }

        .uo-my-courses-dashboard .learndash_profile_heading:after {
            content: '';
            display: table;
            clear: both;
        }

            .uo-my-courses-dashboard .learndash_profile_heading span {
                float: left;
                display: block;
            }

            .uo-my-courses-dashboard .learndash_profile_heading span:not(.ld_profile_status){
                width: 65.5%;
            }

            .uo-my-courses-dashboard .learndash_profile_heading span.ld_profile_status {
                width: 34.5% !important;
                text-align: left !important;
            }

        .uo-my-courses-dashboard .expand_collapse {
            top: -22px;
        }

        .expand_collapse a,
        #learndash_profile .expand_collapse a {
            color: #797979 !important;
        }

        @media screen and (max-width: 768px){
            .uo-my-courses-dashboard .learndash_profile_heading span.ld_profile_status {
                display: none;
            }
        }

/* =============
* Courses / Store
============== */

    .uo-grid-wrapper {
        margin-top: 0 !important;
    }

        .uo-grid-wrapper .uo-border {
            border: 0 !important;
        }

            .uo-grid-wrapper .uo-border a {
                width: 100%;
                background: #fff !important;
                border: 1px solid #d9d9d9;
                border-radius: 3px;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
                position: relative;
            }

            .uo-grid-wrapper .grid-course .course-info-holder {
                padding: 15px;
                background: transparent !important;
            }

            .uo-grid-wrapper .grid-course .course-title {
                font-size: 15px;
                font-weight: 700;
                color: #424242;
                display: block;
            }

            .uo-grid-wrapper .course-info-holder p {
                font-size: 14px;
                line-height: 1.5;
                color: #4f4f4f;
            }

        #ribbon {
            box-shadow: none;
            border-bottom-left-radius: 3px;
            text-transform: none;
            margin: 0;
            font-size: 14px;
            font-weight: 600;
            top: 0;
            right: 0;
            background: #74c155;
        }

            #ribbon:after {
                display: none;
            }

            #ribbon.price_ {
                background: #3498db;
            }

        .uo-grid-wrapper .course-info-holder p.cue-points {
            display: inline-block;
            width: auto;
            padding: 2px 10px;
            background: #3498db;
            color: #fff;
            border-radius: 150px;
            font-size: 13px;
            margin-bottom: 0;
        }

        .uo-grid-wrapper dd.uo-course-progress {
            background-color: #dcdcdc !important;
            box-shadow: none !important;
        }

            .uo-grid-wrapper dd.uo-course-progress div.course_progress {
                background-color: #74c155!important;
                box-shadow: none!important;
            }

            .uo-grid-wrapper .grid-course .course-info-holder .list-tag-container {
                color: #4d4d4d;
            }

        .uo-grid-wrapper .grid-course .course-info-holder .percentage {
            color: #000;
            font-weight: 400;
            margin: 10px 0 0 0;
            padding-bottom: 0;
            font-size: 18px;
        }

        .uo-grid-wrapper .grid-course h4 {
            color: #353535;
            font-weight: 400;
            text-transform: none;
            font-size: 15px;
        }

/* =============
* My Account
============== */

    .woocommerce-account {}

        .woocommerce-account .woocommerce-MyAccount-navigation {
            background: #fff;
            border-radius: 3px;
            position: relative;
            transition: all 150ms ease-in-out;
            border: 1px solid #dcdcdc;
        }

            .woocommerce-account .woocommerce-MyAccount-navigation ul {
                list-style: none;
                padding: 0;
            }

                .woocommerce-account .woocommerce-MyAccount-navigation ul li {
                    transition: all 150ms ease-in-out;
                }

                .woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
                    border-bottom: 1px solid #dcdcdc;
                }

                    .woocommerce-account .woocommerce-MyAccount-navigation ul a {
                        display: block;
                        padding: 6px 15px;
                        font-size: 15px;
                        color: #404040;
                        transition: all 150ms ease-in-out;
                    }

                .woocommerce-account .woocommerce-MyAccount-navigation-link.is-active,
                .woocommerce-account .woocommerce-MyAccount-navigation-link:hover {
                    background: #3498db;
                    border-bottom-color: #3498db !important;
                }

                    .woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a,
                    .woocommerce-account .woocommerce-MyAccount-navigation-link:hover a {
                        color: #fff;
                    }

                    .woocommerce-account .woocommerce-MyAccount-navigation-link a:before {
                        content: '';
                        font-family: 'Font Awesome 5 Free';
                        font-weight: 900;
                        display: inline-block;
                        width: 14px;
                        font-size: 14px;
                        margin-right: 10px;
                    }

                    .woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a:before         { content: '\f0db'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--orders a:before            { content: '\f291'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--subscriptions a:before     { content: '\f1ce'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a:before         { content: '\f358'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a:before      { content: '\f015'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--payment-methods a:before   { content: '\f09d'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a:before      { content: '\f007'; /*  */ }
                    .woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a:before   { content: '\f2f5'; /*  */ }

        .woocommerce-account .woocommerce-Message.woocommerce-Message--info.woocommerce-info {
            font-size: 15px !important;
            border-radius: 3px !important;
        }

        .woocommerce-account a.woocommerce-button.button.view,
        .woocommerce-account a.button.view,
        .woocommerce-account a.woocommerce-Button.button,
        body.woocommerce-page .woocommerce-message a.button,
        body.woocommerce-page .woocommerce-error a.button,
        body.woocommerce-page .woocommerce-info a.button,
        .woocommerce-account a.button.delete {
            padding: 3px 15px !important;
            font-size: 14px !important;
            border-radius: 150px !important;
            color: #6e6e6e!important;
            border: 1px solid #969696!important;
            background-color: transparent!important;
            line-height: 1 !important;
        }

        .woocommerce-account a.woocommerce-Button.button,
        body.woocommerce-page .woocommerce-message a.button,
        body.woocommerce-page .woocommerce-error a.button,
        body.woocommerce-page .woocommerce-info a.button {
            font-size: 15px !important;
            color: #fff !important;
            border-color: #fff !important;
            padding: 5px 15px !important;
            border-width: 1px !important;
        }

            .woocommerce-account a.woocommerce-button.button.view:hover,
            .woocommerce-account a.button:hover,
            body.woocommerce-page .woocommerce-message a.button:hover,
            body.woocommerce-page .woocommerce-error a.button:hover,
            body.woocommerce-page .woocommerce-info a.button:hover {
                color: #fff !important;
                border: 1px solid #969696 !important;
                background-color: #969696 !important;
            }

            a.woocommerce-Button.button:hover,
            body.woocommerce-page .woocommerce-message a.button:hover,
            body.woocommerce-page .woocommerce-error a.button:hover,
            body.woocommerce-page .woocommerce-info a.button:hover {
                color: #3498db !important;
                border: 1px solid #fff !important;
                border-color: #fff !important;
                border-top-color: #fff !important;
                border-left-color: #fff !important;
                border-bottom-color: #fff !important;
                border-right-color: #fff !important;
                background-color: #fff !important;
            }

            .woocommerce-account a.button.delete:hover {
                color: #fff !important;
                padding: 3px 15px !important;
                border: 1px solid #ff5959 !important;
                background-color: #ff5959 !important;
            }

        .woocommerce-EditAccountForm fieldset {
            margin-top: 20px;
        }

            .woocommerce-EditAccountForm fieldset > legend {
                font-weight: 700;
                font-size: 16px;
            }

            .woocommerce-EditAccountForm button.woocommerce-Button.button {
                color: #fff !important;
                padding-left: 20px !important;
                padding-right: 20px !important;
                font-size: 15px !important;
            }

                .woocommerce-EditAccountForm button.woocommerce-Button.button:hover {
                    padding-left: 20px !important;
                    padding-right: 20px !important;
                }

        .woocommerce-MyAccount-paymentMethods {
            margin-bottom: 15px;
        }

        .woocommerce-MyAccount-content > a.button {
            padding: 5px 15px !important;
            background-color: #3498db !important;
            border: 0 !important;
            color: #fff !important;
            font-size: 15px !important;
        }

            .woocommerce-MyAccount-content > a.button:hover {
                background-color: #2e84be !important;
            }

/* =============
* Login page buttons
============== */

/*
input#gform_submit_button_4 {
    background: none !important;
    border: 2px solid #3d5aa3 !important;
    font-size: 16px !important;
    border-radius: 3px !important;
}
*/


/* =============
* main menu custom css
============== */
#top-menu li li {
    line-height: 21px;
}
#top-menu li li a {
    padding: 10px 20px;
}

/**
 * Links in the footer
 */

.footer-widget,
.footer-widget li,
.footer-widget li a,
#footer-info {
    font-size: 13px;
    line-height: 1.4;
}


#main-footer #menu-quick-links > .menu-item:first-child {
    padding-left: 0;
}

#main-footer #menu-quick-links > .menu-item-has-children {
    padding-left: 15px;
}

#main-footer #menu-quick-links > .menu-item-has-children li {
    margin-bottom: 10px;
}

/**
 * Get credentials / Log in
 */

.uo-login__remove-on-load {
    display: none;
}

.uo-login-section {}

    .uo-login__container {
        background: #fff;
        max-width: 500px;
        position: relative;
        border: 1px solid #d4d4d4;
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
        padding: 10px 25px !important;
    }

    .uo-login {}

        .uo-login-visible-container {
            color: #3f3f3f;
        }

            .uo-login__title {
                font-weight: 700;
                font-size: 20px;
            }

            .uo-login__notice {
                width: 100%;
                font-size: 14px;
                line-height: 1.5;
                margin-top: 15px;

                color: #00529b;
                background: #bde5f8;

                padding: 15px;
                border-radius: 3px;
            }

            .uo-login__form {}

                .uo-login-hidden-form .uo_loginForm {
                    margin-top: 10px;
                }

                .uo-login__form label,
                .uo-login-hidden-form .uo_loginForm label {
                    font-weight: 400 !important;
                    font-size: 15px !important;
                }

                .uo-login__form .ginput_container input,
                .uo-login-hidden-form .uo_loginForm input {
                    width: 100% !important;
                    border-color: #aaaaaa !important;
                    padding: 5px 10px !important;
                    height: auto !important;
                    font-size: 15px !important;
                }

                .uo-login-hidden-form .uo_loginForm input {
                    margin-top: 5px;
                    margin-bottom: 10px !important;
                }

                .uo-login__form .uo-login__description {
                    font-size: 14px;
                    line-height: 1.5;
                    color: #848484;
                    text-align: center;
                    margin-top: 15px;
                }

                .uo-login__form .gform_footer {
                    padding-top: 0 !important;
                    margin-top: 0 !important;
                }

                    .uo-login__form .gform_footer input.gform_button,
                    .uo-login__form .gform_footer input.gform_button:hover,
                    .uo-login-hidden-form .uo_loginForm .login-submit input,
                    .uo-login-hidden-form .uo_loginForm .login-submit input:hover {
                        width: 100% !important;
                        font-size: 16px !important;
                        font-weight: 500 !important;
                        padding: 8px 15px !important;
                        border: 0 !important;
                        background-color: #3498db !important;
                        color: #fff !important;
                        border-radius: 3px !important;
                    }

                    .uo-login__form .gform_footer input.gform_button:hover,
                    .uo-login-hidden-form .uo_loginForm .login-submit input:hover {
                        background-color: #3290cf !important;
                    }

            .uo-login__alternative {
                text-align: center;
                margin-top: -10px;
            }

                .uo-login__alternative-js {
                    color: #3290cf;
                    font-size: 14px;
                    cursor: pointer;
                }

            .uo-login-notes {
                margin-top: 20px;
                border-top: 1px solid #b3b3b3;
                padding-top: 20px;
                color: #515151;
            }

                .uo-login-notes ul {
                    font-size: 15px;
                    line-height: 1.5;
                }

            .uo-login__buttons {
                padding-bottom: 10px;
            }

                .uo-login__button {
                    width: 100%;
                    font-size: 16px;
                    font-weight: 500;
                    padding: 8px 15px;
                    background-color: #3498db;
                    color: #fff;
                    border-radius: 3px;
                    cursor: pointer;
                    text-align: center;
                    margin-bottom: 10px;
                    position: relative;
                }

                    .uo-login__button:hover {
                        background-color: #3290cf;
                    }

                    .uo-login__button:before {
                        content: '';

                        width: 20px;
                        height: 20px;

                        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNDU2LjQzMyAzNzEuNzJsLTI3Ljc5LTE2LjA0NWMtNy4xOTItNC4xNTItMTAuMDUyLTEzLjEzNi02LjQ4Ny0yMC42MzYgMjUuODItNTQuMzI4IDIzLjU2Ni0xMTguNjAyLTYuNzY4LTE3MS4wMy0zMC4yNjUtNTIuNTI5LTg0LjgwMi04Ni42MjEtMTQ0Ljc2LTkxLjQyNEMyNjIuMzUgNzEuOTIyIDI1NiA2NC45NTMgMjU2IDU2LjY0OVYyNC41NmMwLTkuMzEgNy45MTYtMTYuNjA5IDE3LjIwNC0xNS45NiA4MS43OTUgNS43MTcgMTU2LjQxMiA1MS45MDIgMTk3LjYxMSAxMjMuNDA4IDQxLjMwMSA3MS4zODUgNDMuOTkgMTU5LjA5NiA4LjA0MiAyMzIuNzkyLTQuMDgyIDguMzY5LTE0LjM2MSAxMS41NzUtMjIuNDI0IDYuOTJ6Ij48L3BhdGg+PC9zdmc+);
                        background-size: contain;
                        background-position: center center;

                        animation: spin-centered .8s linear infinite;

                        transform-origin: 0px 0px;

                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);

                        opacity: 0;
                        transition: opacity 150ms ease-in-out;
                    }

                    .uo-login__button.uo-login__button--loading {
                        color: transparent;
                        background-color: #3290cf;
                    }

                        .uo-login__button.uo-login__button--loading:before {
                            opacity: 1;
                        }

                    @-ms-keyframes spin-centered {
                        from {
                            -ms-transform: rotate(0deg) translate(-50%,-50%);
                        }
                        to {
                            -ms-transform: rotate(360deg) translate(-50%,-50%);
                        }
                    }

                    @-moz-keyframes spin-centered {
                        from {
                            -moz-transform: rotate(0deg) translate(-50%,-50%);
                        }
                        to {
                            -moz-transform: rotate(360deg) translate(-50%,-50%);
                        }
                    }

                    @-webkit-keyframes spin-centered {
                        from {
                            -webkit-transform: rotate(0deg) translate(-50%,-50%);
                        }
                        to {
                            -webkit-transform: rotate(360deg) translate(-50%,-50%);
                        }
                    }

                    @keyframes spin-centered {
                        from {
                            transform: rotate(0deg) translate(-50%,-50%);
                        }
                        to {
                            transform: rotate(360deg) translate(-50%,-50%);
                        }
                    }

                    .uo-login-hidden-form .uo_loginForm h2,
                    .uo-login-hidden-form .uo_loginForm .forgot-link,
                    .uo-login-hidden-form .uo_loginForm .login-remember {
                        display: none;
                    }

                    .uo-login-hidden-form .uo_loginForm p {
                        margin: 0 !important;
                    }

                    .uo-login-hidden-form .uo_loginForm .login-submit {
                        margin-bottom: 15px !important;
                    }

        .uo-login-hidden-form {
            display: none;
        }

        .uo-login--visible-form .uo-login-hidden-form {
            display: block;
        }

        .uo-login--visible-form .uo-primary-login-method {
            display: none;
        }

/**
*** Demo Plugins pages - Buy now blocks
*/

.uo-buy-now-block-container {
    padding: 0px !important;
    background: transparent !important;
}

    @media screen and (max-width: 768px) {
        .uo-buy-now-block-container {
            margin: 2em 0 !important;
        }
    }

    .uo-buy-now-block {
        font-size: 16px;
    }

        .uo-buy-now-block__top {
            background: #3498db;

            padding: 8px;

            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .uo-buy-now-block-notice {
                text-align: center;
                color: #fff;
            }

        .uo-buy-now-block__bottom {
            padding: 15px;

            border: 1px solid;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;

            display: flex;
            flex-direction: column;
            gap: 15px;

            text-align: center !important;
        }

        .uo-buy-now-block .uo-buy-now-block__bottom,
        .uo-buy-now-block .uo-buy-now-block__bottom {
            border-color: #3498db;
    }

            .uo-buy-now-block-plugin {
                font-weight: 800;
                font-size: 18px;
                line-height: 1.5;
            }

            .uo-buy-now-block-description {
                line-height: 1.5;
            }    

/*
 * General styles - Buttons
*/
.uo-buy-now-block-button a,
#gform_submit_button_10,
#main-footer .gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit],
.woocommerce .widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a,
.woocommerce-page.et_pb_button_helper_class button.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce-page.et_pb_button_helper_class a.button {
    display: inline-block;
    color: #fff !important;
    background: #3498db !important;
    padding: 6px 20px !important;
    border-radius: 3px !important;
    border: 0 !important;
    transition: background 150ms ease-in-out !important;
}

.woocommerce-page.et_pb_button_helper_class a.button {
    width: 100%;
}

    .uo-buy-now-block-button a:hover,
    #gform_submit_button_10:hover,
    .woocommerce .widget_shopping_cart .buttons a:hover,
    .woocommerce.widget_shopping_cart .buttons a:hover,
    .woocommerce-page.et_pb_button_helper_class button.button:hover,
    .woocommerce #payment #place_order:hover,
    .woocommerce-page #payment #place_order:hover,
    .woocommerce-page.et_pb_button_helper_class a.button:hover {
        color: #fff !important;
        background: #000 !important;
        padding: 6px 20px !important;
        border: 0 !important;
    }