/*
 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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

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

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

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

/* ------------------------- Layout Styling ------------------------- */


/* Tablet */
@media screen and (max-width: 991px) {
  :root {
    --size-container-main: 834px; 
    --size-container-min: 768px;
    --size-container-max: 991px;
  }
}

/* Mobile Landscape */
@media screen and (max-width: 767px) {
  :root {
    --size-container-main: 550px;
    --size-container-min: 480px;
    --size-container-max: 767px;
  }

  html #wpadminbar{ display:none;}
  html { margin-top: 0 !important;}
  body.bricks-is-frontend.admin-bar #brx-header.sticky{ top:0;}
}

/* Mobile Portrait */
@media screen and (max-width: 479px) {
  :root {
    --size-container-main: 480px; 
    --size-container-min: 320px;
    --size-container-max: 479px;
  }
}


/* Global Styles & Variables*/
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;

}


/* Base CSS*/

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

body {
  font-family: var(--ff-base);
  word-break: break-word;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-height: 100vh;
}