/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.2.1
 Text Domain:  bricks
*/
/* Button CTA */
.c-btn-up {
  position: relative;
  overflow: hidden;
  border-radius: var(--btn-border-radius);
  border: 2px solid var(--accent);
  height: 3em;
  background-color: var(--accent);
  color: var(--white);
  cursor: pointer;
  transition: all 0.3s ease;
}
.c-btn-up:hover {
    background-color:var(--white);
    color:var(--accent);
}
.c-btn-up--sm {
  width: 13em;
  min-inline-size: 13em;
}

.c-btn-up--lg {
  width: 22.875em;
  min-inline-size: 22.875em;
}

.c-btn-up__text {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.625em;
  transition: top 0.3s;
}

.c-btn-up__text--sm {
  width: 13em;
  min-inline-size: 13em;
}

.c-btn-up__text--lg {
  width: 22.875em;
  min-inline-size: 22.875em;
}

.c-btn-up__1st {
  top: 0%;
}

.c-btn-up__2nd {
  top: 200%;
}

.c-btn-up:hover .c-btn-up__1st {
  top: -200%;
}

.c-btn-up:hover .c-btn-up__2nd {
  top: 0%;
}

/* Bgd color */
.tribe-events {
    background-color: var(--primary-trans-20);
}

/* Events - container */
#tribe-events-pg-template {
    max-width: var(--content-width);
    padding: var(--section-padding-block) 0;
}
.tribe-common .tribe-common-l-container {
    max-width: var(--content-width);
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    padding: var(--section-padding-block) 0;
}

.tribe-events-back {
    margin-bottom: 0;
}
.tribe-events-schedule {
    margin: 0;
}
.tribe-events-meta-group {
    width: 100% !important;
}
/* Events - image */
.tribe-events .tribe-events-calendar-day__event-featured-image-link, .tribe-events .tribe-events-calendar-list__event-featured-image {
    border-radius: var(--radius-l);
}

/* Event - image */
.tribe-events-event-image img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-xxl);
}


/* Typo */
.tribe-events-single-event-title,
.tribe-events-schedule h2,
.tribe-events-back a, .tribe-events-back a:visited,
.tribe-events-content,
.tribe-events-event-meta,
.tribe-common .tribe-common-b2,
.tribe-events .tribe-events-calendar-list__event-date-tag-weekday,
.tribe-common--breakpoint-medium.tribe-common .tribe-common-form-control-text__input, .tribe-common .tribe-common-form-control-text__input,
.tribe-events .tribe-events-c-view-selector__list-item-text,
.tribe-common--breakpoint-medium.tribe-events .tribe-common-c-btn.tribe-events-c-search__button,
.tribe-common .tribe-common-c-btn-border-small, .tribe-common a.tribe-common-c-btn-border-small,
.tribe-common p,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,
.tribe-common .tribe-common-h7, .tribe-common .tribe-common-h8 {
    font-family: "Albert Sans";
    font-weight: 400;
}
.tribe-common .tribe-common-h1, .tribe-common .tribe-common-h2,
.tribe-common .tribe-common-h3, .tribe-common .tribe-common-h4,
.tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 {
    font-family: "Questrial";
    font-weight: 400;
}

.tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common p {
    font-size: var(--default-font-size, var(--text-m));
}
.tribe-events-meta-group .tribe-events-single-section-title,
.tribe-events-event-meta dd, .tribe-events-event-meta dt,
.tribe-event-date-start, 
.tribe-event-time,
.tribe-events-back a,
.tribe-events-content p {
    font-size: clamp(1.8rem, calc(0.1912045889vw + 1.7388145315rem), 2rem);
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-h4--min-medium {
    font-size: clamp(2rem, calc(0.3824091778vw + 1.8776290631rem), 2.4rem);
    font-size: var(--tec-font-size-10);
    
}

/* Buttons */
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button {
    background-color: var(--accent);
    color: var(--white);
    border-radius: var(--radius-xl);
}

.tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
    background-color: var(--accent);
    border: 2px solid var(--accent);
    border-radius: var(--radius-xl);
    text-align: center;
    transition: var(--tec-transition);
    color: var(--white);
    padding: 11px 20px;
    width: 100%;
}

.tribe-common .tribe-common-c-btn-border:focus, .tribe-common .tribe-common-c-btn-border:hover, .tribe-common a.tribe-common-c-btn-border:focus, .tribe-common a.tribe-common-c-btn-border:hover {
    background-color: var(--white);
    color: var(--accent);
    transition: all 0.2s ease;
}

.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover  {
    background-color: var(--white);
    color: var(--accent);
    border: 2px solid var(--accent);
    transition: all 0.2s ease;
}

.tribe-events button.tribe-events-c-search__button:hover {
    background-color: var(--white);
    border-radius: var(--radius-xl);
    border: 2px solid var(--accent);
    color: var(--accent);
    transition: all 0.2s ease;
}

/* Previous / next */
.tribe-events .tribe-events-c-nav__next:disabled, .tribe-events .tribe-events-c-nav__prev:disabled {
    font-size: var(--default-font-size, var(--text-s));
}

/* Link */
.tribe-events-meta-group a {
    color: var(--accent);
}
.tribe-events-event-meta a:focus, .tribe-events-event-meta a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    color: var(--accent);
}

/* Complianz */
.post-2474,
.post-2475,
.post-2476 {
    padding: calc(var(--section-space-m) / 2) 0 var(--section-space-m) 0 ;
}

#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
    max-width: 136.6rem;
}

/* Complianz - typo */
#cmplz-document h1, .editor-styles-wrapper .cmplz-unlinked-mode h1 {
    font-size: var(--h1);
    line-height: var(--h1-line-height);
}

#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2 {
    font-size: var(--h2);
    line-height: var(--h2-line-height);
}
#cmplz-document p, .editor-styles-wrapper .cmplz-unlinked-mode p {
    font-size: clamp(1.8rem, calc(0.1912045889vw + 1.7388145315rem), 2rem) !important;
}