body {
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

p,
span {
  font-family: inherit;
}

.zizou {
  &-light {
    font-family: "zizou-slab-light";
  }

  &-regular {
    font-family: "zizou-slab-regular";
  }

  &-bold {
    font-family: "zizou-slab-bold";
  }
}

.solano {
  &-bold {
    font-family: "sgothic-bdcap";
  }
}

.text-red {
  color: $red;
}

.main {
  margin-top: 4rem;

  @include media-breakpoint-up(lg) {
    margin-top: 4.7rem;
  }
}

.video {
  background: $black url("../img/abre-tu-mente-mobile.png") center no-repeat;
  background-size: cover;
  height: 25rem;
  position: relative;
  margin-top: 4rem;

  @include media-breakpoint-up(md) {
    background: $black url("../img/abre-tu-mente.png") center no-repeat;
    background-size: cover;
  }

  @include media-breakpoint-up(lg) {
    margin-top: 4.7rem;
  }
}

.container-fixed {
  position: relative;

  > div {
    position: absolute;
    width: 18.75rem;
    right: 15px;

    a.btn {
      position: fixed;
      bottom: 0rem;
      z-index: 1;
      width: 18.75rem;
    }
  }
}

.title {
  @include font("zizou-slab-bold", 1.5rem, $red, 1.8rem);

  @include media-breakpoint-up(lg) {
    @include font(null, 2rem);
  }
}

.slogan {
  @include font("sgothic-bdcap", 2.375rem, $red, 2.875rem);

  span {
    font-size: 3.5rem;
    display: block;
  }

  &-xl {
    @include font("sgothic-bdcap", 1.5rem, $red, 1.875rem);

    @include media-breakpoint-up(lg) {
      @include font("sgothic-bdcap", 3.5rem, $red, 3.625rem);
    }
  }
}

.appointment {
  position: relative;
  z-index: 2;
}

.nav-anchor {
  @include media-breakpoint-down(xs) {
    height: 54px;
    overflow: hidden;

    .container {
      overflow: auto;

      ul {
        width: 490px;
      }
    }
  }
}

.p-xs {
  padding-right: 0rem !important;
  padding-left: 0rem !important;

  @include media-breakpoint-up(md) {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.pr-xs {
  padding-right: 0rem;

  @include media-breakpoint-up(md) {
    padding-right: 15px;
  }
}

.menuHeader {
  figure {
    line-height: 1.5rem;
    margin: 0rem;
  }
}

// .font-weight-bold {
//   font-family: "zizou-slab-bold";
// }

.rounded-top {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}

.btn-danger-fixed:hover {
  color: #fff;
  background-color: #35ade1;
  border-color: #35ade1;
}

#footer {
  margin: 0rem;
  position: relative;
  z-index: 2;
}

.info,
#id-form {
  position: relative;
  z-index: 2;
}

.info {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;

  a {
    color: #8D8D8D;
  }
}

.modal-body {
  position: relative;
  padding: 0px;
}

// .close {
//   position: absolute;
//   right: -30px;
//   top: 0;
//   z-index: 999;
//   font-size: 2rem;
//   font-weight: normal;
//   color: #fff;
//   opacity: 1;
// }

.modal-content {
  background-color: transparent;
  border: transparent;
}

#id-form {
  .slogan-xl {
    @include media-breakpoint-up(md) {
      margin-top: 10rem;
    }

    &::after{
      display: block;
      background-color: $red;
      width: 4.75rem;
      height: .25rem;
      content: "";
      margin: 0 auto;
      margin-top: .5rem;

      @include media-breakpoint-up(md) {
        margin: initial;
        margin-top: 1rem;
      }
    }
  }
}

#widget-form {
  #register-form-container {
    width: 100% !important;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;

    input[type="text"] {
      font-family: "zizou-slab-light" !important;
      font-size: .9375rem;
    }
  }

  .panel-wrap {
    border: none;
  }

  .panel-column {
    margin: 0rem;
    padding: 1.25rem;
  }

  #sectionDescription {
    color: #333333;
    font-size: 1.375rem;
  }

  #buttonEventos {
    height: initial;
    font-size: 1.25rem;
    background-color: #35ade1;
  }
}