/** Colors **/
/** Body **/
/** Buttons **/
/** Forms **/
/** Fonts **/
/******************************************/
/******* css/_imports.css *******/
/******************************************/
/* Begin Imports
========================================================================== */
/* Material Symbols Outlined */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
'"
:root{
--font-variation-settings:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
.icon {
font-family: var(--font-icons);
font-size: 24px;
position: relative;
font-variation-settings: var(--font-variation-settings)
}
.icon::before {
font-family: var(--font-icons);
content: attr(data-icon);
position: absolute;
top: 0;
left: 0;
opacity: .2;
}
/* Specific sizes */
:root {
--font-variation-settings-20:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
.icon-20 {
font-family: var(--font-icons);
font-size: 20px;
position: relative;
font-variation-settings: var(--font-variation-settings-20);
}
.icon-20::before {
font-family: var(--font-icons);
font-size: 20px;
content: attr(data-icon);
position: absolute;
top: 0px;
left: 0;
opacity: .2;
font-variation-settings:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 24;
display: none;
}
:root {
--font-variation-settings-24:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
.icon-24 {
font-family: var(--font-icons);
font-size: 24px;
position: relative;
font-variation-settings: var(--font-variation-settings-24);
}
.icon-24::before {
font-family: var(--font-icons);
font-size: 24px;
content: attr(data-icon);
position: absolute;
top: 0px;
left: 0;
opacity: .2;
font-variation-settings:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 24;
display: none;
}
:root {
--font-variation-settings-32:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 48;
}
.icon-32 {
font-family: var(--font-icons);
font-size: 32px;
position: relative;
font-variation-settings: var(--font-variation-settings-32);
}
.icon-32::before {
font-family: var(--font-icons);
font-size: 32px;
content: attr(data-icon);
position: absolute;
top: 0px;
left: 0;
opacity: .2;
font-variation-settings:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
:root {
--font-variation-settings-48:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 48;
}
.icon-48 {
font-family: var(--font-icons);
font-size: 48px;
position: relative;
font-variation-settings: var(--font-variation-settings-48);
}
.icon-48::before {
font-family: var(--font-icons);
font-size: 48px;
content: attr(data-icon);
position: absolute;
top: 0px;
left: 0;
opacity: .2;
font-variation-settings:
'FILL' 1,
'wght' 300,
'GRAD' 0,
'opsz' 48;
}
:root {
--font-variation-settings-60:
'FILL' 0,
'wght' 200,
'GRAD' 0,
'opsz' 48;
}
.icon-60 {
font-family: var(--font-icons);
font-size: 60px;
position: relative;
font-variation-settings: var(--font-variation-settings-60);
}
.icon-60::before {
font-family: var(--font-icons);
font-size: 60px;
content: attr(data-icon);
position: absolute;
top: 0px;
left: 0;
opacity: .2;
font-variation-settings:
'FILL' 1,
'wght' 200,
'GRAD' 0,
'opsz' 48;
}
:root {
--font-variation-settings-120:
'FILL' 0,
'wght' 100,
'GRAD' 0,
'opsz' 48;
}
.icon-120 {
font-family: var(--font-icons);
font-size: 120px;
position: relative;
font-variation-settings: var(--font-variation-settings-120);
}
.icon-120::before {
font-family: var(--font-icons);
font-size: 120px;
content: attr(data-icon);
position: absolute;
top: 0px;
left: 0;
opacity: .2;
font-variation-settings:
'FILL' 1,
'wght' 100,
'GRAD' 0,
'opsz' 48;
}
"'
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:none;transform:none}html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}}
:root {
--font-icons: 'Material Symbols Outlined';
--clr-primary:
rgba(238, 40, 0, 1.0)
;
--clr-secondary:
rgba(42, 42, 42, 1.0)
;
--clr-blue: #344163;
}
/******************************************/
/*********** objects/_layout.css **********/
/******************************************/
/* HubL Variables */
/* 1a. Containers */
/* CSS variables */
:root {
--column-gap: 6.13%;
--column-width-multiplier: 8.333;
--dnd-section-vertical-padding: 20px; /* DND sections */
--max-width: px;
--padding-inline: 2rem; /* Sets left/right padding for dnd containers */
/* If you don't see a max width on drag and drop sections, set them in the editor or template code. */
}
/* Full width sections */
.dnd-section {
padding-inline: var(--padding-inline);
padding-block: var(--dnd-section-vertical-padding);
}
.dnd-section > .row-fluid {
margin-left: auto;
margin-right: auto;
max-width: px;
}
/* For non-drag-and-drop templates */
.content-wrapper {
max-width: px;
}
.dnd-section
.content-wrapper--vertical-spacing {
padding: 100px 1rem;
}
/* Mobile layout */
.row-fluid {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.row-fluid:has(.span4) {
/* gap: 2.5rem; */
}
.row-fluid .span1,
.row-fluid .span2,
.row-fluid .span3,
.row-fluid .span4,
.row-fluid .span5,
.row-fluid .span6,
.row-fluid .span7,
.row-fluid .span8,
.row-fluid .span9,
.row-fluid .span10,
.row-fluid .span11,
.row-fluid .span12{
width: 100%;
}
/* Desktop layout */
@media (min-width: 768px) {
.row-fluid {
flex-wrap: nowrap;
/* justify-content: space-evenly; */
gap: 1.5rem;
}
.row-fluid .span1 {
flex-basis: 8.333333333333332%;
}
.row-fluid .span2 {
flex-basis: 16.666666666666664%;
}
.row-fluid .span3 {
flex-basis: 25.0%;
}
.row-fluid .span4 {
flex-basis: 33.33333333333333%;
}
.row-fluid .span5 {
flex-basis: 41.66666666666667%;
}
.row-fluid .span6 {
flex-basis: 50.0%;
}
.row-fluid .span7 {
flex-basis: 58.333333333333336%;
}
.row-fluid .span8 {
flex-basis: 66.66666666666666%;
}
.row-fluid .span9 {
flex-basis: 75.0%;
}
.row-fluid .span10 {
flex-basis: 83.33333333333334%;
}
.row-fluid .span11 {
flex-basis: 91.66666666666666%;
}
}
.editor-helper, .helper {
padding: .25rem;
background-color: rgba(255,55,55,0.2);
width: fit-content;
font-size: 14px;
margin: auto;
color: white;
text-shadow: 0px 1px 1px black;
border: 1px dashed gray;
border-radius: 4px;
}
/**********************************************/
/***** css/utilities/utility-classes.css ****/
/*********************************************/
/* Visibility */
.hidden { display: none !important;}
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
/* Breakpoints */
.mobile, .hidden-desktop {
@media (min-width: 768px) { display: none !important; }
}
.desktop, .hidden-desktop {
@media (max-width: 768px) {
display: none !important; }
}
/******* Styles *******/
.dashed, [class$='-dashed'] { border-style: dashed !important; }
.corner, .corners { border-radius: .5rem; }
.corner-l, .corners-l { border-radius: 1rem; }
.border { border: 2px solid #333; }
/* Typography */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
/******* Layouts *******/
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.margin-auto { margin-inline: auto; }
/* Flexbox */
.flex { display: flex; }
.flex.row { flex-direction: row; }
.flex.column { flex-direction: column; }
.flex.row.reverse { flex-direction: row-reverse; }
.flex.column.reverse { flex-direction: column-reverse; }
.grow { flex-grow: 1; };
.shrink { flex-shrink: 1; };
/* Flex Stacking */
.flex.stack { flex-direction: row; }
@media (max-width: 678px) {
.flex.stack { flex-direction: column; }
.flex.stack.reverse { flex-direction: column-reverse; }
}
/* Flex alignment */
.flex.center { justify-content: center; }
.flex.space-between { justify-content: space-between; }
.flex.middle { align-items: center; }
.flex.wrap { flex-wrap: wrap; }
.flex.nowrap { flex-wrap: nowrap; }
.flex.align-start {align-items: flex-start;}
.flex.align-end {align-items: flex-end;}
/* Grid */
.grid { display: grid; }
.grid.center { place-items: center; }
/* Columns */ @media (min-width: 1px) {
.grid.cols-auto {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
.grid.cols-1 { grid-template-columns: 1fr; }
.grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
.grid.cols-6 { grid-template-columns: repeat(6, 1fr); }
.grid.cols-7 { grid-template-columns: repeat(7, 1fr); }
.grid.cols-8 { grid-template-columns: repeat(8, 1fr); }
}
.grid.space-between { align-content: space-between; }
:root {
--gap-xxs: .25rem;
--gap-xs: .5rem;
--gap-s: 1rem;
--gap: 1.5rem;
--gap-m: 2rem;
--gap-l: 3rem;
--gap-xl: 3.75rem;
--gap-xxl: 7.5rem;
}
/* Gaps */
.gap-xxs { gap: var(--gap-xxs);}
.gap-xs { gap: var(--gap-xs);}
.gap-s { gap: var(--gap-s);}
.gap { gap: var(--gap);}
.gap-m { gap: var(--gap-m);}
.gap-l { gap: var(--gap-l);}
.gap-xl { gap: var(--gap-xl);}
.gap-xxl { gap: var(--gap-xxl);}
gap {all: unset; display: block; height: var(--gap);} /* For this one you can just use <gap></gap> and it will give you a quick lil vertical gap. */
/* Padding - Expand to see classes*/
@media (min-width: 1px) {
.pad-xs {padding: var(--gap-xs);}
.pad-s {padding: var(--gap-s);}
.pad {padding: var(--gap);}
.pad-m {padding: var(--gap-m);}
.pad-l {padding: var(--gap-l);}
.pad-xl {padding: var(--gap-xl);}
.pad-y-xs {padding-block: var(--gap-xs);}
.pad-y-s {padding-block: var(--gap-s);}
.pad-y {padding-block: var(--gap);}
.pad-y-m {padding-block: var(--gap-m);}
.pad-y-l {padding-block: var(--gap-l);}
.pad-y-xl {padding-block: var(--gap-xl);}
.pad-x-xs {padding-inline: var(--gap-xs);}
.pad-x-s {padding-inline: var(--gap-s);}
.pad-x {padding-inline: var(--gap);}
.pad-x-m {padding-inline: var(--gap-m);}
.pad-x-l {padding-inline: var(--gap-l);}
.pad-x-xl {padding-inline: var(--gap-xl);}
}
/* Margin - Expand to see classes*/
@media (min-width: 1px) {
.margin-xs {margin: var(--gap-xs);}
.margin-s {margin: var(--gap-s);}
.margin {margin: var(--gap);}
.margin-m {margin: var(--gap-m);}
.margin-l {margin: var(--gap-l);}
.margin-xl {margin: var(--gap-xl);}
.margin-y-xs {margin-block: var(--gap-xs);}
.margin-y-s {margin-block: var(--gap-s);}
.margin-y {margin-block: var(--gap);}
.margin-y-m {margin-block: var(--gap-m);}
.margin-y-l {margin-block: var(--gap-l);}
.margin-y-xl {margin-block: var(--gap-xl);}
.margin-x-xs {margin-inline: var(--gap-xs);}
.margin-x-s {margin-inline: var(--gap-s);}
.margin-x {margin-inline: var(--gap);}
.margin-x-m {margin-inline: var(--gap-m);}
.margin-x-l {margin-inline: var(--gap-l);}
.margin-x-xl {margin-inline: var(--gap-xl);}
}
/* Screen Reader
* Improved screen reader only CSS class
@author Gaël Poupard
@note Based on Yahoo!'s technique
@author Thierry Koblentz
@see https://www.cssmojo.com/hide-content-from-sighted-users/
* 1.
@note `clip` is deprecated but works everywhere
@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
* 2.
@note `clip-path` is the future-proof version, but not very well supported yet
@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
@see http://caniuse.com/#search=clip-path
@author Yvain Liechti
@see https://twitter.com/ryuran78/status/778943389819604992
* 3.
@note preventing text to be condensed
author J. Renée Beach
@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
@note Drupal 8 goes with word-wrap: normal instead
@see https://www.drupal.org/node/2045151
@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
* 4.
@note !important is important
@note Obviously you wanna hide something
@author Harry Roberts
@see https://csswizardry.com/2016/05/the-importance-of-important/
*/
.sr-only {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important; /* 2 */
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important; /* 3 */
}
/*
Use in conjunction with .sr-only to only display content when it's focused.
@note Useful for skip links
@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
@note Based on a HTML5 Boilerplate technique, included in Bootstrap
@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
@author Sylvain Pigeard
@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
clip: auto !important;
-webkit-clip-path: none !important;
clip-path: none !important;
height: auto !important;
margin: auto !important;
overflow: visible !important;
width: auto !important;
white-space: normal !important;
}
/* Debug */
.debug * {
padding: 2px;
background-color: rgba(0,70,70,.05);
mix-blend-mode: multiply;
outline: 1px dashed rgba(0,20,20,.15);
}
.debug-2 :before {
position: absolute;
top: 0;
left: 0;
font-family: var(--monospace);
font-size: .5rem;
border: 1px solid #ccc;
color: white;
background: var(--clr-text);
}
.debug-2 * {
padding: .5rem;
background-color: rgba(0,70,70,.05);
mix-blend-mode: multiply;
outline: 1px dashed rgba(0,20,20,.15);
}
.debug-2 *:before {
content: "Level 1";
}
.debug-2 * > * {
position: relative;
background-color: rgba(0,50,50,.08);
outline: 1px dashed rgba(0,50,0,.15);
}
.debug-2 * > *:before {
content: "Level 2";
}
.debug-2 * > * > * {
position: relative;
background-color: rgba(40,10,40,.1);
outline: 1px dashed rgba(40,0,0,.25);
}
.debug-2 * > * > *:before {
content: "Level 3";
}
.debug-3 * {
position: relative;
}
.debug-3 *:before {
content: '';
position: absolute;
inset: 0;
outline: 1px dashed rgba(0,20,20,.15);
background-color: rgba(0,70,70,.05);
mix-blend-mode: multiply;
}
.bg-overlay-editor {
/* background: repeating-linear-gradient(45deg,
rgba(238, 40, 0, 1.0)
,
rgba(238, 40, 0, 1.0)
10px,
rgba(42, 42, 42, 1.0)
10px,
rgba(42, 42, 42, 1.0)
20px); */
background: rgba(200,0,0,0.2);
}
.hs_cos_wrapper_type_rich_text :last-child, .hs_cos_wrapper_type_inline_rich_text :last-child {
/* margin-bottom: 0; */
}
*, *:before, *:after {
box-sizing: border-box;
}
body, html {
moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow-x: clip;
}
p,
pre,
blockquote,
ol,
ul,
dl {
margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}
img {
max-width: 100%;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
.container-fluid.body-container {
padding: 0;
}
.content-wrapper, .container {
max-width: 1200px;
}
.dnd-section {
padding-top: 100px;
padding-bottom: 100px;
padding-right: 40px;
padding-left: 40px;
}
@media (max-width: 767px) {
.dnd-section {
padding-top: 50.0px;
padding-bottom: 50.0px;
}
}
.dnd-section > .row-fluid {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.dnd-section .widget-type-cell {
}
@media (max-width: 767px) {
.dnd-section .widget-type-cell {
padding-left: 0px;
padding-right: 0px;
}
}
body, html {
font-size: 16px;
color: #444444;
font-family: Lato;
line-height: 1.2em;
letter-spacing: 0em;
}
@media(max-width: 992px) {
body, html {
font-size: 16px;
}
}
@media(max-width: 768px) {
body, html {
font-size: 16px;
}
}
/** Paragraphs */
p {
margin-bottom: 1em;
}
/* Anchor Links */
a:hover, a:focus {
text-decoration: underline;
}
a {
color: #ee2800;
}
a:hover,
a:focus {
color: #ee2800;
}
a:active {
color: #ee2800;
}
strong {
font-weight: 700;
}
code {
vertical-align: bottom;
}
/* Horizontal Rules */
hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: none;
}
pre {
overflow: auto;
-ms-overflow-style: scrollbar;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
word-break: break-word;
}
h1 {
font-size: 90px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: 700;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin: 0;
}
@media(max-width: 992px) {
h1 {
font-size: 75px;
}
}
@media(max-width: 768px) {
h1 {
font-size: 60px;
}
}
h2 {
font-size: 59px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.5em;
}
@media(max-width: 992px) {
h2 {
font-size: 50px;
}
}
@media(max-width: 768px) {
h2 {
font-size: 40px;
}
}
h3 {
font-size: 39px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.4em;
}
@media(max-width: 992px) {
h3 {
font-size: 36px;
}
}
@media(max-width: 768px) {
h3 {
font-size: 30px;
}
}
h4 {
font-size: 26px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.5em;
}
@media(max-width: 992px) {
h4 {
font-size: 26px;
}
}
@media(max-width: 768px) {
h4 {
font-size: 26px;
}
}
h5 {
font-size: 20px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: 300;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.5em;
}
@media(max-width: 992px) {
h5 {
font-size: 20px;
}
}
@media(max-width: 768px) {
h5 {
font-size: 18px;
}
}
h6 {
font-size: 12px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.5em;
}
@media(max-width: 992px) {
h6 {
font-size: 12px;
}
}
@media(max-width: 768px) {
h6 {
font-size: 12px;
}
}
blockquote {
margin-top: 0rem;
border-left-style: solid;
padding-left: 15px;
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.5em;
margin-left: 2em;
border-left-color: #2a2a2a;
border-left-width: 3px;
}
@media(max-width: 992px) {
blockquote {
}
}
@media(max-width: 768px) {
blockquote {
}
}
/** Lists **/
.body-container-wrapper li {
color: #444444;
font-family: Yanone Kaffeesatz;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-transform: none;
line-height: 1.2em;
letter-spacing: 0em;
margin-bottom: 0.2em;
}
@media(max-width: 992px) {
.body-container-wrapper li {
}
}
@media(max-width: 768px) {
.body-container-wrapper li {
}
}
button,
.button,
.hs-button {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
letter-spacing: 0;
text-align: center;
text-decoration: none;
position: relative;
z-index: 2;
transform: scale(1);
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
button:disabled,
.button:disabled,
.button.button--secondary:disabled,
.button.button--simple:disabled,
.hs-button:disabled,
.hs-button.button--secondary:disabled,
.hs-button.button--simple:disabled {
border: 1px solid #d0d0d0;
color: #e6e6e6;
pointer-events: none;
}
button:disabled,
.button:disabled,
.hs-button:disabled {
background-color: #d0d0d0;
}
.button.button--secondary:disabled
.hs-button.button--secondary:disabled {
background-color: inherit;
}
.button.button--simple:disabled
.hs-button.button--simple:disabled {
background-color: inherit;
border: inherit;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus {
background-color: #1E90FF;
border-color: #1E90FF;
color: #fff;
text-decoration: none;
}
button:active,
.button:active,
.hs-button:active {
background-color: #50eed3;
border-color: #50eed3;
color: #fff;
text-decoration: none;
}
/* Simple Button */
.button.button--simple,
.hs-button.button--simple {
background-color: transparent;
border: none;
border-radius: 0;
color: #1E90FF;
font-style: normal;
position: relative;
text-decoration: none;
}
.button.button--simple:after,
.hs-button.button--simple:after {
content: none;
left: 0;
position: absolute;
width: 100%;
}
.button.button--simple:hover,
.button.button--simple:focus,
.hs-button.button--simple:hover,
.hs-button.button--simple:focus {
background-color: transparent;
border: none;
}
.button.button--simple:active,
.hs-button.button--simple:active {
background-color: transparent;
border: none;
}
.button--center {
text-align: center;
}
.button--right {
text-align: right;
}
/* Button Icons */
.button .button__icon svg,
.hs-button .button__icon svg {
fill: inherit;
display: block;
height: 1.1rem;
margin-right: 1rem;
}
.button.button--icon-right .button__icon,
.hs-button.button--icon-right .button__icon {
order: 1;
}
.button.button--icon-right .button__icon svg,
.hs-button.button--icon-right .button__icon svg {
margin-right: 0;
margin-left: 1rem
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.button .button__icon svg,
.hs-button .button__icon svg {
width: 1.1rem;
}
}
/* Primary Button */
button,
.button {
font-family: Raleway, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
background-color:
rgba(238, 40, 0, 1.0)
;
border: 2px solid #ee2800;
border-radius: 0em;
color: #ffffff;
fill: #ffffff;
padding: 0.6em 2em;
text-transform: none;
font-size: 16px;
-webkit-box-shadow: unset;
box-shadow: unset;
}
@media (max-width: 992px) {
button,
.button {
font-size: 16px;
}
}
@media (max-width: 768px) {
button,
.button {
font-size: 16px;
}
}
button:disabled,
.button:disabled {
background-color: ;
color: ;
}
button:hover,
button:focus,
.button:hover,
.button:focus,
button:active,
.button:active {
;
background-color:
rgba(255, 255, 255, 0.01)
;
border: 2px solid #ee2800;
color: #ee2800;
fill: #ee2800;
}
.button:hover,
.button:focus {
transform: scale(1.03);
}
button:active,
.button:active {
;
background-color: rgba(255, 255, 255, 1);
background-color: #ffffff;
border: 2px solid #ee2800;
border-color: #ff7850;
}
/* Secondary Button */
.button.button--secondary {
font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
background-color:
rgba(42, 42, 42, 0.0)
;
border: 2px solid #ee2800;
border-radius: 0em;
color: #ee2800;
fill: #ee2800;
padding: 0.6em 2em;
text-transform: none;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active {
background-color:
rgba(238, 40, 0, 1)
;
border: 2px solid #ee2800;
color: #ffffff;
fill: #ffffff;
transform: scale(1.03);
}
.button.button--secondary:active {
background-color: rgba(255, 120, 80, );
border: 2px solid #ee2800;
border-color: #ff7850;
color: #ffffff;
fill: #ffffff;
}
/* Tertiary Button */
.button.button--tertiary {
font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
background-color:
rgba(255, 255, 255, 1.0)
;
border: 2px solid #2a2a2a;
border-radius: 0em;
color: #ee2800;
fill: #ee2800;
padding: 0.6em 2em;
text-transform: none;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.button.button--tertiary:hover,
.button.button--tertiary:focus,
.button.button--tertiary:active {
background-color:
rgba(42, 42, 42, 1)
;
border: 2px solid #2a2a2a;
color: #ffffff;
fill: #ffffff;
transform: scale(1.03);
}
.button.button--tertiary:active {
background-color: rgba(122, 122, 122, );
border: 2px solid #2a2a2a;
border-color: #7a7a7a;
color: #ffffff;
fill: #ffffff;
}
/* Simple Button */
.button.button--simple {
font-family: Lato, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #444444;
fill: #444444;
text-transform: none;
padding-left: 0;
padding-right: 0;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.button.button--simple:after {
content: none;
}
.button.button--simple:hover,
.button.button--simple:focus {
border: none;
color: #444444;
fill: #444444;
text-transform: none;
}
.button.button--simple:hover:after,
.button.button--simple:focus:after,
.button.button--simple:active:after {
content: none;
}
.button.button--simple:active {
border: none;
color: #949494;
fill: #949494;
}
/* Button Sizing */
.button.button--small {
padding: 0.7em 2em;
font-size: 14px;
}
@media (max-width: 992px) {
.button.button--small {
font-size: 14px;
}
}
@media (max-width: 768px) {
.button.button--small {
font-size: 14px;
}
}
.button.button--large {
padding: 0.7em 2.2em;
font-size: 18px;
}
@media (max-width: 992px) {
.button.button--large {
font-size: 18px;
}
}
@media (max-width: 768px) {
.button.button--large {
font-size: 18px;
}
}
form {
min-height: 28px;
}
.widget-type-form {
min-height: 28px;
}
form fieldset {
max-width: 100%!important;
}
.hs-form label {
display: block;
float: none;
width: auto;
font-weight: normal;
text-align: left;
line-height: 1.2;
padding-top: 0;
margin-bottom: 10px;
}
.hs-error-msgs label {
margin-top: .5rem;
color: ;
}
/* Membership error message */
.form-input-validation-message ul {
padding-left: 0;
margin: 0;
}
.form-input-validation-message ul li {
line-height: 1rem;
}
.hs-input {
display: inline-block;
width: 100%;
padding: 9px 10px;
font-weight: normal;
color: ;
background-color: #ffffff;
border: 1px solid #D1D6DC;
box-sizing: border-box;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.hs-input[type=checkbox],
.hs-input[type=radio] {
cursor: pointer;
width: auto;
height: auto;
padding: 0;
margin: 3px 5px 3px 0px;
line-height: normal;
border: none;
}
.hs-input[type=file] {
background-color: #fff;
padding: initial;
border: initial;
line-height: initial;
box-shadow: none;
}
.hs-input input,
.hs-input textarea {
transition: border 0.2s linear;
}
.hs-input:focus {
outline: none;
border-color: rgba(82, 168, 236, 0.8);
}
textarea.hs-input {
height: auto;
}
select[multiple].hs-input {
height: inherit;
}
input.hs-input.error,
div.field.error input,
div.field.error textarea,
div.field.error .chzn-choices,
textarea.hs-input.error,
select.hs-input.error {
border-color: ;
}
input.hs-input.error:focus,
div.field.error input:focus,
div.field.error textarea:focus,
div.field.error .chzn-choices:focus,
textarea.hs-input.error:focus,
select.hs-input.error:focus {
border-color: ;
}
.actions {
padding: 0;
margin-top: 1.5rem;
}
.inputs-list {
margin: 0 0 5px;
width: 100%;
padding-left: 0;
}
.inputs-list > li {
display: block;
padding: 0;
width: 100%;
padding-top: 0;
}
.inputs-list label {
display: block;
float: none;
width: auto;
padding: 0;
line-height: 18px;
text-align: left;
white-space: normal;
font-weight: normal;
}
.inputs-list:first-child {
padding-top: 6px;
}
.inputs-list > li + li {
padding-top: 2px;
}
.inputs-list label > input,
.inputs-list label > span {
vertical-align: middle;
}
ul.no-list {
list-style: none;
}
.hs-form-field {
margin-bottom: 18px;
}
.hs-field-desc {
margin: 0px 0px 6px;
font-size: 14px;
}
.hs-form-required {
color: red;
}
.hs-richtext {
margin-bottom: 3px;
line-height: 1.2;
font-size: ;
}
.hs-richtext hr {
text-align: left;
margin-left: 0;
width: 91%;
}
.grecaptcha-badge {
margin: 0 auto;
}
.email-correction, .email-validation {
padding-top: 3px;
font-size: 12px;
}
.email-correction a,
.email-validation a {
cursor: pointer;
}
@media (max-width: 400px),
(min-device-width: 320px) and (max-device-width: 480px) {
.email-correction form .form-columns-2 .hs-form-field,
.email-correction form .form-columns-3 .hs-form-field,
.email-validation form .form-columns-2 .hs-form-field,
.email-validation form .form-columns-3 .hs-form-field {
float: none;
width: 100%;
}
.email-correction form .form-columns-2 .hs-form-field .hs-input,
.email-correction form .form-columns-3 .hs-form-field .hs-input,
.email-validation form .form-columns-2 .hs-form-field .hs-input,
.email-validation form .form-columns-3 .hs-form-field .hs-input {
width: 90%;
}
.email-correction form .form-columns-2 .hs-form-field input[type=checkbox],
.email-correction form .form-columns-2 .hs-form-field input[type=radio],
.email-correction form .form-columns-3 .hs-form-field input[type=checkbox],
.email-correction form .form-columns-3 .hs-form-field input[type=radio],
.email-validation form .form-columns-2 .hs-form-field input[type=checkbox],
.email-validation form .form-columns-2 .hs-form-field input[type=radio],
.email-validation form .form-columns-3 .hs-form-field input[type=checkbox],
.email-validation form .form-columns-3 .hs-form-field input[type=radio] {
width: 24px;
}
}
.hs-button,
.hs-form-field input[type=text],
.hs-form-field input[type=email],
.hs-form-field input[type=phone],
.hs-form-field input[type=number],
.hs-form-field input[type=tel],
.hs-form-field input[type=date],
.hs-form-field textarea {
-webkit-appearance: none;
-moz-appearance: none;
line-height: 1;
}
/* Force single column fields to full width inside of fieldsets */
fieldset.form-columns-1 .hs-input:not(.hs-fieldtype-intl-phone) .hs-input:not([type=radio]):not([type=checkbox]),
fieldset.form-columns-1 .input>.hs-input, .hs-dateinput input {
width: 100% !important;
}
form,
.submitted-message,
.hs-richtext {
font-family: Lato;
}
form.hs-form label {
color: rgba(131, 131, 131, 1.0);
}
.widget-type-form .form-title {
color: rgba(22, 22, 22, 1.0);
}
form legend {
color: rgba(131, 131, 131, 1.0);
}
form.hs-form fieldset.form-columns-3 .hs-form-field {
width: 33.3%;
}
form input,
form .hs-input,
form select,
form textarea {
border-color: rgba(34, 34, 34);
color: #444444;
}
form input:focus,
form .hs-input:focus,
form select:focus,
form textarea:focus {
border-color: rgba(238, 40, 0, 1.0);
}
.fn-date-picker .pika-table thead th {
color: rgba(255, 255, 255, 0.0);
}
.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
color: #444444;
}
.fn-date-picker td.is-today .pika-button {
color: #ee2800;
}
.fn-date-picker td.is-selected .pika-button {
background: ;
}
.fn-date-picker td .pika-button:hover {
background-color: !important;
}
form input[type=submit],
form .hs-button {
white-space: pre-wrap;
}
.hs-input:-moz-placeholder {
color: rgba(131, 131, 131, 1.0) ;
}
.hs-input::-webkit-input-placeholder {
color: rgba(131, 131, 131, 1.0) ;
}
form input[type=submit],
form .hs-button {
font-family: Raleway, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
background-color:
rgba(238, 40, 0, 1.0)
;
border: 2px solid #ee2800;
border-radius: 0em;
color: #ffffff;
fill: ;
padding: 0.6em 2em;
text-transform: none;
-webkit-box-shadow: unset;
box-shadow: unset;
}
form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
background-color:
rgba(255, 255, 255, 0.01)
;
border: 2px solid #ee2800;
color: #ee2800;
transform: scale(1.03);
}
form input[type=submit]:active,
form .hs-button:active {
background-color: rgba(255, 255, 255, 1);
border: 2px solid #ee2800;
border-color: #ff7850;
}
form input[type=submit],
form .hs-button {
padding: 0.6em 2em;
font-size: 16px;
}
@media (max-width: 992px) {
form input[type=submit],
form .hs-button {
font-size: 16px;
}
}
@media (max-width: 768px) {
form input[type=submit],
form .hs-button {
font-size: 16px;
}
}
table {
margin-bottom: 1rem;
border: 1px solid #dee2e6;
}
th,
td {
padding: 0.75rem;
vertical-align: top;
border: 1px solid #dee2e6;
}
thead th,
thead td {
color: #fff;
background-color: #343a40;
border-color: #454d55;
border-bottom-width: 2px;
}
thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
tbody + tbody {
border-top: 2px solid #dee2e6;
}
th,
td {
background-color: rgba(255, 255, 255, 1.0);
border: 1px solid rgba(68, 68, 68, 1.0);
color: rgba(68, 68, 68, 1.0);
}
thead th,
thead td {
background-color: rgba(238, 40, 0, 1.0);
color: rgba(255, 255, 255, 1.0);
}
tfoot td {
background-color: rgba(255, 255, 255, 1.0);
color: rgba(68, 68, 68, 1.0);
}
table,
tbody + tbody {
border-color: rgba(68, 68, 68, 1.0);
}
header.header {
background-color: rgba(255, 255, 255, 1.0);
}
.hs-inline-edit .header {
position: static;
}
header.header--fixed {
position: fixed;
}
.header__container {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1200px;
padding-top: 15px;
padding-bottom: 15px;
min-height: 60px;
margin: 0 auto;
}
/*@media screen and (max-width: 430px) {
.header__container{
margin-left: 5%;
}
}*/
@media (min-width: 440px) and (max-width: 780px) {
.header__container{
margin-left: 5%;
}
}
.header__menu--flex {
display: flex;
}
.header__search--toggle,
.header__language-switcher--toggle {
margin-left: 30px;
}
.header__search--close {
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 999;
display: flex;
align-items: center;
padding: 0 40px;
cursor: pointer;
opacity: 0.3;
}
.header__search--close:hover {
opacity: 0.7;
}
.header__navigation--toggle {
display: none;
}
#nav-toggle {
display: none;
}
/* Styles for the Logo */
.header__logo {
margin-right: auto;
position: relative;
z-index: 3;
}
.header__logo img {
max-width: 100%;
max-width: 200px;
}
@media (max-width: 992px) {
.header__logo img {
max-width: 200px;
}
}
.header__logo--tablet {
display: none;
}
/* Styles for the Search Bar */
.header__search {
position: fixed;
width: auto;
display: none;
transition: all .5s ease 0s;
top: -100px; /* start out at position 0 */
}
.header__search--toggle {
cursor: pointer;
margin-left: 30px;
}
.header__search.open {
display: block;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.header__search .hs-search-field__input {
box-sizing: border-box;
background: transparent;
background-image: url("data:image/svg+xml, %3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 16 16'%3E%3Cpath fill='%23444444' d='M15.7 14.3l-4.2-4.2c-0.2-0.2-0.5-0.3-0.8-0.3 0.8-1 1.3-2.4 1.3-3.8 0-3.3-2.7-6-6-6s-6 2.7-6 6 2.7 6 6 6c1.4 0 2.8-0.5 3.8-1.4 0 0.3 0 0.6 0.3 0.8l4.2 4.2c0.2 0.2 0.5 0.3 0.7 0.3s0.5-0.1 0.7-0.3c0.4-0.3 0.4-0.9 0-1.3zM6 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z'%3E%3C/path%3E%3C/svg%3E ");
background-position: center left 26px;
background-repeat: no-repeat;
color: #494a52;
border: none;
height: 55px;
padding-left: 64px;
}
.header__search .hs-search-field__input:focus {
border: none;
outline-color: transparent;
outline: none;
}
.header__search .hs-search-field__input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #D1D6DC;
opacity: 1; /* Firefox */
}
.header__search .hs-search-field__input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #D1D6DC;
}
.header__search .hs-search-field__input::-ms-input-placeholder { /* Microsoft Edge */
color: #D1D6DC;
}
.header__search .hs-search-field--open .hs-search-field__suggestions {
position: absolute;
width: 100%;
background-color: white;
border-top: -2px solid white;
border: 1.79px solid #D1D6DC;
border-radius: 0 0 6px 6px;
z-index: 10;
}
.header__search .hs-search-field__suggestions li {
border-top: 1px solid #D1D6DC;
font-family: ;
font-size: 22px;
}
.header__search .hs-search-field__suggestions li a {
color: ;
text-decoration: none;
padding: 3px 15px;
transition: background-color 0.3s;
}
.header__search .hs-search-field__suggestions #results-for {
display: none;
}
/* Styles for the Language Switcher Component */
.header__language-switcher--toggle {
cursor: pointer;
background-image: none;
background-position: initial;
background-repeat: initial;
background-size: auto;
}
.header__language-switcher--toggle:before {
}
.header__language-switcher--toggle:after {
content: "";
}
.header__language-switcher .globe_class {
background-image: none;
background-position: initial;
background-repeat: initial;
background-size: auto;
border-radius: initial;
width: auto;
height: auto;
cursor: pointer;
}
.header__language-switcher .lang_switcher_class {
position: static;
display: block !important;
}
.header__language-switcher .lang_list_class {
display: block;
visibility: hidden;
opacity: 0;
font-size: 0.8rem;
top: 0;
right: 0;
left: initial !important;
transform: none !important;
padding-top: 0;
min-width: 100px;
text-align: left;
transition: opacity 0.3s;
}
.header__language-switcher--wrapper:hover .lang_list_class {
visibility: visible;
opacity: 1;
transition: opacity 0.3s;
}
.header__language-switcher .lang_list_class.first-active::after {
top: -22px;
border-bottom-color: #EBEFF3;
transition: 0.3s;
}
.header__language-switcher .lang_list_class li {
border: none;
background: inherit;
padding: 10px 15px;
font-size: 18px;
}
.header__language-switcher .lang_list_class li:first-child {
border-top: none;
}
.header__language-switcher .lang_list_class li:last-child {
border-bottom: none;
}
.header__language-switcher .lang_list_class li:hover {
transition: background-color 0.3s;
background-color: rgba(193, 190, 190, 0.1);
}
.header__language-switcher--label {
display: flex;
position: relative;
}
.header__language-switcher--label-current {
font-size: 18px;
margin-left: 10px;
margin-bottom: 5px;
display: flex;
align-items: center;
}
/* Header CTA */
.header__cta--desktop {
display: none;
align-items: center;
}
.header__cta--desktop .header__cta--main,
.header__cta--desktop .header__cta--secondary {
margin-left: 30px;
}
.header__cta--mobile {
text-align: center;
padding-bottom: 150px;
}
.header__cta--mobile .header__cta--main,
.header__cta--mobile .header__cta--secondary {
padding-top: 30px;
}
@media screen and (min-width: 992px) {
.header__cta--desktop {
display: flex;
}
.header__cta--mobile {
display: none;
}
.header--transparent {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 999;
background-color: transparent !important;
width: 100%;
}
}
@media (max-width: 992px) {
.header--secondary {
display: none;
}
.header__container form {
max-width: 100%;
}
.header__search,
.header__language-switcher {
display: none;
width: 100%;
}
.header__navigation {
position: absolute;
left: 0;
right: 0;
transform: translateY(-150%);
display: block;
transition: all 0.3s;
transform-origin: top;
}
.header__navigation.open {
transform: translateY(0);
}
.header__navigation.open,
.header__language-switcher.open {
display: block;
position: absolute;
top: 75px;
left: 0;
right: 0;
z-index: 2;
}
.header__navigation.open {
overflow: scroll;
}
.header__navigation--toggle,
.header__search--toggle,
.header__language-switcher--toggle,
.header__close--toggle {
position: relative;
cursor: pointer;
}
.header__navigation--toggle,
.header__search--toggle,
.header__language-switcher--toggle{
margin-left: 20px;
}
.header__navigation--toggle.hide,
.header__search--toggle.hide,
.header__language-switcher--toggle.hide {
display: none;
}
.header__navigation--toggle.open,
.header__search--toggle.open,
.header__language-switcher--toggle.open {
display: block;
}
.header__navigation--toggle.open:after,
.header__search--toggle.open:after,
.header__language-switcher--toggle.open:after {
display: block;
}
.header__navigation--toggle:after,
.header__search--toggle:after,
.header__language-switcher--toggle:after {
display: none;
position: absolute;
left: 40px;
top: -10px;
font-weight: 600;
font-size: 26px;
text-transform: uppercase;
}
.header__column {
position: relative;
}
.header__navigation--toggle {
font-size: 0rem;
cursor: pointer;
position: relative;
}
.header__navigation--toggle > span {
display: inline-block;
position: relative;
height: 2px;
width: 34px;
border-radius: 1px;
background: #293335;
vertical-align: middle;
}
.header__navigation--toggle > span:before,
.header__navigation--toggle > span:after {
display: inline-block;
position: absolute;
content: "";
height: 2px;
border-radius: 1px;
background: #293335;
transition: all 200ms;
}
.header__navigation--toggle > span:before {
top: -11px;
width: 34px;
}
.header__navigation--toggle > span:after {
top: 11px;
width: 34px;
}
.no-scroll .header__navigation--toggle > span {
height: 0;
}
.no-scroll .header__navigation--toggle > span:before {
transform: rotate(45deg);
}
.no-scroll .header__navigation--toggle > span:after {
transform: rotate(-45deg);
}
.no-scroll .header__navigation--toggle > span:after,
.no-scroll .header__navigation--toggle > span:before {
top: 0px;
left: 0;
width: 34px;
}
.header__language-switcher {
padding-right: 0;
}
.header__language-switcher .lang_list_class {
display: block;
visibility: visible;
opacity: 1;
top: 0;
right: 0;
width: 100%;
border: none;
border-radius: 0;
box-shadow: unset;
background-color: inherit;
}
.header__language-switcher .lang_list_class li {
background-color: inherit;
font-size: 22px;
text-align: center;
}
.header__language-switcher--label-current {
display: none;
}
.header__language-switcher .globe_class {
background-image: none;
}
.header__language-switcher .lang_list_class li:hover {
background-color: inherit;
}
.header__language-switcher .lang_list_class:before,
.header__language-switcher .lang_list_class:after {
content: none !important;
}
.lang_list_class:after, .lang_list_class:before {
display: none;
}
.header__search {
order: 1;
}
.header__search .hs-search-field__suggestions li {
padding: 10px 0;
}
.header__close--toggle {
display: none;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
background-size: 110%;
background-repeat: no-repeat;
width: 25px;
height: 25px;
margin-right: 0;
}
.header__close--toggle.show {
display: block;
}
}
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
color: rgba(68, 68, 68, 1.0);
font-family: Lato;
font-style: normal;
font-weight: normal;
text-decoration: none;
font-size: 16px;
}
@media (max-width: 992px) {
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-size: 16px;
}
.submenu.level-1>li {
border-bottom: 1px solid rgba(68, 68, 68, 1.0);
}
}
@media (max-width: 768px) {
body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-size: 16px;
}
}
.navigation-primary .menu-link {
text-transform: none;
line-height: 1.3em;
letter-spacing: 0em;
}
.header__search--toggle svg path,
.header__search--close svg path {
fill: rgba(68, 68, 68, 1.0);
}
.submenu.level-1 > li {
margin-right: 15px;
}
.submenu.level-1 .has-submenu path {
fill: rgba(68, 68, 68, 1.0);
}
body .navigation-primary .menu-item:hover>a,
body .navigation-primary .menu-item:focus>a,
body .navigation-primary .menu-item .active-item,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
color: rgba(238, 40, 0, 1.0);
}
.submenu.level-1 .has-submenu:hover label path,
.submenu.level-1 .has-submenu:focus label path {
fill: rgba(238, 40, 0, 1.0);
}
body .submenu.level-2 > li:last-of-type {
border-bottom: none;
}
.submenu.level-2 {
background-color: rgba(255, 255, 255, 1.0);
}
.submenu.level-2 .menu-item .menu-link {
color: rgba(68, 68, 68, 1.0);
background-color: rgba(255, 255, 255, 1.0);
}
.submenu.level-2 .menu-item:hover .menu-link ,
.submenu.level-2 .menu-item:focus .menu-link {
color: rgba(255, 255, 255, 1.0);
background-color: rgba(238, 40, 0, 1.0);
}
.header__language-switcher .lang_list_class:after, .lang_list_class:before {
display: none !important;
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
font-family: {font=Lato, font_set=GOOGLE, styles={font-family=Lato, font-style=normal, font-weight=normal, text-decoration=none}, size=null, size_unit=null, color=#444444, variant=null, fallback=null, style=font-family: Lato; font-style: normal; font-weight: normal; text-decoration: none, css=color: #444444;font-family: Lato;};
}
.header__language-switcher--toggle:before {
color: rgba(68, 68, 68, 1.0);
}
.header__language-switcher-label-current:after {
border-top-color: rgba(68, 68, 68, 1.0);
}
body .header__navigation--toggle {
display: none;
}
body .header__navigation--toggle > span,
body .header__navigation--toggle > span:after,
body .header__navigation--toggle > span:before {
background-color: rgba(68, 68, 68, 1.0);
}
.header__navigation.open {
background-color: rgba(255, 255, 255, 1.0);
}
body .header__menu {
display: block
}
body .header__search--wrapper {
display: block
}
body .header__search.open {
background-color: rgba(255, 255, 255, 1.0);
}
body .menu-arrow-bg {
color: rgba(68, 68, 68, 1.0);
}
@media (min-width: 992px) {
body .submenu.level-2 > li,
.header__language-switcher .lang_list_class li {
border-bottom: 1px solid rgba(68, 68, 68, 1.0);
}
body .header.header--transparent .submenu.level-1 {
background-color: transparent !important;
}
}
@media (max-width: 992px) {
body .header__navigation--toggle, body .menu-arrow-bg {
display: block;
}
}
@media(max-width: 767px) {
.header__navigation {
background-color: rgba(255, 255, 255, 1.0);
}
.header__navigation-toggle svg,
.menu-arrow-bg {
fill: red;
}
}
.courses-landing-title{
max-width:600px;
}
.courses-landing-title p, .courses-landing-title h1 {
margin:0px;
font-size:72px;
line-height:108px;
}
@media(max-width:600px){
.courses-landing-title p, .courses-landing-title h1 {
font-size:36px;
line-height:45px;
}
}
.header__logo_center{
margin:auto;
}
/* Where's my spray bottle? NEVER set <li> styles without a scope. Especially not with an !important tag. */
/* .li::marker */
.header__logo_center li::marker {
color:white !important;
}
@media screen and (max-width: 430px) {
.container-fluid {
width: 103%;
margin-left: -6px;
}
}
@media screen and (max-width: 770px) {
.container-fluid {
width: 103%;
margin-left: -10px;
}
}
.position-relative {
position: relative;
}
.blog-index__hero,
.blog-post__hero {
min-height: 300px;
position: relative;
}
@media (min-width: 768px){
.blog-index__hero-img {
position: absolute;
height: 100%;
width: 95%;
top: 0;
left: 0;
}
.blog-index__hero-img img {
max-width: 350px;
}
}
.blog-index__search {
max-width: 370px;
width: 100%;
}
.blog-index__search form {
font-size: 16px;
line-height: 135.8%;
color: #BDBDBD;
display: flex;
}
.blog-index__search .hs-search-field__input {
height: auto !important;
padding: 16px;
border: none;
border: 2px solid #BDBDBD;
border-right: none;
outline: none;
}
.blog-index__search button{ padding: 0 12px; }
.blog-index__search .hs-search-field__bar button svg{ height: 20px; }
.blog-index .hs-search-field--open .hs-search-field__suggestions {
position: absolute;
z-index: 3;
background-color: #fff;
border-color: #bdbdbd;
border-top: none;
padding: 20px;
box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
}
.blog-index__topic select {
font-size: 18px;
line-height: 135.8%;
width: 270px;
max-width: 100%;
color: #FFFFFF;
background: #ee2800;
border-color: #ee2800;
padding: 14px;
appearance: none;
outline: none;
background-position: 94% center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 1L11 11L1 0.999999' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}
@media (max-width: 765px) {
.blog-index__topic select,
.blog-index__topic {
width: 100%;
}
}
.blog-index__hero h1,
.blog-post__hero h2 {
color: #ee2800
}
.blog-index__post-title h3 {
font-size: 1.45rem;
}
.blog-index__featured-post h3 {
text-transform: uppercase;
}
.blog-index__post-title a,
.blog-index__post-meta a,
.blog-index__post-content a {
text-decoration: none;
}
.blog-index__post-meta {
font-size: 0.8rem;
font-weight: 700;
color: #888888;
}
.blog-index__featured-post .blog-index__post-meta {
font-weight: 400;
font-size: 0.9rem;
}
.blog-index__social-sharing ul {
list-style: none;
padding-left: 0;
margin: 0;
display: flex;
}
.blog-index__social-sharing li {
margin-right: 1rem;
}
.social-sharing__icon svg {
width: 16px;
height: 16px;
}
.blog-index__button {
position: absolute;
bottom: 35px;
left: 0;
width: 100%;
}
.blog-index__button .button {
width: 100%;
}
.blog-index__button .button:hover {
transform: scale(1.04);
}
.blog-index__post, .blog-index__featured-post-content {
padding: 20px 30px;
background: #FFFFFF;
box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
position: relative;
z-index: 3;
height: 100%;
}
.blog-index__featured-post .blog-index__featured-post-content {
box-shadow: none;
}
.blog-index__featured-post {
box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.15);
}
.blog-index__featured-post:hover,
.blog-index__post:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.1);
}
.blog-index__post, .blog-index__featured-post {
transform: scale(1);
transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.blog-index__post-content-image {
height: 240px;
object-fit: cover;
width: 100%;
}
.blog-index__featured-post .blog-index__post-content-image {
height: 360px;
}
@media (min-width: 992px) {
.blog-index__wrapper {
display: grid;
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
}
.blog-index__post-content-link {
grid-column: 1/ 1;
grid-row: 1/-1;
}
.blog-index__post-conrent-more >div{
font-weight: bold;
font-size: 17px;
border-bottom: 1px solid;
}
a.blog-post__tag-link, .blog-index__post-tag-title {
text-decoration: none;
font-size: 16px;
color: #3C3C3B;
text-transform: uppercase;
font-weight: 600;
}
.blog-index__post-content img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-pagination__link svg {
height: 1rem;
width: 1rem;
}
.blog-pagination__link {
border: 2px solid #ee2800;
display: flex;
align-items: center;
height: 40px;
width: 40px;
justify-content: center;
text-decoration: none;
font-weight: bold;
margin: 0.4rem;
color: #ee2800;
transition: all ease .3s;
}
.blog-pagination__link:not(.blog-pagination__prev-link):not(.blog-pagination__next-link):hover,
.blog-pagination__link--active {
text-decoration: none;
color: #fff;
background-color: #ee2800;
border-color: #ee2800;
}
a.blog-pagination__prev-link,
a.blog-pagination__next-link {
border: none;
width: auto;
color: #ee2800;
}
.blog-pagination {
position: relative;
z-index: 3;
margin-bottom: 50px;
}
.blog-index__wrapper {
position: relative;
padding: 50px 0 30px;
}
.sidebar__inner {
position: -webkit-sticky;
position: sticky;
align-self: flex-start;
}
@media (max-width: 992px) {
.blog-pagination {
margin-bottom: 20px;
}
.blog-index__wrapper {
position: relative;
padding: 30px 0 0px;
}
}
/** Blog Post **/
.blog-post__meta {
color: #464646;
}
.blog-post__hero h2 {
font-size: 54px;
}
.blog-post__featured-image {
max-width: 100%;
height: 320px;
object-fit: cover;
}
.blog-post__title {
color: #ee2800;
}
.blog-post__meta {
font-size: 0.8rem;
}
.blog-post__post-tags {
font-weight: bold;
font-size: 0.8rem;
}
#hs_cos_wrapper_blog-social-sharing,
.blog-post__progress {
position: -webkit-sticky;
position: sticky;
align-self: flex-start;
top: 20px;
z-index: 10;
}
.blog-post__progress-bar {
height: 4px;
background-color: #ee2800;
width: 1px;
max-width: 100%;
min-width: 1px;
transition: width .6s ease;
}
.blog-post__time {
color: #ee2800;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
.blog-post__related-posts {
position: relative;
background-color: #F2F8FC;
}