@import "./base/base";
@import "./fonts/fonts";
@import "./libs/libs";
@import "./mixins/mixins";
@import "./components/components.scss";
@import "./sections/sections.scss";

html {
   scroll-behavior: smooth;
   font-size: $fontSize;
}

body {
   &.scroll-hidden {
      overflow: hidden;
   }

   ::selection {
      background-color: cl("accent");
      color: cl("bg");
   }
}

body {
   min-width: 320px;
   line-height: 1.25;
   color: cl("text");
   font-family: $fontFamily;
   font-weight: $fontWeight;
   background-color: cl("bg");
}

body.admin-bar .header {
   top: 30px;
}
body.admin-bar .header__mobile {
   top: 50px;
}

a {
   color: #ffffff;
}

.container {
   max-width: $containerMaxWidth;
   width: 100%;
   padding: 0 10px;

   margin: 0 auto;

   @include _Tablet {
      padding: 0 40px;
   }

   /* responsive breakpoints removed - minimal starter */
}

.position-relative {
   position: relative;
}

.wrapper {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
   position: relative;

   * {
      box-sizing: border-box;
   }
}

img {
   width: 100%;
   height: auto;

   max-width: 100%;
}

.lz-hidden {
   opacity: 0;
   overflow: hidden;
   visibility: hidden;
   pointer-events: none;
}

.main {
   flex: 1 0 auto;
}

.footer {
   flex: 0 0 auto;
}

body.menu-open {
   overflow: hidden;
}

.gslide-image img {
   @include _Tablet {
      width: 400px;
   }

   @include _Desktop {
      width: 500px;
   }
   @include _HDesktop {
      width: 600px;
   }
}

/* components and sections removed - keep base only */
