/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@font-face {
  font-family: 'Jazmin';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Jazmin-Bold.otf"); }

@font-face {
  font-family: 'Jazmin';
  font-weight: 600;
  src: url("/app/themes/florent/assets/fonts/Jazmin-SemiBold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 400;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Regular-Italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 500;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Medium-italic.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold.otf"); }

@font-face {
  font-family: 'Cera Pro';
  font-weight: 700;
  font-style: italic;
  src: url("/app/themes/florent/assets/fonts/Cera-Pro-Bold-italic.otf"); }

.section-navigate-to .title h1, .section-navigate-to .title h2, .section-navigate-to .title h3 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  text-transform: uppercase;
  position: relative; }
  .section-navigate-to .title h1::before, .section-navigate-to .title h2::before, .section-navigate-to .title h3::before {
    content: '';
    width: 80px;
    height: 2px;
    background-color: var(--blue);
    position: absolute;
    left: 0;
    bottom: 0; }
  @media (min-width: 981px) {
    .section-navigate-to .title h1, .section-navigate-to .title h2, .section-navigate-to .title h3 {
      padding-bottom: 55px;
      margin-bottom: 55px; } }

.section-navigate-to .columns {
  display: flex;
  flex-direction: column;
  gap: 30px; }
  @media (min-width: 768px) {
    .section-navigate-to .columns {
      gap: 60px;
      flex-direction: row; } }
  @media (min-width: 981px) {
    .section-navigate-to .columns {
      gap: 120px; } }
  @media (min-width: 768px) {
    .section-navigate-to .columns .column-left {
      flex-shrink: 0;
      width: 45%;
      padding-bottom: 80px; } }
  @media (min-width: 981px) {
    .section-navigate-to .columns .column-left {
      width: 50%; } }
  .section-navigate-to .columns .column-left .content {
    max-width: 500px; }
  .section-navigate-to .columns .column-right {
    flex-grow: 1;
    position: relative; }
    .section-navigate-to .columns .column-right .background {
      position: absolute;
      top: 0;
      left: -3vw;
      right: 0;
      bottom: 0;
      z-index: 1;
      background-color: var(--blue); }
      @media (min-width: 768px) {
        .section-navigate-to .columns .column-right .background {
          left: 0; } }
    .section-navigate-to .columns .column-right .column-in {
      position: relative;
      z-index: 2;
      padding: 30px 0; }
      @media (min-width: 768px) {
        .section-navigate-to .columns .column-right .column-in {
          padding: 40px 0 40px 40px; } }
      .section-navigate-to .columns .column-right .column-in h2 {
        color: var(--turquoise); }
  .section-navigate-to .columns .column-fixed {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: auto;
    right: 0;
    z-index: 99; }
    .section-navigate-to .columns .column-fixed.fixed {
      position: fixed !important;
      left: auto;
      right: -330px;
      width: auto !important; }
      @media (max-width: 980px) {
        .section-navigate-to .columns .column-fixed.fixed {
          right: -1000px !important; } }
      .section-navigate-to .columns .column-fixed.fixed .background {
        left: 0;
        bottom: 0; }
      .section-navigate-to .columns .column-fixed.fixed .column-in {
        padding: 20px; }
        .section-navigate-to .columns .column-fixed.fixed .column-in h2 {
          overflow: hidden;
          height: 0;
          margin: 0; }
        .section-navigate-to .columns .column-fixed.fixed .column-in .navigate-to li a {
          text-wrap: nowrap;
          padding-left: 45px; }
          .section-navigate-to .columns .column-fixed.fixed .column-in .navigate-to li a:before {
            top: 15px; }

.section-navigate-to .navigate-to {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: inline-block; }
  .section-navigate-to .navigate-to li {
    position: relative; }
    .section-navigate-to .navigate-to li a {
      color: var(--white);
      background: transparent;
      text-transform: uppercase;
      line-height: inherit;
      overflow: hidden;
      display: block;
      padding-left: 25px; }
      .section-navigate-to .navigate-to li a::before {
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: var(--white);
        position: absolute;
        top: 10px;
        left: 0;
        transition: ease-in-out 200ms background-color; }
      .section-navigate-to .navigate-to li a.active, .section-navigate-to .navigate-to li a:hover {
        color: var(--turquoise); }
        .section-navigate-to .navigate-to li a.active::before, .section-navigate-to .navigate-to li a:hover::before {
          background-color: var(--turquoise); }

.section-navigate-to .image {
  position: relative;
  padding-top: 38%;
  height: auto; }
  .section-navigate-to .image > img, .section-navigate-to .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }

/*# sourceMappingURL=navigate-to.css.map */