/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Import Google Font Here*/

@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');

/* Global Styles & Variables*/
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
:root {
	/* Color Variables*/
	--color-black-rgb: 0, 0, 0;
	--color-black: rgba(var(--color-black-rgb), 1);
	--color-white-rgb: 255, 255, 255;
	--color-white: rgba(var(--color-white-rgb), 1);
	--color-primary-rgb: 255, 255, 0;
	--color-primary: rgba(var(--color-primary-rgb), 1);
	--color-secondary-rgb: 255, 255, 0;
	--color-secondary: rgba(var(--color-secondary-rgb), 1);
	--color-gray: #c1c3c7;
	--color-lightgray: #e6e8eb;
	--color-text: rgba(var(--color-black-rgb), 0.7);
	--color-text-light: rgba(var(--color-white-rgb), 0.7);
	--color-alert-error: #ff213e;
	--color-alert-success: #46d054;
	--color-border-rgb: 159, 161, 163;
	--color-border: rgba(var(--color-border-rgb), 0.225);
	/* Font Variables*/
	--ff-base:"Inter", sans-serif;
	--fs-sm: clamp(0.8rem, 0.1vi + 0.7rem, 0.9rem);
	--fs-base: clamp(1rem, 0.2vi + 1rem, 1.2rem);
	--fs-md: clamp(1.3rem, 0.3vi + 1.3rem, 1.6rem);
	--fs-lg: clamp(1.8rem, 0.3vi + 1.7rem, 2.1rem);
	--fs-xl: clamp(2.4rem, 0.5vi + 2.3rem, 2.8rem);
	--fs-xxl: clamp(3.2rem, 0.6vi + 3rem, 3.7rem);
	--fs-xxxl: clamp(4.2rem, 0.8vi + 4rem, 5rem);
	/* Spacing Variables*/
	--title-size: clamp(5em, 7.5vw, 7.5em);
	--gap: calc(var(--title-size) * 0.3);
	--global-padding: 8vw;
	/* Animation Variables*/
    --animation-primary: all .5s cubic-bezier(.7, 0, .3, 1);
    --animation-fast: all .3s cubic-bezier(.7, 0, .3, 1);
    --animation-smooth: all .7s cubic-bezier(.7, 0, .3, 1);
    --animation-slow: all .9s cubic-bezier(.7, 0, .3, 1);
	
}
/* Base CSS*/
body {
	transition: all 400ms ease;
	font-family: var(--ff-base);
	font-optical-sizing: auto;
	transition: var(--animation-primary);
	word-break: break-word;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	object-fit: cover;
	width: 100%;
}
section {
	position: relative;
}
a {
	color: inherit;
	text-decoration: none;
}
button {
	background-color: unset;
	padding: unset;
	text-align: inherit;
}
ul {
	padding: 0;
	list-style-type: none;
}
li {
	text-decoration: none;
}
header,
footer {
	width: 100%;
}


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

/* Base Div Classes*/

.container {
 	margin: 0 auto;
 	padding-left: 2rem;
 	padding-right: 2rem;
}
.row {
	display: flex;
    width: 100%;
    position: relative;
}

.col {
	display: flex;
    flex-direction: column;
    position: relative;
}


.time-table-row:nth-child(even){
	background-color: #efefef;
}
