/*!
Theme Name:     ebike-mtb
Theme URI:
Description:    ENDUROv3 child theme.
Author:         Me
Author URI:
Template:       ENDUROv3
Version:        0.1.0
*/

.nav-menu > .menu-item:active > .menu-line,
.nav-menu > .menu-item:focus > .menu-line,
.nav-menu > .menu-item:hover > .menu-line {
  background: #00aa82 !important;
}

.meta-category a,
.tagcloud.green a,
.comment-author-role-badge,
.ck_form.ck_naked .ck_subscribe_button,
.button.cta {
  background-color: #00aa82 !important;
}

article.issue .issue-number {
  color: #00aa82 !important;
}

.crew-member .job {
  color: #00aa82 !important;
}

.meta-category a.category-223,
.meta-category a.category-225 {
  background-color: #e6007e !important;
}
a.category-334,
a.category-335 {
  background-color: #e6330e !important;
} /* GRAN FONDO DE & EN */
a.category-613,
a.category-614 {
  background-color: #009bcb !important;
} /* ENDURO DE & EN */
a.category-223,
a.category-225,
a.category-398,
a.category-399,
a.category-539,
a.category-538,
a.category-1637,
a.category-1638 {
  background-color: #e6007e !important;
} /* Eurobikes DE & EN */

a.category-1782,
a.category-1783 {
  background-color: #94375b !important;
} /* DOWNTOWN DE & EN */

/*--------------------------------------------------------------
  Top100 Map Article Footer
--------------------------------------------------------------*/

.top100-box .top100-logo {
  background-image: url("//s14761.pcdn.co/wp-content/themes/ENDUROv3/images/Top100_Badge_300px_EMTB.png");
  background-size: cover;
  width: 300px;
  height: 300px;
  flex: 0 0 auto;
  align-self: flex-start;
}

.leaflet-container a {
  color: #00aa82 !important;
}

#menu-item-20185 {
  display: none;
}

.bigfoot-footnote__button {
  color: #00aa82;
}

/*--------------------------------------------------------------
  Comment Section
--------------------------------------------------------------*/

.comment.byuser {
  border-right: 10px solid #00aa82;
}

.toggle-commentform {
  background-color: #00aa82;
}

/*--------------------------------------------------------------
  Rating Section
--------------------------------------------------------------*/

.vce-single .entry-content .ratings .char-bar .filled:not(:first-child):after {
  border-bottom: 7px solid #00aa82;
  border-top: 7px solid #00aa82;
}

.vce-single .entry-content .ratings .char-bar .marker:before {
  background-color: #00aa82;
}

/*--------------------------------------------------------------
  App Landing Page
--------------------------------------------------------------*/
.section-1 .fa-star {
  color: #00aa82 !important;
}

.section-2 .nav-link.active {
  border: 1px solid #00aa82 !important;
  background: #00aa82 !important;
}

.section-3 a[aria-expanded="true"] .circle-numbering {
  border: 1px solid #00aa82 !important;
  background-color: #00aa82 !important;
}

.section-1 .swiper-pagination-bullets .swiper-pagination-bullet {
  background: #00aa82 !important;
}

.divider hr {
  background-color: #00aa82 !important;
}



.vce-single .entry-content .ratings .attributes section{
    height: auto;
    min-width: 50px;
}
.vce-single .entry-content .ratings .char-bar{
    max-width: 100%;
}
.vce-single .entry-content .ratings h4{
    width: 72%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 670px) and (max-width: 1023px){
    .vce-single .entry-content .ratings.narrow .rightside h3{
        margin-left: 0 !important;
    }
}
@media (max-width: 991px) {
    .vce-single .entry-content .ratings{
        flex-wrap: wrap;
    }
    .vce-single .entry-content .ratings .flexspace{
        display: none;
    }
    .vce-single .entry-content .ratings .attributes,
    .vce-single .entry-content .ratings .rightside{
        flex: 0 0 auto;
        width: 100%;
    }
    .vce-single .entry-content .ratings .rightside{
        margin-top: 42px;
    }
}
@media (max-width: 767px) {
    .vce-single .entry-content .ratings h4{
        font-size: 16px;
    }
}
@media (max-width: 670px) {
    .vce-single .entry-content .ratings.narrow{
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .vce-single .entry-content .ratings h3,
    .vce-single .entry-content .ratings h4{
        padding-left: 0;
    }
    .vce-single .entry-content .ratings h4{
        width: 67%;
    }
}


.vce-single .entry-content .ratings .applications>span h3 {
    display: inline-block;
    width: auto;
}