/*
 Theme Name:   Latch by Bricks Websites
 Theme URI:    https://latch.brickswebsites.com/
 Description:  Auth Pages
 Version:      1.0.0
 Template:     bricks
 Author:       Bricks Websites
 Author URI:   https://brickswebsites.com
*/


/* Fonts */
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-ExtraBold.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Bold.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-SemiBold.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Medium.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Jost';
    src: url('/wp-content/fonts/Jost-Light.woff2') format('woff2'),
        url('/wp-content/fonts/Jost-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

h1,
h2,
h3,
h4,
p,
a,
div,
span  {
	font-family: 'Jost',sans-serif;
}

html,
body {
  scrollbar-color: var(--color-text) transparent;
	scrollbar-width: thin;
}

/* Transitions */
.not-set {
  transition: var(--transition-primary);
}

/* General */
.brx-body {
	min-height: 100dvh;
}

/* Skip Links */
.skip-link {
    display: flex;
    align-items: center;
    justify-content: center;
    left: var(--space-s);
    font-size: var(--text-m);
    font-weight: 500;
    color: var(--light);
    background-color: var(--dark);
    height: var(--height);
    padding: 0 var(--space-2xs);
    border-radius: var(--radius-full);
    z-index: 99999;
}
.skip-link:focus {
	top: var(--space-s);
}

/* Paragraph */
:where(p:not(:last-of-type)) {
  
}

/* Highlight */
::-moz-selection {
  color: var(--light);
  background: var(--primary);
}
::selection {
  color: var(--light);
  background: var(--primary);
}

/* Focus */
:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(var(--primary), .3);
  	border-color: var(--primary)!important;
}

/* Full Height */
.not-set {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

/* Link Wrapper */
.link-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
}

/* Will Change */
.not-set {
  will-change: transform;
}

/* Screen Reader Only */
.not-set {
	position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

/* Cursor Default */
[aria-current="page"] {
	cursor: default;
}

/* Pointer Events */
[aria-current="page"] {
	pointer-events: none;
}

/* Buttons */
button {
	background: inherit;
	height: var(--height);
}

/********** Responsive **********/
/* Mobile landscape */
@media (min-width: 480px) {
}

/* Tablet portrait */
@media (min-width: 600px) {
}

/* Tablet landscape */
@media (min-width: 801px) {
}

/* Laptop */
@media (min-width: 1025px) {
}

/* Desktop */
@media (min-width: 1281px) {
}