/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 *= require swiper-bundle
 *= require test
 *= require trix
 */

 @import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500&family=Montserrat:wght@400;500;700&display=swap");



 .barlow {
    font-family: "Barlow Condensed", sans-serif;
    text-transform: uppercase;
  }
  
  .montserrat-700 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
  }
  
  body {
    font-family: "Montserrat", sans-serif;
  }
  
  .swiper {
    width: 100%;
    height: auto;
  }
  
  .swiper-container {
    position: relative;
    width: 100%;
    padding: 0 60px;
    --swiper-theme-color: #452edd;
    --swiper-navigation-size: 38px;
    --swiper-navigation-color: var(--swiper-theme-color);
  }
  
  /* fix the buttons positions */
  .swiper-button-prev {
    left: 0;
  }
  
  .swiper-button-next {
    right: 0;
  }
  
  .pointer-events-override {
    pointer-events: auto !important;
  }
  
  @keyframes notification-countdown {
    from {
      width: 100%;
    }
    to {
      width: 0;
    }
  }
  
  .trix-content {
    h3 {
        font-size: 1.2em;
        line-height: 1.2;
        margin: 0;
    }
  }