html {
font-size: 62.5% !important;
scroll-behavior: smooth;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
min-height: 100vh;
margin: 0;
word-wrap: break-word;
}
:root {
--action: #E56C70;
--action-hover: #ed9799;
--action-ultra-light: #fbe9ea;
--action-light: #f4bec0;
--action-medium: #d9262c;
--action-dark: #6c1316;
--action-ultra-dark: #2b0809;
--action-comp: #6ce5e1;
--primary: #00b1c8;
--primary-hover: #00cae5;
--primary-ultra-light: #e6fcff;
--primary-light: #b3f6ff;
--primary-medium: #00e1ff;
--primary-dark: #007180;
--primary-ultra-dark: #002d33;
--primary-comp: #c71700;
--secondary: #212c5a;
--secondary-hover: #263367;
--secondary-ultra-light: #eceff8;
--secondary-light: #c7ceea;
--secondary-medium: #455cba;
--secondary-dark: #222e5d;
--secondary-ultra-dark: #0e1225;
--secondary-comp: #594e21;
--accent: #f5f9e9;
--accent-hover: white;
--accent-ultra-light: #f6faeb;
--accent-light: #e4efc3;
--accent-medium: #a4c837;
--accent-dark: #52641b;
--accent-ultra-dark: #21280b;
--accent-comp: #efebfa;
--base: #1a1a1a;
--base-hover: #1d1d1d;
--base-ultra-light: #f2f2f2;
--base-light: #d9d9d9;
--base-medium: gray;
--base-dark: #404040;
--base-ultra-dark: #1a1a1a;
--base-comp: #1a1a1a;
--white: #fff;
--black: #000;
--shade: #000000;
--shade-hover: black;
--shade-ultra-light: #f2f2f2;
--shade-light: #d9d9d9;
--shade-medium: gray;
--shade-dark: #404040;
--shade-ultra-dark: #1a1a1a;
--shade-comp: black;
--action-trans-10: rgba(229, 108, 112, 0.1);
--action-trans-20: rgba(229, 108, 112, 0.2);
--action-trans-30: rgba(229, 108, 112, 0.3);
--action-trans-40: rgba(229, 108, 112, 0.4);
--action-trans-50: rgba(229, 108, 112, 0.5);
--action-trans-60: rgba(229, 108, 112, 0.6);
--action-trans-70: rgba(229, 108, 112, 0.7);
--action-trans-80: rgba(229, 108, 112, 0.8);
--action-trans-90: rgba(229, 108, 112, 0.9);
--action-ultra-dark-trans-10: rgba(43, 8, 9, 0.1);
--action-ultra-dark-trans-20: rgba(43, 8, 9, 0.2);
--action-ultra-dark-trans-30: rgba(43, 8, 9, 0.3);
--action-ultra-dark-trans-40: rgba(43, 8, 9, 0.4);
--action-ultra-dark-trans-50: rgba(43, 8, 9, 0.5);
--action-ultra-dark-trans-60: rgba(43, 8, 9, 0.6);
--action-ultra-dark-trans-70: rgba(43, 8, 9, 0.7);
--action-ultra-dark-trans-80: rgba(43, 8, 9, 0.8);
--action-ultra-dark-trans-90: rgba(43, 8, 9, 0.9);
--action-light-trans-10: rgba(244, 190, 192, 0.1);
--action-light-trans-20: rgba(244, 190, 192, 0.2);
--action-light-trans-30: rgba(244, 190, 192, 0.3);
--action-light-trans-40: rgba(244, 190, 192, 0.4);
--action-light-trans-50: rgba(244, 190, 192, 0.5);
--action-light-trans-60: rgba(244, 190, 192, 0.6);
--action-light-trans-70: rgba(244, 190, 192, 0.7);
--action-light-trans-80: rgba(244, 190, 192, 0.8);
--action-light-trans-90: rgba(244, 190, 192, 0.9);
--primary-trans-10: rgba(0, 176, 199, 0.1);
--primary-trans-20: rgba(0, 176, 199, 0.2);
--primary-trans-30: rgba(0, 176, 199, 0.3);
--primary-trans-40: rgba(0, 176, 199, 0.4);
--primary-trans-50: rgba(0, 176, 199, 0.5);
--primary-trans-60: rgba(0, 176, 199, 0.6);
--primary-trans-70: rgba(0, 176, 199, 0.7);
--primary-trans-80: rgba(0, 176, 199, 0.8);
--primary-trans-90: rgba(0, 176, 199, 0.9);
--primary-ultra-dark-trans-10: rgba(0, 45, 51, 0.1);
--primary-ultra-dark-trans-20: rgba(0, 45, 51, 0.2);
--primary-ultra-dark-trans-30: rgba(0, 45, 51, 0.3);
--primary-ultra-dark-trans-40: rgba(0, 45, 51, 0.4);
--primary-ultra-dark-trans-50: rgba(0, 45, 51, 0.5);
--primary-ultra-dark-trans-60: rgba(0, 45, 51, 0.6);
--primary-ultra-dark-trans-70: rgba(0, 45, 51, 0.7);
--primary-ultra-dark-trans-80: rgba(0, 45, 51, 0.8);
--primary-ultra-dark-trans-90: rgba(0, 45, 51, 0.9);
--primary-light-trans-10: rgba(179, 246, 255, 0.1);
--primary-light-trans-20: rgba(179, 246, 255, 0.2);
--primary-light-trans-30: rgba(179, 246, 255, 0.3);
--primary-light-trans-40: rgba(179, 246, 255, 0.4);
--primary-light-trans-50: rgba(179, 246, 255, 0.5);
--primary-light-trans-60: rgba(179, 246, 255, 0.6);
--primary-light-trans-70: rgba(179, 246, 255, 0.7);
--primary-light-trans-80: rgba(179, 246, 255, 0.8);
--primary-light-trans-90: rgba(179, 246, 255, 0.9);
--secondary-trans-10: rgba(33, 44, 89, 0.1);
--secondary-trans-20: rgba(33, 44, 89, 0.2);
--secondary-trans-30: rgba(33, 44, 89, 0.3);
--secondary-trans-40: rgba(33, 44, 89, 0.4);
--secondary-trans-50: rgba(33, 44, 89, 0.5);
--secondary-trans-60: rgba(33, 44, 89, 0.6);
--secondary-trans-70: rgba(33, 44, 89, 0.7);
--secondary-trans-80: rgba(33, 44, 89, 0.8);
--secondary-trans-90: rgba(33, 44, 89, 0.9);
--secondary-ultra-dark-trans-10: rgba(14, 18, 37, 0.1);
--secondary-ultra-dark-trans-20: rgba(14, 18, 37, 0.2);
--secondary-ultra-dark-trans-30: rgba(14, 18, 37, 0.3);
--secondary-ultra-dark-trans-40: rgba(14, 18, 37, 0.4);
--secondary-ultra-dark-trans-50: rgba(14, 18, 37, 0.5);
--secondary-ultra-dark-trans-60: rgba(14, 18, 37, 0.6);
--secondary-ultra-dark-trans-70: rgba(14, 18, 37, 0.7);
--secondary-ultra-dark-trans-80: rgba(14, 18, 37, 0.8);
--secondary-ultra-dark-trans-90: rgba(14, 18, 37, 0.9);
--secondary-light-trans-10: rgba(199, 206, 234, 0.1);
--secondary-light-trans-20: rgba(199, 206, 234, 0.2);
--secondary-light-trans-30: rgba(199, 206, 234, 0.3);
--secondary-light-trans-40: rgba(199, 206, 234, 0.4);
--secondary-light-trans-50: rgba(199, 206, 234, 0.5);
--secondary-light-trans-60: rgba(199, 206, 234, 0.6);
--secondary-light-trans-70: rgba(199, 206, 234, 0.7);
--secondary-light-trans-80: rgba(199, 206, 234, 0.8);
--secondary-light-trans-90: rgba(199, 206, 234, 0.9);
--accent-trans-10: rgba(246, 250, 235, 0.1);
--accent-trans-20: rgba(246, 250, 235, 0.2);
--accent-trans-30: rgba(246, 250, 235, 0.3);
--accent-trans-40: rgba(246, 250, 235, 0.4);
--accent-trans-50: rgba(246, 250, 235, 0.5);
--accent-trans-60: rgba(246, 250, 235, 0.6);
--accent-trans-70: rgba(246, 250, 235, 0.7);
--accent-trans-80: rgba(246, 250, 235, 0.8);
--accent-trans-90: rgba(246, 250, 235, 0.9);
--accent-ultra-dark-trans-10: rgba(33, 40, 11, 0.1);
--accent-ultra-dark-trans-20: rgba(33, 40, 11, 0.2);
--accent-ultra-dark-trans-30: rgba(33, 40, 11, 0.3);
--accent-ultra-dark-trans-40: rgba(33, 40, 11, 0.4);
--accent-ultra-dark-trans-50: rgba(33, 40, 11, 0.5);
--accent-ultra-dark-trans-60: rgba(33, 40, 11, 0.6);
--accent-ultra-dark-trans-70: rgba(33, 40, 11, 0.7);
--accent-ultra-dark-trans-80: rgba(33, 40, 11, 0.8);
--accent-ultra-dark-trans-90: rgba(33, 40, 11, 0.9);
--accent-light-trans-10: rgba(228, 239, 195, 0.1);
--accent-light-trans-20: rgba(228, 239, 195, 0.2);
--accent-light-trans-30: rgba(228, 239, 195, 0.3);
--accent-light-trans-40: rgba(228, 239, 195, 0.4);
--accent-light-trans-50: rgba(228, 239, 195, 0.5);
--accent-light-trans-60: rgba(228, 239, 195, 0.6);
--accent-light-trans-70: rgba(228, 239, 195, 0.7);
--accent-light-trans-80: rgba(228, 239, 195, 0.8);
--accent-light-trans-90: rgba(228, 239, 195, 0.9);
--base-trans-10: rgba(26, 26, 26, 0.1);
--base-trans-20: rgba(26, 26, 26, 0.2);
--base-trans-30: rgba(26, 26, 26, 0.3);
--base-trans-40: rgba(26, 26, 26, 0.4);
--base-trans-50: rgba(26, 26, 26, 0.5);
--base-trans-60: rgba(26, 26, 26, 0.6);
--base-trans-70: rgba(26, 26, 26, 0.7);
--base-trans-80: rgba(26, 26, 26, 0.8);
--base-trans-90: rgba(26, 26, 26, 0.9);
--base-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
--base-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
--base-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
--base-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
--base-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
--base-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
--base-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
--base-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
--base-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
--base-light-trans-10: rgba(217, 217, 217, 0.1);
--base-light-trans-20: rgba(217, 217, 217, 0.2);
--base-light-trans-30: rgba(217, 217, 217, 0.3);
--base-light-trans-40: rgba(217, 217, 217, 0.4);
--base-light-trans-50: rgba(217, 217, 217, 0.5);
--base-light-trans-60: rgba(217, 217, 217, 0.6);
--base-light-trans-70: rgba(217, 217, 217, 0.7);
--base-light-trans-80: rgba(217, 217, 217, 0.8);
--base-light-trans-90: rgba(217, 217, 217, 0.9);
--white-trans-10: rgba(255, 255, 255, 0.1);
--white-trans-20: rgba(255, 255, 255, 0.2);
--white-trans-30: rgba(255, 255, 255, 0.3);
--white-trans-40: rgba(255, 255, 255, 0.4);
--white-trans-50: rgba(255, 255, 255, 0.5);
--white-trans-60: rgba(255, 255, 255, 0.6);
--white-trans-70: rgba(255, 255, 255, 0.7);
--white-trans-80: rgba(255, 255, 255, 0.8);
--white-trans-90: rgba(255, 255, 255, 0.9);
--black-trans-10: rgba(0, 0, 0, 0.1);
--black-trans-20: rgba(0, 0, 0, 0.2);
--black-trans-30: rgba(0, 0, 0, 0.3);
--black-trans-40: rgba(0, 0, 0, 0.4);
--black-trans-50: rgba(0, 0, 0, 0.5);
--black-trans-60: rgba(0, 0, 0, 0.6);
--black-trans-70: rgba(0, 0, 0, 0.7);
--black-trans-80: rgba(0, 0, 0, 0.8);
--black-trans-90: rgba(0, 0, 0, 0.9);
--shade-trans-10: rgba(0, 0, 0, 0.1);
--shade-trans-20: rgba(0, 0, 0, 0.2);
--shade-trans-30: rgba(0, 0, 0, 0.3);
--shade-trans-40: rgba(0, 0, 0, 0.4);
--shade-trans-50: rgba(0, 0, 0, 0.5);
--shade-trans-60: rgba(0, 0, 0, 0.6);
--shade-trans-70: rgba(0, 0, 0, 0.7);
--shade-trans-80: rgba(0, 0, 0, 0.8);
--shade-trans-90: rgba(0, 0, 0, 0.9);
--shade-ultra-dark-trans-10: rgba(26, 26, 26, 0.1);
--shade-ultra-dark-trans-20: rgba(26, 26, 26, 0.2);
--shade-ultra-dark-trans-30: rgba(26, 26, 26, 0.3);
--shade-ultra-dark-trans-40: rgba(26, 26, 26, 0.4);
--shade-ultra-dark-trans-50: rgba(26, 26, 26, 0.5);
--shade-ultra-dark-trans-60: rgba(26, 26, 26, 0.6);
--shade-ultra-dark-trans-70: rgba(26, 26, 26, 0.7);
--shade-ultra-dark-trans-80: rgba(26, 26, 26, 0.8);
--shade-ultra-dark-trans-90: rgba(26, 26, 26, 0.9);
--shade-light-trans-10: rgba(217, 217, 217, 0.1);
--shade-light-trans-20: rgba(217, 217, 217, 0.2);
--shade-light-trans-30: rgba(217, 217, 217, 0.3);
--shade-light-trans-40: rgba(217, 217, 217, 0.4);
--shade-light-trans-50: rgba(217, 217, 217, 0.5);
--shade-light-trans-60: rgba(217, 217, 217, 0.6);
--shade-light-trans-70: rgba(217, 217, 217, 0.7);
--shade-light-trans-80: rgba(217, 217, 217, 0.8);
--shade-light-trans-90: rgba(217, 217, 217, 0.9);
--shade-white: #fff;
--shade-black: #000;
--grey: hsl(240, 4%, 95%);
--grey-ultra-light: hsl(240, 9%, 98%);
--grey-light: hsl(180, 8%, 96%);
--grey-medium: hsl(180, 8%, 88%);
--grey-dark: hsl(220, 6%, 90%);
--bg-header: hsl(0, 0%, 23%);
--txt-header: hsl(75, 57%, 95%);
--transition: all .4s ease-in-out;
--menu-h: 6.2rem;
--regular: 400;
--bold: 600;
--text-xs: 1.3rem;
--text-s: 1.4rem;
--text-m: 1.8rem;
--text-l: 2rem;
--text-xl: 2.3rem;
--text-xxl: 2.6rem;
--h6: 1.3rem;
--h5: 1.4rem;
--h4: 1.8rem;
--h3: 2rem;
--h2: 2.3rem;
--h1: 2.6rem;
--space-xs: 1.896rem;
--space-s: 2.133rem;
--space-m: 2.4rem;
--space-l: 2.7rem;
--space-xl: 3.038rem;
--space-xxl: 3.42rem;
--width-xs: calc((128 * 0.1) * 1rem);
--width-s: calc((128 * 0.2) * 1rem);
--width-m: calc((128 * 0.4) * 1rem);
--width-l: calc((128 * 0.6) * 1rem);
--width-xl: calc((128 * 0.8) * 1rem);
--width-xxl: calc((128 * 0.9) * 1rem);
--width-vp-max: 128rem;
--width-50: calc((128 / 2) * 1rem);
--width-full: 100%;
--radius-xs: 0.4444444444rem;
--radius-s: 0.6666666667rem;
--radius-m: 1rem;
--radius-l: 1.5rem;
--radius-xl: 2.25rem;
--radius-xxl: 3.375rem;
--radius-50: 50%;
--radius-circle: 50%;
--grid-1: repeat(1, minmax(0, 1fr));
--grid-2: repeat(2, minmax(0, 1fr));
--grid-3: repeat(3, minmax(0, 1fr));
--grid-4: repeat(4, minmax(0, 1fr));
--grid-5: repeat(5, minmax(0, 1fr));
--grid-6: repeat(6, minmax(0, 1fr));
--grid-7: repeat(7, minmax(0, 1fr));
--grid-8: repeat(8, minmax(0, 1fr));
--grid-9: repeat(9, minmax(0, 1fr));
--grid-10: repeat(10, minmax(0, 1fr));
--grid-11: repeat(11, minmax(0, 1fr));
--grid-12: repeat(12, minmax(0, 1fr));
--grid-1-2: 1fr 2fr;
--grid-1-3: 1fr 3fr;
--grid-2-1: 2fr 1fr;
--grid-2-3: 2fr 3fr;
--grid-3-1: 3fr 1fr;
--grid-3-2: 3fr 2fr;
--grid-auto-2: repeat(auto-fit, minmax(min(40.8026755853rem, 100vw - 6rem), 1fr));
--grid-auto-3: repeat(auto-fit, minmax(min(30.5764411028rem, 100vw - 6rem), 1fr));
--grid-auto-4: repeat(auto-fit, minmax(min(24.4488977956rem, 100vw - 6rem), 1fr));
--grid-auto-5: repeat(auto-fit, minmax(min(20.367278798rem, 100vw - 6rem), 1fr));
--grid-auto-6: repeat(auto-fit, minmax(min(17.4535050072rem, 100vw - 6rem), 1fr));
--grid-gap: var(--space-m);
--fr-grid-gap: var(--space-m);
--section-padding-x: 2.4rem;
--section-gutter: 2.4rem;
--btn-border-size: 0.25rem;
--outline-btn-border-size: 0.25rem;
--btn-pad-y: 0.75em;
--btn-pad-x: 1.5em;
--btn-radius: 0;
--btn-text-transform: none;
--btn-text-style: normal;
--btn-letter-spacing: 0;
--btn-line-height: 1;
--btn-text-decoration: none;
--btn-text-color: var(--action-ultra-light);
--btn-hover-text-color: var(--action-ultra-light);
--btn-weight: 400;
--btn-width: 20rem;
--box-shadow-s: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.04);
--box-shadow-m: 0 4px 4px -10px rgba(0, 0, 0, 0.04), 0 13px 13px -10px rgba(0, 0, 0, 0.06), 0 40px 60px -10px rgba(0, 0, 0, 0.08);
--box-shadow-l: 0 2.7px 3.6px -5px rgba(0, 0, 0, 0.04), 0 7.5px 10px -5px rgba(0, 0, 0, 0.06), 0 18px 24.1px -5px rgba(0, 0, 0, 0.08), 0 60px 80px -5px rgba(0, 0, 0, 0.1);
--box-shadow-xl: 2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02), 0 6.7px 5.3px -5px rgba(0, 0, 0, 0.04), 0 12.5px 10px -5px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px -5px rgba(0, 0, 0, 0.08), 0 41.8px 33.4px -5px rgba(0, 0, 0, 0.1), 0 80px 80px -5px rgba(0, 0, 0, 0.105);
--admin-bar-height: var(--wp-admin--admin-bar--height, 0px);
}
@font-face {
font-family: 'Roboto';
src: url('/wp-content/fonts/Roboto-Regular.woff2') format('woff2'),
url('/wp-content/fonts/Roboto-Regular.woff') format('woff');
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('/wp-content/fonts/Roboto-Medium.woff2') format('woff2'),
url('/wp-content/fonts/Roboto-Medium.woff') format('woff');
font-style: normal;
font-weight: 600;
font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 600;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
line-height: 1.7;
color: #323031;
}
body a {
color: var(--primary-dark);
font-weight: 400;
-webkit-text-decoration: none;
text-decoration: none;
}
body a:hover {
color: var(--primary-hover);
}
p, blockquote, input, textarea, select, button {
font-family: inherit;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
color: var(--base);
max-width: 45ch;
margin: 0;
text-rendering: optimizelegibility;
}
h1 {
font-size: 2.565rem;
font-size: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96)));
font-size: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
}
h2 {
font-size: 2.28rem;
font-size: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96)));
font-size: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
}
h3 {
font-size: 2.025rem;
font-size: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96)));
font-size: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
}
h4 {
font-size: 1.8rem;
font-size: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
font-size: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
}
h5 {
font-size: 1.42rem;
font-size: calc(1.2rem + (0 * ((100vw - 32rem) / 96)));
font-size: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
}
h6 {
font-size: 1.26rem;
font-size: calc(1.1rem + (0 * ((100vw - 32rem) / 96)));
font-size: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
}
:is(h1, h2, h3, h4, h5, h6) a {
font-weight: inherit;
text-decoration: inherit;
color: currentcolor;
}
:is(h1, h2, h3, h4, h5, h6) a:hover {
color: currentcolor;
}
p {
max-width: 75ch;
}
@supports (font-size: calc(1vw + 2vw)) {
:root {
--text-xs: calc(1.1rem + (0 * ((100vw - 32rem) / 96)));
--text-s: calc(1.2rem + (0 * ((100vw - 32rem) / 96)));
--text-m: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
--text-l: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96)));
--text-xl: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96)));
--text-xxl: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96)));
--h6: calc(1.1rem + (0 * ((100vw - 32rem) / 96)));
--h5: calc(1.2rem + (0 * ((100vw - 32rem) / 96)));
--h4: calc(1.6rem + (0.2 * ((100vw - 32rem) / 96)));
--h3: calc(1.92rem + (0.4794 * ((100vw - 32rem) / 96)));
--h2: calc(2.304rem + (0.8944002 * ((100vw - 32rem) / 96)));
--h1: calc(2.7648rem + (1.4986674666 * ((100vw - 32rem) / 96)));
}
@media (min-width: 1279px) {
:root {
--text-xs: 1.1rem;
--text-s: 1.2rem;
--text-m: 1.8rem;
--text-l: 2.3994rem;
--text-xl: 3.1984002rem;
--text-xxl: 4.2634674666rem;
--h6: 1.1rem;
--h5: 1.2rem;
--h4: 1.8rem;
--h3: 2.3994rem;
--h2: 3.1984002rem;
--h1: 4.2634674666rem;
}
}
}
@supports (font-size: clamp(1vw, 2vw, 3vw)) {
:root {
--text-xs: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
--text-s: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
--text-m: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
--text-l: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
--text-xl: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
--text-xxl: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
--h6: clamp(1.1rem, calc(0vw + 1.1rem), 1.1rem);
--h5: clamp(1.2rem, calc(0vw + 1.2rem), 1.2rem);
--h4: clamp(1.6rem, calc(0.2083333333vw + 1.5333333333rem), 1.8rem);
--h3: clamp(1.92rem, calc(0.499375vw + 1.7602rem), 2.3994rem);
--h2: clamp(2.304rem, calc(0.931666875vw + 2.0058666rem), 3.1984002rem);
--h1: clamp(2.7648rem, calc(1.5611119444vw + 2.2652441778rem), 4.2634674666rem);
}
}
@supports (padding: calc(1vw + 2vw)) {
:root {
--space-xs: calc(1.0666666667rem + (0.2666666667 * ((100vw - 32rem) / 96)));
--space-s: calc(1.6rem + (0.4 * ((100vw - 32rem) / 96)));
--space-m: calc(2.4rem + (0.6 * ((100vw - 32rem) / 96)));
--space-l: calc(3.1992rem + (1.3008 * ((100vw - 32rem) / 96)));
--space-xl: calc(4.2645336rem + (2.4854664 * ((100vw - 32rem) / 96)));
--space-xxl: calc(5.6846232888rem + (4.4403767112 * ((100vw - 32rem) / 96)));
}
@media (min-width: 1279px) {
:root {
--space-xs: 1.3333333333rem;
--space-s: 2rem;
--space-m: 3rem;
--space-l: 4.5rem;
--space-xl: 6.75rem;
--space-xxl: 10.125rem;
}
}
}
@supports (padding: clamp(1vw, 2vw, 3vw)) {
:root {
--space-xs: clamp(1.0666666667rem, calc(0.2777777778vw + 0.9777777778rem), 1.3333333333rem);
--space-s: clamp(1.6rem, calc(0.4166666667vw + 1.4666666667rem), 2rem);
--space-m: clamp(2.4rem, calc(0.625vw + 2.2rem), 3rem);
--space-l: clamp(3.1992rem, calc(1.355vw + 2.7656rem), 4.5rem);
--space-xl: clamp(4.2645336rem, calc(2.5890275vw + 3.4360448rem), 6.75rem);
--space-xxl: clamp(5.6846232888rem, calc(4.6253924075vw + 4.2044977184rem), 10.125rem);
}
}
/*----------------------------------------------------------------------
BRICKS RELATED
----------------------------------------------------------------------*/
.skip-link {
background: #000;
border-bottom-right-radius: 8px;
color: #fff;
font-weight: 700;
left: 0;
padding: 5px 10px;
position: fixed;
top: 0;
transform: translateY(-102%);
transition: transform .3s;
z-index: 9999;
}
.skip-link:focus {
transform: translateY(0);
}
body.bricks-is-frontend :focus {
outline: none;
}
button {
border: none;
cursor: pointer;
outline: none;
padding: 0;
}
:where(p) {
margin: 0 0 1.2em;
}
:where(p:last-of-type)+h1,
:where(p:last-of-type)+h2,
:where(p:last-of-type)+h3,
:where(p:last-of-type)+h4,
:where(p:last-of-type)+h5,
:where(p:last-of-type)+h6 {
margin-top: 1.2em
}
#brx-header.sticky {
left: 0;
position: fixed;
right: 0;
top: 0;
transition: background-color .2s,transform .4s;
width: 100%;
z-index: 998;
height: var(--menu-h);
}
body.bricks-is-frontend.admin-bar #brx-header.sticky {
top: 3.2rem;
top: var(--wp-admin--admin-bar--height);
}
/*-------------------------------------------------------------------------
---------------------------------------------------------------------------
SECTIONS
---------------------------------------------------------------------------
-------------------------------------------------------------------------*/
.dp-section--main {
width: 100%;
padding: 0 var(--space-m);
}
.dp-section--article {
width: 100%;
padding: 0;
}
.dp-section,
:where(.dp-section, .dp-section--article) > .wp-block-group {
width: 100%;
padding: var(--space-l) var(--space-m);
}
:where(.dp-section, .dp-section--main) > .dp-inner-wrap,
:where(.dp-section, .dp-section--article) > .wp-block-group > .wp-block-group__inner-container,
:where(.dp-section, .dp-section--article) > .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.dp-inner-wrap,
.wp-block-group__inner-container {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
max-width: 1280px;
}
.dp-inner-wrap.dp-align--center,
.wp-block-group.dp-align--center > .wp-block-group__inner-container{
align-items: center;
}
.dp-inner-wrap.dp-align--start {
align-items: flex-start;
}
.dp-inner-wrap.dp-align--end {
align-items: flex-end;
}
#brx-content {
padding-top: var(--header-padding, var(--menu-h));
}
/*---------------------------------------------------
HEADER
----------------------------------------------------*/
.dp-header-row {
background-color: var(--bg-header);
}
.dp-section.dp-header-row {
padding: .4rem var(--space-m);
position: relative;
height: var(--menu-h);
}
/*---------------------------------------------------
HERO
----------------------------------------------------*/
.dp-hero {
position: relative;
overflow: hidden;
height: 66vh;
}
:is(.dp-hero) img {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.dp-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background-image: linear-gradient(360deg,rgba(0,0,0,0.7) 20%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0.1) 85%,rgba(0,0,0,0.05) 90%,rgba(0,0,0,0.01) 95%);
}
.dp-hero-text {
color: var(--white);
text-transform: uppercase;
letter-spacing: .4rem;
z-index: 1;
width: 100%;
}
.dp-hero-text :is(h1, h2) {
color: var(--white);
max-width: 100%;
text-align: center;
}
.dp-site-logo {
color: var(--white);
}
/*---------------------------------------------------
FOOTER
----------------------------------------------------*/
/* footer {
padding-bottom: var(--footer-padding, 2rem);
} */
.dp-footer {
background-color: var(--bg-header);
color: var(--txt-header);
font-size: 1.6rem;
line-height: 1.4;
}
.dp-footer__copy {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: var(--space-s);
}
:is(.dp-contact-wrapper, .dp-footer__copy) > a,
.dp-footer__copy > p {
font-size: 1.4rem;
color: var(--txt-header);
transition: color 0.4s ease-in-out;
}
/*---------------------------------------------------
BACK TO TOP
----------------------------------------------------*/
.dp-btn--btt {
position: fixed;
right: 3rem;
bottom: -10rem;
z-index: 99999;
line-height: 1;
padding: 1rem;
border-radius: var(--radius-xs);
background-color: var(--white);
box-shadow: 0 10px 20px rgba(0,0,0,.3);
transition: bottom 250ms ease, transform 400ms ease-in-out, background-color 400ms ease-in-out;
}
@media only screen and (max-width:991px) {
.dp-btn--btt {
display: none;
}
}
.dp-btn--btt.dp-visible {
bottom: 1.6rem;
}
.dp-btn--btt > svg {
fill: var(--primary);
transition: fill 400ms ease-in-out;
}
/*---------------------------------------------------
BRICKS
----------------------------------------------------*/
:is(.brxe-container, #brx-content.wordpress) {
width: 1280px
}