/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/


/*Cor de redefinição de texto - A.G. - 09/06/23*/
/* p.message.reset-pass {
  color: #63C8CD !important;
} */

#login > p.message.reset-pass{color: #63C8CD !important}

/*Classes from Responsive IFrame:*/
.iframeContainer{
  position: relative; 
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.responsiveIframeMef{
  position: absolute;
  top: 0; 
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.hrStyling{
  margin: 5% 0 5% 0;
}


/*RELATED CLASSES TO THE EVENTS CALENDAR*/
.tribe-events .tribe-events-calendar-list .tribe-events-calendar-list__event-date-tag .tribe-events-calendar-list__event-date-tag-weekday {
    color: var(--bb-primary-color);
}


button.tribe-events-c-subscribe-dropdown__button-text {
    color: var(--bb-primary-color);
}

.tribe-common .tribe-common-h3 { color: var(--bb-primary-color);}


button.tribe-events-c-subscribe-dropdown__button-text:hover {
    color: #fff;
}

#content > div > div > div > div > div.tribe-events-c-subscribe-dropdown__container > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover {
    background-color: var(--bb-primary-color);
}

#content > div > div > div > div > div.tribe-events-c-subscribe-dropdown__container > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover {
    color: #fff;
}

#content > div > div > div > div > div.tribe-events-c-subscribe-dropdown__container > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button{
border: solid 1px var(--bb-primary-color);
}

#content > div > div > div > div > div.tribe-events-c-subscribe-dropdown__container > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active{
background-color: var(--bb-primary-color);
color: #fff !important;
}

.tribe-common .tribe-common-c-svgicon__svg-fill {color: var(--bb-header-links);}
.tribe-common .tribe-common-c-svgicon__svg-fill { fill: var(--bb-header-links);}

.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 { color: var(--bb-primary-color);}

.tribe-common .tribe-common-c-btn-border{border: solid 1px var(--bb-primary-color);}

