/*
 Theme Name:   Kina Theme
 Theme URI:    https://www.kina.it/
 Description:  Use this child theme to extend functionality.
 Author:       KINA
 Template:     bricks
 Version:      1.1
 Text Domain:  kina
*/

a {
  text-underline-offset: 5px;
  text-decoration-thickness: 1px !important;
}

.blu {
  color: var(--bricks-color-bfiwjj);
}

.value-title.active {
  color: var(--bricks-color-bfiwjj) !important;
  font-variation-settings: "wght" 700 !important;
  font-size: var(--h4) !important;
}

body {
  opacity: 0;
  transition: opacity 0.4s ease;
}

body[data-builder-mode] {
  opacity: 1;
}

body.page-enter {
  opacity: 1;
}

body.page-exit {
  opacity: 0;
}

.brx-megamenu {
  transform: translateX(0px) !important;
}

.corso-text-info .brxe-icon,
.corso-text-info div {
  font-size: 1.6rem;
}

/* Timeline style */
.timeline-card:nth-child(odd) {
  align-self: flex-end;
  .timeline-content {
    padding-left: 25rem;
  }
}

.timeline-card:nth-child(even) {
  .timeline-content {
    padding-right: 25rem;
  }
}

@media screen and (max-width: 768px) {
  .timeline-card:nth-child(odd),
  .timeline-card:nth-child(even) {
    align-self: flex-end;
    .timeline-content {
      padding-left: 3rem;
      padding-right: 0rem;
    }
  }
}

.timeline-card::after {
  content: "";
  background-color: #1d2c84;
  height: 3px;
  width: 100%;
  transition: clip-path 0.5s ease;
}

.timeline-card:nth-child(odd)::after {
  clip-path: inset(0 100% 0 0);
}

.timeline-card:nth-child(even)::after {
  clip-path: inset(0 0 0 100%);
}

.timeline-card.active::after {
  clip-path: inset(0 0 0 0) !important;
}

@media screen and (max-width: 768px) {
  .timeline-card:nth-child(odd)::after,
  .timeline-card:nth-child(even)::after {
    clip-path: inset(0 100% 0 0);
  }
}