/*--------------------------------------------------------------
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
--------------------------------------------------------------*/

/*Classes do IFrame Responsivo:*/
.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: #bc1a7c;
}


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


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: #bc1a7c70;
}

#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 #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.tribe-events-c-subscribe-dropdown__button--active{
background-color: #bc1a7c70;
color: #fff !important;
}


.tribe-common .tribe-common-c-btn-border{border: solid 1px #bc1a7c;}

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: #bc1a7c70;
    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 #bc1a7c;
    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 #bc1a7c20;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #bc1a7c20;
  }
  
  /* 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 #bc1a7c20;
    border-width: 10px 10px 10px 0;
    border-color: transparent #bc1a7c20 transparent transparent;
  }
  
  /* Fix the circle for tlCardContainers on the right side */
  .right::after {
    left: -16px;
  }
  
  /* The actual tlCardContent */
  .tlCardContent {
      padding: 20px 30px;
      background-color: #bc1a7c20;
      position: relative;
      border-radius: 6px;
      text-align: center;
      color: #fff;
      text-shadow: 4px 4px 30px #bc1a7c30;
      filter: drop-shadow(20px 20px 30px #bc1a7c);
  }
  
  .tlCardTitle {
      color: #bc1a7c;
      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*/

    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;}

    /*Altera cor do botão de envios de comentários do LearnDash*/
    /* #learndash-page-content .ld-focus-comments .form-submit #submit{color: #fff;} */
    #submit.submit{color: #fff !important;}

    /*Classes do IFrame Responsivo:*/
    .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;
    }
    

  
  /* 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: #bc1a7c;}

/*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: #bc1a7c; }
.tribe-events .tribe-events-calendar-month__day-cell--mobile{justify-content: center;}


}

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