div.bs-single-body > div > div.tribe-events.tribe-common > div > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover{background-color: #bc1a7c70;}

div.bs-single-body > div > div.tribe-events.tribe-common > div > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {color: #bc1a7c;}

#content > div > div > div > div > div.tribe-events-c-subscribe-dropdown__container > div > div.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button > svg{color: #bc1a7c;}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within{background-color: #bc1a7c70;}

h1.tribe-events-single-event-title, abbr.tribe-events-abbr.tribe-events-start-date.published.dtstart, .tribe-events-abbr.tribe-events-start-time.published.dtstart {
color: #5a5a5a;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*TIMELINE CLASSES & ID'S: */


/* The actual personalTimeline (the vertical ruler) */
.personalTimeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
  }
  
  /* The actual personalTimeline (the vertical ruler) */
  .personalTimeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #FFDB6E70;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
  }
  
  /* tlCardContainer around tlCardContent */
  .tlCardContainer {
    padding: 10px 40px;
    position: relative;
    /*background-color: #fafbfd;*/
    background-color: #ffffff01;
    width: 50%;
  }
  
  /* The circles on the personalTimeline */
  .tlCardContainer::after {
    content: '';
    position: absolute;
    width: 32px;
    height: 32px;
    right: -17px;
    background-color: #fff;
    border: 4px solid #63C8CD;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
  }
  
  /* Place the tlCardContainer to the left */
  .left {
    left: 0;
    /*filter: drop-shadow(5px 5px 35px #bc1a7c28);*/
  }
  
  /* Place the tlCardContainer to the right */
  .right {
    left: 50%;
    /*filter: drop-shadow(20px 20px 30px #bc1a7c);*/
  }
  
  /* Add arrows to the left tlCardContainer (pointing right) */
  .left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #84318920;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #84318920;
  }
  
  /* Add arrows to the right tlCardContainer (pointing left) */
  .right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid #84318920;
    border-width: 10px 10px 10px 0;
    border-color: transparent #84318920 transparent transparent;
  }
  
  /* Fix the circle for tlCardContainers on the right side */
  .right::after {
    left: -16px;
  }
  
  /* The actual tlCardContent */
  .tlCardContent {
      padding: 20px 30px;
      background-color: #84318920;
      position: relative;
      border-radius: 6px;
      text-align: center;
      color: #fff;
      text-shadow: 4px 4px 30px #84318930;
      filter: drop-shadow(20px 20px 30px #843189);
  }
  
  .tlCardTitle {
      color: #843189;
      font-weight: 600;
      font-size: 1.3rem;
  }
  
  .fotosDeAvaliacoes{
    max-width: 130px !important;
    width: 33%;
      max-height: 260px;
  }
  
  /*.tlCardContainer > .left > .tlCardContent{*/
    /*filter: drop-shadow(5px 5px 35px #bc1a7c28);*/
    /*}*/

/*QUICK-FIXES*/

    /*Correção da cor do botão de submit dos comentários: */
    input#submit.submit { color: #fff !important; }

    a.notification-link{color: #bc1a7c;}
    .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-expanded .ld-icon-arrow-down:before{margin-left: -1.4px;}
    /*após alinharmos, colocar de volta o contador de lições*/
    .ld-status-icon.ld-status-incomplete,.course-lesson-count { display: none; }
    .img-thumbnail{border-radius: 12px !important;}

    /* li>a, div#gamipress-logs-pagination>a,:not(li.bp-personal-tab>a){color: #bc1a7c !important;} */
    li.user-has-not-earned>a, a.page-numbers{color: #bc1a7c;}

    div.miniContainer>h2,div.gamipress-points-type-description>h2 {padding: 5%;}

    div.gamipress-points-type-image.gamipress-points-type-moeda-andorinha-image>img {padding: 5% 0 0; width: 20%;}

    .elementor-section.elementor-top-section.elementor-element{ background-repeat: no-repeat; background-size: cover;}

    

  
  /* Media queries - Responsive personalTimeline on screens less than 600px wide */
  @media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .personalTimeline::after {
    left: 31px;
    }
    
    /* Full-width tlCardContainers */
    .tlCardContainer {
    width: 110%;
    padding-left: 70px;
    padding-right: 25px;
    }
    
    .fotosDeAvaliacoes {
      width: 100%;
      padding-bottom: 5%;
    }
    
    /* Make sure that all arrows are pointing leftwards */
    .tlCardContainer::before {
    left: 60px;
    border: medium solid #bc1a7c20;
    border-width: 10px 10px 10px 0;
    border-color: transparent #bc1a7c20 transparent transparent;
    }
  
    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
    left: 15px;
    }
    
    /* Make all right tlCardContainers behave like the left ones */
    .right {
    left: 0%;
    }

    .fotosDeAvaliacoes{
      max-width: 180px !important;
    }
  }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* MOBILE CLASSES TO FIX HEADING BANNERS */
@media screen and (max-width: 600px) {

/*Ajusta largura do banner no mobile*/
header.elementor-top-section {background-size: contain !important; background-repeat: no-repeat;}

/*sobe título e breadcrumbs depois de ajustar a largura do banner*/

header.elementor-column.elementor-col-100.elementor-top-column.elementor-element{margin: -25% 0 5% 0;}
/* div.elementor-widget-wrap {margin: -35% 0 40% 0;} */

/*Corrige cores ilegíveis no mobile para título e breadcrumbs*/
h2.elementor-heading-title, a.jet-breadcrumbs__item-link.is-home, span.jet-breadcrumbs__item-target{color: #5a5a5a !important;}

/*Fix back Community profile topics to white*/
#ld-tab-content-13581 > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2f088680.elementor-section-stretched.jedv-enabled--yes.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-6e135d20.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-2e3dd09a > div > div > div.elementor-element.elementor-element-13e1109b.elementor-absolute.elementor-widget-tablet__width-initial.elementor-widget.elementor-widget-heading > div > h2, #ld-tab-content-13581 > div > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-2f088680.elementor-section-stretched.jedv-enabled--yes.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-6e135d20.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-1070e9ca > div > div > div.elementor-element.elementor-element-6d9ca6e5.elementor-absolute.elementor-widget-tablet__width-initial.elementor-widget.elementor-widget-heading > div > h2{color: #fff !important;}

/*Sets Thumbnail size */
img.img-thumbnail {min-width: 330px;width: 100%;}

/*fix for exercise library thumbs straight into the galery*/
div.mx-auto.featured-image.ratio.ratio-16x9>img.img-thumbnail {
  min-width: 120px;
}

/*Remove status incomplete circles*/
.ld-status-icon.ld-status-incomplete { display: none; }

a.notification-link{color: var(--bb-primary-color);}

/*Fixing background color for the events calendar e position:*/
button.tribe-events-calendar-month__day-cell.tribe-events-calendar-month__day-cell--mobile.tribe-events-calendar-month__day-cell--selected {background-color: var(--bb-primary-color);}
.tribe-events .tribe-events-calendar-month__day-cell--mobile{justify-content: center;}


}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/