/* =========================================
   DEGARISM STUDIO – FRACTKIT
========================================= */
@font-face {

	font-family: "Fractkit";
	src: url("/wp-content/themes/teamba/assets/fonts/Degarism Studio - Fracktif Light.otf") format("opentype");
	font-weight: 300;
	font-style: normal;
	font-display: swap;

}

@font-face {

	font-family: "Fractkit";
	src: url("/wp-content/themes/teamba/assets/fonts/Degarism Studio - Fracktif Regular.otf") format("opentype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;

}

@font-face {

	font-family: "Fractkit";
	src: url("/wp-content/themes/teamba/assets/fonts/Degarism Studio - Fracktif Medium.otf") format("opentype");
	font-weight: 500;
	font-style: normal;
	font-display: swap;

}

@font-face {

	font-family: "Fractkit";
	src: url("/wp-content/themes/teamba/assets/fonts/Degarism Studio - Fracktif Semi Bold.otf") format("opentype");
	font-weight: 600;
	font-style: normal;
	font-display: swap;

}

@font-face {

	font-family: "Fractkit";
	src: url("/wp-content/themes/teamba/assets/fonts/Degarism Studio - Fracktif Bold.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;

}

@font-face {

	font-family: "Fractkit";
	src: url("/wp-content/themes/teamba/assets/fonts/Degarism Studio - Fracktif ExtraBold.otf") format("opentype");
	font-weight: 800;
	font-style: normal;
	font-display: swap;

}



@font-face {
	font-family: 'ControlCursive';
	src: url('/wp-content/themes/teamba/assets/fonts/ControlCursive/ControlCursive-Medium-Web.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gellix';
	src: url('/wp-content/themes/teamba/assets/fonts/Gellix/Gellix-Medium.woff2') format('woff2'),
	url('/wp-content/themes/teamba/assets/fonts/Gellix/Gellix-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gellix';
	src: url('/wp-content/themes/teamba/assets/fonts/Gellix/Gellix-ExtraBold.woff2') format('woff2'),
	url('/wp-content/themes/teamba/assets/fonts/Gellix/Gellix-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

/* =========================================
   GLOBAL USE
========================================= */
body {
	font-family: "Gellix", Arial, sans-serif;
}


:root {
	--red: #E9504C;
	--dark-red: #CF2B2D;
	--light-red: #FADADA;
	--burgundy: #9B4248;
	--green: #B5F06D;
	--light-green: #E8EFD8;
	--pink: #FFDACF;
	--cream: #FEFAEE;
	--text: #1D1D1D;
	--black: #1D1D1D;


	--muted: #e1dfd9;
	--yellow: #FFEB6C;
	--light-yellow: #FCF6CC;
	--orange: #FFAA00;
	--white: #FFF;
	--light-orange: #FFD176;
	--text-gray: #9B9B9B;
	--gray: #E1DFD9;
	--light-gray: #F6F6F6;

	--purple: #C0B7FF;
	--light-purple: #E3EAFF;

	--radius: 30px;
	--sticky-top: 90px;
	--container: 1180px;
}
p {
	margin: 0;
}

.section-cream {
	background: var(--cream);
}

.section-white {
	background: white;
}

.section-light {
	background: #ffffff;
}

.section-pink {
	background: var(--pink);
}

.green {
	background: var(--green);
}

.burgundy {
	background: var(--burgundy);
	color: #fff;
}

.pink {
	background: var(--pink);
}

.light {
	background: #fff;
}

.cream {
	background: var(--cream);
}

.bg-red {
	background: var(--red);
}
.bg-light-red {
	background: var(--light-red);
}
.bg-orange {
    background: var(--orange);
}
.bg-light-gray {
	background: var(--light-gray);
}
.bg-yellow {
	background: var(--yellow);
}
.bg-light-yellow {
	background: var(--light-yellow);
}
.bg-light-green {
	background: var(--light-green);
}
.bg-light-purple {
	background: var(--light-purple);
}
.bg-green {
	background: var(--green);
}
.bg-pink {
	background: var(--pink);
}
.bg-transparent {
	background: transparent !important;
}



.label-red {
	background: var(--red);
	color: #fff;
}

.label-burgundy {
	background: var(--burgundy);
	color: #fff;
}

.label-green {
	background: var(--green);
}

.label-pink {
	background: var(--pink);
}

.text-white {
	color: white;
}

.text-black {
	color: black;
}
.text-gray {
	color: var(--text-gray);
}
.text-red {
	color: var(--red);
}

.text-right {
	text-align: right;
}

/**
FONTS
*/

.headline0 {
	font-size: 55px;
	line-height: 1.1em;
	font-weight: 700;
	margin: 0;
}

.headline1 {
	font-size: 50px;
	line-height: 1.1em;
	font-weight: 500;
	margin: 0;
}

.headline2 {
	font-size: 40px;
	line-height: 1.02;
	font-weight: 800;
	margin: 0;
}

.headline3 {
	font-size: 32px;
	line-height: 1.02;
	font-weight: 700;
	margin: 0;
}

.headline4 {
	font-size: 26px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
}
.headline-64 {
	font-size: 64px;
	line-height: .95;
	font-weight: 800;
	margin: 0;
}

.text-xl {
	font-size: 24px;
	line-height: 1.18;
	font-weight: 500;
	margin: 0;
}
.text-l {
	font-size: 22px;
	line-height: 1.35em;
	font-weight: 500;
	margin: 0;
}

.text-m {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
}
.text-s {
	font-size: 18px;
	line-height: 1.1;
	font-weight: 500;
	margin: 0;
}
.text-xs {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0;
}
.text-xxs {
	font-size: 14px;
	line-height: 1;
	font-weight: 400;
	margin: 0;
}


.bold {
	font-weight: 600;
}

.line-height1 {
	line-height: 1 !important;
}
.line-height120 {
	line-height: 1.2 !important;
}
.italic {
	font-style: italic;
}
.headline2 .italic {
	font-weight: 500;
	font-family: "ControlCursive", sans-serif;
	font-size: 35px;
	font-style: normal;
}
.fw-400 {
	font-weight: 400 !important;
}
.fw-500 {
	font-weight: 500 !important;
}
.fw-700 {
	font-weight: 700 !important;
}
.fw-800 {
	font-weight: 800 !important;
}

/*
* Buttons
*/

.btn-red {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: var(--red);
	color: #fff;
	text-decoration: none;
	border: 0;
	border-radius: 999px;
	padding: 16px 96px;
	font-size: 22px;
}

.btn-red.small {
	padding: 8px 32px;
	font-size: 16px;
}

.tba-btn {
	padding: 18px 24px;
	font-size: 22px;
	line-height: 1em;
	font-weight: 500;
	border-radius: 999px;
	text-decoration: none;
	display: inline-block;
	transition: all .3s ease;
	text-align: center;
}
.tba-btn-lg {
	padding: 18px 105px;
	font-size: 18px;
	line-height: 1em;
}
.tba-btn-white {
	background: var(--white);
}
.tba-btn-white:hover {
	background: var(--gray);
}
.tba-btn-red {
	background: var(--red);
	color: var(--white);
}
.tba-btn-red:hover {
	background: var(--burgundy);
}



/*
* Margins
*/

.m-0 {
	margin: 0px;
}

.mb-0 {
	margin-bottom: 0;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-16 {
	margin-bottom: 16px;
}

.mb-24 {
	margin-bottom: 24px;
}
.mb-32 {
	margin-bottom: 32px;
}
.mb-36 {
	margin-bottom: 36px;
}
.mb-48 {
	margin-bottom: 48px;
}

.mt-8 {
	margin-top: 8px;
}
.mt-32 {
	margin-top: 32px;
}

.mt-64 {
	margin-top: 64px;
}

/*
* Paddings
*/

.pad-32 {
	padding: 32px;
}

.pt-8 {
	padding-top: 8px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-16 {
	padding-top: 16px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-24 {
	padding-top: 24px;
}
.pt-28 {
	padding-top: 28px;
}
.pt-32 {
	padding-top: 32px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-48 {
	padding-top: 48px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-64 {
	padding-top: 64px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-112 {
	padding-top: 112px;
}

.pb-8 {
	padding-bottom: 8px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-12 {
	padding-bottom: 12px;
}
.pb-14 {
	padding-bottom: 14px;
}
.pb-16 {
	padding-bottom: 16px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-24 {
    padding-bottom: 24px;
}
.pb-32 {
	padding-bottom: 32px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-48 {
	padding-bottom: 48px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-64 {
	padding-bottom: 64px;
}
.pb-72 {
	padding-bottom: 72px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-96 {
	padding-bottom: 96px;
}
.pb-112 {
	padding-bottom: 112px;
}
.pb-120 {
	padding-bottom: 120px;
}
.pb-136 {
	padding-bottom: 136px;
}
.pb-200 {
	padding-bottom: 200px;
}


.px-8 {
	padding-right: 8px;
	padding-left: 8px;
}
.px-16 {
	padding-right: 16px;
	padding-left: 16px;
}
.px-20 {
	padding-right: 20px;
	padding-left: 20px;
}
.px-24 {
	padding-right: 24px;
	padding-left: 24px;
}
.px-32 {
	padding-right: 32px;
	padding-left: 32px;
}
.px-36 {
	padding-right: 36px;
	padding-left: 36px;
}
.px-48 {
	padding-right: 48px;
	padding-left: 48px;
}
.px-60 {
	padding-right: 60px;
	padding-left: 60px;
}
.px-64 {
	padding-right: 64px;
	padding-left: 64px;
}
.px-80 {
	padding-right: 80px;
	padding-left: 80px;
}
.py-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}
.py-24 {
	padding-top: 24px;
	padding-bottom: 24px;
}
.py-32 {
	padding-top: 32px;
	padding-bottom: 32px;
}

.pr-16 {
	padding-right: 16px;
}
.pr-32 {
	padding-right: 32px;
}


/*
* B-Radius
*/
.br-8 {
	border-radius: 8px;
}
.br-10 {
	border-radius: 10px;
}
.br-14 {
	border-radius: 14px;
}
.br-16 {
	border-radius: 16px;
}
.br-24 {
	border-radius: 24px;
}
.br-32 {
	border-radius: 32px;
}


.br-b-16 {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}
.br-t-16 {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}


/*
Sections
*/

.section {
	padding: 120px 0;
}

.section-v0 {
	padding: 0;
}

.section-v1 {
	padding: 50px 0 120px 0;
}

.section-v2 {
	padding: 64px 0;
}

/*
Responsive
*/

.relative {
	position: relative;
}
.no-underline {
	text-decoration: none;
}

@media (max-width: 991px) {

	/*
	.headline0 {
		font-size: 50px;
		line-height: 1.1em;
		font-weight: 700;
	}

	.headline1 {
		font-size: 40px;
		line-height: 1.1em;
		font-weight: 500;
	}

	.headline2 {
		font-size: 40px;
		line-height: 1.1em;
		font-weight: 600;
	}

	.headline3 {
		font-size: 25px;
		line-height: 1.1em;
		font-weight: 600;
	}

	.headline4 {
		font-size: 21px;
		line-height: 1.1em;
		font-weight: 600;
	}

	.section {
		padding: 60px 0;
	}

	.text-l {
		font-size: 18px;
		line-height: 1.35em;
		font-weight: 500;
	}

	 */

}