/**
 * 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
 */
.section-contact {
  overflow: hidden; }
  .section-contact .container .block-title {
    margin-bottom: 2em; }
    @media (min-width: 1200px) {
      .section-contact .container .block-title {
        text-align: center; } }
  .section-contact .container .contact {
    position: relative; }
    @media (min-width: 1200px) {
      .section-contact .container .contact {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 2em; } }
  .section-contact .container .contact-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 300px;
    margin: 0 auto; }
    @media (min-width: 1200px) {
      .section-contact .container .contact-link {
        gap: 2em; } }
    .section-contact .container .contact-link:not(:last-of-type) {
      margin-bottom: 2em; }
      @media (min-width: 1200px) {
        .section-contact .container .contact-link:not(:last-of-type) {
          margin-bottom: 0; } }
    .section-contact .container .contact-link a {
      display: flex;
      align-items: center;
      background: none;
      gap: 1.5em;
      color: var(--night); }
      .section-contact .container .contact-link a .icon {
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--white);
        background-color: var(--lightblue);
        border-radius: 15px;
        transition: background-color .14s ease-in-out; }
      .section-contact .container .contact-link a .content {
        display: flex;
        flex-direction: column; }
        .section-contact .container .contact-link a .content .title {
          font-size: 20px;
          font-weight: 600;
          line-height: 1; }
    .section-contact .container .contact-link .icon-after {
      height: 50px;
      width: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--night);
      border: 1px solid var(--night);
      background-color: transparent;
      border-radius: 15px;
      transition: color .14s ease-in-out, background-color .14s ease-in-out;
      font-size: 10px; }
    .section-contact .container .contact-link:hover a {
      text-decoration: none; }
      .section-contact .container .contact-link:hover a .icon {
        background-color: var(--blue-darken); }
    .section-contact .container .contact-link:hover .icon-chevron-right {
      color: var(--white);
      background-color: var(--night); }
  .section-contact:not(.fullwidth) .container {
    border-radius: 15px 0 0 15px;
    position: relative;
    background: linear-gradient(180deg, #08a4ee -80%, #00124a 100%);
    padding: 2em; }
    @media (min-width: 1200px) {
      .section-contact:not(.fullwidth) .container {
        border-radius: 15px;
        padding: 3em 6em; } }
    @media (max-width: 1199px) {
      .section-contact:not(.fullwidth) .container:before {
        content: '';
        position: absolute;
        right: -50%;
        top: 0;
        height: 100%;
        width: 100%;
        background: linear-gradient(180deg, #08a4ee -80%, #00124a 100%); } }
    .section-contact:not(.fullwidth) .container .block-title {
      color: var(--white);
      position: relative;
      margin-bottom: 2em; }
      @media (min-width: 1200px) {
        .section-contact:not(.fullwidth) .container .block-title {
          text-align: center; } }
    .section-contact:not(.fullwidth) .container .contact .contact-link a {
      color: var(--white); }
    .section-contact:not(.fullwidth) .container .contact .contact-link .icon-chevron-right {
      color: var(--white);
      border: 1px solid var(--white); }
    .section-contact:not(.fullwidth) .container .contact .contact-link:hover .icon-chevron-right {
      color: var(--night);
      background-color: var(--white); }
    .section-contact:not(.fullwidth) .container.dark .container {
      background-color: var(--white); }
      .section-contact:not(.fullwidth) .container.dark .container:before {
        background-color: var(--white); }
      .section-contact:not(.fullwidth) .container.dark .container .block-title {
        color: var(--night); }
      .section-contact:not(.fullwidth) .container.dark .container .contact-link .content {
        color: var(--night); }
      .section-contact:not(.fullwidth) .container.dark .container .contact-link .icon-chevron-right {
        border-color: var(--night);
        color: var(--night); }
      .section-contact:not(.fullwidth) .container.dark .container .contact-link:hover .icon-chevron-right {
        color: var(--white);
        background-color: var(--night); }
  .section-contact.fullwidth .address {
    margin-top: 2em; }
    .section-contact.fullwidth .address .map {
      border-radius: 15px;
      overflow: hidden;
      position: relative;
      padding-top: 80%; }
      @media (min-width: 768px) {
        .section-contact.fullwidth .address .map {
          padding-top: 60%; } }
      @media (min-width: 1200px) {
        .section-contact.fullwidth .address .map {
          padding-top: 30%; } }
      .section-contact.fullwidth .address .map img {
        height: 100%;
        width: 100%;
        position: absolute;
        inset: 0;
        -o-object-fit: cover;
           object-fit: cover; }
    .section-contact.fullwidth .address .links {
      position: relative;
      margin-top: 2em; }
      @media (min-width: 1200px) {
        .section-contact.fullwidth .address .links {
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 3em; } }
      .section-contact.fullwidth .address .links .contact-link .icon-coffee {
        background-color: var(--orange); }
      .section-contact.fullwidth .address .links .contact-link span {
        line-height: 18px; }
      .section-contact.fullwidth .address .links .contact-link .title {
        margin-bottom: .3em; }
      .section-contact.fullwidth .address .links .contact-link .icon-after {
        border: none;
        font-size: 16px; }
      .section-contact.fullwidth .address .links .contact-link.visit-address:hover .icon-coffee {
        background-color: var(--orange-darken); }
  .section-contact.fullwidth.dark .block-title {
    color: var(--white); }
  .section-contact.fullwidth.dark .contact-link .content {
    color: var(--white); }
  .section-contact.fullwidth.dark .contact-link .icon-after {
    border-color: var(--white);
    color: var(--white); }
  .section-contact.fullwidth.dark .contact-link:hover .icon-after {
    color: var(--night);
    background-color: var(--white); }

/*# sourceMappingURL=contact.css.map */