/*
 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=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap"); */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");

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

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

/* ------------------------- Scrollbar Styling ------------------------- */
::-webkit-scrollbar {
  width: 8px;
  height: 6px;
  background: var(--color-off-white);
}
::-webkit-scrollbar-thumb {
  background: var(--color-black);
  border-radius: 20px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

/* Global Styles & Variables*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* outline: 2px solid lime; */
}
* {
  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-base), 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;
  --x: 50%;
  --y: 50%;
}

/* Set shorter line heights on headings and interactive elements */

p,
li,
figcaption {
  max-width: 75ch;
  /* text-wrap: pretty; */
}

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

a {
  color: inherit;
  text-decoration: none;
}
a:not([class]) {
  text-decoration-skip-ink: auto;
  color: currentColor;
}

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

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

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
:is(ul, ol)[class] {
  list-style: "";
  margin: 0;
  padding: 0;
}

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

header,
footer {
  width: 100%;
}

/* 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;
}

/* 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;
}

/*Text Sizing*/