
/*
 * BeFire
 * SM@11-03-2026 start DEV
*/

/* * FONT LICENSING INFORMATION
 * -----------------------------------------------------------
 * Oswald Font
 * Copyright 2016 The Oswald Project Authors (https://github.com/googlefonts/OswaldFont)
 * Licensed under the SIL Open Font License, Version 1.1.
 * * Rubik Font
 * Copyright 2015 The Rubik Project Authors (https://github.com/googlefonts/rubik)
 * Licensed under the SIL Open Font License, Version 1.1.
 * * Full license text available at: https://openfontlicense.org
 * -----------------------------------------------------------
 */

/* --- OSWALD BOLD (titles) --- */
@font-face {
    font-family: 'Oswald';
    src: url('/nqcontent/fonts/befire/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
    font-weight: 200 900;
    font-display: swap;
}

/* --- RUBIK REGULAR (text) --- */
@font-face {
    font-family: 'Rubik';
    src: url('/nqcontent/fonts/befire/Rubik/Rubik-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-display: swap;
}


/* --- Palette --- */
:root {
	
	--black-default: #050100; /* nero */
	--light-default: #f5f5f5; /* grigio light */
	--red-default: #EF0000; /* rosso bolognawelcome*/
	
	--gradient-yellow-orange: linear-gradient(90deg, #FDC700 0%, #F39311 29.45%, #E33B2E 100%);
	--gradient-yellow-orange2: linear-gradient(90deg, #F39311 0%, #D84922 68.27%, #BA3B00 96.63%);
	--gradient-yellow-orange3: linear-gradient(90deg, #FDC700 0%, #F39311 50%, #BA3B00 100%);
	--gradient-reverse-yellow-orange3: linear-gradient(90deg, #BA3B00 0%, #F39311 50%, #FDC700 100%);
	--gradient-vertical-yellow-orange3: linear-gradient(180deg, #FDC700 0%, #F39311 50%, #BA3B00 100%);
	--gradient-vertical-invert-yellow-orange3: linear-gradient(180deg, #BA3B00 0%, #F39311 50%, #FDC700 100%);
	
	--text-primary-1: #BA3B00; /* arancione scuro */
	--text-primary-2: #FFAC3C; /* arancione meno scuro */
	--text-primary-3: #FFBE66; /* arancione meno meno scuro */
	--text-primary-4: #F5DFC1; /* arancione meno meno meno scuro */
	
	--text-secondary-1: #E33B2E; /* arancione/rosso scuro */
	--text-tertiary-1: #FDC700; /* arancione/giallo chiaro */
   
   	--text-buttons: #faf8f1; /* testo grigio bottone */
   	--text-input: #6d6d6d; /* testo campi input */
    --font-oswald: Oswald;
    --font-rubik: Rubik;
}

.fw-400{
	font-weight:400 !important;
}
.fw-500{
	font-weight:500 !important;
}
.fw-600{
	font-weight:600 !important;
}
.fw-700{
	font-weight:700 !important;
}

.text-oswald{
	font-family:var(--font-oswald), sans-serif !important;
}
.text-rubik{
	font-family:var(--font-rubik), sans-serif !important;
}

.text-normal{
	text-transform:none !important;
}

.text-70{
	font-size:70px;
	line-height:40px;
	letter-spacing:0%;
}
.text-24{
	font-size:24px;
	line-height:30px;
}
.text-22{
	font-size:22px;
	line-height:28px;
}
.text-16{
	font-size:16px;
	line-height:22px;
}
.text-10{
	font-size:10px;
	line-height:16px;
}

.pt-38{
	padding-top: 38px;	
}
.pt-58{
	padding-top: 58px;	
} 
.pt-72{
	padding-top:72px;
}
.pt-96{
	padding-top:96px;
}
.pb-38{
	padding-bottom: 38px;	
}
.pb-58{
	padding-bottom: 58px;	
} 
.pb-72{
	padding-bottom:72px;
}
.pb-96{
	padding-bottom:96px;
}
.mt-85{
	margin-top:85px;
}
.mb-85{
	margin-bottom:85px;
}
.mb-100{
	margin-bottom:100px;
}
.mt-120{
	margin-top:120px;
}


