/*
 Theme Name:   ST—Studio	
 Theme URI:    https://simotamas.studio
 Description:  This theme is not available for you to download or buy. It can be a full custom theme, but it could also be a customization of a pre-existing theme.
 Author:       Tamás Simó
 Author URI:   https://simotamas.studio
 Template:     bricks
 Version:      1.0
 Text Domain:  ST—Studio
*/

/* Import Google Font Here*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap');

/* ------------------------- Selection Styling ------------------------- */
::selection {
  background: var(--color-primary);
  color: var(--color-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--color-primary);
  color: var(--color-white);
  text-shadow: none;
}

/* ------------------------- Scrollbar Styling ------------------------- */
::-webkit-scrollbar {
  width: 12px;
  height: 6px;
  background: var(--color-white);
}
::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 20px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
/* Global Styles & Variables*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
* {
  overscroll-behavior: contain;
}

/* Base CSS*/

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

body {
  font-family: var(--ff-sans), system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
    sans-serif;
  word-break: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}

img,
picture {
  width: 100%;
  max-width: 100%;
  display: block;
}
img::selection {
  background: transparent;
}
svg {
  display: block;
}

input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
}

button:not(:disabled) {
  text-align: inherit;
  cursor: pointer;
}

video {
  width: 100%;
  object-fit: cover;
}

/* Anything that has been anchored to should have extra scroll margin */
:target {
  scroll-margin-block: 2rem;
  scroll-margin-block: 5rlh;
}

td,
math,
time[datetime*=":"] {
  font-variant-numeric: tabular-nums lining-nums;
}

/* li{
  list-style-type: none;
} */

/* Lenis CSS*/
.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/* Screen reader only*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Bricks CSS*/
[class*="brxe-"] {
  max-width: 100vw;
}