/*
Theme Name: Ionic Mineral Technologies
Theme URI:
Author: Antenna | Digital
Author URI: https://www.antennagroup.com
Description: Custom theme design for Ionic Mineral Technologies
Version: 2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-Regular.woff2') format('woff2'),
url('assets/fonts/Aeonik-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-RegularItalic.woff2') format('woff2'),
url('assets/fonts/Aeonik-RegularItalic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-Medium.woff2') format('woff2'),
url('assets/fonts/Aeonik-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-MediumItalic.woff2') format('woff2'),
url('assets/fonts/Aeonik-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-Bold.woff2') format('woff2'),
url('assets/fonts/Aeonik-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-BoldItalic.woff2') format('woff2'),
url('assets/fonts/Aeonik-BoldItalic.woff') format('woff');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-Black.woff2') format('woff2'),
url('assets/fonts/Aeonik-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Aeonik';
src: url('assets/fonts/Aeonik-BlackItalic.woff2') format('woff2'),
url('assets/fonts/Aeonik-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'PPNeueMachina';
src: url('assets/fonts/PPNeueMachina-PlainRegular.woff2') format('woff2'),
url('assets/fonts/PPNeueMachina-PlainRegular.woff') format('woff');
font-weight: normal;
}
@font-face {
font-family: 'PPNeueMachina';
src: url('assets/fonts/PPNeueMachina-PlainBold.woff2') format('woff2'),
url('assets/fonts/PPNeueMachina-PlainBold.woff') format('woff');
font-weight: bold;
}
/********************************************************************************
--- CSS BASE ---
*********************************************************************************/
/* 1. Box sizing border-box */
*, *::before, *::after { box-sizing: border-box; }
/* 2. Remove default margin & padding */
html, body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
figure, figcaption,
dl, dd, ol, ul,
fieldset, legend,
button, input, textarea,
hr { margin: 0; padding: 0; }
/* 3. Set core body defaults */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { min-height: 100vh; line-height: 1.5; }
/* 4. Remove list styles on ul, ol elements with a class */
ul[class], ol[class] { list-style: none; }
/* 5. Smooth rendering of media */
img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; }
/* 6. Inherit fonts for form controls */
button, input, optgroup, select, textarea { font: inherit; color: inherit; }
/* 7. Reset anchor defaults but keep semantics */
a { background-color: transparent; color: inherit; text-decoration: none; }
/* 8. Tables */
table { border-collapse: collapse; border-spacing: 0; }
/* 9. Forms */
textarea { resize: vertical; }
/* 10. Remove default border */
img, iframe { border: 0; }
/* 11. Remove default figure spacing (explicit for clarity) */
figure { margin: 0; padding: 0; }
/* 12. Respect prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
html:focus-within { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}
:root {
--bg: #f2f2f0;
--text: #222;
--muted: #5b5b5b;
--card: #fff;
--white: #fff;
--black: #000;
--line: #e2e2dc;
--pill: #e7e7e1;
--accent: #606060;
--menu: #e2e5e4;
--max: 1280px;
--header-h: 128px;
}
/* Global page background */
body, html, .root {
background: var(--bg);
}
/* Set the approved PPNeueMachina font globally with Aeonik as second option */
body {
color: var(--text);
font-family: "PPNeueMachina", "Aeonik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 400;
line-height: 1.6;
}
/* Ensure common elements inherit the base font */
h1, h2, h3, h4, h5, h6,
p, span, li, a, em, button, input, textarea, label { font-family: inherit; }
/* Layout helpers (moved from landing, now theme-wide) */
.container { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: 20px; }
.section { padding: 56px 0; }
/*Reduce Root Element (html) Sizing For REMs*/
@media only screen and (max-width: 1199px){html{font-size:22px}}@media only screen and (max-width: 1023px){html{font-size:20px}}@media only screen and (max-width: 800px){html{font-size:18px}}@media only screen and (max-width: 375px){html{font-size:16px}}
/********************************************************************************
--- Template - Header ---
*********************************************************************************/
.header {z-index:9999;}
/*-----------Drawer Scrollbars-----------*/
.drawer::-webkit-scrollbar {width: 0 !important;}
.drawer::-webkit-scrollbar-track {background:none;}
.drawer::-webkit-scrollbar-thumb {background:none;}
.drawer::-webkit-scrollbar-thumb:window-inactive {background:none;}
.no-touchevents .drawer::-webkit-scrollbar {width:8px!important;}
.no-touchevents .drawer::-webkit-scrollbar-track {background:#ccc;}
.no-touchevents .drawer::-webkit-scrollbar-thumb {background:#000cff;}
.no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {background:none;}
/*-----------Header - Search-----------*/
.search input[type="text"] {margin:0; height:40px; padding-right:2.25em;}
.search button {font-size:1.000rem; position:absolute; top:0; right:0; width:2.5em; height:40px; line-height:40px; color:#ccc; }
.search-row {position:relative;}
/*-----------Header - Utility Links-----------*/
.utility-links ul {list-style:none; margin:0; padding:0;}
.utility-links li, .utility-links a {display:block;}
@media only screen and (min-width: 801px) {
/*-----------Hidden Mobile Elements-----------*/
.content-overlay, .drawer-toggle {display:none;}
/*-----------Header-----------*/
.menu__container { display: flex; align-items: center; justify-content: space-between; }
.header { top: 0; position: fixed; width: 100%; background: transparent; transition:all 250ms ease;}
.admin-bar .header { top: 32px; }
.admin-bar.stuck .header { top: 32px;}
.logo { display: flex; height: 72px; line-height: 72px; z-index: 1; align-items: center; padding-right: 0; transition:all 250ms ease;}
.logo img {display:inline-block; vertical-align:middle;max-height: 100%;}
.stuck .logo { display: flex; height: 72px; line-height: 72px; align-self: center; }
.logo:hover { opacity: 1; color: inherit; }
.logo svg:hover, .logo img:hover { opacity: 1; filter: none; }
/* Rounded header bar wrapper and CTA */
.header .row.column { padding-top: 22px; padding-bottom: 22px; }
.header .header-bar {
background: var(--menu);
border-radius: 999px;
box-shadow: 0 20px 40px rgba(16,24,40,0.06), 0 2px 6px rgba(16,24,40,0.08);
border: 1px solid var(--white); /* white stroke */
display: flex;
align-items: center;
justify-content: space-between;
height: 94px;
padding: 14px 18px 14px 12px; /* reduce left padding to bring logo closer to pill edge */
width: 100%;
max-width: 605px;
margin: 0 auto;
}
.header-actions { margin-left: auto; flex: 0 0 auto; }
/* Expose logo and menu as siblings to align left/center/right */
.header .menu__container { display: contents; }
.logo svg, .logo img { height: 68px; width: auto; }
/*-----------Header - Top - Right-----------*/
.corner { display: flex; justify-content: end; padding-right: 1rem; margin-top: 1rem; }
.stuck .corner { display: none;}
/*-----------Header - Search-----------*/
.search {/*float:left;*/ width:250px;}
/*-----------Header - Utility Links-----------*/
.utility-links {float:right;}
.utility-links li {float:left; line-height:40px; position:relative;}
.utility-links a {padding:0 0.667em; font-size:0.778rem; color:var(--black)}
.utility-links a:hover {color:#000cff;}
}
@media only screen and (min-width: 801px) {
/*-----------Header - Menu-----------*/
.menu {font-size:15px; }
.menu ul {list-style: none; margin: 0; padding: 0;}
.menu li {position:relative;}
.menu li, .menu a {display: block;}
/*-----------Menu - First Level (centered)-----------*/
.drawer { display: flex; flex-direction: column; justify-content: center; flex-shrink: 0; flex: 1 1 auto; align-items: center; height: 100%; }
.menu > ul {float:none; display: inline-flex; align-items: center; justify-content: center; gap: 24px; /* tighter gap for two top items */}
.drawer .menu { text-align: center; width: 100%; height: 100%; }
.drawer .menu > ul { margin: 0 auto; height: 100%; }
.menu > ul > li {float: none; height: 94px; display: flex; align-items: center; }
/* Keep spacing constant to prevent horizontal jump */
.menu > ul > li > a {
padding: 13px 24px;
margin: 0;
z-index: 1;
color: #050505;
font-size: 1.125rem;
font-weight: 400;
position: relative;
height: 42px;
line-height: 1rem;
border-radius: 999px;
background: transparent;
transition: color 200ms ease, background-color 200ms ease;
box-sizing: border-box;
}
.stuck .menu > ul > li > a { height: 42px; line-height: 1rem; }
/* Regular pill on hover */
.menu > ul > li > a:hover,
.menu > ul > li:hover > a {
background: var(--accent);
color: var(--white);
}
/*-----------Menu - Dropdown-----------*/
.menu ul ul {line-height:normal; position: absolute; left: -9999px; top: 95px; width: 225px; transition: opacity .25s ease; background: var(--menu); opacity: 0; box-shadow: 0 8px 8px 1px rgba(0,0,0,0.02); border-radius: 0 0 16px 16px; transform: translateX(-50%); overflow: hidden; border-left: 1px solid var(--white); border-right: 1px solid var(--white); border-bottom: 1px solid var(--white); border-top: none;}
.menu ul ul a {padding:0.667em 1.250em; font-size: 1.0625rem; color: var(--black); transition: background-color 250ms ease;}
.menu ul ul li:not(:last-of-type) {border-bottom: 1px solid var(--white);}
.menu ul ul a:hover, .menu ul ul li.drop-open > a, .menu ul ul li.selected > a { background: var(--bg) }
.no-touchevents .menu > ul > li.drop-open > ul, .touchevents .menu > ul > li:hover > ul { left: 50%; transform: translateX(-50%); opacity: 1;}
.no-touchevents .menu > ul > li.drop-right.drop-open ul, .touchevents .menu > ul > li.drop-right:hover ul { right: auto; left: 50%; transform: translateX(-50%); }
/*-----------Menu - Second Level Dropdown-----------*/
.no-touchevents .menu > ul > li ul li.drop-open ul, .touchevents .menu > ul > li ul li:hover ul {opacity: 1; left: 225px; top:0;}
.no-touchevents .menu > ul > li.drop-right ul li.drop-open ul , .touchevents .menu > ul > li.drop-right ul li:hover ul {left:inherit; right:225px;}
}
@media only screen and (min-width: 960px) {
.menu {font-size: 15px;}
}
@media only screen and (min-width: 1024px) {
.menu {font-size: 16px;}
}
@media only screen and (max-width: 800px) {
/*-----------Header-----------*/
.header {position:fixed; top:0; left:0; width:100%; background: var(--white); box-shadow: 0 1px 0 rgba(0,0,0,0.12);}
/*-----------Header - Logo-----------*/
.logo { display:flex; width:100%; height:60px; line-height:60px; padding:0 15px 0 5px;}
.logo img {width:100%; max-width:105px; display:inline-block; vertical-align:middle;}
.logo svg { max-width: 110px; height: auto; display:inline-block; vertical-align:middle; }
/*-----------Main Menu-----------*/
.menu {font-size:18px; background:var(--black);}
.menu ul { padding: 0; margin: 0; list-style: none;}
.menu li {line-height:1.2;}
.menu li, .menu a {display: block;border-bottom: 1px solid #3f3f3f;}
.menu a {border-bottom:1px solid var(--bg); transition: all 150ms ease;}
.menu ul li a {padding:0.833em 0.667em; color: var(--white); font-size:1.25em; position: relative;}
.menu > ul > li.active > a, .menu > ul > li.selected > a {background: var(--text); color: var(--accent); }
.menu ul li.selected > a { color: var(--accent); font-weight: 500; }
.menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 2.778em; text-align: center; height: 100%; z-index: 1; }
.menu .menu-arrow:after { content: "\e911"; font-family: 'CD-Project-Icons'; color:var(--white); font-size:1.444em; line-height:1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; transition: all 150ms ease;}
.menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:var(--white); }
.menu li.active > a .menu-arrow:after, .menu li.selected > a .menu-arrow:after { color:var(--white); }
.menu li.active > ul { display: block;}
.menu ul ul { background:rgba(0,0,0,0.15); display:none;}
.menu > ul > li > ul > li.active > a {background:rgba(0,0,0,0.25); color:var(--black);}
.menu ul ul li a { font-size: 1.125em; padding-left: 1.765em;}
.menu ul ul ul li a { font-size: 0.938em; padding-left: 3.000em;}
/*-----------Pull Out Menu Content Overlay-----------*/
.content-overlay {visibility: hidden; height: 0; width: 0; background: rgba(0,0,0,0); position: absolute; top: 0; transition: background-color 150ms ease-in-out; z-index:1000;}
/*-----------Pull Out Menu Open-----------*/
.root {position: relative; height: 100%;}
.root.menu_open {overflow:hidden;}
.root.menu_open .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);}
.root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; background: rgba(0,0,0,0.9); overflow:hidden;}
.root.menu_open.slide-left .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);}
.root.menu_open.slide-right .drawer {-webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0);}
.root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; background: rgba(0,0,0,0.7); overflow:hidden;}
.root.menu_open.slide-left.fullwidth .drawer {-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}
.root.menu_open.slide-right.fullwidth .drawer {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
.root.fullwidth.menu_open .content-overlay,
.root.fullwidth .content-overlay { visibility: hidden; }
.root.fullwidth.menu_open .announcement__container { display: none; }
.admin-bar .root.menu_open .content-overlay { top: 32px; }
@media only screen and (max-width: 782px) {
.admin-bar .root.menu_open .content-overlay { top: 46px; }
}
/*-----------Drawer Toggle-----------*/
.drawer-toggle { position: absolute; bottom: 0; right: 0; width:50px; height:60px; text-align:center; display:block; margin:0; padding:0; color:var(--black);}
.drawer-toggle span {position:absolute; display:block; width:28px; height:3px; background:var(--black); top:50%; margin-top:-2px; left:50%; margin-left:-14px;}
.drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; }
.drawer-toggle span::before {top: -8px;}
.drawer-toggle span::after {bottom: -8px;}
.root:not(.fullwidth) .drawer-toggle { z-index: 9999; }
.root.menu_open.slide-right:not(.fullwidth) .drawer-toggle { left:0; right: auto; z-index: 9999; }
.root.menu_open:not(.fullwidth) .drawer-toggle { top:0; }
.root.menu_open .drawer-toggle span { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg);}
.root.menu_open .drawer-toggle span::before {top: 0; transition: top 75ms ease,opacity 75ms ease 0.12s; opacity: 0;}
.root.menu_open .drawer-toggle span::after {bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(0.215,0.61,0.355,1) 0.12s; transform: rotate(-90deg);}
/*-----------Drawer-----------*/
.drawer { position: fixed; z-index:1001; top: 60px; height: 100%; width: 300px; background: var(--black); overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);transition:transform 150ms ease-in-out; opacity: 0; }
.root.menu_open .drawer { opacity: 1;}
.root:not(.fullwidth) .drawer { top: 0; }
.slide-left .drawer {left: -300px; width: 300px; }
.slide-right .drawer { right: -300px; width: 300px;}
.fullwidth .drawer { width: 100%; }
.fullwidth.slide-left .drawer { left: -100%; }
.fullwidth.slide-right .drawer { right: -100%; }
.admin-bar .drawer { top: 32px; }
/* Admin Styles */
@media only screen and (max-width: 782px) {
.admin-bar .root:not(.fullwidth) .drawer { top: 46px; }
.admin-bar .root.fullwidth .drawer { top: calc(46px + 60px); }
}
/*-----------Header - Search-----------*/
.search:not(.page_not_found_search) {padding:0.667em; }
.search button { font-size: 2rem; top: 9px; right: -6px;}
/*-----------Header - Utility LInks-----------*/
.utility-links li {line-height:1.2;}
.utility-links a {font-size:16px; padding:0.667em 0.938em; border-bottom:1px solid rgba(0,0,0,0.25);}
}
@media only screen and (max-width: 375px) {
/* Menu */
.menu {font-size: 17px;}
.root:not(.fullwidth) .drawer {width:280px; }
.root.slide-left:not(.fullwidth) .drawer { left:-280px;}
.root.slide-right:not(.fullwidth) .drawer { right:-280px;}
.root.menu_open.slide-left:not(.fullwidth) .drawer {-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0);}
.root.menu_open.slide-right:not(.fullwidth) .drawer {-webkit-transform: translate3d(-280px, 0, 0); transform: translate3d(-280px, 0, 0);}
}
@media only screen and (max-width: 320px) {
.menu {font-size: 16px;}
.root:not(.fullwidth) .drawer {width:220px; }
.root.slide-left:not(.fullwidth) .drawer { left:-220px;}
.root.slide-right:not(.fullwidth) .drawer { right:-220px;}
.root.menu_open.slide-left:not(.fullwidth) .drawer {-webkit-transform: translate3d(220px, 0, 0); transform: translate3d(220px, 0, 0);}
.root.menu_open.slide-right:not(.fullwidth) .drawer {-webkit-transform: translate3d(-220px, 0, 0); transform: translate3d(-220px, 0, 0);}
}
/********************************************************************************
--- Template Layout ---
*********************************************************************************/
.main {padding:0 0 0 0;}
.main.no-hero { padding-top: 140px; }
@media only screen and (max-width: 800px) {
/*-----------Adjust for Height of Fixed Mobile Menu-----------*/
.wrapper { padding-top: 60px; }
.main.no-hero { padding-top: 60px; }
}
/********************************************************************************
--- Grid ---
*********************************************************************************/
/* Base Grid Classes */
.row{max-width:1280px;margin-right:auto;margin-left:auto}.row::before,.row::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-right:0;padding-left:0}.row .row{margin-right:-0.6667rem;margin-left:-0.6667rem}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.row:not(.expanded) .row{max-width:none}.column,.columns{width:100%;float:left;padding-right:0.6667rem;padding-left:0.6667rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.row-site{width:96%}
/* .xsmall- Grid */
.xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0%}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1>.column,.xsmall-up-1>.columns{float:left;width:100%}.xsmall-up-1>.column:nth-of-type(1n),.xsmall-up-1>.columns:nth-of-type(1n){clear:none}.xsmall-up-1>.column:nth-of-type(1n+1),.xsmall-up-1>.columns:nth-of-type(1n+1){clear:both}.xsmall-up-1>.column:last-child,.xsmall-up-1>.columns:last-child{float:left}.xsmall-up-2>.column,.xsmall-up-2>.columns{float:left;width:50%}.xsmall-up-2>.column:nth-of-type(1n),.xsmall-up-2>.columns:nth-of-type(1n){clear:none}.xsmall-up-2>.column:nth-of-type(2n+1),.xsmall-up-2>.columns:nth-of-type(2n+1){clear:both}.xsmall-up-2>.column:last-child,.xsmall-up-2>.columns:last-child{float:left}.xsmall-up-3>.column,.xsmall-up-3>.columns{float:left;width:33.33333%}.xsmall-up-3>.column:nth-of-type(1n),.xsmall-up-3>.columns:nth-of-type(1n){clear:none}.xsmall-up-3>.column:nth-of-type(3n+1),.xsmall-up-3>.columns:nth-of-type(3n+1){clear:both}.xsmall-up-3>.column:last-child,.xsmall-up-3>.columns:last-child{float:left}.xsmall-up-4>.column,.xsmall-up-4>.columns{float:left;width:25%}.xsmall-up-4>.column:nth-of-type(1n),.xsmall-up-4>.columns:nth-of-type(1n){clear:none}.xsmall-up-4>.column:nth-of-type(4n+1),.xsmall-up-4>.columns:nth-of-type(4n+1){clear:both}.xsmall-up-4>.column:last-child,.xsmall-up-4>.columns:last-child{float:left}.xsmall-up-5>.column,.xsmall-up-5>.columns{float:left;width:20%}.xsmall-up-5>.column:nth-of-type(1n),.xsmall-up-5>.columns:nth-of-type(1n){clear:none}.xsmall-up-5>.column:nth-of-type(5n+1),.xsmall-up-5>.columns:nth-of-type(5n+1){clear:both}.xsmall-up-5>.column:last-child,.xsmall-up-5>.columns:last-child{float:left}.xsmall-up-6>.column,.xsmall-up-6>.columns{float:left;width:16.66667%}.xsmall-up-6>.column:nth-of-type(1n),.xsmall-up-6>.columns:nth-of-type(1n){clear:none}.xsmall-up-6>.column:nth-of-type(6n+1),.xsmall-up-6>.columns:nth-of-type(6n+1){clear:both}.xsmall-up-6>.column:last-child,.xsmall-up-6>.columns:last-child{float:left}.xsmall-up-7>.column,.xsmall-up-7>.columns{float:left;width:14.28571%}.xsmall-up-7>.column:nth-of-type(1n),.xsmall-up-7>.columns:nth-of-type(1n){clear:none}.xsmall-up-7>.column:nth-of-type(7n+1),.xsmall-up-7>.columns:nth-of-type(7n+1){clear:both}.xsmall-up-7>.column:last-child,.xsmall-up-7>.columns:last-child{float:left}.xsmall-up-8>.column,.xsmall-up-8>.columns{float:left;width:12.5%}.xsmall-up-8>.column:nth-of-type(1n),.xsmall-up-8>.columns:nth-of-type(1n){clear:none}.xsmall-up-8>.column:nth-of-type(8n+1),.xsmall-up-8>.columns:nth-of-type(8n+1){clear:both}.xsmall-up-8>.column:last-child,.xsmall-up-8>.columns:last-child{float:left}.xsmall-collapse>.column,.xsmall-collapse>.columns{padding-right:0;padding-left:0}.xsmall-collapse .row{margin-right:0;margin-left:0}.expanded.row .xsmall-collapse.row{margin-right:0;margin-left:0}.xsmall-uncollapse>.column,.xsmall-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.xsmall-centered{margin-right:auto;margin-left:auto}.xsmall-centered,.xsmall-centered:last-child:not(:first-child){float:none;clear:both}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;float:left;margin-right:0;margin-left:0}
/* .small- Grid */
@media print,screen and (min-width:480px){
.small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0%}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1>.column,.small-up-1>.columns{float:left;width:100%}.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){clear:none}.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){clear:both}.small-up-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{float:left;width:50%}.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){clear:none}.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){clear:both}.small-up-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{float:left;width:33.33333%}.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){clear:none}.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){clear:both}.small-up-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{float:left;width:25%}.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){clear:none}.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){clear:both}.small-up-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{float:left;width:20%}.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){clear:none}.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){clear:both}.small-up-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{float:left;width:16.66667%}.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){clear:none}.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){clear:both}.small-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{float:left;width:14.28571%}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{float:left;width:12.5%}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-right:0;padding-left:0}.small-collapse .row{margin-right:0;margin-left:0}.expanded.row .small-collapse.row{margin-right:0;margin-left:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-right:0.6667rem;padding-left:0.6667rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-uncentered,.small-push-0,.small-pull-0{position:static;float:left;margin-right:0;margin-left:0}
}
@media print, screen and (min-width:640px) {
.medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0%}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{float:left;width:100%}.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){clear:none}.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){clear:both}.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{float:left;width:50%}.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){clear:none}.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){clear:both}.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{float:left;width:33.33333%}.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){clear:none}.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){clear:both}.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{float:left;width:25%}.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){clear:none}.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){clear:both}.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{float:left;width:20%}.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){clear:none}.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){clear:both}.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{float:left;width:16.66667%}.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){clear:none}.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){clear:both}.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{float:left;width:14.28571%}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{float:left;width:12.5%}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-right:0;padding-left:0}.medium-collapse .row{margin-right:0;margin-left:0}.expanded.row .medium-collapse.row{margin-right:0;margin-left:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;float:left;margin-right:0;margin-left:0}.column,.columns{padding-right:0.9375rem;padding-left:0.9375rem}.row .row{margin-right:-0.9375rem;margin-left:-0.9375rem}.row-site{width:90%}
}
/* .large- Grid */
@media print, screen and (min-width:801px) {
.large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0%}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1>.column,.large-up-1>.columns{float:left;width:100%}.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){clear:none}.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){clear:both}.large-up-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{float:left;width:50%}.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){clear:none}.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){clear:both}.large-up-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{float:left;width:33.33333%}.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){clear:none}.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){clear:both}.large-up-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{float:left;width:25%}.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){clear:none}.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){clear:both}.large-up-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{float:left;width:20%}.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){clear:none}.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:both}.large-up-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{float:left;width:16.66667%}.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){clear:none}.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){clear:both}.large-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{float:left;width:14.28571%}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{float:left;width:12.5%}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-right:0;padding-left:0}.large-collapse .row{margin-right:0;margin-left:0}.expanded.row .large-collapse.row{margin-right:0;margin-left:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-uncentered,.large-push-0,.large-pull-0{position:static;float:left;margin-right:0;margin-left:0}
}
/* .xlarge- Grid */
@media print, screen and (min-width:960px) {
.xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0%}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1>.column,.xlarge-up-1>.columns{float:left;width:100%}.xlarge-up-1>.column:nth-of-type(1n),.xlarge-up-1>.columns:nth-of-type(1n){clear:none}.xlarge-up-1>.column:nth-of-type(1n+1),.xlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xlarge-up-1>.column:last-child,.xlarge-up-1>.columns:last-child{float:left}.xlarge-up-2>.column,.xlarge-up-2>.columns{float:left;width:50%}.xlarge-up-2>.column:nth-of-type(1n),.xlarge-up-2>.columns:nth-of-type(1n){clear:none}.xlarge-up-2>.column:nth-of-type(2n+1),.xlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xlarge-up-2>.column:last-child,.xlarge-up-2>.columns:last-child{float:left}.xlarge-up-3>.column,.xlarge-up-3>.columns{float:left;width:33.33333%}.xlarge-up-3>.column:nth-of-type(1n),.xlarge-up-3>.columns:nth-of-type(1n){clear:none}.xlarge-up-3>.column:nth-of-type(3n+1),.xlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xlarge-up-3>.column:last-child,.xlarge-up-3>.columns:last-child{float:left}.xlarge-up-4>.column,.xlarge-up-4>.columns{float:left;width:25%}.xlarge-up-4>.column:nth-of-type(1n),.xlarge-up-4>.columns:nth-of-type(1n){clear:none}.xlarge-up-4>.column:nth-of-type(4n+1),.xlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xlarge-up-4>.column:last-child,.xlarge-up-4>.columns:last-child{float:left}.xlarge-up-5>.column,.xlarge-up-5>.columns{float:left;width:20%}.xlarge-up-5>.column:nth-of-type(1n),.xlarge-up-5>.columns:nth-of-type(1n){clear:none}.xlarge-up-5>.column:nth-of-type(5n+1),.xlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xlarge-up-5>.column:last-child,.xlarge-up-5>.columns:last-child{float:left}.xlarge-up-6>.column,.xlarge-up-6>.columns{float:left;width:16.66667%}.xlarge-up-6>.column:nth-of-type(1n),.xlarge-up-6>.columns:nth-of-type(1n){clear:none}.xlarge-up-6>.column:nth-of-type(6n+1),.xlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xlarge-up-6>.column:last-child,.xlarge-up-6>.columns:last-child{float:left}.xlarge-up-7>.column,.xlarge-up-7>.columns{float:left;width:14.28571%}.xlarge-up-7>.column:nth-of-type(1n),.xlarge-up-7>.columns:nth-of-type(1n){clear:none}.xlarge-up-7>.column:nth-of-type(7n+1),.xlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xlarge-up-7>.column:last-child,.xlarge-up-7>.columns:last-child{float:left}.xlarge-up-8>.column,.xlarge-up-8>.columns{float:left;width:12.5%}.xlarge-up-8>.column:nth-of-type(1n),.xlarge-up-8>.columns:nth-of-type(1n){clear:none}.xlarge-up-8>.column:nth-of-type(8n+1),.xlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xlarge-up-8>.column:last-child,.xlarge-up-8>.columns:last-child{float:left}.xlarge-collapse>.column,.xlarge-collapse>.columns{padding-right:0;padding-left:0}.xlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xlarge-collapse.row{margin-right:0;margin-left:0}.xlarge-uncollapse>.column,.xlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xlarge-centered{margin-right:auto;margin-left:auto}.xlarge-centered,.xlarge-centered:last-child:not(:first-child){float:none;clear:both}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0}
}
/* .xxlarge- Grid */
@media print, screen and (min-width:1200px) {
.xxlarge-1{width:8.33333%}.xxlarge-push-1{position:relative;left:8.33333%}.xxlarge-pull-1{position:relative;left:-8.33333%}.xxlarge-offset-0{margin-left:0%}.xxlarge-2{width:16.66667%}.xxlarge-push-2{position:relative;left:16.66667%}.xxlarge-pull-2{position:relative;left:-16.66667%}.xxlarge-offset-1{margin-left:8.33333%}.xxlarge-3{width:25%}.xxlarge-push-3{position:relative;left:25%}.xxlarge-pull-3{position:relative;left:-25%}.xxlarge-offset-2{margin-left:16.66667%}.xxlarge-4{width:33.33333%}.xxlarge-push-4{position:relative;left:33.33333%}.xxlarge-pull-4{position:relative;left:-33.33333%}.xxlarge-offset-3{margin-left:25%}.xxlarge-5{width:41.66667%}.xxlarge-push-5{position:relative;left:41.66667%}.xxlarge-pull-5{position:relative;left:-41.66667%}.xxlarge-offset-4{margin-left:33.33333%}.xxlarge-6{width:50%}.xxlarge-push-6{position:relative;left:50%}.xxlarge-pull-6{position:relative;left:-50%}.xxlarge-offset-5{margin-left:41.66667%}.xxlarge-7{width:58.33333%}.xxlarge-push-7{position:relative;left:58.33333%}.xxlarge-pull-7{position:relative;left:-58.33333%}.xxlarge-offset-6{margin-left:50%}.xxlarge-8{width:66.66667%}.xxlarge-push-8{position:relative;left:66.66667%}.xxlarge-pull-8{position:relative;left:-66.66667%}.xxlarge-offset-7{margin-left:58.33333%}.xxlarge-9{width:75%}.xxlarge-push-9{position:relative;left:75%}.xxlarge-pull-9{position:relative;left:-75%}.xxlarge-offset-8{margin-left:66.66667%}.xxlarge-10{width:83.33333%}.xxlarge-push-10{position:relative;left:83.33333%}.xxlarge-pull-10{position:relative;left:-83.33333%}.xxlarge-offset-9{margin-left:75%}.xxlarge-11{width:91.66667%}.xxlarge-push-11{position:relative;left:91.66667%}.xxlarge-pull-11{position:relative;left:-91.66667%}.xxlarge-offset-10{margin-left:83.33333%}.xxlarge-12{width:100%}.xxlarge-offset-11{margin-left:91.66667%}.xxlarge-up-1>.column,.xxlarge-up-1>.columns{float:left;width:100%}.xxlarge-up-1>.column:nth-of-type(1n),.xxlarge-up-1>.columns:nth-of-type(1n){clear:none}.xxlarge-up-1>.column:nth-of-type(1n+1),.xxlarge-up-1>.columns:nth-of-type(1n+1){clear:both}.xxlarge-up-1>.column:last-child,.xxlarge-up-1>.columns:last-child{float:left}.xxlarge-up-2>.column,.xxlarge-up-2>.columns{float:left;width:50%}.xxlarge-up-2>.column:nth-of-type(1n),.xxlarge-up-2>.columns:nth-of-type(1n){clear:none}.xxlarge-up-2>.column:nth-of-type(2n+1),.xxlarge-up-2>.columns:nth-of-type(2n+1){clear:both}.xxlarge-up-2>.column:last-child,.xxlarge-up-2>.columns:last-child{float:left}.xxlarge-up-3>.column,.xxlarge-up-3>.columns{float:left;width:33.33333%}.xxlarge-up-3>.column:nth-of-type(1n),.xxlarge-up-3>.columns:nth-of-type(1n){clear:none}.xxlarge-up-3>.column:nth-of-type(3n+1),.xxlarge-up-3>.columns:nth-of-type(3n+1){clear:both}.xxlarge-up-3>.column:last-child,.xxlarge-up-3>.columns:last-child{float:left}.xxlarge-up-4>.column,.xxlarge-up-4>.columns{float:left;width:25%}.xxlarge-up-4>.column:nth-of-type(1n),.xxlarge-up-4>.columns:nth-of-type(1n){clear:none}.xxlarge-up-4>.column:nth-of-type(4n+1),.xxlarge-up-4>.columns:nth-of-type(4n+1){clear:both}.xxlarge-up-4>.column:last-child,.xxlarge-up-4>.columns:last-child{float:left}.xxlarge-up-5>.column,.xxlarge-up-5>.columns{float:left;width:20%}.xxlarge-up-5>.column:nth-of-type(1n),.xxlarge-up-5>.columns:nth-of-type(1n){clear:none}.xxlarge-up-5>.column:nth-of-type(5n+1),.xxlarge-up-5>.columns:nth-of-type(5n+1){clear:both}.xxlarge-up-5>.column:last-child,.xxlarge-up-5>.columns:last-child{float:left}.xxlarge-up-6>.column,.xxlarge-up-6>.columns{float:left;width:16.66667%}.xxlarge-up-6>.column:nth-of-type(1n),.xxlarge-up-6>.columns:nth-of-type(1n){clear:none}.xxlarge-up-6>.column:nth-of-type(6n+1),.xxlarge-up-6>.columns:nth-of-type(6n+1){clear:both}.xxlarge-up-6>.column:last-child,.xxlarge-up-6>.columns:last-child{float:left}.xxlarge-up-7>.column,.xxlarge-up-7>.columns{float:left;width:14.28571%}.xxlarge-up-7>.column:nth-of-type(1n),.xxlarge-up-7>.columns:nth-of-type(1n){clear:none}.xxlarge-up-7>.column:nth-of-type(7n+1),.xxlarge-up-7>.columns:nth-of-type(7n+1){clear:both}.xxlarge-up-7>.column:last-child,.xxlarge-up-7>.columns:last-child{float:left}.xxlarge-up-8>.column,.xxlarge-up-8>.columns{float:left;width:12.5%}.xxlarge-up-8>.column:nth-of-type(1n),.xxlarge-up-8>.columns:nth-of-type(1n){clear:none}.xxlarge-up-8>.column:nth-of-type(8n+1),.xxlarge-up-8>.columns:nth-of-type(8n+1){clear:both}.xxlarge-up-8>.column:last-child,.xxlarge-up-8>.columns:last-child{float:left}.xxlarge-collapse>.column,.xxlarge-collapse>.columns{padding-right:0;padding-left:0}.xxlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xxlarge-collapse.row{margin-right:0;margin-left:0}.xxlarge-uncollapse>.column,.xxlarge-uncollapse>.columns{padding-right:0.9375rem;padding-left:0.9375rem}.xxlarge-centered{margin-right:auto;margin-left:auto}.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child){float:none;clear:both}.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0}
}
/* Block Grid */
.column-block{margin-bottom:1.875rem}.column-block>:last-child{margin-bottom:0}
/********************************************************************************
--- CD Font Icons Packcage - Full (replace with project icon set if supplied) ---
*********************************************************************************/
@font-face {font-family: 'CD-Project-Icons'; src: url(assets/fonts/CD-Project-Icons.woff2?yk0w7i) format('woff2'), url(assets/fonts/CD-Project-Icons.ttf?yk0w7i) format('truetype'), url(assets/fonts/CD-Project-Icons.woff?yk0w7i) format('woff'), url(assets/fonts/CD-Project-Icons.svg?yk0w7i#CD-Project-Icons) format('svg'); font-weight: normal; font-style: normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'CD-Project-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-arrow-drop-left:before{content: "\ea20";}.icon-arrow-drop-right:before{content: "\ea21";}.icon-image:before{content:"\e900"}.icon-about:before{content:"\e901"}.icon-account-box:before{content:"\e902"}.icon-account-circle:before{content:"\e903"}.icon-add-circle-fill:before{content:"\e904"}.icon-add-circle:before{content:"\e905"}.icon-add-user-male:before{content:"\e906"}.icon-add:before{content:"\e907"}.icon-address-book:before{content:"\e908"}.icon-addthis:before{content:"\e909"}.icon-adobeacrobatreader:before{content:"\e90a"}.icon-advertising:before{content:"\e90b"}.icon-airplane-mode-on:before{content:"\e90c"}.icon-alarm-clock:before{content:"\e90d"}.icon-albums:before{content:"\e90e"}.icon-android:before{content:"\e90f"}.icon-angle-down-circle:before{content:"\e910"}.icon-angle-down:before{content:"\e911"}.icon-angle-left-circle:before{content:"\e912"}.icon-angle-left:before{content:"\e913"}.icon-angle-right-circle:before{content:"\e914"}.icon-angle-right:before{content:"\e915"}.icon-angle-up-circle:before{content:"\e916"}.icon-angle-up:before{content:"\e917"}.icon-apple:before{content:"\e918"}.icon-approval:before{content:"\e919"}.icon-arrow-down-circle:before{content:"\e91a"}.icon-arrow-down-long:before{content:"\e91b"}.icon-arrow-down:before{content:"\e91c"}.icon-arrow-drop-down:before{content:"\e91d"}.icon-arrow-drop-up:before{content:"\e91e"}.icon-arrow-left-circle:before{content:"\e91f"}.icon-arrow-left-long:before{content:"\e920"}.icon-arrow-left:before{content:"\e921"}.icon-arrow-right-circle:before{content:"\e922"}.icon-arrow-right-long:before{content:"\e923"}.icon-arrow-right:before{content:"\e924"}.icon-arrow-up-circle:before{content:"\e925"}.icon-arrow-up-long:before{content:"\e926"}.icon-arrow-up:before{content:"\e927"}.icon-aspect-ratio:before{content:"\e928"}.icon-attach:before{content:"\e929"}.icon-attention:before{content:"\e92a"}.icon-audio:before{content:"\e92b"}.icon-automation:before{content:"\e92c"}.icon-ball-point-pen:before{content:"\e92d"}.icon-bank-card-back-side:before{content:"\e92e"}.icon-bank-cards:before{content:"\e92f"}.icon-bell:before{content:"\e930"}.icon-book:before{content:"\e931"}.icon-bookmark-ribbon:before{content:"\e932"}.icon-bookmark:before{content:"\e933"}.icon-box:before{content:"\e934"}.icon-briefcase:before{content:"\e935"}.icon-browse-podcasts:before{content:"\e936"}.icon-building-line:before{content:"\e937"}.icon-building:before{content:"\e938"}.icon-businessman:before{content:"\e939"}.icon-buy:before{content:"\e93a"}.icon-calculator:before{content:"\e93b"}.icon-calendar:before{content:"\e93c"}.icon-camera:before{content:"\e93d"}.icon-cancel-circle-fill:before{content:"\e93e"}.icon-cancel-circle:before{content:"\e93f"}.icon-cc-amex:before{content:"\e940"}.icon-cc-discover:before{content:"\e941"}.icon-cc-mastercard:before{content:"\e942"}.icon-cc-paypal:before{content:"\e943"}.icon-cc-stripe:before{content:"\e944"}.icon-cc-visa:before{content:"\e945"}.icon-cellular-network:before{content:"\e946"}.icon-chart-bar:before{content:"\e947"}.icon-chart-combo:before{content:"\e948"}.icon-chat:before{content:"\e949"}.icon-check-circle:before{content:"\e94a"}.icon-check:before{content:"\e94b"}.icon-checkbox-checked-circle-line:before{content:"\e94c"}.icon-checkbox-checked-circle:before{content:"\e94d"}.icon-checkbox-checked-line:before{content:"\e94e"}.icon-checkbox-checked:before{content:"\e94f"}.icon-checkbox-unchecked:before{content:"\e950"}.icon-circle-fill:before{content:"\e951"}.icon-circle:before{content:"\e952"}.icon-clear-all:before{content:"\e953"}.icon-clock:before{content:"\e954"}.icon-close:before{content:"\e955"}.icon-cloud:before{content:"\e956"}.icon-coins:before{content:"\e957"}.icon-collaboration:before{content:"\e958"}.icon-comments:before{content:"\e959"}.icon-compact-camera:before{content:"\e95a"}.icon-computer:before{content:"\e95b"}.icon-conference:before{content:"\e95c"}.icon-contact-card:before{content:"\e95d"}.icon-contacts:before{content:"\e95e"}.icon-copy:before{content:"\e95f"}.icon-create-new:before{content:"\e960"}.icon-dashboard:before{content:"\e961"}.icon-data-usage:before{content:"\e962"}.icon-database:before{content:"\e963"}.icon-decline:before{content:"\e964"}.icon-define-location:before{content:"\e965"}.icon-delivery:before{content:"\e966"}.icon-document:before{content:"\e967"}.icon-documents:before{content:"\e968"}.icon-download:before{content:"\e969"}.icon-duplicate:before{content:"\e96a"}.icon-edit-square:before{content:"\e96b"}.icon-edit:before{content:"\e96c"}.icon-error-line:before{content:"\e96d"}.icon-error:before{content:"\e96e"}.icon-expand:before{content:"\e96f"}.icon-external:before{content:"\e970"}.icon-facebook-square:before{content:"\e971"}.icon-facebook:before{content:"\e972"}.icon-file:before{content:"\e973"}.icon-filter-list:before{content:"\e974"}.icon-filter:before{content:"\e975"}.icon-flash-light:before{content:"\e976"}.icon-folder:before{content:"\e977"}.icon-following:before{content:"\e978"}.icon-fullscreen-exit:before{content:"\e979"}.icon-fullscreen:before{content:"\e97a"}.icon-gallery-carousel:before{content:"\e97b"}.icon-gallery:before{content:"\e97c"}.icon-gears:before{content:"\e97d"}.icon-genius:before{content:"\e97e"}.icon-geo-fence:before{content:"\e97f"}.icon-gift:before{content:"\e980"}.icon-globe-earth:before{content:"\e981"}.icon-globe:before{content:"\e982"}.icon-google:before{content:"\e983"}.icon-googleplay:before{content:"\e984"}.icon-googleplus-square:before{content:"\e985"}.icon-googleplus:before{content:"\e986"}.icon-graduation-cap:before{content:"\e987"}.icon-grid-6:before{content:"\e988"}.icon-grid:before{content:"\e989"}.icon-hand-cursor:before{content:"\e98a"}.icon-handshake:before{content:"\e98b"}.icon-happy:before{content:"\e98c"}.icon-health-sources:before{content:"\e98d"}.icon-heart:before{content:"\e98e"}.icon-help-line:before{content:"\e98f"}.icon-help:before{content:"\e990"}.icon-high-priority:before{content:"\e991"}.icon-home:before{content:"\e992"}.icon-houzz-square:before{content:"\e993"}.icon-houzz:before{content:"\e994"}.icon-idea:before{content:"\e995"}.icon-image-file:before{content:"\e996"}.icon-inbox:before{content:"\e997"}.icon-info:before{content:"\e998"}.icon-instagram-square:before{content:"\e999"}.icon-instagram:before{content:"\e99a"}.icon-investment:before{content:"\e99b"}.icon-invisible:before{content:"\e99c"}.icon-iphone-x:before{content:"\e99d"}.icon-iphone:before{content:"\e99e"}.icon-key:before{content:"\e99f"}.icon-keyboard-arrow-down:before{content:"\e9a0"}.icon-keyboard-arrow-left:before{content:"\e9a1"}.icon-keyboard-arrow-right:before{content:"\e9a2"}.icon-keyboard-arrow-up:before{content:"\e9a3"}.icon-keypad:before{content:"\e9a4"}.icon-laptop:before{content:"\e9a5"}.icon-layers-line:before{content:"\e9a6"}.icon-layers:before{content:"\e9a7"}.icon-line-chart:before{content:"\e9a8"}.icon-link:before{content:"\e9a9"}.icon-linkedin-square:before{content:"\e9aa"}.icon-linkedin:before{content:"\e9ab"}.icon-list:before{content:"\e9ac"}.icon-literature:before{content:"\e9ad"}.icon-lock:before{content:"\e9ae"}.icon-mail-line:before{content:"\e9af"}.icon-mail:before{content:"\e9b0"}.icon-maintenance:before{content:"\e9b1"}.icon-map-marker:before{content:"\e9b2"}.icon-map:before{content:"\e9b3"}.icon-marker:before{content:"\e9b4"}.icon-meeting:before{content:"\e9b5"}.icon-memories:before{content:"\e9b6"}.icon-menu:before{content:"\e9b7"}.icon-message:before{content:"\e9b8"}.icon-microphone:before{content:"\e9b9"}.icon-microsoftexcel:before{content:"\e9ba"}.icon-microsoftpowerpoint:before{content:"\e9bb"}.icon-microsoftword:before{content:"\e9bc"}.icon-minus-circle-fill:before{content:"\e9bd"}.icon-minus-circle:before{content:"\e9be"}.icon-minus:before{content:"\e9bf"}.icon-mobile:before{content:"\e9c0"}.icon-money-bag:before{content:"\e9c1"}.icon-money:before{content:"\e9c2"}.icon-monitor:before{content:"\e9c3"}.icon-movie:before{content:"\e9c4"}.icon-music-library:before{content:"\e9c5"}.icon-musical-notes:before{content:"\e9c6"}.icon-news:before{content:"\e9c7"}.icon-note:before{content:"\e9c8"}.icon-ok:before{content:"\e9c9"}.icon-online-support:before{content:"\e9ca"}.icon-open:before{content:"\e9cb"}.icon-order:before{content:"\e9cc"}.icon-paper-money:before{content:"\e9cd"}.icon-paper-plane:before{content:"\e9ce"}.icon-password:before{content:"\e9cf"}.icon-paypal:before{content:"\e9d0"}.icon-pdf:before{content:"\e9d1"}.icon-pencil:before{content:"\e9d2"}.icon-people:before{content:"\e9d3"}.icon-phone-call:before{content:"\e9d4"}.icon-phone:before{content:"\e9d5"}.icon-photo:before{content:"\e9d6"}.icon-pie-chart:before{content:"\e9d7"}.icon-pinterest-square:before{content:"\e9d8"}.icon-pinterest:before{content:"\e9d9"}.icon-play-circle-fill:before{content:"\e9da"}.icon-play-circle:before{content:"\e9db"}.icon-play:before{content:"\e9dc"}.icon-plus:before{content:"\e9dd"}.icon-price-tag:before{content:"\e9de"}.icon-print:before{content:"\e9df"}.icon-product:before{content:"\e9e0"}.icon-qr-code:before{content:"\e9e1"}.icon-quotes-close:before{content:"\e9e2"}.icon-quotes-open:before{content:"\e9e3"}.icon-radio-waves:before{content:"\e9e4"}.icon-refresh:before{content:"\e9e5"}.icon-report-card:before{content:"\e9e6"}.icon-restaurant:before{content:"\e9e7"}.icon-rocket:before{content:"\e9e8"}.icon-save:before{content:"\e9e9"}.icon-screenshot:before{content:"\e9ea"}.icon-search:before{content:"\e9eb"}.icon-security-checked:before{content:"\e9ec"}.icon-server:before{content:"\e9ed"}.icon-settings:before{content:"\e9ee"}.icon-shop:before{content:"\e9ef"}.icon-shopping-bag:before{content:"\e9f0"}.icon-shopping-cart-loaded:before{content:"\e9f1"}.icon-shopping-cart:before{content:"\e9f2"}.icon-shutdown:before{content:"\e9f3"}.icon-sms:before{content:"\e9f4"}.icon-soundcloud:before{content:"\e9f5"}.icon-speech-buble:before{content:"\e9f6"}.icon-spotify:before{content:"\e9f7"}.icon-stack-of-photos:before{content:"\e9f8"}.icon-star-half:before{content:"\e9f9"}.icon-star-line:before{content:"\e9fa"}.icon-star:before{content:"\e9fb"}.icon-statistics:before{content:"\e9fc"}.icon-stopwatch:before{content:"\e9fd"}.icon-sun:before{content:"\e9fe"}.icon-support:before{content:"\e9ff"}.icon-syncronize:before{content:"\ea00"}.icon-thumbs-up:before{content:"\ea01"}.icon-timer:before{content:"\ea02"}.icon-toggle-off:before{content:"\ea03"}.icon-toggle-on:before{content:"\ea04"}.icon-training:before{content:"\ea05"}.icon-trash:before{content:"\ea06"}.icon-trophy:before{content:"\ea07"}.icon-truck:before{content:"\ea08"}.icon-twitter-square:before{content:"\ea09"}.icon-twitter:before{content:"\ea0a"}.icon-unlock:before{content:"\ea0b"}.icon-upload:before{content:"\ea0c"}.icon-usd-fill:before{content:"\ea0d"}.icon-usd:before{content:"\ea0e"}.icon-user-group-man-man:before{content:"\ea0f"}.icon-user-group-man-woman:before{content:"\ea10"}.icon-user-male:before{content:"\ea11"}.icon-video-call:before{content:"\ea12"}.icon-videos-purchased:before{content:"\ea13"}.icon-visible:before{content:"\ea14"}.icon-wallet-app:before{content:"\ea15"}.icon-wallet:before{content:"\ea16"}.icon-warning-line:before{content:"\ea17"}.icon-warning:before{content:"\ea18"}.icon-wifi:before{content:"\ea19"}.icon-worldwide-location:before{content:"\ea1a"}.icon-yelp-square:before{content:"\ea1b"}.icon-yelp:before{content:"\ea1c"}.icon-youtube:before{content:"\ea1d"}.icon-zoom-in:before{content:"\ea1e"}.icon-zoom-out:before{content:"\ea1f"}
/********************************************************************************
--- Template - Page Elements ---
*********************************************************************************/
/*-----------Titles-----------*/
.page-title { font-size: clamp(32px, 3.5vw, 72px); line-height: 1.1; font-weight: 400; letter-spacing: 0.01em; color: var(--text); }
h1, h2, h3, h4, h5, h6 { margin: 0 0 0.633em 0; line-height: 1.2; font-weight: 400; font-style: normal; color: var(--text); letter-spacing: 0.01em; font-family: inherit; }
h1, .h1 {font-size: clamp(34px, 3.3vw, 66px); line-height: 1.125;}
h2, .h2 {font-size: clamp(26px, 2.9vw, 56px); line-height: 1.125;}
h3, .h3 {font-size: clamp(22px, 2.4vw, 40px)}
h4, .h4 {font-size: clamp(19px, 2.0vw, 30px)}
h5, .h5 {font-size: clamp(17px, 1.9vw, 21px); color: var(--muted);}
h6, .h6 {font-size: clamp(15px, 1.7vw, 17px); color: var(--muted);}
.subheader { font-weight: 300; margin-top: -0.6em}
.headings {border-bottom:1px solid #ccc; padding:0 0 0.667em 0; margin:0 0 1.667em 0; position:relative;}
.headings:before {content:""; display:block; position:absolute; bottom:-1px; left:0; width:175px; height:1px; background:var(--black);}
.headings span[class^="icon-"] {color:#ccc; font-size:80%; margin-right:0.167em;}
/*-----------Branding Colors-----------*/
.white {color:var(--white)}
.bg-white {background-color: var(--white);}
.charcoal {color:var(--black);}
.bg-charcoal {background-color:var(--black);}
.charged-yellow { color: var(--accent); }
.bg-charged-yellow { background-color: var(--accent); }
.gray {color:#3f3f3f;}
.bg-gray {background-color:#3f3f3f;}
/*-----------Gradients-----------*/
.bg-gradient-01 { background: linear-gradient(36deg, #3f3f3f 0%, var(--black) 100%); }
.bg-gradient-02 { background: linear-gradient(36deg, var(--accent) 0%, #3f3f3f 100%); }
/*-----------Graphics-----------*/
/* NOTE: opacity is adjusted for a given section via an ACF field in the Starting Page Component. See background-for-multiple-components-start.php */
.bg-graphic-01:before { content: "";position: absolute;width: 100%;height: 100%; background-image: url( assets/images/dot-pattern-light.png); background-position: bottom left; background-size: contain; background-repeat: no-repeat; opacity: .5;}
.bg-graphic-02:before { content: "";position: absolute;width: 100%;height: 100%; background-image: url(assets/images/dot-pattern-dark.png); background-position: bottom left; background-size: contain; background-repeat: no-repeat; opacity: .5;}
/*-----------Patterns-----------*/
/* NOTE: opacity is adjusted for a given section via an ACF field in the Starting Page Component. See background-for-multiple-components-start.php */
.bg-pattern-01:before { content: "";position: absolute;width: 100%;height: 100%; background-image: url(assets/images/bg-pattern-for-dark-bg.png); background-position: top left; background-size: auto; background-repeat: repeat; opacity: .5; }
.bg-pattern-02:before { content: "";position: absolute;width: 100%;height: 100%; background-image: url(assets/images/bg-pattern-for-light-bg.png); background-position: top left; background-size: auto; background-repeat: repeat; opacity: .5; }
/*-----------Lists-----------*/
.list-reset { list-style: none; padding: 0; margin: 0; }
ul, ol { margin: 0 0 1.000em 1.778em; padding: 0; }
/* using .main and the :not([class]) to target only regular ul's in page content. This approach avoids adding unwanted css to things like the main nav and responsive tabs */
.main ul:not([class]) { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; }
.main ul:not([class]) li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative; }
.main ul:not([class]) li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color: var(--accent); }
.main ul:not([class]) li:before { font-size: 13px; content: "\e951"; top: 0.725em;}
.main ul:not([class]) ul { margin: 1.250em 0 0 0.667em; }
/* this targets the sitemap list, currently used on the 404 page */
.main ul[class^="wsp"] { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; }
.main ul[class^="wsp"] li { list-style: none; margin: 0 0 .125em 0; padding: 0 0 0 1.250em; position: relative; }
.main ul[class^="wsp"] li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color: var(--accent); }
.main ul[class^="wsp"] li:before { font-size: 1em; content: "\e915"; top: -0.0625em;}
.main ul[class^="wsp"] ul { margin: .250em 0 0 0.667em; }
ul.two-columns { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; }
ul.two-columns li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative; }
ul.two-columns li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color: var(--accent); }
ul.two-columns li:before { font-size: 1em; content: "\e915"; top: -0.0625em;}
ul.two-columns ul { margin: 1.250em 0 0 0.667em; }
ul.three-columns { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; }
ul.three-columns li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative; }
ul.three-columns li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color: var(--accent); }
ul.three-columns li:before { font-size: 1em; content: "\e915"; top: -0.0625em;}
ul.three-columns ul { margin: 1.250em 0 0 0.667em; }
ol, li { line-height: 1.5; font-size: clamp(18px, 3.1vw, 25px); }
ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; }
ol li { counter-increment: section; position: relative; padding: 0 0 0 1.125em; margin-bottom: 1.250em; }
ol li:before { font-weight: 700; content: counters(section, ".") "."; display: inline-block; color: var(--accent); margin-right: 0.5em; }
ol ol { margin: 1.778em 0; }
ol ol li { font-size: 0.875em; }
ol ol li { padding-left: 2.1429em; }
ul.bullets, ul.checkmarks { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; }
ul.bullets li, ul.checkmarks li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.250em; position: relative; }
ul.bullets li:before, ul.checkmarks li:before { font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; left: 0; color: var(--accent); }
ul.bullets li:before { font-size: .52rem; content: "\e951"; top: 0.34rem; }
ul.checkmarks li:before { font-size: 1em; content: "\e94b"; top: -0.0625em;}
.main ul.checkmarks ul { margin: 1.250em 0 0 0.667em }
.main ul.checkmarks ul li:before { font-size: 1em; content: "\e94b"; top: -0.0625em;}
ul.bullets ul, ul.checkmarks ul { margin: 1.250em 0 0 0.667em; }
ul.two-columns { column-count: 2; column-gap: 40px; }
ul.three-columns { column-count: 3; column-gap: 40px; }
ul.no-bullets {list-style: none; margin-left: 0;}
ul.no-bullets li { margin: 0 0 1.125em 0; padding-left: 0; }
ul.no-bullets li:before { content: none; }
.main .center ul, .main .center ul.bullets, .main .center ul.checkmarks { width: fit-content; margin: 0 auto 1.000em; text-align: left; }
@media (max-width: 800px) {
ul.two-columns { column-count: 2; column-gap: 40px; }
ul.three-columns { column-count: 2; column-gap: 40px; }
}
@media (max-width: 479px) {
ul.two-columns { column-count: 1; column-gap: 0px; }
ul.three-columns { column-count: 1; column-gap: 0px; }
}
.article { font-size: 1.125rem; }
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { margin: 1.750em 0 1.500em; }
/*-----------Paragraphs-----------*/
p { margin: 0 0 1.200em 0; line-height: 1.7; letter-spacing: 0.01em; color: var(--muted); font-size: clamp(18px, 3.1vw, 25px); }
/*-----------Links-----------*/
a { color: var(--accent); /*font-weight: 600;*/ text-decoration: none; transition: color 300ms ease-out; }
a:hover {color:#3f3f3f; text-decoration: none; cursor: pointer; }
a img {transition: opacity 300ms ease-out; }
a img:hover { opacity: .7;}
a svg {transition: opacity 300ms ease-out; }
a:not(.home__hero-button) svg:hover { opacity: .7;}
/*-----------Images-----------*/
img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }
img.aligntop { margin: 0 0 1.500em 0; }
img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em}
img.alignleft { float: left; margin-right:1.389em;}
img.alignright { float: right; margin-left:1.389em;}
img.border { border: 1px solid #ccc; padding:0.278em; background: var(--white);}
/*-----------Aligning-----------*/
.left-align { text-align: left }
.center { text-align: center }
.right-align { text-align: right }
.left { float: left }
.right { float: right }
/*-----------Misc Typography-----------*/
.aeonik {font-family: Aeonik, Arial, sans-serif;}
.pp-neue-machina {font-family: PPNeueMachina, sans-serif;}
.lead { font-size: 1.3rem; line-height:1.5;}
.small { font-size:.85rem; }
.regular { font-weight:400; }
.medium {font-weight:500;}
.bold { font-weight:700; }
.black { font-weight:900; }
.italic { font-style: italic }
.caps { text-transform: uppercase;}
.regular-case {text-transform: none;}
.justify { text-align: justify }
.nowrap { white-space: nowrap }
.break-word { word-wrap: break-word }
.truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t1 {font-size:0.875rem; line-height: 1.2}
.t2 {font-size:1.000rem}
.t3 {font-size:1.125rem}
.t4 {font-size:1.250rem}
.t5 {font-size:1.375rem}
.t6 {font-size:1.500rem}
.t7 {font-size:1.625rem}
.t8 {font-size:1.750rem}
.t9 {font-size:1.875rem}
.t10 {font-size:2.000rem}
.t4,.t5,.t6 {line-height:1.35}
.t7,.t8,.t9,.t10 {line-height:1.2}
/*-----------Spacing-----------*/
.mx-auto { margin-left: auto; margin-right: auto; }
.m0 { margin: 0 }
.mt0 { margin-top: 0 }
.mt1 { margin-top: 0.313rem }
.mt2 { margin-top: 0.625rem }
.mt3 { margin-top: 0.938rem }
.mt4 { margin-top: 1.250rem }
.mt5 { margin-top: 1.563rem }
.mt6 { margin-top: 1.875rem }
.mt7 { margin-top: 2.500rem }
.mt8 { margin-top: 3.125rem }
.mt9 { margin-top: 3.750rem }
.mt10 { margin-top: 5.000rem }
.mt11 { margin-top: 6.250rem }
.mt12 { margin-top: 8.750rem }
.mb0 { margin-bottom: 0 }
.mb1 { margin-bottom: 0.313rem }
.mb2 { margin-bottom: 0.625rem }
.mb3 { margin-bottom: 0.938rem }
.mb4 { margin-bottom: 1.250rem }
.mb5 { margin-bottom: 1.563rem }
.mb6 { margin-bottom: 1.875rem }
.mb7 { margin-bottom: 2.500rem }
.mb8 { margin-bottom: 3.125rem }
.mb9 { margin-bottom: 3.750rem }
.mb10 { margin-bottom: 5.000rem }
.mb11 { margin-bottom: 6.250rem }
.mb12 { margin-bottom: 8.750rem }
.p0 { padding: 0 }
.pt0 { padding-top: 0 }
.pt1 { padding-top: 0.313rem }
.pt2 { padding-top: 0.625rem }
.pt3 { padding-top: 0.938rem }
.pt4 { padding-top: 1.250rem }
.pt5 { padding-top: 1.563rem }
.pt6 { padding-top: 1.875rem }
.pt7 { padding-top: 2.500rem }
.pt8 { padding-top: 3.125rem }
.pt9 { padding-top: 3.750rem }
.pt10 { padding-top: 5.000rem }
.pt11 { padding-top: 6.250rem }
.pt12 { padding-top: 8.750rem }
.pb0 { padding-bottom: 0 }
.pb1 { padding-bottom: 0.313rem }
.pb2 { padding-bottom: 0.625rem }
.pb3 { padding-bottom: 0.938rem }
.pb4 { padding-bottom: 1.250rem }
.pb5 { padding-bottom: 1.563rem }
.pb6 { padding-bottom: 1.875rem }
.pb7 { padding-bottom: 2.500rem }
.pb8 { padding-bottom: 3.125rem }
.pb9 { padding-bottom: 3.750rem }
.pb10 { padding-bottom: 5.000rem }
.pb11 { padding-bottom: 6.250rem }
.pb12 { padding-bottom: 8.750rem }
/*-----------Borders and Rounding-----------*/
.border { border-style: solid; border-width: 1px; border-color:#ccc; }
.border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#ccc; }
.border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#ccc; }
.border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#ccc; }
.border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#ccc; }
.border-none { border: 0 }
.rounded { border-radius: 3px }
.circle { border-radius: 50% }
.rounded-top { border-radius: 3px 3px 0 0 }
.rounded-right { border-radius: 0 3px 3px 0 }
.rounded-bottom { border-radius: 0 0 3px 3px }
.rounded-left { border-radius: 3px 0 0 3px }
.not-rounded { border-radius: 0 }
/*-----------Blockquotes-----------*/
blockquote {margin: 0 0 1.389em 0; padding:0 0 0 2.5em;; position:relative;}
blockquote .quote {line-height: 1.7; margin:0 0 1.000em 0; font-style: italic; }
blockquote .quote:before {font-size:1.5em; content:'\e9e3'; font-family: 'CD-Project-Icons'; font-style: normal; position:absolute; top:-0.0667em; left:0; color: var(--accent); line-height:1; }
blockquote .quote p {font-size: 1.0625rem;}
blockquote .cite {font-weight: 700; }
blockquote .cite span {font-size:0.857em; font-weight: 400; margin: 0 0 0 0.389em }
blockquote :last-child { margin: 0; }
/*-----------Divider-----------*/
hr { border: none; height: 1px; background: #ccc; clear: both; margin: 1.389em 0; }
/*-----------Responsive Embed-----------*/
.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container.youtube__video video { width: 100%; height: 100%; object-fit: cover; }
.content-block .embed-container { padding-bottom: 0%; /*height: 100vh;*/ /*max-height: 637px;*/ }
.content-block .embed-container.youtube__video { height: 100vh; max-height: 637px; }
.video { width: 100%; /*height: 100vh;*/ object-fit: cover; display: block;}
.page-hero__container .video { width: 100%; height: 575px; object-fit: cover; }
/*-----------Buttons-----------*/
.button {font-size: 1rem; font-weight: 500; cursor: pointer; line-height: 1; border: none; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 0.6em 1.3em;transition: all 200ms ease; color: var(--white); background-color: var(--accent); border-radius: 4px; }
body:not(.user-is-tabbing) .button {outline: none;}
.button:hover, .button:focus {color: var(--white); background-color: var(--accent); transform: translateY(-2px);}
.button.secondary {background-color: var(--black); }
.button.secondary:hover, .button.secondary:focus {background-color: var(--accent); color: var(--white); transform: translateY(-2px);}
.button.tiny {padding: 0.5em 1.2em; font-size: 0.7rem;}
.button.expand {padding-right: 0; padding-left: 0; width: 100%;}
.button.wide {padding-left: 3.333em; padding-right: 3.333em;}
button.reset {border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0;}
.button__container .button { margin-bottom: 0; }
.button__container { gap: 10px; display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: auto; }
.center .button__container { justify-content: center; }
/* Add arrow button icon via ::after for .button class */
.button {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
}
.button::after {
content: "";
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);
background: transparent;
display: inline-flex;
flex-shrink: 0;
position: relative;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
/* Arrow SVG as background */
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}
.button:hover::after {
background-color: var(--bg);
border-color: var(--white);
transform: translateY(-1px);
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
.button:not(:last-of-type) { margin-right: 1rem;}
.text-button:not(:last-of-type) { margin-right: 1rem;}
/*-----------Text Buttons-----------*/
/* Base .text-button now matches .button styling with pill shape and ::after arrow */
.text-button {
font-size: 1rem;
font-weight: 500;
cursor: pointer;
line-height: 1;
border: none;
margin: 0 0 1.111em 0;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
transition: all 200ms ease;
color: var(--white);
background-color: var(--accent);
}
.text-button:hover, .text-button:focus {
transform: translateY(-2px);
color: var(--white);
background-color: var(--accent);
}
.text-button.secondary {
background-color: var(--black);
}
.text-button.secondary:hover, .text-button.secondary:focus {
background-color: var(--accent);
}
/* Add arrow button icon via ::after for .text-button class */
.text-button::after {
content: "";
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);
background: transparent;
display: inline-flex;
flex-shrink: 0;
position: relative;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
/* Arrow SVG as background */
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}
.text-button:hover::after {
background-color: var(--bg);
border-color: var(--white);
transform: translateY(-1px);
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
/* Legacy icon-arrow support - hide these when using base .text-button */
.text-button > .icon-arrow-right { display: none; }
.text-button > .icon-arrow-left { display: none; }
.numbered__list-link .text-button > .icon-arrow-right { transform: translateX(5px) rotate(-45deg); margin-bottom: 3px; color: var(--accent); font-size: 1.1875rem; transition: all 250ms ease-out; }
.numbered__list-link .text-button:hover > .icon-arrow-right { color: #3f3f3f; transform: translateX(5px) rotate(0deg); }
@media only screen and (max-width: 1023px) {
.mt5 { margin-top: 1.250rem }
.mt6 { margin-top: 1.563rem }
.mt7 { margin-top: 2.188rem }
.mt8 { margin-top: 2.813rem }
.mt9 { margin-top: 3.125rem }
.mt10 { margin-top: 4.375rem }
.mt11 { margin-top: 5.625rem }
.mt12 { margin-top: 7.500rem }
.mb5 { margin-bottom: 1.250rem }
.mb6 { margin-bottom: 1.563rem }
.mb7 { margin-bottom: 2.188rem }
.mb8 { margin-bottom: 2.813rem }
.mb9 { margin-bottom: 3.125rem }
.mb10 { margin-bottom: 4.375rem }
.mb11 { margin-bottom: 5.625rem }
.mb12 { margin-bottom: 7.500rem }
.pt5 { padding-top: 1.250rem }
.pt6 { padding-top: 1.563rem }
.pt7 { padding-top: 2.188rem }
.pt8 { padding-top: 2.813rem }
.pt9 { padding-top: 3.125rem }
.pt10 { padding-top: 4.375rem }
.pt11 { padding-top: 5.625rem }
.pt12 { padding-top: 7.500rem }
.pb5 { padding-bottom: 1.250rem }
.pb6 { padding-bottom: 1.563rem }
.pb7 { padding-bottom: 2.188rem }
.pb8 { padding-bottom: 2.813rem }
.pb9 { padding-bottom: 3.125rem }
.pb10 { padding-bottom: 4.375rem }
.pb11 { padding-bottom: 5.625rem }
.pb12 { padding-bottom: 7.500rem }
}
@media only screen and (max-width: 800px) {
.page-title { font-size: 3rem; }
h1, .h1 {font-size: 2.000rem}
h2, .h2 {font-size: 1.500rem}
h3, .h3 {font-size: 1.313rem}
h4, .h4 {font-size: 1.2rem}
.mt5 { margin-top: 1.000rem }
.mt6 { margin-top: 1.250rem }
.mt7 { margin-top: 1.625rem }
.mt8 { margin-top: 2.188rem }
.mt9 { margin-top: 2.500rem }
.mt10 { margin-top: 3.125rem }
.mt11 { margin-top: 4.375rem }
.mt12 { margin-top: 5.000rem }
.mb5 { margin-bottom: 1.000rem }
.mb6 { margin-bottom: 1.250rem }
.mb7 { margin-bottom: 1.625rem }
.mb8 { margin-bottom: 2.188rem }
.mb9 { margin-bottom: 2.500rem }
.mb10 { margin-bottom: 3.125rem }
.mb11 { margin-bottom: 4.375rem }
.mb12 { margin-bottom: 5.000rem }
.pt5 { padding-top: 1.000rem }
.pt6 { padding-top: 1.250rem }
.pt7 { padding-top: 1.625rem }
.pt8 { padding-top: 2.188rem }
.pt9 { padding-top: 2.500rem }
.pt10 { padding-top: 3.125rem }
.pt11 { padding-top: 4.375rem }
.pt12 { padding-top: 5.000rem }
.pb5 { padding-bottom: 1.000rem }
.pb6 { padding-bottom: 1.250rem }
.pb7 { padding-bottom: 1.625rem }
.pb8 { padding-bottom: 2.188rem }
.pb9 { padding-bottom: 2.500rem }
.pb10 { padding-bottom: 3.125rem }
.pb11 { padding-bottom: 4.375rem }
.pb12 { padding-bottom: 5.000rem }
}
@media only screen and (max-width: 479px) {
.page-title { font-size: 2.25rem; }
h1, .h1 {font-size: 1.750rem}
h2, .h2 {font-size: 1.375rem}
h3, .h3 {font-size: 1.188rem}
h4, .h4 {font-size: 1.125rem}
.mt5 { margin-top: .8000rem }
.mt6 { margin-top: 1.0rem }
.mt7 { margin-top: 1.5rem }
.mt8 { margin-top: 2.0rem }
.mt9 { margin-top: 2.2500rem }
.mt10 { margin-top: 3.1rem }
.mt11 { margin-top: 4.175rem }
.mt12 { margin-top: 5.000rem }
.mb5 { margin-top: .8000rem }
.mb6 { margin-top: 1.0rem }
.mb7 { margin-top: 1.5rem }
.mb8 { margin-top: 2.0rem }
.mb9 { margin-top: 2.2500rem }
.mb10 { margin-top: 3.1rem }
.mb11 { margin-top: 4.175rem }
.mb12 { margin-top: 5.000rem }
.pt5 { padding-top: .8000rem }
.pt6 { padding-top: 1.0rem }
.pt7 { padding-top: 1.5rem }
.pt8 { padding-top: 2.0rem }
.pt9 { padding-top: 2.2500rem }
.pt10 { padding-top: 3.1rem }
.pt11 { padding-top: 4.175rem }
.pt12 { padding-top: 5.000rem }
.pb5 { padding-bottom: .8000rem }
.pb6 { padding-bottom: 1.0rem }
.pb7 { padding-bottom: 1.5rem }
.pb8 { padding-bottom: 2.0rem }
.pb9 { padding-bottom: 2.2500rem }
.pb10 { padding-bottom: 3.1rem }
.pb11 { padding-bottom: 4.175rem }
.pb12 { padding-bottom: 5.000rem }
}
@media only screen and (max-width: 375px) {
/*-----------Images-----------*/
img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;}
/*----------Buttons-----------*/
.button {display:block; width:100%; }
}
/********************************************************************************
--- Form Styling ---
*********************************************************************************/
/*-----------Standard Forms-----------*/
form { margin: 0; }
/*-----------Label Styles-----------*/
label { cursor: pointer; display: block; margin: 0; font-weight:700;}
/*-----------Required-----------*/
.req { color:#ee0000; font-weight: 700;}
/*-----------styling on all basic form elements-----------*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: var(--white); border: 1px solid #ccc; color: var(--black); display: block; margin: 0 0 1.000em 0; padding: 0.444em; height: 2.750em; width: 100%; /*box-shadow:0 0 0 2px rgba(18, 18, 20, 0), inset 0 5px 1px 0 rgba(18, 18, 20, 0.05);*/ -webkit-transition: border linear 0.2s/*, box-shadow linear 0.2s*/; transition: border linear 0.2s/*, box-shadow linear 0.2s*/; border-radius: 0.313em; font-weight:normal;}
/*-----------styling on all basic form focus elements-----------*/
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color: var(--black); outline:none;}
body.user-is-tabbing input[type="text"]:focus, body.user-is-tabbing input[type="password"]:focus, body.user-is-tabbing input[type="date"]:focus, body.user-is-tabbing input[type="datetime"]:focus, body.user-is-tabbing input[type="datetime-local"]:focus, body.user-is-tabbing input[type="month"]:focus, body.user-is-tabbing input[type="week"]:focus, body.user-is-tabbing input[type="email"]:focus, body.user-is-tabbing input[type="number"]:focus, body.user-is-tabbing input[type="search"]:focus, body.user-is-tabbing input[type="tel"]:focus, body.user-is-tabbing input[type="time"]:focus, body.user-is-tabbing input[type="url"]:focus, body.user-is-tabbing textarea:focus, body.user-is-tabbing select:focus {border: none; outline: auto; outline: 2px solid #7aacfe !important; /* for non-webkit browsers */ outline: 5px auto -webkit-focus-ring-color !important;}
/*-----------styling on all basic form disabled elements-----------*/
input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #ccc; }
/*-----------input submit-----------*/
input[type="submit"] { -webkit-appearance: none; }
/*-----------textarea-----------*/
textarea { min-height: 6.944em; resize: none; max-width: 100%; }
textarea[rows] { height: auto; }
/*-----------select-----------*/
select { -webkit-appearance: none !important; background-color: var(--white); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; line-height: normal; /*height: auto;*/ }
:-moz-any(select) {background-image:none;}
.ginput_container_multiselect select { background-image: none; }
select::-ms-expand {display: none;}
/*-----------other form elements-----------*/
input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; }
.input-radio, .input-checkbox {vertical-align:top; margin:0.444em 0; line-height:1.2;}
.input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222em 0 0; padding:0;}
/*-----------Normalize file input width-----------*/
input[type="file"] { width: 100%; }
/*-----------We add basic fieldset styling-----------*/
fieldset { border: 1px solid #ccc; padding: 1.111em; margin: 1.000em 0; }
fieldset legend { font-weight: 700; background: white; padding: 0 0.167em; margin: 0; margin-left: -0.167em; }
/*-----------Custom replaced checkbox, radio, switch-----------*/
.checkbox, .radio, .switch {margin: 1.000em 0; }
.checkbox label, .radio label {font-size: 1em; text-transform: none; font-weight: 400; line-height: 1;}
.checkbox *, .radio * { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.checkbox input, .radio input { opacity: 0; margin: 0; outline: none;}
.checkbox span, .radio span { position: relative; display: inline-block; margin-left: -1.067em; vertical-align: middle; text-align: center; width: 1.067em; height: 1.067em; line-height: 0.8571em; background: var(--white); border: 1px solid #ccc; }
.checkbox span {border-radius: 2px; }
.radio span { border-radius: 1.067em; }
.checkbox:hover span, .radio:hover span { border-color: var(--accent); }
.checkbox span:before, .radio span:before {content: ""; display: inline-block; vertical-align: middle; opacity: 0; color: var(--accent); line-height: 1; transition: all 250ms ease; }
.checkbox span:before {font-size: 0.667em; content: "\e94b"; font-family: 'CD-Project-Icons';}
.radio span:before {width: 0.6875em; height: 0.6875em; border-radius: 0.6875em; background-color: var(--accent);}
.checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: var(--accent); background-color: var(--accent); }
.radio input[type=radio]:checked + span { background-color: var(--white); }
.checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: var(--white); opacity: 1;}
.checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: #ccc !important; background-color: #ccc !important; }
.radio input[type=radio]:checked:focus + span:before { background-color: var(--black);}
.radio input[type=radio]:checked:focus + span { border-color: var(--black); background-color: var(--white); }
.checkbox input[type=checkbox]:checked:focus + span, .switch input[type=checkbox]:checked:focus + span {background-color: var(--black);}
/* the following adds a box around the radio or checkbox group if desired. On page or within popup */
/*.main .gform_wrapper.gravity-theme fieldset { border: 1px solid #ccc; padding: 1.111em; margin: 1em 0; }
.main .gform_wrapper.gravity-theme legend.gfield_label { margin-bottom: 0px; }
.mfp-content .gform_wrapper.gravity-theme fieldset { border: 1px solid #ccc; padding: 1.111em; margin: 1em 0; }
.mfp-content .gform_wrapper.gravity-theme .gfield_label { margin-bottom: 0px; }*/
body .gform_wrapper.gravity-theme { text-align: left; }
body .gform_wrapper.gravity-theme .gform-field-label--type-sub { font-size: 13px !important;}
body .gform_wrapper.gravity-theme .gform_button {
font-size: 1rem;
font-weight: 500;
cursor: pointer;
line-height: 1;
border: none;
margin: 0 0 1.111em 0;
position: relative;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
transition: all 200ms ease;
color: var(--white);
background-color: var(--accent);
}
body .gform_wrapper.gravity-theme .gform_button:hover,
body .gform_wrapper.gravity-theme .gform_button:focus {
color: var(--white);
background-color: var(--accent);
transform: translateY(-2px);
}
body .gform_wrapper.gravity-theme .gform_button::after {
content: "";
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);
background: transparent;
display: inline-flex;
flex-shrink: 0;
position: relative;
transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
/* Arrow SVG as background */
background-image: url('data:image/svg+xml;charset=UTF-8,');
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
}
body .gform_wrapper.gravity-theme .gform_button:hover::after {
background-color: var(--bg);
border-color: var(--white);
transform: translateY(-2px);
background-image: url('data:image/svg+xml;charset=UTF-8,');
}
/* Gravity Forms Radio & Checkbox */
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice,
body .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice { display: flex; align-items: center; }
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > input,
body .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice > input { -webkit-appearance: none; appearance: none; background-color: var(--white); margin: 0; font: inherit; color: currentColor; width: 1em; height: 1em; border: 0.1em solid currentColor; border-radius: 0; display: grid; place-content: center; margin-right: 0.4rem; cursor: pointer; }
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > input:focus,
body .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice > input:focus { outline: 0.075rem solid currentColor; outline-offset: 0.15rem; }
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > input::before,
body .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice > input::before { content: ""; width: 1em; height: 1em; box-shadow: inset 1em 1em currentColor; transform: scale(0); transition: 0.15s transform ease-in-out; cursor: pointer; background-color: CanvasText; }
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > input:checked::before,
body .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice > input:checked::before { transform: scale(1); }
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > label, body .gform_wrapper.gravity-theme .ginput_container_checkbox .gfield_checkbox .gchoice > label { margin: 0.25rem 0; font-weight: 400; }
/* Gravity Forms Radio */
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > input,
body .gform_wrapper.gravity-theme .ginput_container_radio .gfield_radio .gchoice > input::before { border-radius: 50%; }
/* --- SWITCH --- */
.switch * { cursor: pointer; }
.switch input { opacity: 0; position: absolute; z-index: -1; }
.switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: var(--white); border: 1px solid #ccc; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset; }
.switch span:after { content: ""; position: absolute; background-color: var(--white); top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #ccc; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); transition: all .2s; }
.switch input:checked + span { background-color: var(--accent); border-color: var(--accent); transition: all .5s; }
.switch input:checked + span:after { left: 50%; transition: all .2s; }
/*-----------Error Validation-----------*/
form small.form-error {font-size: 0.667rem; background: #ee0000; color: var(--white); padding: 0.222rem 0.333rem; font-weight: 500; margin: -1.000rem 0 0.556rem 0; display: block; }
/*-----------Success Container-----------*/
.success-container {display: none; text-align: center; margin-top: 5em; margin-bottom: 5em;}
.success-container__icon {font-size:7.5em; line-height: 1; color: #000cff}
.success-container p {font-size: 1.125em;}
/*-----------Disabled Button-----------*/
.button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:var(--bg); color:var(--black); cursor:default; text-shadow:none;}
/********************************************************************************
--- Accordion ---
*********************************************************************************/
.accordion {font-size:1.000rem; margin: 0 0 1.667em; border-bottom: 1px solid #ccc;}
.accordion dt {border-top: 1px solid #ccc; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.111em 2.222em 1.111em 0; margin: 0; position:relative; font-weight:700;}
.accordion dt:after { content: "\e911"; font-family: 'CD-Project-Icons'; position:absolute; top:0.738em; right:0; font-size: 1.333em; color: var(--accent);}
.accordion dt.accordion-active:after { content: "\e917"; }
.accordion dd { display: none; padding: 1.111em; margin: 0; }
body.user-is-tabbing .accordion dt:focus { margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 3.22rem; }
body.user-is-tabbing .accordion dt:focus:after { right:1rem; }
body:not(.user-is-tabbing) .accordion dt:focus { outline: none; }
/********************************************************************************
--- Responsive Tabs ---
*********************************************************************************/
/*-----------Universal Tabs-----------*/
.resp-tabs-list {list-style:none; margin: 0; padding: 0;}
.resp-tabs-list li {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; background-color: var(--bg); color: var(--black); }
.resp-tabs-list li.resp-tab-active { background: var(--white); color: var(--accent); position: relative; }
.resp-tabs-container {padding: 0; background-color: var(--white); clear: left;}
.resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; }
.resp-tab-content { display: none; padding: 1.667em 1.944em; border: 1px solid #ccc;}
.resp-accordion { cursor: pointer; display: none; border: 1px solid #ccc; margin: 0; padding: 0.667em; }
.resp-tab-active {border-bottom:none;}
.resp-arrow { position: absolute; top: 0.833em; right: 0.833em; }
.resp-arrow:after { content: "\e911"; font-family: 'CD-Project-Icons'; }
.resp-tab-active .resp-arrow:after { content: "\e917"; }
body:not(.user-is-tabbing) .resp-accordion:focus { outline: none !important; }
/*-----------Vertical tabs-----------*/
.resp-tabs--vertical .resp-tab-content {word-wrap: break-word; }
.resp-tab-item:focus, .resp-accordion:focus { position: relative; z-index: 2;}
@media only screen and (min-width: 768px) {
/*-----------Horizontal tabs-----------*/
.resp-tabs--horizontal .resp-tabs-list li { padding: 0.833em; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
.resp-tabs--horizontal .resp-tabs-list li:before { content: none; }
.resp-tabs--horizontal .resp-tabs-list li:last-child { border-right: 1px solid #ccc; }
.resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after { content: ""; display: block; background: var(--white); height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; }
body:not(.user-is-tabbing) .resp-tabs--horizontal .resp-tabs-list li:focus { outline: none; }
/*-----------Vertical tabs-----------*/
.resp-tabs--vertical {overflow: hidden; padding-top: 3px; padding-left: 3px; /*padding is so focus ring shows completely */}
.resp-tabs--vertical .resp-tabs-list { float: left; width: 30%; border: 1px solid #ccc; border-right: none; }
.resp-tabs--vertical .resp-tabs-list li { display: block; padding: 0.778em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid #ccc; }
.resp-tabs--vertical .resp-tabs-list li:before { content: none; }
.resp-tabs--vertical .resp-tabs-list li:last-child {border-bottom:none;}
.resp-tabs--vertical .resp-tabs-container { border: 1px solid #ccc; float: left; width: 70%; min-height: 250px; clear: none; }
.resp-tabs--vertical .resp-tab-content { border: none; }
.resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; }
.resp-tab-content.resp-tab-content-active {display:block!important;}
.resp-accordion-closed {display:block;}
body:not(.user-is-tabbing) .resp-tabs--vertical .resp-tabs-list li:focus { outline: none; }
}
@media only screen and (max-width: 767px) {
.resp-tabs-list { display: none; }
.resp-accordion { display: block; background-color: var(--bg); color: var(--black); position: relative; font-size: 1.125em;}
.resp-accordion:not(:last-of-type) {border-bottom:none; }
.resp-accordion.resp-tab-active { background: var(--white); color: var(--accent); }
.resp-tab-content { border: 1px solid #ccc; border-bottom:none; }
.resp-tab-content:last-of-type {border-bottom:1px solid #ccc;}
.resp-tabs--verticalvtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; }
}
/********************************************************************************
--- Tables ---
*********************************************************************************/
table.table { background: white; margin-bottom: 1.000em; border: solid 1px #ccc; table-layout: auto; width: 100%; }
table.table caption { background: none; color: var(--black); font-weight: bold; }
table.table thead { background:var(--bg); }
table.table thead tr th, table.table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: var(--black); font-weight:700; border: 1px solid #ccc; }
table.table tr th, table.table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid #ccc; }
table.table tr.even, table.table tr.alt, table.table tr:nth-of-type(even) { background: var(--bg); }
table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.3; }
table { background: white; margin-bottom: 1.000em; border: solid 1px #ccc; table-layout: auto; width: 100%; }
table caption { background: none; color: var(--black); font-weight: bold; }
table thead { background:var(--bg); }
table thead tr th, table thead tr td { padding:0.750em 0.857em; font-size: 0.778em; text-transform: uppercase; color: var(--black); font-weight:700; border: 1px solid #ccc; }
table tr th, table tr td { padding:1em 0.820em; font-size:0.813em; text-align: left; border: 1px solid #ccc; }
table tr.even, table tr.alt, table tr:nth-of-type(even) { background: var(--bg); }
table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td { display: table-cell; line-height: 1.3; }
.responsive__table-overflow { overflow-x: auto; }
@media only screen and (max-width: 479px) {
.responsive__table-stack table thead tr th,
.responsive__table-stack table tfoot tr th,
.responsive__table-stack table tfoot tr td,
.responsive__table-stack table tbody tr th,
.responsive__table-stack table tbody tr td,
.responsive__table-stack table tr td { display: block; width: 100% !important; text-align: center; }
.responsive__table-stack table { border-top: none; border-left: none; border-right: none; }
.responsive__table-stack table tr th,
.responsive__table-stack table td { border-bottom: none; }
/* Hide the table heading cells on smaller screens */
.responsive__table-stack table thead tr th,.responsive__table-stack table thead tr td { display: none;}
/* Set a min width on a psuedo element in the table cells on smaller screens */
.responsive__table-overflow table tbody tr td:before { content: ''; display: block; min-width: 10em; }
}
/********************************************************************************
--- Slide Toggle ---
*********************************************************************************/
.slide-content { display: none; }
.slide-toggle:not(.button):after { content: "\e911"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;}
.slide-toggle:not(.button).active:after { content: "\e917"; }
.slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#3f3f3f; }
.slide-toggle.button.active {background-color:#3f3f3f; color:var(--white);}
.slide-toggle.button:after { content: "\e911"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; }
.slide-toggle.button.active:after { content: "\e917";}
.slide-content-alt { display: none; }
.slide-toggle-alt { margin-left: 1rem; }
.slide-toggle-alt:not(.button):after { content: "\e911"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;}
.slide-toggle-alt:not(.button).active:after { content: "\e917"; }
.slide-toggle-alt:not(.button).active, .slide-toggle:not(.button).active:after { color:#3f3f3f; }
.slide-toggle-alt.button.active {background-color:#3f3f3f; color:var(--white);}
.slide-toggle-alt.button:after { content: "\e911"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; }
.slide-toggle-alt.button.active:after { content: "\e917";}
/********************************************************************************
--- Alerts ---
*********************************************************************************/
.alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: var(--black); color: var(--white);}
.alert p {line-height:1.2; padding-left:1.333em; position:relative;}
.alert > p, .alert > ul { margin-bottom: 0; }
.alert > p + p { margin-top: 0.278em; }
.alert a { color: var(--white); text-decoration: underline; }
.alert a:hover { color:#ee0000; }
.alert p:before { font-family: 'CD-Project-Icons'; color: var(--white); position:absolute; top:0; left:0; }
.alert-success, .alert-info, .alert-warning, .alert-danger { display: block; }
.alert-success { background-color:#008227; }
.alert-success p:before { content: "\e94b"; }
.alert-info p:before { content: "\e98f"; }
.alert-warning { background-color:#ffa500; }
.alert-warning p:before { content: "\ea17"; }
.alert-danger { background-color:#ee0000; }
.alert-danger p:before { content: "\e96d"; }
/********************************************************************************
--- ADA Jump to Main Content---
*********************************************************************************/
.ada-banner {position: relative;}
a.skip-main {left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; transition: all 300ms ease-out;}
a.skip-main:focus, a.skip-main:active { color: var(--white); background-color: var(--black); left: auto; top: auto; width: auto; height: auto; overflow: auto; margin: 0 5% ; padding: 0.4em 1em; border-radius: 0 0 5px 5px; text-align: center; font-size: 1.2em; z-index: 99999;}
/********************************************************************************
--- Global Announcements ---
*********************************************************************************/
.announcement__container { display: none; position: relative; padding: 0.5rem 3rem; }
.announcement__container.announcement__active { display: flex; }
.announcement__container.center { justify-content: center;}
.announcement__container p { margin-bottom: 0; font-size: .8rem; }
.announcement__container.apply_max_width p { max-width: 800px; }
/* because of the fixed header, this .announcement__spacer is needed to maintain the spacing of the first element (page banners) below the header. So just turning it transparent. It's added just below the header in the header.php file */
.announcement__container.announcement__spacer { background: transparent; color: transparent; }
.dark_background_light_text { background: var(--black); color: var(--white); }
.dark_background_light_text a.announcement__link { color: var(--accent); transition: opacity 300ms ease-out; }
.dark_background_light_text a.announcement__link:hover { opacity: .7; }
.light_background_dark_text { background: var(--white); color: var(--black); }
.light_background_dark_text a.announcement__link { margin-left: 0.25rem; color: var(--accent);transition: opacity 300ms ease-out; }
.light_background_dark_text a.announcement__link:hover { opacity: .7; }
.announcement__container a.close_me { display: flex; align-self: center; position: absolute; right: 1rem; }
.dark_background_light_text a.close_me { color: var(--white); transition: opacity 300ms ease-out; }
.dark_background_light_text a.close_me:hover { opacity: .7; }
.light_background_dark_text a.close_me { margin-left: 0.25rem; color: var(--black); transition: opacity 300ms ease-out; }
.light_background_dark_text a.close_me:hover { opacity: .5; }
/********************************************************************************
--- Cookie Notice ---
*********************************************************************************/
.cookie-notice.cookie-notice--active { display: flex; }
.cookie-notice {position: fixed; bottom: 0; left: 0; right: 0; background: var(--accent); padding: 1.0em 1.0em; display: none; justify-content: center; flex-wrap: wrap; z-index: 999; }
.cookie-notice__message { font-size: .8em; color: var(--white); text-align: left; margin: 0 40px 0 0; max-width: 718px; padding: 15px 30px; }
.cookie-notice__message p { color: var(--white); }
.cookie-notice__message p:last-of-type { margin-bottom: 0; }
.cookie-notice__message a { font-weight: 500; color: var(--text); }
.cookie-notice__message a:hover { text-decoration: underline; color: var(--white); }
.cookie-notice__buttons { display: flex; align-items: center; }
.cookie-notice__button { margin-bottom: 0; }
@media all and (max-width: 900px) {
.cookie-notice { flex-direction: column; align-items: center; }
.cookie-notice__message { margin: 0; text-align: center; }
}
@media all and (max-width: 479px) {
.cookie-notice__message { margin: 0; padding: 0 0 15px 0px; }
}
/********************************************************************************
--- WP Toolbar ---
*********************************************************************************/
/* This might require updating based on header whether it's fixed or not */
.admin-bar .header {/*top: 32px;*/}
@media only screen and (min-width: 783px) and (max-width: 800px) {
.admin-bar .header {top: 32px;}
}
@media only screen and (max-width: 782px) {
.admin-bar .header {top: 46px;}
#wpadminbar {position: fixed;}
}
/********************************************************************************
--- Style Guide---
*********************************************************************************/
.sg-section {padding: 5.000em 0; border-bottom: 1px solid #ccc;}
.sg-section:last-of-type {border-bottom: none;}
.sg-section__heading {position: relative; margin-bottom: .5000em}
.sg-section__heading span {font-size: 50%; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em;}
.sg-section__heading span:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #ccc;}
.sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 2.000em 0; position: relative;}
.sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ccc;}
.sg-section__subheading span {position: relative; background: var(--white); padding-right: 1.250em;letter-spacing: 1px;}
.sg-section__font {overflow: hidden; margin-bottom: 1.750em;}
.sg-section__font {overflow: hidden; margin-bottom: 1.750em; box-shadow: 0 2px 7px 0 rgb(0 0 0 / 24%); margin-right: 2rem;}
.sg-section__font-letters {font-size: 3.000em; display: block; line-height: 1; /*opacity: 0.20;*/}
.sg-section__font-name {font-weight: 500; display: block; line-height: 1;}
.sg-section__font-left, .sg-section__font-right {/*width: 50%; float: left;*/}
.sg-section__font-left {padding: 1.00em;}
.sg-section__font-right {border-top: 1px solid #ccc; padding: 1.0em; font-size: 14px; }
.sg-section__font-weight {/*display: block;*/}
.sg-body {overflow-x: hidden;}
.sg-body .root, .sg-toggle {transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;}
.sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: var(--white); z-index: 9999999; border-right: 1px solid #ccc; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;}
.sg-fixed-nav .sg-toc a, .sc-fixed-nav .sc-toc a { color: var(--black); }
.sg-fixed-nav .sg-toc a:hover, .sc-fixed-nav .sc-toc a:hover { color: #909090; }
.sg-fixed-nav .sg-toc li:before, .sc-fixed-nav .sc-toc li:before { color: var(--black); }
ol.sg-toc ol, ol.sc-toc ol { margin: 1em 0; }
.sg-toc li, .sc-toc li { margin-bottom: 0.75em; }
.sg-snippets-toggle {font-size: 14px; display: block;}
.sg-snippets-toggle:before {content: "\ea03"; font-family: 'CD-Project-Icons'; margin-right: 6px;}
.sg-snippets-toggle.active:before {content: "\ea04"; font-family: 'CD-Project-Icons';}
.sg-toc {font-size: 13px;}
.sg-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0; z-index: 9999999;}
.sg-toggle:before {content: "\e974"; font-family: 'CD-Project-Icons';}
.sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);}
.sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.sg-body--push .sg-toggle:before {content: "\e955";}
span.section__label { background: rgba(0,0,0,.35); color: var(--white); padding: 10px; display: inline-block; font-size: 11px; line-height: 1; border-radius: 0 0 3px 3px; margin: 0 0 0 20px; position: relative; z-index: 45; }
.style__guide .row-site{width:100%}
.style__guide section { padding-left: 2rem; padding-right: 2rem; }
.component-notes { font-size: .9rem; margin-bottom: 0; }
@media (max-width: 1399px) {
.sg-section__heading {padding-left: 1.500em;}
.sg-section__heading span {left: 0;}
}
/*---------- Swatches ----------*/
.swatch__container { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.24); }
.swatch__color { position: relative; height: 150px;}
.swatch__color.with__bg-treatment { height: 200px;}
.swatch__hex { padding: 1rem; font-size: .65rem; line-height: 1.2; }
.swatch__container h5 { font-size: .65rem; }
.swatch__name {display:block; font-size:0.650rem}
/*---------- Code Snippets ----------*/
code {display: none; /* Remove in Production */}
code.active {display: block;}
pre {padding:15px; border:1px solid #ccc; font-size: 14px;}
/********************************************************************************
--- Components Device Type ---
*********************************************************************************/
.device__type { background: var(--white); border-radius: 3px; bottom: 50px; color: #333; display: none; font-size: 3rem; padding: 10px; position: fixed; right: 49px; }
.device__type a { color: #333; display: flex; justify-content: center; padding: 0 10px; }
/********************************************************************************
--- Magnific Popup CSS---
*********************************************************************************/
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background-color: var(--black); opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 100%; /*height: 100%;*/ height: auto; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: var(--white); }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {font-size:2.25em; width: 1.385em; height: 1.179em; line-height: 1.179em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 0.462em 0.256em; color: #828e99; transition: color 250ms ease; font-style: normal; font-weight: 300;}
.mfp-close:hover, .mfp-close:focus { color: #9baab7; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: var(--white); right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid var(--white); margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid var(--white); margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; /*max-width: 1320px;*/ max-width: 98%; }
.mfp-iframe-holder .mfp-close { top: -50px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(55, 59, 55, 0.6); background: #162447; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }
.mfp-fade.mfp-bg { opacity: 0; transition: all .15s ease-out }
.mfp-fade.mfp-bg.mfp-ready { opacity: .90 }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0 }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 550ms ease-out }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 }
.popup-embed-container .mfp-container { padding-top: 40px; padding-bottom: 40px }
.popup-embed-container .mfp-content { width: 100%; max-width: 900px; box-shadow: 0 0 8px rgba(0,0,0,0.6) }
.popup-embed-container .mfp-close { top: -44px; color: var(--white); text-align: right; right: 1px }
/* the following is for the Vimeo specific video background and popups */
.frame-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
width: 300%; /* enlarge beyond browser width */
left: -100%; /* center */
}
.frame-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.vimeo_wrapper {
overflow: hidden;
max-width: 100%;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}
@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}
/********************************************************************************
--- Custom Magnific Popup Styling ---
*********************************************************************************/
.white-popup-block { background: var(--white); text-align: left; font-size: .85rem; max-width: 65.625rem; margin: 40px auto; padding: 2rem 2rem 1rem; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;}
.white-popup-block--padding {padding:2.5em 1.875em 1.875em;}
.white-popup-block.team__block {max-width: 45.625rem;}
.white-popup-block--narrow {max-width: 28.75rem;}
.white-popup-block--wide {max-width: 50rem;margin: 0 auto;}
.white-popup-block--wide.white-popup-block--padding {padding:4.25em 5em 2.5em;}
.form-popup__heading, .form-popup__section {margin-bottom: 1.25em;}
.form-popup__heading p {font-size: 1.125em;}
.form-popup__fields .row {margin-right: -0.5em; margin-left: -0.5em}
.form-popup__fields .column, .form-popup__fields .columns {padding-right: 0.5em; padding-left: 0.5em}
.white-popup-block.for-video { padding: 0; background: transparent; }
.white-popup-block.for-video .mfp-close { position: absolute; right: 0; top: 0; color: var(--white); }
@media only screen and (max-width: 800px) {
.white-popup-block--wide.white-popup-block--padding {padding-right:2.6923em; padding-left:2.6923em;}
}
@media only screen and (max-width: 479px) {
.white-popup-block--wide.white-popup-block--padding {padding: 3.3333em 1.6667em 1.6667em;}
}
@media only screen and (max-width: 375px) {
.white-popup-block--wide.white-popup-block--padding {padding-right: 0.8333em; padding-left: 0.8333em;}
}
/********************************************************************************
--- Reveal Animation ---
*********************************************************************************/
@media screen {
[data-reveal][data-reveal][data-reveal-duration="50"],body[data-reveal-duration="50"] [data-reveal]{transition-duration:50ms}[data-reveal][data-reveal][data-reveal-delay="50"],body[data-reveal-delay="50"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="50"].reveal-animate,body[data-reveal-delay="50"] [data-reveal].reveal-animate{transition-delay:50ms}[data-reveal][data-reveal][data-reveal-duration="100"],body[data-reveal-duration="100"] [data-reveal]{transition-duration:.1s}[data-reveal][data-reveal][data-reveal-delay="100"],body[data-reveal-delay="100"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="100"].reveal-animate,body[data-reveal-delay="100"] [data-reveal].reveal-animate{transition-delay:.1s}[data-reveal][data-reveal][data-reveal-duration="150"],body[data-reveal-duration="150"] [data-reveal]{transition-duration:.15s}[data-reveal][data-reveal][data-reveal-delay="150"],body[data-reveal-delay="150"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="150"].reveal-animate,body[data-reveal-delay="150"] [data-reveal].reveal-animate{transition-delay:.15s}[data-reveal][data-reveal][data-reveal-duration="200"],body[data-reveal-duration="200"] [data-reveal]{transition-duration:.2s}[data-reveal][data-reveal][data-reveal-delay="200"],body[data-reveal-delay="200"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="200"].reveal-animate,body[data-reveal-delay="200"] [data-reveal].reveal-animate{transition-delay:.2s}[data-reveal][data-reveal][data-reveal-duration="250"],body[data-reveal-duration="250"] [data-reveal]{transition-duration:.25s}[data-reveal][data-reveal][data-reveal-delay="250"],body[data-reveal-delay="250"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="250"].reveal-animate,body[data-reveal-delay="250"] [data-reveal].reveal-animate{transition-delay:.25s}[data-reveal][data-reveal][data-reveal-duration="300"],body[data-reveal-duration="300"] [data-reveal]{transition-duration:.3s}[data-reveal][data-reveal][data-reveal-delay="300"],body[data-reveal-delay="300"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="300"].reveal-animate,body[data-reveal-delay="300"] [data-reveal].reveal-animate{transition-delay:.3s}[data-reveal][data-reveal][data-reveal-duration="350"],body[data-reveal-duration="350"] [data-reveal]{transition-duration:.35s}[data-reveal][data-reveal][data-reveal-delay="350"],body[data-reveal-delay="350"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="350"].reveal-animate,body[data-reveal-delay="350"] [data-reveal].reveal-animate{transition-delay:.35s}[data-reveal][data-reveal][data-reveal-duration="400"],body[data-reveal-duration="400"] [data-reveal]{transition-duration:.4s}[data-reveal][data-reveal][data-reveal-delay="400"],body[data-reveal-delay="400"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="400"].reveal-animate,body[data-reveal-delay="400"] [data-reveal].reveal-animate{transition-delay:.4s}[data-reveal][data-reveal][data-reveal-duration="450"],body[data-reveal-duration="450"] [data-reveal]{transition-duration:.45s}[data-reveal][data-reveal][data-reveal-delay="450"],body[data-reveal-delay="450"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="450"].reveal-animate,body[data-reveal-delay="450"] [data-reveal].reveal-animate{transition-delay:.45s}[data-reveal][data-reveal][data-reveal-duration="500"],body[data-reveal-duration="500"] [data-reveal]{transition-duration:.5s}[data-reveal][data-reveal][data-reveal-delay="500"],body[data-reveal-delay="500"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="500"].reveal-animate,body[data-reveal-delay="500"] [data-reveal].reveal-animate{transition-delay:.5s}[data-reveal][data-reveal][data-reveal-duration="550"],body[data-reveal-duration="550"] [data-reveal]{transition-duration:.55s}[data-reveal][data-reveal][data-reveal-delay="550"],body[data-reveal-delay="550"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="550"].reveal-animate,body[data-reveal-delay="550"] [data-reveal].reveal-animate{transition-delay:.55s}[data-reveal][data-reveal][data-reveal-duration="600"],body[data-reveal-duration="600"] [data-reveal]{transition-duration:.6s}[data-reveal][data-reveal][data-reveal-delay="600"],body[data-reveal-delay="600"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="600"].reveal-animate,body[data-reveal-delay="600"] [data-reveal].reveal-animate{transition-delay:.6s}[data-reveal][data-reveal][data-reveal-duration="650"],body[data-reveal-duration="650"] [data-reveal]{transition-duration:.65s}[data-reveal][data-reveal][data-reveal-delay="650"],body[data-reveal-delay="650"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="650"].reveal-animate,body[data-reveal-delay="650"] [data-reveal].reveal-animate{transition-delay:.65s}[data-reveal][data-reveal][data-reveal-duration="700"],body[data-reveal-duration="700"] [data-reveal]{transition-duration:.7s}[data-reveal][data-reveal][data-reveal-delay="700"],body[data-reveal-delay="700"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="700"].reveal-animate,body[data-reveal-delay="700"] [data-reveal].reveal-animate{transition-delay:.7s}[data-reveal][data-reveal][data-reveal-duration="750"],body[data-reveal-duration="750"] [data-reveal]{transition-duration:.75s}[data-reveal][data-reveal][data-reveal-delay="750"],body[data-reveal-delay="750"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="750"].reveal-animate,body[data-reveal-delay="750"] [data-reveal].reveal-animate{transition-delay:.75s}[data-reveal][data-reveal][data-reveal-duration="800"],body[data-reveal-duration="800"] [data-reveal]{transition-duration:.8s}[data-reveal][data-reveal][data-reveal-delay="800"],body[data-reveal-delay="800"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="800"].reveal-animate,body[data-reveal-delay="800"] [data-reveal].reveal-animate{transition-delay:.8s}[data-reveal][data-reveal][data-reveal-duration="850"],body[data-reveal-duration="850"] [data-reveal]{transition-duration:.85s}[data-reveal][data-reveal][data-reveal-delay="850"],body[data-reveal-delay="850"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="850"].reveal-animate,body[data-reveal-delay="850"] [data-reveal].reveal-animate{transition-delay:.85s}[data-reveal][data-reveal][data-reveal-duration="900"],body[data-reveal-duration="900"] [data-reveal]{transition-duration:.9s}[data-reveal][data-reveal][data-reveal-delay="900"],body[data-reveal-delay="900"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="900"].reveal-animate,body[data-reveal-delay="900"] [data-reveal].reveal-animate{transition-delay:.9s}[data-reveal][data-reveal][data-reveal-duration="950"],body[data-reveal-duration="950"] [data-reveal]{transition-duration:.95s}[data-reveal][data-reveal][data-reveal-delay="950"],body[data-reveal-delay="950"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="950"].reveal-animate,body[data-reveal-delay="950"] [data-reveal].reveal-animate{transition-delay:.95s}[data-reveal][data-reveal][data-reveal-duration="1000"],body[data-reveal-duration="1000"] [data-reveal]{transition-duration:1s}[data-reveal][data-reveal][data-reveal-delay="1000"],body[data-reveal-delay="1000"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1000"].reveal-animate,body[data-reveal-delay="1000"] [data-reveal].reveal-animate{transition-delay:1s}[data-reveal][data-reveal][data-reveal-duration="1050"],body[data-reveal-duration="1050"] [data-reveal]{transition-duration:1.05s}[data-reveal][data-reveal][data-reveal-delay="1050"],body[data-reveal-delay="1050"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1050"].reveal-animate,body[data-reveal-delay="1050"] [data-reveal].reveal-animate{transition-delay:1.05s}[data-reveal][data-reveal][data-reveal-duration="1100"],body[data-reveal-duration="1100"] [data-reveal]{transition-duration:1.1s}[data-reveal][data-reveal][data-reveal-delay="1100"],body[data-reveal-delay="1100"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1100"].reveal-animate,body[data-reveal-delay="1100"] [data-reveal].reveal-animate{transition-delay:1.1s}[data-reveal][data-reveal][data-reveal-duration="1150"],body[data-reveal-duration="1150"] [data-reveal]{transition-duration:1.15s}[data-reveal][data-reveal][data-reveal-delay="1150"],body[data-reveal-delay="1150"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1150"].reveal-animate,body[data-reveal-delay="1150"] [data-reveal].reveal-animate{transition-delay:1.15s}[data-reveal][data-reveal][data-reveal-duration="1200"],body[data-reveal-duration="1200"] [data-reveal]{transition-duration:1.2s}[data-reveal][data-reveal][data-reveal-delay="1200"],body[data-reveal-delay="1200"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1200"].reveal-animate,body[data-reveal-delay="1200"] [data-reveal].reveal-animate{transition-delay:1.2s}[data-reveal][data-reveal][data-reveal-duration="1250"],body[data-reveal-duration="1250"] [data-reveal]{transition-duration:1.25s}[data-reveal][data-reveal][data-reveal-delay="1250"],body[data-reveal-delay="1250"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1250"].reveal-animate,body[data-reveal-delay="1250"] [data-reveal].reveal-animate{transition-delay:1.25s}[data-reveal][data-reveal][data-reveal-duration="1300"],body[data-reveal-duration="1300"] [data-reveal]{transition-duration:1.3s}[data-reveal][data-reveal][data-reveal-delay="1300"],body[data-reveal-delay="1300"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1300"].reveal-animate,body[data-reveal-delay="1300"] [data-reveal].reveal-animate{transition-delay:1.3s}[data-reveal][data-reveal][data-reveal-duration="1350"],body[data-reveal-duration="1350"] [data-reveal]{transition-duration:1.35s}[data-reveal][data-reveal][data-reveal-delay="1350"],body[data-reveal-delay="1350"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1350"].reveal-animate,body[data-reveal-delay="1350"] [data-reveal].reveal-animate{transition-delay:1.35s}[data-reveal][data-reveal][data-reveal-duration="1400"],body[data-reveal-duration="1400"] [data-reveal]{transition-duration:1.4s}[data-reveal][data-reveal][data-reveal-delay="1400"],body[data-reveal-delay="1400"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1400"].reveal-animate,body[data-reveal-delay="1400"] [data-reveal].reveal-animate{transition-delay:1.4s}[data-reveal][data-reveal][data-reveal-duration="1450"],body[data-reveal-duration="1450"] [data-reveal]{transition-duration:1.45s}[data-reveal][data-reveal][data-reveal-delay="1450"],body[data-reveal-delay="1450"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1450"].reveal-animate,body[data-reveal-delay="1450"] [data-reveal].reveal-animate{transition-delay:1.45s}[data-reveal][data-reveal][data-reveal-duration="1500"],body[data-reveal-duration="1500"] [data-reveal]{transition-duration:1.5s}[data-reveal][data-reveal][data-reveal-delay="1500"],body[data-reveal-delay="1500"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1500"].reveal-animate,body[data-reveal-delay="1500"] [data-reveal].reveal-animate{transition-delay:1.5s}[data-reveal][data-reveal][data-reveal-duration="1550"],body[data-reveal-duration="1550"] [data-reveal]{transition-duration:1.55s}[data-reveal][data-reveal][data-reveal-delay="1550"],body[data-reveal-delay="1550"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1550"].reveal-animate,body[data-reveal-delay="1550"] [data-reveal].reveal-animate{transition-delay:1.55s}[data-reveal][data-reveal][data-reveal-duration="1600"],body[data-reveal-duration="1600"] [data-reveal]{transition-duration:1.6s}[data-reveal][data-reveal][data-reveal-delay="1600"],body[data-reveal-delay="1600"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1600"].reveal-animate,body[data-reveal-delay="1600"] [data-reveal].reveal-animate{transition-delay:1.6s}[data-reveal][data-reveal][data-reveal-duration="1650"],body[data-reveal-duration="1650"] [data-reveal]{transition-duration:1.65s}[data-reveal][data-reveal][data-reveal-delay="1650"],body[data-reveal-delay="1650"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1650"].reveal-animate,body[data-reveal-delay="1650"] [data-reveal].reveal-animate{transition-delay:1.65s}[data-reveal][data-reveal][data-reveal-duration="1700"],body[data-reveal-duration="1700"] [data-reveal]{transition-duration:1.7s}[data-reveal][data-reveal][data-reveal-delay="1700"],body[data-reveal-delay="1700"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1700"].reveal-animate,body[data-reveal-delay="1700"] [data-reveal].reveal-animate{transition-delay:1.7s}[data-reveal][data-reveal][data-reveal-duration="1750"],body[data-reveal-duration="1750"] [data-reveal]{transition-duration:1.75s}[data-reveal][data-reveal][data-reveal-delay="1750"],body[data-reveal-delay="1750"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1750"].reveal-animate,body[data-reveal-delay="1750"] [data-reveal].reveal-animate{transition-delay:1.75s}[data-reveal][data-reveal][data-reveal-duration="1800"],body[data-reveal-duration="1800"] [data-reveal]{transition-duration:1.8s}[data-reveal][data-reveal][data-reveal-delay="1800"],body[data-reveal-delay="1800"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1800"].reveal-animate,body[data-reveal-delay="1800"] [data-reveal].reveal-animate{transition-delay:1.8s}[data-reveal][data-reveal][data-reveal-duration="1850"],body[data-reveal-duration="1850"] [data-reveal]{transition-duration:1.85s}[data-reveal][data-reveal][data-reveal-delay="1850"],body[data-reveal-delay="1850"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1850"].reveal-animate,body[data-reveal-delay="1850"] [data-reveal].reveal-animate{transition-delay:1.85s}[data-reveal][data-reveal][data-reveal-duration="1900"],body[data-reveal-duration="1900"] [data-reveal]{transition-duration:1.9s}[data-reveal][data-reveal][data-reveal-delay="1900"],body[data-reveal-delay="1900"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1900"].reveal-animate,body[data-reveal-delay="1900"] [data-reveal].reveal-animate{transition-delay:1.9s}[data-reveal][data-reveal][data-reveal-duration="1950"],body[data-reveal-duration="1950"] [data-reveal]{transition-duration:1.95s}[data-reveal][data-reveal][data-reveal-delay="1950"],body[data-reveal-delay="1950"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="1950"].reveal-animate,body[data-reveal-delay="1950"] [data-reveal].reveal-animate{transition-delay:1.95s}[data-reveal][data-reveal][data-reveal-duration="2000"],body[data-reveal-duration="2000"] [data-reveal]{transition-duration:2s}[data-reveal][data-reveal][data-reveal-delay="2000"],body[data-reveal-delay="2000"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2000"].reveal-animate,body[data-reveal-delay="2000"] [data-reveal].reveal-animate{transition-delay:2s}[data-reveal][data-reveal][data-reveal-duration="2050"],body[data-reveal-duration="2050"] [data-reveal]{transition-duration:2.05s}[data-reveal][data-reveal][data-reveal-delay="2050"],body[data-reveal-delay="2050"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2050"].reveal-animate,body[data-reveal-delay="2050"] [data-reveal].reveal-animate{transition-delay:2.05s}[data-reveal][data-reveal][data-reveal-duration="2100"],body[data-reveal-duration="2100"] [data-reveal]{transition-duration:2.1s}[data-reveal][data-reveal][data-reveal-delay="2100"],body[data-reveal-delay="2100"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2100"].reveal-animate,body[data-reveal-delay="2100"] [data-reveal].reveal-animate{transition-delay:2.1s}[data-reveal][data-reveal][data-reveal-duration="2150"],body[data-reveal-duration="2150"] [data-reveal]{transition-duration:2.15s}[data-reveal][data-reveal][data-reveal-delay="2150"],body[data-reveal-delay="2150"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2150"].reveal-animate,body[data-reveal-delay="2150"] [data-reveal].reveal-animate{transition-delay:2.15s}[data-reveal][data-reveal][data-reveal-duration="2200"],body[data-reveal-duration="2200"] [data-reveal]{transition-duration:2.2s}[data-reveal][data-reveal][data-reveal-delay="2200"],body[data-reveal-delay="2200"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2200"].reveal-animate,body[data-reveal-delay="2200"] [data-reveal].reveal-animate{transition-delay:2.2s}[data-reveal][data-reveal][data-reveal-duration="2250"],body[data-reveal-duration="2250"] [data-reveal]{transition-duration:2.25s}[data-reveal][data-reveal][data-reveal-delay="2250"],body[data-reveal-delay="2250"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2250"].reveal-animate,body[data-reveal-delay="2250"] [data-reveal].reveal-animate{transition-delay:2.25s}[data-reveal][data-reveal][data-reveal-duration="2300"],body[data-reveal-duration="2300"] [data-reveal]{transition-duration:2.3s}[data-reveal][data-reveal][data-reveal-delay="2300"],body[data-reveal-delay="2300"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2300"].reveal-animate,body[data-reveal-delay="2300"] [data-reveal].reveal-animate{transition-delay:2.3s}[data-reveal][data-reveal][data-reveal-duration="2350"],body[data-reveal-duration="2350"] [data-reveal]{transition-duration:2.35s}[data-reveal][data-reveal][data-reveal-delay="2350"],body[data-reveal-delay="2350"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2350"].reveal-animate,body[data-reveal-delay="2350"] [data-reveal].reveal-animate{transition-delay:2.35s}[data-reveal][data-reveal][data-reveal-duration="2400"],body[data-reveal-duration="2400"] [data-reveal]{transition-duration:2.4s}[data-reveal][data-reveal][data-reveal-delay="2400"],body[data-reveal-delay="2400"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2400"].reveal-animate,body[data-reveal-delay="2400"] [data-reveal].reveal-animate{transition-delay:2.4s}[data-reveal][data-reveal][data-reveal-duration="2450"],body[data-reveal-duration="2450"] [data-reveal]{transition-duration:2.45s}[data-reveal][data-reveal][data-reveal-delay="2450"],body[data-reveal-delay="2450"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2450"].reveal-animate,body[data-reveal-delay="2450"] [data-reveal].reveal-animate{transition-delay:2.45s}[data-reveal][data-reveal][data-reveal-duration="2500"],body[data-reveal-duration="2500"] [data-reveal]{transition-duration:2.5s}[data-reveal][data-reveal][data-reveal-delay="2500"],body[data-reveal-delay="2500"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2500"].reveal-animate,body[data-reveal-delay="2500"] [data-reveal].reveal-animate{transition-delay:2.5s}[data-reveal][data-reveal][data-reveal-duration="2550"],body[data-reveal-duration="2550"] [data-reveal]{transition-duration:2.55s}[data-reveal][data-reveal][data-reveal-delay="2550"],body[data-reveal-delay="2550"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2550"].reveal-animate,body[data-reveal-delay="2550"] [data-reveal].reveal-animate{transition-delay:2.55s}[data-reveal][data-reveal][data-reveal-duration="2600"],body[data-reveal-duration="2600"] [data-reveal]{transition-duration:2.6s}[data-reveal][data-reveal][data-reveal-delay="2600"],body[data-reveal-delay="2600"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2600"].reveal-animate,body[data-reveal-delay="2600"] [data-reveal].reveal-animate{transition-delay:2.6s}[data-reveal][data-reveal][data-reveal-duration="2650"],body[data-reveal-duration="2650"] [data-reveal]{transition-duration:2.65s}[data-reveal][data-reveal][data-reveal-delay="2650"],body[data-reveal-delay="2650"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2650"].reveal-animate,body[data-reveal-delay="2650"] [data-reveal].reveal-animate{transition-delay:2.65s}[data-reveal][data-reveal][data-reveal-duration="2700"],body[data-reveal-duration="2700"] [data-reveal]{transition-duration:2.7s}[data-reveal][data-reveal][data-reveal-delay="2700"],body[data-reveal-delay="2700"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2700"].reveal-animate,body[data-reveal-delay="2700"] [data-reveal].reveal-animate{transition-delay:2.7s}[data-reveal][data-reveal][data-reveal-duration="2750"],body[data-reveal-duration="2750"] [data-reveal]{transition-duration:2.75s}[data-reveal][data-reveal][data-reveal-delay="2750"],body[data-reveal-delay="2750"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2750"].reveal-animate,body[data-reveal-delay="2750"] [data-reveal].reveal-animate{transition-delay:2.75s}[data-reveal][data-reveal][data-reveal-duration="2800"],body[data-reveal-duration="2800"] [data-reveal]{transition-duration:2.8s}[data-reveal][data-reveal][data-reveal-delay="2800"],body[data-reveal-delay="2800"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2800"].reveal-animate,body[data-reveal-delay="2800"] [data-reveal].reveal-animate{transition-delay:2.8s}[data-reveal][data-reveal][data-reveal-duration="2850"],body[data-reveal-duration="2850"] [data-reveal]{transition-duration:2.85s}[data-reveal][data-reveal][data-reveal-delay="2850"],body[data-reveal-delay="2850"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2850"].reveal-animate,body[data-reveal-delay="2850"] [data-reveal].reveal-animate{transition-delay:2.85s}[data-reveal][data-reveal][data-reveal-duration="2900"],body[data-reveal-duration="2900"] [data-reveal]{transition-duration:2.9s}[data-reveal][data-reveal][data-reveal-delay="2900"],body[data-reveal-delay="2900"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2900"].reveal-animate,body[data-reveal-delay="2900"] [data-reveal].reveal-animate{transition-delay:2.9s}[data-reveal][data-reveal][data-reveal-duration="2950"],body[data-reveal-duration="2950"] [data-reveal]{transition-duration:2.95s}[data-reveal][data-reveal][data-reveal-delay="2950"],body[data-reveal-delay="2950"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="2950"].reveal-animate,body[data-reveal-delay="2950"] [data-reveal].reveal-animate{transition-delay:2.95s}[data-reveal][data-reveal][data-reveal-duration="3000"],body[data-reveal-duration="3000"] [data-reveal]{transition-duration:3s}[data-reveal][data-reveal][data-reveal-delay="3000"],body[data-reveal-delay="3000"] [data-reveal]{transition-delay:0s}[data-reveal][data-reveal][data-reveal-delay="3000"].reveal-animate,body[data-reveal-delay="3000"] [data-reveal].reveal-animate{transition-delay:3s}[data-reveal][data-reveal][data-reveal-easing=linear],body[data-reveal-easing=linear] [data-reveal]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-reveal][data-reveal][data-reveal-easing=ease],body[data-reveal-easing=ease] [data-reveal]{transition-timing-function:ease}[data-reveal][data-reveal][data-reveal-easing=ease-in],body[data-reveal-easing=ease-in] [data-reveal]{transition-timing-function:ease-in}[data-reveal][data-reveal][data-reveal-easing=ease-out],body[data-reveal-easing=ease-out] [data-reveal]{transition-timing-function:ease-out}[data-reveal][data-reveal][data-reveal-easing=ease-in-out],body[data-reveal-easing=ease-in-out] [data-reveal]{transition-timing-function:ease-in-out}[data-reveal][data-reveal][data-reveal-easing=ease-in-back],body[data-reveal-easing=ease-in-back] [data-reveal]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-reveal][data-reveal][data-reveal-easing=ease-out-back],body[data-reveal-easing=ease-out-back] [data-reveal]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-back],body[data-reveal-easing=ease-in-out-back] [data-reveal]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-reveal][data-reveal][data-reveal-easing=ease-in-sine],body[data-reveal-easing=ease-in-sine] [data-reveal]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-reveal][data-reveal][data-reveal-easing=ease-out-sine],body[data-reveal-easing=ease-out-sine] [data-reveal]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-sine],body[data-reveal-easing=ease-in-out-sine] [data-reveal]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-reveal][data-reveal][data-reveal-easing=ease-in-quad],body[data-reveal-easing=ease-in-quad] [data-reveal]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-reveal][data-reveal][data-reveal-easing=ease-out-quad],body[data-reveal-easing=ease-out-quad] [data-reveal]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-quad],body[data-reveal-easing=ease-in-out-quad] [data-reveal]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-reveal][data-reveal][data-reveal-easing=ease-in-cubic],body[data-reveal-easing=ease-in-cubic] [data-reveal]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-reveal][data-reveal][data-reveal-easing=ease-out-cubic],body[data-reveal-easing=ease-out-cubic] [data-reveal]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-cubic],body[data-reveal-easing=ease-in-out-cubic] [data-reveal]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-reveal][data-reveal][data-reveal-easing=ease-in-quart],body[data-reveal-easing=ease-in-quart] [data-reveal]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-reveal][data-reveal][data-reveal-easing=ease-out-quart],body[data-reveal-easing=ease-out-quart] [data-reveal]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-reveal][data-reveal][data-reveal-easing=ease-in-out-quart],body[data-reveal-easing=ease-in-out-quart] [data-reveal]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-reveal^=fade][data-reveal^=fade]{opacity:0;transition-property:opacity,transform}[data-reveal^=fade][data-reveal^=fade].reveal-animate{opacity:1;transform:translateZ(0)}[data-reveal=fade-up]{transform:translate3d(0,100px,0)}[data-reveal=fade-up-small]{transform:translate3d(0,50px,0)}[data-reveal=fade-up-xsmall]{transform:translate3d(0,25px,0)}[data-reveal=fade-down]{transform:translate3d(0,-100px,0)}[data-reveal=fade-right]{transform:translate3d(-100px,0,0)}[data-reveal=fade-left]{transform:translate3d(100px,0,0)}[data-reveal=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-reveal=fade-up-left]{transform:translate3d(100px,100px,0)}[data-reveal=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-reveal=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-reveal^=zoom][data-reveal^=zoom]{opacity:0;transition-property:opacity,transform}[data-reveal^=zoom][data-reveal^=zoom].reveal-animate{opacity:1;transform:translateZ(0) scale(1)}[data-reveal=zoom-in]{transform:scale(.6)}[data-reveal=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-reveal=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-reveal=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-reveal=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-reveal=zoom-out]{transform:scale(1.2)}[data-reveal=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-reveal=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-reveal=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-reveal=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-reveal^=slide][data-reveal^=slide]{transition-property:transform}[data-reveal^=slide][data-reveal^=slide].reveal-animate{transform:translateZ(0)}[data-reveal=slide-up]{transform:translate3d(0,100%,0)}[data-reveal=slide-down]{transform:translate3d(0,-100%,0)}[data-reveal=slide-right]{transform:translate3d(-100%,0,0)}[data-reveal=slide-left]{transform:translate3d(100%,0,0)}[data-reveal^=flip][data-reveal^=flip]{backface-visibility:hidden;transition-property:transform}[data-reveal=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-reveal=flip-left].reveal-animate{transform:perspective(2500px) rotateY(0)}[data-reveal=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-reveal=flip-right].reveal-animate{transform:perspective(2500px) rotateY(0)}[data-reveal=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-reveal=flip-up].reveal-animate{transform:perspective(2500px) rotateX(0)}[data-reveal=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-reveal=flip-down].reveal-animate{transform:perspective(2500px) rotateX(0)}
}
/********************************************************************************
--- Site Search---
*********************************************************************************/
.search-results__item {padding-bottom: 1.875em; margin-bottom: 1.875em; border-bottom: 1px solid #EDECE6}
.search-results__item :last-child {margin-bottom: 0}
/********************************************************************************
--- Styling for new additions (Feb 2022) to Framework ---
*********************************************************************************/
.relative { position: relative;}
section.relative { z-index: 1; }
img.aligncenter {margin: 1.5em auto 1.5em; display: block;}
.smaller-font-size { font-size: .8rem;}
.larger-font-size { font-size: 1.25rem;}
/*CTA Popup Form related*/
span.gform_description { margin-bottom: 1rem; display: block; }
.gform_confirmation_message { padding: 1rem 0; /*text-align: center;*/ }
/* Sample Components Page */
.sc-section { height: 0px; opacity: 0; /*transition: opacity 0.5s linear;*/ }
.sc-section.active { height: auto; opacity: 1; background: #d1e8ed; padding-bottom: 1.2rem; box-shadow: inset 0px 0px 7px rgb(0 0 0 / 15%); transition: opacity 0.5s linear;}
.sc-section .sc-section__subheading span { background: #d1e8ed; }
.sc-section__subheading {font-size: 14px; text-transform: uppercase; margin: 2.000em 0; position: relative;}
.sc-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ccc;}
.sc-section__subheading span {position: relative; background: var(--white); padding-right: 1.250em;letter-spacing: 1px;}
.sc-section .sc-section__subheading { margin-bottom: 0px; }
.sc-section .sc-section__created__using { font-size: .8rem; font-style: italic; margin: -1px 0 0.25rem 2rem; display: block; }
.acf-options__slide-toggle { margin-left: 2rem;}
.acf-options__slide-toggle .slide-toggle, .acf-options__slide-toggle .slide-toggle-alt {font-size: .7rem; color: black;}
.sc-section .sc-section__subheading table tr th, table tr td { padding: .5em 0.820em; font-size: 0.5em; border: 1px solid #ccc; }
.sc-section .responsive__table-stack { margin-right: 1rem; }
.sc-section table.acf-options thead tr th,
.sc-section table.acf-options tfoot tr th,
.sc-section table.acf-options tfoot tr td,
.sc-section table.acf-options tbody tr th,
.sc-section table.acf-options tbody tr td,
.sc-section table.acf-options tr td
{ line-height: 1.0; }
.sc-section table.acf-options tr td.long__content { line-height: 1.5; }
.acf-options__container { display: flex; justify-content: space-between; }
.sc-body {overflow-x: hidden;}
.sc-body .root, .sc-toggle {transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;}
.sc-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: var(--white); z-index: 9999999; border-right: 1px solid #ccc; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;}
.sc-snippets-toggle {font-size: 14px; display: block;}
.sc-snippets-toggle:before {content: "\ea03"; font-family: 'CD-Project-Icons'; margin-right: 6px;}
.sc-snippets-toggle.active:before {content: "\ea04"; font-family: 'CD-Project-Icons';}
.sc-toc {font-size: 13px;}
.sc-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0; z-index: 9999999;}
.sc-toggle:before {content: "\e974"; font-family: 'CD-Project-Icons';}
.sc-body--push .root, .sc-body--push .sc-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);}
.sc-body--push .sc-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);}
.sc-body--push .sc-toggle:before {content: "\e955";}
.sc-popup__button { background: #d1e7ed; color: var(--black); padding: 0.7em 1.2em; font-size: .7rem; }
.sc-popup__button:hover { background: #373737; color: #d1e7ed; }
.sg-fixed-nav .sc-toc a { color: var(--black); }
.sg-fixed-nav .sc-toc li:before { color: var(--black); }
@media (max-width: 768px) {
.sc-popup__tablet { display: none; }
}
@media (max-width: 639px) {
.acf-options__container { flex-direction: column; }
}
@media (max-width: 375px) {
.sc-popup__phone { display: none; }
}
/* Inner Page Hero */
.page-hero__container { margin-top: 140px; height: 575px; display: flex; width: 100%; justify-content: space-around; align-items: end; /*padding: 0 3em;*/ }
.page-hero__background-color { background-color: var(--black) }
.page-hero__content { position: relative; z-index: 1; width: 100%; padding: 1rem 0 3.75rem; }
.page-hero__label { color: var(--white); font-size: .9rem;}
.page-hero__heading { display: block; color: var(--white); font-size: 4.4rem; font-weight: 400; line-height: 1.125; margin-bottom: 0; }
.single-career-listings .page-hero__heading { font-size: 4rem; line-height: 1; }
.single-post .page-hero__heading { font-size: 3rem; line-height: 1; }
.page-hero__intro-text { color: var(--white); margin-top: .5em; margin-bottom: 0; }
.page-hero__container .embed-container { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; bottom: 0; }
@media (max-width: 1024px) {
.page-hero__container { height: 450px; }
.page-hero__container .video { height: 450px; }
.page-hero__heading { font-size: 3.5rem; }
}
@media (max-width: 800px) {
.page-hero__container { margin-top: 60px; height: 325px; }
.page-hero__container .video { height: 325px; }
.page-hero__heading { font-size: 2.5rem; }
.single-career-listings .page-hero__heading { font-size: 2rem; line-height: 1; }
.single-post .page-hero__heading { font-size: 1.5rem; line-height: 1; }
}
@media (max-width: 640px) {
.page-hero__container { height: 250px; }
.page-hero__container .video { height: 250px; }
.page-hero__content { padding: 1rem 0 2.75rem; }
.page-hero__heading { font-size: 2.5rem; }
}
@media (max-width: 479px) {
.page-hero__container { /*height: auto;*/ }
.page-hero__content { padding: 4rem 0 2.75rem; }
.page-hero__heading { font-size: 2.0rem; }
}
/* Website Popups */
.popup__body { display: flex; justify-content: space-between; margin-bottom: 1rem; }
.popup__body.flex__reverse { flex-direction: row-reverse; }
.popup__body-text { width: 55%; /* 5% used for space between sides */ }
.popup__body-image { width: 40%; }
.popup__body.full__width .popup__body-text { width: 100%; /* 5% used for space between sides */ }
.popup__body.full__width .popup__body-image { width: 100%; }
@media (max-width: 479px) {
.popup__body { flex-direction: column; gap: 2rem; }
.popup__body.flex__reverse { flex-direction: column-reverse; gap: 2rem; }
.popup__body-text, .popup__body-image { width: 100%; }
}
/* Footer */
.footer { padding: 45px 0 15px; background: #0b0706; color: var(--white); }
/* Make footer fluid regardless of generic .row max-width */
.footer .row { max-width: none; width: 100%; }
/* Add comfortable horizontal padding on expanded rows inside the fluid footer */
.footer .row.expanded.column { padding-left: 60px; padding-right: 60px; }
.footer__container { display: flex; gap: 2rem; align-items: flex-start; justify-content: space-between; padding-bottom: 3.5rem; border-bottom: none; }
.footer__logo { width: 250px; }
.footer__logo img { width: 250px; height: auto; }
.copyright__container { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; padding: 2.5rem 0 0 0; color: var(--white); font-size: 14px; }
.copyright__container p { color: var(--white); font-size: 14px; margin: 0; }
.copyright__left { display: flex; align-items: center; }
.copyright { margin: 0; }
/* Right side: utility menu + social icons */
.footer__right { display: flex; align-items: flex-end; gap: 3rem; }
/** Subscription Form (Gravity Forms) **/
.footer__newsletter-container { display: flex; justify-content: flex-end; margin-left: auto; align-self: flex-start; }
.footer__newsletter-container .gform_wrapper.gravity-theme .gform_fields { display: flex; position: relative; top: 20px }
.footer__newsletter-container .gform_wrapper { display: flex; justify-content: flex-end; width: auto; }
.footer__newsletter-container .gform_wrapper .gform_fields { align-items: flex-end; }
/* Label */
.footer__newsletter-container .gform_wrapper .gfield--type-email { width: 400px; max-width: 90vw; }
.footer__newsletter-container .gform_wrapper .gfield--type-email .gfield_label { font-size: 16px; font-weight: 400; color: var(--menu); margin-bottom: .35rem; }
.footer__newsletter-container .gform_wrapper .gfield--type-email .gfield_label .gfield_required { display: none; }
/* Input with underline */
.footer__newsletter-container .gform_wrapper .ginput_container input[type="email"],
.footer__newsletter-container .gform_wrapper .ginput_container input[type="text"] { background: transparent; border: none; border-bottom: 2px solid #6b6b6b; border-radius: 0; color: var(--white); padding: .25rem 0; box-shadow: none; }
.footer__newsletter-container .gform_wrapper .ginput_container input::placeholder { color: #bdbdbd; opacity: 1; }
/* Submit as arrow */
.footer__newsletter-container .gform_wrapper .gfield--type-submit .gform-button { background: transparent; border: none; padding: 0 .25rem; color: var(--white); margin: 0 0 .5rem -30px; line-height: 1; font-size: 0; }
.footer__newsletter-container .gform_wrapper .gfield--type-submit .gform-button::after { font-size: 18px; display: inline-block; transform: translateY(2px); }
.footer__newsletter-container .gform_wrapper .gfield--type-submit .gform_ajax_spinner{ margin: 0 0 0 .5rem; }
/* Validation/confirmation */
.footer__newsletter-container .gform_wrapper.gform_validation_error .gform_validation_errors { display: none; }
.footer__newsletter-container .gform_wrapper .gfield--type-email .gfield_validation_message { font-size: 14px; font-weight: 400; color: var(--white); border: none; background: transparent; padding: .25rem 0 0; }
.footer__newsletter-container .gform_confirmation_wrapper .gform_confirmation_message p { color: var(--white); font-size: 16px; }
@media (max-width: 768px) {
.footer__newsletter-container .gform_wrapper.gravity-theme .gform_fields { display: flex; }
.footer__newsletter-container .gform_wrapper .gfield--type-submit .gform-button { font-size: 0; margin-left: .25rem; }
.footer__newsletter-container .gform_confirmation_wrapper { width: auto; text-align: center; }
.footer__newsletter-container .gform_confirmation_wrapper .gform_confirmation_message { padding: 0; }
}
/* Utility menu */
.footer__utility-menu { margin: 0; }
.footer-menu { margin-bottom: 0; list-style: none; padding: 0; }
.footer-menu li { display: inline-block; margin-bottom: 0 !important; line-height: 1; }
.footer-menu li a { color: var(--white); font-size: 13px; opacity: 0.85; }
.footer-menu li a:hover, .footer-menu li a:focus { color: var(--white); opacity: 1; }
.footer-menu li:not(:first-child) { border-left: none; }
.footer-menu li:not(:first-child)::before { content: ""; display: inline-block; width: 1px; height: 12px; background: rgba(255,255,255,0.3); margin: 0 0.75rem; vertical-align: middle; }
/* Social icons */
.footer__social-container { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 6px; }
.footer__social-icons { display: flex; gap: 18px; align-items: center; }
.footer__social-icons .social-link { width: 48px; height: 48px; border-radius: 50%; background: #e5e5df; display: inline-flex; align-items: center; justify-content: center; color: #111; border: 1px solid rgba(255,255,255,0.1); transition: transform 160ms ease, background-color 160ms ease; }
.footer__social-icons .social-link:hover { transform: translateY(-2px); background: #e0e0da; }
.footer__social-icons .social-link:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
.footer__social-icons .social-icon { width: 22px; height: 22px; display: block; }
@media (max-width: 799px) {
.copyright__container { flex-direction: column; align-items: center; gap: 1.5rem; }
.copyright__left { flex-direction: column; align-items: center; order: 3; }
.footer__right { flex-direction: column; align-items: center; gap: 1.5rem; }
.footer__social-container { justify-content: center; order: 1; }
.footer__utility-menu { order: 2; }
}
@media (max-width: 768px) {
.footer { padding: 45px 0 2rem 0; background: #0b0706; }
.footer__container { flex-direction: column; gap: 2rem; padding-bottom: 2.5rem; align-items: center; }
.footer__logo { width: 180px; }
.footer__logo img { width: 180px; }
.footer__newsletter-container { justify-content: center; width: 100%; }
.footer__newsletter-container .gform_wrapper { justify-content: center; }
.footer__newsletter-container .gform_wrapper .gfield--type-email { width: 100%; max-width: 400px; }
.footer .row.expanded.column { padding-left: 30px; padding-right: 30px; }
}
@media (max-width: 480px) {
.footer .row.expanded.column { padding-left: 20px; padding-right: 20px; }
.footer__logo { width: 160px; }
.footer__logo img { width: 160px; }
.footer__social-icons { gap: 14px; }
.footer__social-icons .social-link { width: 44px; height: 44px; }
.footer__social-icons .social-icon { width: 20px; height: 20px; }
.footer-menu li a { font-size: 12px; }
.copyright__container p { font-size: 12px; }
.footer-menu li:not(:first-child)::before { margin: 0 0.5rem; }
}
.grecaptcha-badge {
display: none !important;
}
/* ======================================================================
New Homepage - 11.12.2025
====================================================================== */
/* Hero — full-bleed media */
.hero { padding: 0; }
.hero .media { width: 100%; position: relative; }
.hero .media img,
.hero .media video {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
min-height: 56.25vw;
display: block;
}
.hero .hero__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 0 24px; text-align: center; z-index: 2; pointer-events: none; background: rgba(0,0,0,0.42); }
.hero .hero__headline { margin: 0; color: var(--white); font-weight: 400; letter-spacing: 0.01em; line-height: 1.22; font-size: clamp(26px, 6vw, 90px); max-width: 44ch; margin-inline: auto; text-wrap: balance; text-shadow: 0 1px 6px rgba(0,0,0,0.35); }
.hero .hero__unmute { position: absolute; left: 16px; top: 16px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border: 1px solid rgba(255,255,255,0.6); background: rgba(0,0,0,0.55); color: var(--white); border-radius: 999px; font-size: 14px; line-height: 1; cursor: pointer; -webkit-tap-highlight-color: transparent; backdrop-filter: blur(2px); }
.hero .hero__unmute:focus-visible { outline: 2px solid var(--white); outline-offset: 2px; }
.hero .hero__unmute .unmute__dot { width: 10px; height: 10px; border-radius: 50%; background: #ff4747; box-shadow: 0 0 0 2px rgba(255,255,255,0.6) inset; display: inline-block; }
/* About section */
.about .page-title { font-size: clamp(34px, 3.3vw, 66px); margin: 0 0 48px -3px; font-weight: 400; line-height: 1.1; letter-spacing: 0.01em; color: var(--text); hyphens: none; overflow-wrap: normal; word-break: normal; }
.about h2 { font-size: clamp(32px, 3.1vw, 70px); margin: 0 0 40px; font-weight: 300; }
.about p { margin: 0; color: var(--muted); font-size: clamp(18px, 3.1vw, 25px); line-height: 1.7; letter-spacing: 0.01em; }
.about .subhead { margin: 6px 0 18px; color: var(--muted); font-size: clamp(20px, 2.2vw, 28px); line-height: 1.6; letter-spacing: 0.01em; font-style: italic; font-weight: 500; }
/* Composition section — centered video with floating pills + interactive widget */
.composition { position: relative; padding: 0; }
.stone { position: relative; width: 100%; margin: 0; }
.composition .stone video { width: 100%; height: 100vh; height: 100svh; object-fit: cover; object-position: center; display: block; background: var(--bg); }
@supports (-webkit-touch-callout: none) {
.composition .stone video { background: transparent; }
}
/* Pills */
.pill { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 10px; padding: 5px 22px 5px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.35); background: linear-gradient(90deg, #c5c5c2 0%, #f6f6f6 90%, #e7e8ea 100%); box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08); color: #111; font-size: 16px; cursor: pointer; appearance: none; -webkit-appearance: none; text-align: left; }
.pill:focus { outline: none; }
.pill:focus-visible { outline: 2px solid #6b6b6b; outline-offset: 2px; }
.pill__icon { width: 50px; height: 50px; flex: 0 0 auto; display: block; }
.pill__text { line-height: 1.2; display: block; font-weight: 400; font-size: 16px; }
.pill.p1 { left: 35%; top: 35%; }
.pill.p2 { right: 30%; top: 42%; }
.pill.p3 { left: 48%; top: 58%; }
/* SVG connector canvas */
.iw__canvas { position: absolute; inset: 0; pointer-events: none; z-index: 2; }
.iw__canvas svg { width: 100%; height: 100%; display: block; }
.iw__canvas path { fill: none; stroke: var(--white); stroke-width: 1; stroke-linecap: round; }
/* Widget (boxes) below the video) */
.iw { position: relative; z-index: 3; background: transparent; padding: 32px 0 72px; }
.iw__grid { display: grid; grid-template-columns: 1fr; gap: 16px; width: 100%; margin: 0; padding: 0 20px; }
.iw__card { position: relative; background: transparent; border: 1px solid var(--white); border-radius: 18px; padding: 48px 28px 28px; box-shadow: 0 8px 26px rgba(0,0,0,0.06); overflow: visible; }
.iw__card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top, var(--white) 0%, #f2f2f0 52%, #f2f2f0 100%); pointer-events: none; z-index: 0; }
.iw__card > * { position: relative; z-index: 1; }
.iw__badge { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 75px; height: 75px; z-index: 2; pointer-events: none; display: block; }
.iw__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #d5d4d4; }
.iw__title { margin: 0; font-size: clamp(24px, 3vw, 32px); font-weight: 400; letter-spacing: 0.01em; line-height: 1.08; color: #222; }
.iw__btn { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #d5d4d4; background: transparent; display: inline-flex; align-items: center; justify-content: center; color: #5c5c56; box-shadow: none; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease; }
.iw__btn:hover { background: #efefea; border-color: #c9c8c8; color: var(--accent); transform: translateY(-1px); }
.iw__btn:focus-visible { outline: 2px solid #9c9c96; outline-offset: 2px; background: #efefea; border-color: #c9c8c8; color: var(--accent); }
.iw__btn svg { width: 24px; height: 24px; }
.iw__text { margin: 0; color: #3a3a38; line-height: 1.5; font-weight: 300; font-size: 15px; }
.iw__tags { list-style: none; padding: 0; margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }
.iw__tags .tag { display: inline-block; padding: 6px 12px; background: #f3f3ee; border: 1px solid var(--line); color: #3f3f3a; border-radius: 999px; font-size: 14px; line-height: 1; white-space: nowrap; }
/* Info section */
.info { background: transparent; }
.info .container { display: grid; grid-template-columns: 1fr; }
.info .info__content { text-align: left; margin-left: 0; margin-right: 0; }
.info h2 { font-size: clamp(32px, 3.1vw, 70px); font-weight: 300; letter-spacing: 0.01em; margin: 0 0 40px; }
.info p { margin: 0; color: var(--muted); line-height: 1.65; font-size: clamp(18px, 3.1vw, 25px); letter-spacing: 0.01em; }
.info .subhead { margin: 6px 0 20px; color: var(--muted); font-size: clamp(20px, 2.2vw, 28px); line-height: 1.6; letter-spacing: 0.01em; font-style: italic; font-weight: 500; }
/* Callout section */
.callout { background: transparent; padding: 72px 0; }
.callout .container { display: flex; justify-content: center; padding-inline: 20px; }
.callout__heading { margin: 0; text-align: center; font-weight: 300; letter-spacing: 0.01em; color: var(--text); font-size: clamp(22px, 2.4vw, 42px); max-width: none; }
/* Spacing and responsive adjustments */
.about p + p { margin-top: 32px; }
.info p + p { margin-top: 32px; }
@media (min-width: 720px) {
:root { --header-h: 200px; }
.iw { padding: 40px 0 96px; }
.iw__grid { grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 0 240px; }
.iw__card { padding: 36px 28px 32px; }
.about p + p { margin-top: 40px; }
.info p + p { margin-top: 40px; }
.callout { padding: 96px 0; }
.callout .container { padding-inline: 0; }
.info.section { padding: 40px 0 100px; }
.about.section { padding: 112px 0 0; }
.composition.section { padding: 0 0 0; }
}
/* Mobile stacking for pills */
@media (max-width: 719px) {
.composition .stone { display: grid; }
.composition .stone > video { grid-area: 1 / 1; }
.composition .pills { grid-area: 1 / 1; place-self: center; display: flex; flex-direction: column; gap: 12px; align-items: stretch; z-index: 3; width: 100%; padding: 0 16px; }
.composition .pill { position: static; width: max-content; }
.composition .pill.p1 { align-self: flex-start; }
.composition .pill.p2 { align-self: center; }
.composition .pill.p3 { align-self: flex-end; }
/* Enlarge and crop the second video */
.composition .stone > video { height: 86svh; max-height: none; object-fit: cover; object-position: center; }
/* Make the pills smaller proportionately */
.composition .pills { gap: 100px; padding: 0 12px; }
.composition .pill { gap: 8px; padding: 4px 16px 4px 6px; }
.composition .pill__icon { width: 42px; height: 42px; }
.composition .pill__text { font-size: 14px; line-height: 1.2; }
/* Nudge pill #3 slightly left so connector line is straight down */
.composition .pill.p3 { align-self: flex-end; transform: translateX(-42px); }
/* Mobile: add spacing so badges don't overlap */
.iw__grid > .iw__card:first-child { margin-top: 32px; }
.iw__grid > .iw__card + .iw__card { margin-top: 44px; }
}
/* Ensure the pill icon circle looks light */
.pill__icon circle { fill: none; stroke: rgba(255,255,255,0.9); stroke-width: 2; }
/* Page Components - Content Block/Custom Block/CTA Block */
/* Set some housekeeping items for these components */
.content-block__label { display: block; text-transform: uppercase; font-size: .75rem; letter-spacing: 2px; }
.content-block__has-background-image { position: relative; z-index: 1; }
.content-block__has-background-video { position: relative; z-index: 1; }
.content-block.has-background-video .embed-container { position: absolute; padding-bottom: 0; overflow: hidden; max-width: 100%; width: 100%; height: auto; top: 0; bottom: 0; }
.content-block.has-background-video .video { width: 100%; height: 100%; object-fit: cover; }
/* Set some default colors just in case */
.content-block__heading { color: var(--black); position: relative; }
.content-block__content { color: var(--black); }
.content-block__freeform { color: var(--black); }
/* set up container and some graphic elements for headings */
.heading__container { position: relative; /*max-width: 80%;*/ }
.center.columns .heading__container { margin: 0 auto; }
.heading-line__horizontal { position: absolute; vertical-align: middle; height: 96px; top: calc(1.3rem - 40px); left: -1110px; width: 1100px; max-width: none; }
@media (max-width: 640px) {
.heading-line__horizontal { top: calc(50% - 5px); left: -1110px; }
}
.bg-image-label-color { color: #3F3F3F }
.bg-image-heading-color { color: var(--black) }
.bg-image-text-color { color: #3F3F3F }
.content-block.has-background-image .content-block__freeform { color: #3F3F3F }
.content-block.has-background-image .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.content-block.has-background-image .content-block__freeform li:before { color: #3F3F3F }
.bg-video-label-color { color: #f9f9f9 }
.bg-video-heading-color { color: var(--white) }
.bg-video-text-color { color: #f9f9f9 }
.bg-video-text-color p { color: var(--white) }
.content-block.has-background-video .content-block__freeform { color: #f9f9f9 }
.content-block.has-background-video .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: #f9f9f9 }
.content-block.has-background-video .content-block__freeform li:before { color: #f9f9f9 }
.content-block.has-background-video.extra-padding { padding: 6rem 0; }
.content-block .image-block { width: 100%; }
.content-block__content.two-column { display: flex; flex-wrap: wrap; justify-content: space-between; }
.content-block__content.two-column p { flex: 0 1 calc(50% - 1.5em); }
@media (max-width: 1200px) {
.heading__container { max-width: 100%; }
}
@media (max-width: 799px) {
.content-block__content.two-column { flex-direction: column; gap: 0em; }
}
.bg_multiple_components_start section { position: relative; z-index: 1; }
/* change all backgrounds in this multi component section to be transparent (ignored by components with image or video backgrounds. */
.bg_multiple_components_start section[class*="option-"] { background-color: transparent; }
.transparent-label-color { color: #3f3f3f }
.transparent-heading-color { color: var(--black) }
.transparent-text-color { color: var(--black) }
.transparent-background-color .content-block__freeform { color: var(--black) }
.transparent-background-color .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.transparent-background-color ul li:before {color: var(--black);}
.transparent-background-color ul:not([class]) li:before { color: var(--black); }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
/* Image and Video Backgrounds will retain their original settings. */
.bg_multiple_components_start.has__bg-image .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: #f9f9f9; }
.bg_multiple_components_start.has__bg-image .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { /*color: var(--white);*/ }
.bg_multiple_components_start.has__bg-image .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { /*color: #f9f9f9;*/ }
.bg_multiple_components_start.has__bg-image .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: #f9f9f9; }
.bg_multiple_components_start.has__bg-image .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: #f9f9f9 }
.bg_multiple_components_start.has__bg-image .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: #f9f9f9 }
.bg_multiple_components_start.has__bg-image .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: #f9f9f9; }
.option-1-background-color { background-color: var(--bg) }
.option-1-label-color { color: var(--black) }
.option-1-heading-color { color: var(--black) }
.option-1-text-color { color: #3f3f3f }
.option-1-background-color .content-block__freeform { color: #3f3f3f }
.option-1-background-color .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.option-1-background-color ul li:before { color: var(--accent); }
.option-1-background-color ul:not([class]) li:before { color: var(--accent); }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
/* Image and Video Backgrounds will retain their original settings. */
.bg_multiple_components_start.option-1-background-color .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: var(--black); }
.bg_multiple_components_start.option-1-background-color .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--black); }
.bg_multiple_components_start.option-1-background-color .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: #3f3f3f; }
.bg_multiple_components_start.option-1-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: #3f3f3f; }
.bg_multiple_components_start.option-1-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.bg_multiple_components_start.option-1-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: var(--black) }
.bg_multiple_components_start.option-1-background-color .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: var(--black); }
.option-2-background-color { background-color: #EBECED }
.option-2-label-color { color: var(--black) }
.option-2-heading-color { color: var(--black) }
.option-2-text-color { color: #3f3f3f }
.option-2-background-color .content-block__freeform { color: #3f3f3f }
.option-2-background-color .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.option-2-background-color ul li:before {color: var(--black);}
.option-2-background-color ul:not([class]) li:before { color: var(--black); }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
.bg_multiple_components_start.option-2-background-color .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: var(--black); }
.bg_multiple_components_start.option-2-background-color .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--black); }
.bg_multiple_components_start.option-2-background-color .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: #3f3f3f; }
.bg_multiple_components_start.option-2-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: #3f3f3f; }
.bg_multiple_components_start.option-2-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.bg_multiple_components_start.option-2-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: var(--black) }
.bg_multiple_components_start.option-2-background-color .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: var(--black); }
.option-3-background-color { background-color: #3f3f3f }
.option-3-label-color { color: #f9f9f9 }
.option-3-heading-color { color: var(--white) }
.option-3-text-color { color: #f9f9f9 }
.option-3-background-color .content-block__content { color: #f9f9f9 }
.option-3-background-color .content-block__content :is(h1, h2, h3, h4, h5, h6) { color: var(--white) }
.option-3-background-color .content-block__freeform { color: #f9f9f9 }
.option-3-background-color .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: var(--white) }
.option-3-background-color ul li:before {color: #f9f9f9;}
.option-3-background-color ul:not([class]) li:before { color: #f9f9f9; }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
.bg_multiple_components_start.option-3-background-color .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: #f9f9f9; }
.bg_multiple_components_start.option-3-background-color .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--white); }
.bg_multiple_components_start.option-3-background-color .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: #f9f9f9; }
.bg_multiple_components_start.option-3-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: #f9f9f9; }
.bg_multiple_components_start.option-3-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--white) }
.bg_multiple_components_start.option-3-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: #f9f9f9 }
.bg_multiple_components_start.option-3-background-color .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: #f9f9f9; }
.option-4-background-color { background-color: var(--black) }
.option-4-label-color { color: #EBECED }
.option-4-heading-color { color: var(--white) }
.option-4-text-color { color: #EBECED }
.option-4-background-color .content-block__freeform { color: #EBECED }
.option-4-background-color .content-block__freeform :is(h1, h2, h3, h4, h5, h6) { color: var(--white) }
.option-4-background-color ul li:before {color: #EBECED;}
.option-4-background-color ul:not([class]) li:before { color: #EBECED; }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
.bg_multiple_components_start.option-4-background-color .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: #EBECED; }
.bg_multiple_components_start.option-4-background-color .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--white); }
.bg_multiple_components_start.option-4-background-color .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: #EBECED; }
.bg_multiple_components_start.option-4-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: #EBECED; }
.bg_multiple_components_start.option-4-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--white) }
.bg_multiple_components_start.option-4-background-color .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: #EBECED }
.bg_multiple_components_start.option-4-background-color .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: var(--white); }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
.bg_multiple_components_start.bg-gradient-01 .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: #EBECED; }
.bg_multiple_components_start.bg-gradient-01 .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--white); }
.bg_multiple_components_start.bg-gradient-01 .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: #EBECED; }
.bg_multiple_components_start.bg-gradient-01 .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: #EBECED; }
.bg_multiple_components_start.bg-gradient-01 .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--white) }
.bg_multiple_components_start.bg-gradient-01 .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: #EBECED }
.bg_multiple_components_start.bg-gradient-01 .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: var(--white); }
.bg_multiple_components_start.bg-gradient-02 .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: var(--black); }
.bg_multiple_components_start.bg-gradient-02 .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--black); }
.bg_multiple_components_start.bg-gradient-02 .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: var(--black); }
.bg_multiple_components_start.bg-gradient-02 .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: var(--black); }
.bg_multiple_components_start.bg-gradient-02 .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.bg_multiple_components_start.bg-gradient-02 .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: var(--black) }
.bg_multiple_components_start.bg-gradient-02 .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: var(--black); }
/* Force all items, regardless of single component background color selected, to be these colors when a background spans multiple components */
/* NOTE: these apply only if 'Pattern' is the selected background treatment. If 'Pattern Over Gradient' or 'Pattern Over Graphic' is selected then the text will pick up the appropriate settings from above */
.bg_multiple_components_start.has__bg-pattern .content-block__label:not(.bg-image-label-color):not(.bg-video-label-color) { color: var(--black); }
.bg_multiple_components_start.has__bg-pattern .content-block__heading:not(.bg-image-heading-color):not(.bg-video-heading-color) { color: var(--black); }
.bg_multiple_components_start.has__bg-pattern .content-block__content:not(.bg-image-text-color):not(.bg-video-text-color) { color: var(--black); }
.bg_multiple_components_start.has__bg-pattern .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) { color: var(--black); }
.bg_multiple_components_start.has__bg-pattern .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) :is(h1, h2, h3, h4, h5, h6) { color: var(--black) }
.bg_multiple_components_start.has__bg-pattern .content-block__freeform:not(.bg-image-text-color):not(.bg-video-text-color) li:before { color: var(--black) }
.bg_multiple_components_start.has__bg-pattern .checkmark-column__content:not(.bg-image-text-color):not(.bg-video-text-color) span[class*="option-"] { color: var(--black); }
.content-block .button__right.active { display: flex; justify-content: space-between; align-items: center; gap: 2rem}
.content-block .button__right.active .button__container a:last-child{ margin-bottom: 0; }
/*.button__right-button.active { float: right; margin-top: 1rem; z-index: 1; position: relative; }*/
/* Page Components - Numbered List Block */
.numbered__list-container { display: flex; flex-direction: column; gap: 1.25em; }
.numbered__list-item { display: flex; gap: 1.5em; }
.numbered__list-link { display: flex; margin-bottom: 0; }
.numbered__list-link .text-button { margin-bottom: 0; }
.numbered__list-link .text-button:hover { color: #3f3f3f; border-bottom: 1px solid #3f3f3f; }
.numbered__list-number { position: relative; font-family: PPNeueMachina, Helvetica, Arial, sans-serif; color: var(--accent); min-height: 7rem; font-size: 2.6rem; line-height: 2.6rem; overflow-y: clip; flex: 0 0 1.5em; }
.numbered__list-number:after { content: ""; position: absolute; background-color: #3f3f3f; width: 1px; top: 3.0rem; bottom: 0; left: 50%; display: block; }
.numbered__list-header { color: var(--black); font-size: 2.0rem; margin-bottom: 0.5rem; }
.numbered__list-text { color: #3f3f3f; font-size: clamp(18px, 3.1vw, 25px); }
.numbered__list-number.has-no-link { min-height: auto; }
.numbered__list-number.has-no-link:after { content: none;}
@media (max-width: 800px) {
.numbered__list-item { gap: 1.25em; }
.numbered__list-header { font-size: 1.666rem; }
}
@media (max-width: 479px) {
.numbered__list-item { gap: 1.0em; }
.numbered__list-header { font-size: 1.5rem; }
}
/* Page Components - Split Panel - Content & Image */
.split__container { display: flex; align-items: center; }
.split__container-reverse { flex-direction: row-reverse; }
.split__container-reverse .split__right.split__50 { padding-right: 6rem; }
.split__container-normal .split__right.split__50 { padding-left: 6rem; }
.split__70 { width: 70%; }
.split__50 { width: 50%; }
.split__30 { width: 30%; }
.split__container-reverse .split__right.split__70 { padding-right: 3rem; }
.split__container-reverse .split__right.split__30 { padding-right: 3rem; }
.split__container-normal .split__right.split__70 { padding-left: 3rem; }
.split__container-normal .split__right.split__30 { padding-left: 3rem; }
.split__container .popup-video { display: block; transition: opacity 300ms ease-out; }
.split__container .popup-video:hover { opacity: .7; }
.split__container .video-icon { position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; font-size: 3rem; color: #ee0000; background: var(--white); height: 60px; width: 60px; display: flex; border-radius: 50%; align-items: center; justify-content: center; }
/*.split__right .content-block__content :is(h3, h4, h5, h6, p) { line-height: 1.8rem }*/
/* Split Panel - Content & Image Stick */
.split__panel--stick {overflow: hidden;}
.split__panel--stick .split__container {justify-content: space-between;}
.split__panel--stick .split__left { --gap: calc(608px + 0.9375rem - 3%); margin-left: calc(-50vw + var(--gap) ); margin-right: calc(-50vw + var(--gap) ); }
.split__panel--stick .split__right { max-width: 50%; width: 50%; }
.split__panel--stick .split__container-normal .split__right.split__50 { padding-left: 0rem; }
.split__panel--stick .split__container-reverse .split__right.split__50 { padding-right: 1rem; }
.split__panel--stick .split__left img { width: 100%; }
.split__panel--stick .split__left {
max-width: calc(50vw - 6.5%);
}
.pb0 .split__right {padding-bottom: 3rem;}
@media (min-width: 800px) {
.split__panel-slider,
.split__panel--stick .split__left,
.split__panel-slider-slide {width: 100%;height: 100%;}
}
@media (max-width: 1370px) {
.split__panel--stick .split__left { --gap: calc(47% + 0.933rem); margin-left: calc(-50vw + var(--gap) ); margin-right: calc(-50vw + var(--gap) ); }
.split__panel--stick.split__container-reverse .split__right { padding-right: 3rem; }
}
@media (max-width: 1199px) {
.split__container-reverse .split__right.split__50 { padding-right: 3rem; }
.split__container-normal .split__right.split__50 { padding-left: 3rem; }
.split__left.split__50 { width: 40%; }
.split__right.split__50 { width: 60%; }
.split__panel--stick .split__left.split__50 { width: 50%; }
.split__panel--stick .split__right.split__50 { width: 50%; }
.split__panel--stick .split__container-normal .split__right.split__50 { padding-left: 0rem; }
.split__panel--stick .split__container-reverse .split__right.split__50 { padding-right: 0rem; }
.split__container-reverse .split__right.split__70 { padding-right: 2rem; }
.split__container-reverse .split__right.split__30 { padding-right: 2rem; }
.split__container-normal .split__right.split__70 { padding-left: 2rem; }
.split__container-normal .split__right.split__30 { padding-left: 2rem; }
}
@media (max-width: 799px) {
.split__container.split__container-50-50 { flex-direction: column; }
.split__container-reverse .split__right.split__50 { padding-right: 0rem; }
.split__container-normal .split__right.split__50 { padding-left: 0rem; }
.split__left.split__50 { margin-bottom: 1rem; }
.split__left.split__50, .split__right.split__50 { width: 100%; }
.split__panel--stick .split__right { max-width: 100%; width: 100%; }
.split__panel--stick .split__left.split__50 { width: 100%; }
.split__panel--stick .split__right.split__50 { width: 100%; }
.split__panel--stick .split__left { max-width: 100%; }
.split__container.split__container-70-30 { flex-direction: column; }
.split__container.split__container-30-70 { flex-direction: column; }
.split__container-reverse .split__right.split__70 { padding-right: 0rem; }
.split__container-reverse .split__right.split__30 { padding-right: 0rem; }
.split__container-normal .split__right.split__70 { padding-left: 0rem; }
.split__container-normal .split__right.split__30 { padding-left: 0rem; }
.split__left.split__70 { margin-bottom: 1rem; }
.split__left.split__30 { margin-bottom: 1rem; }
.split__30 { width: 100%; }
.split__70 { width: 100%; }
}
/* Page Components - Multi Column Content Block */
.multi-column__container { display: grid; gap: 3rem; }
.four_columns .multi-column__container { gap: 1.5rem; } /* shrink gap when 4 columns wide */
.multi-column__container.two_columns { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));}
.multi-column__container.three_columns { grid-template-columns: repeat(auto-fill, minmax(30%, 1fr)); }
.multi-column__container.four_columns { grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));}
.multi-column__content { position: relative; display: flex; flex-direction: column; font-size: 1rem; padding: 2rem 1.5rem; overflow: hidden; background: transparent; margin-bottom: 1rem; box-shadow: 0 8px 26px rgba(0,0,0,0.06); border-radius: 18px; border: 1px solid var(--white); }
.multi-column__content::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top, var(--white) 0%, #f2f2f0 52%, #f2f2f0 100%); pointer-events: none; z-index: 0; }
.multi-column__content > * { position: relative; z-index: 1; }
.multi-column__container.two_columns .multi-column__content { padding: 0; }
.multi-column__container.four_columns .multi-column__content p { font-size: clamp(14px, 3.1vw, 16px);}
@media (max-width: 1023px) {
.multi-column__container.three_columns { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr)); }
.multi-column__container.four_columns { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));}
.four_columns .multi-column__container { gap: 3rem; } /* put gap back to normal */
.multi-column__content .content-block__heading { font-size: 1.556rem; }
}
@media (max-width: 639px) {
.multi-column__container, .four_columns .multi-column__container { gap: 2rem; }
.multi-column__container.two_columns { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
.multi-column__container.three_columns { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }
.multi-column__container.four_columns { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));}
.multi-column__content .content-block__heading { font-size: 1.313rem; }
}
/* Page Components - Checkmark Column Block */
.checkmark-column__content { display: flex; }
.checkmark-column__content .content-block__content { display: flex; flex-direction: column; }
.checkmark-column__content .icon__container { padding: 0 0.5em 0 0; }
.checkmark-column__content .icon__container span.default { font-size: 1.1579em }
.checkmark-column__content .icon__container span.larger { font-size: 1.75em }
.checkmark-column__content .option-1-icon-color { color: var(--black) }
.checkmark-column__content .option-2-icon-color { color: var(--black) }
.checkmark-column__content .option-3-icon-color { color: #f9f9f9 }
.checkmark-column__content .option-4-icon-color { color: #d4d4d4 }
/* Page Components - Navigation Card Block */
.nav-card__container { display: flex; flex-direction: column; border: 1px solid #e2e2e2; padding: 1.875em; }
.nav-card__container .text-button { margin-bottom: 0; }
.nav-card__container .button { margin-bottom: 0; }
.transparent-background-color .nav-card__container { border: 1px solid #d8d8d8; background: #f8f8f8; }
.transparent-nav-card-heading-color { color: var(--black) }
.transparent-nav-card-text-color { color: var(--black) }
.transparent-nav-card-text-color ul li:before {color: var(--black);}
.transparent-nav-card-text-color ul:not([class]) li:before { color: var(--black); }
.option-1-background-color .nav-card__container { border: 1px solid #d8d8d8; background: var(--white); }
.option-1-nav-card-heading-color { color: var(--black) }
.option-1-nav-card-text-color { color: var(--black) }
.option-1-nav-card-text-color ul li:before {color: var(--black);}
.option-1-nav-card-text-color ul:not([class]) li:before { color: var(--black); }
.option-2-background-color .nav-card__container { border: 1px solid #e2e2e2; background: var(--bg); }
.option-2-nav-card-heading-color { color: var(--black) }
.option-2-nav-card-text-color { color: var(--black) }
.option-2-nav-card-text-color ul li:before {color: var(--black);}
.option-2-nav-card-text-color ul:not([class]) li:before { color: var(--black); }
.option-3-background-color .nav-card__container { border: 1px solid #e2e2e2; background: var(--bg); }
.option-3-nav-card-heading-color { color: var(--black) }
.option-3-nav-card-text-color { color: var(--black) }
.option-3-nav-card-text-color ul li:before {color: var(--black);}
.option-3-nav-card-text-color ul:not([class]) li:before { color: var(--black); }
.option-4-background-color .nav-card__container { border: 1px solid #e2e2e2; background: var(--bg); }
.option-4-nav-card-heading-color { color: var(--black) }
.option-4-nav-card-text-color { color: var(--black) }
.option-4-nav-card-text-color ul li:before {color: var(--black);}
.option-4-nav-card-text-color ul:not([class]) li:before { color: var(--black); }
/* Page Components - Article Card Block */
.zoom-trigger {overflow: hidden;}
.zoom-trigger:hover .zoom-img {-webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);}
.zoom-img { transition: -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 4s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.article-card__container { display: flex; flex-direction: column; border: 1px solid #e2e2e2; position: relative; }
.article-card__container-content { padding: 1.875em; display: flex; flex-direction: column; height: 100%; }
.four_columns .article-card__container-content { padding: 1.375em; }
.article-card__container .text-button { margin-bottom: 0; }
.article-card__container .button { margin-bottom: 0; }
.article-card__image { /*overflow: hidden;*/ }
.article-card__image img { display: block; width: 100%; }
.article-card__image-labels { position: absolute; top: 1.0em; left: 1.0em; z-index: 1; pointer-events: none; }
.article-card__image-label { font-size: 0.6em; display: block; line-height: 1.2; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; background: #3f3f3f; color: var(--white); padding: 0.3333em 1em; }
.two_columns .article-card__image-label { font-size: 0.8em; }
.four_columns .article-card__image-label { font-size: 0.7em; }
.article-card__label { font-size: 0.6em; font-weight: 600; color: #656565; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0.25rem; }
.two_columns .article-card__label { font-size: 0.80em; }
.four_columns .article-card__label { font-size: 0.7em;}
.article-card__headline { font-size: 1.1rem; margin-bottom: .25rem; }
.two_columns .article-card__headline { font-size: 1.3rem;}
.four_columns .article-card__headline { font-size: 1.0rem;}
.article-card__meta { font-size: 0.85em; font-weight: 600; color: #656565; }
.two_columns .article-card__meta { font-size: 0.90em; }
.four_columns .article-card__meta { font-size: 0.80em; }
.article-card__text { color: var(--black); font-size: .9rem; margin-top: 0.75rem;}
.two_columns .article-card__text { font-size: 1.15em; }
.four_columns .article-card__text { font-size: 0.95em; }
@media (max-width: 1023px) {
.four_columns .article-card__container-content { padding: 1.875em; }
}
@media (max-width: 639px) {
.article-card__image-label, .two_columns .article-card__image-label, .four_columns .article-card__image-label { font-size: 0.65em; }
.article-card__label, .two_columns .article-card__label, .four_columns .article-card__label { font-size: 0.65em;}
.article-card__headline, .two_columns .article-card__headline, .four_columns .article-card__headline { font-size: 1.15rem;}
.article-card__meta, .two_columns .article-card__meta, .four_columns .article-card__meta { font-size: .8em; }
.article-card__text, .two_columns .article-card__text, .four_columns .article-card__text { font-size: .950em; }
}
.transparent-background-color .article-card__container { border: 1px solid #d8d8d8; background: #f8f8f8; }
.transparent-article-card-label-color { color: #656565 }
.transparent-article-card-meta-color { color: #656565 }
.transparent-article-card-headline-color { color: var(--black) }
a.transparent-article-card-headline-color:hover { color: #ee0000 }
.transparent-article-card-text-color { color: var(--black) }
.option-1-background-color .article-card__container { border: 1px solid #d8d8d8; background: var(--white); }
.option-1-article-card-label-color { color: #656565 }
.option-1-article-card-meta-color { color: #656565 }
.option-1-article-card-headline-color { color: var(--black) }
a.option-1-article-card-headline-color:hover { color: #ee0000 }
.option-1-article-card-text-color { color: var(--black) }
.option-2-background-color .article-card__container { border: 1px solid #e2e2e2; background: var(--bg); }
.option-2-article-card-label-color { color: #656565 }
.option-2-article-card-meta-color { color: #656565 }
.option-2-article-card-headline-color { color: var(--black) }
a.option-2-article-card-headline-color:hover { color: #ee0000 }
.option-2-article-card-text-color { color: var(--black) }
.option-3-background-color .article-card__container { border: 1px solid #e2e2e2; background: var(--bg); }
.option-3-article-card-label-color { color: #656565 }
.option-3-article-card-meta-color { color: #656565 }
.option-3-article-card-headline-color { color: var(--black) }
a.option-3-article-card-headline-color:hover { color: #ee0000 }
.option-3-article-card-text-color { color: var(--black) }
.option-4-background-color .article-card__container { border: 1px solid #e2e2e2; background: var(--bg); }
.option-4-article-card-label-color { color: #656565 }
.option-4-article-card-meta-color { color: var(--black) }
.option-4-article-card-headline-color { color: var(--black) }
a.option-4-article-card-headline-color:hover { color: #ee0000 }
.option-4-article-card-text-color { color: var(--black) }
/* Blog */
.sidebar__search { margin-bottom: 2.5rem; }
.post__tag-cloud { margin-bottom: 2.25rem; display: flex; flex-wrap: wrap; gap: 0.75rem; }
.tag-cloud-link { background: #eeeeee; padding: 0.25rem 0.5rem; border-radius: 5px; }
.post__list { margin: 6rem 0; }
.post__categories { font-size: .9rem; color: var(--white); margin-bottom: 1rem; display: block; }
.post__date { font-size: .9rem; margin-bottom: 0.5rem; }
.post__content { display: flex; gap: 2rem; padding: 2.0rem 0; }
.post__content:not(:first-of-type) { border-top: 1px solid #e2e2e2 }
.post__content:first-of-type { padding-top: 0rem; }
.post__content p:last-child { margin-bottom: 0rem; }
.post__image-container { width: 70%; }
.single__post { margin: 6rem 0; }
.single__post-image { margin-bottom: 1rem; }
.single__post-heading { margin-bottom: 1rem; }
.single__post-date { font-weight: 600; }
/** Single Post **/
.single-post .single__post { margin: 2rem 0; }
.single-post .post__categories:hover { color: var(--white); }
.single-post .single__post-meta { margin-bottom: 1rem; }
.single-post .single__post-date { font-weight: 500; }
.single-post .press-single__card-link { color: #3f3f3f; }
.single-post .press-single__card-link:hover { color: var(--accent); }
.single-post .single__post-bottom { margin-top: 2rem; display: flex; justify-content: space-between }
/* Button styles for single post bottom buttons - matching press card style */
.single__post-bottom .button__container .text-button {
margin-bottom: 0;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: var(--accent);
box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08);
color: var(--white);
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 250ms ease;
}
.single__post-bottom .button__container .text-button::after {
content: none; /* Remove base ::after since we use .button-icon span */
}
.single__post-bottom .button__container .text-button:hover {
transform: translateY(-2px);
box-shadow: 0 24px 48px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.1);
}
.single__post-bottom .button__container .text-button .button-icon {
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.3);
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--bg);
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
flex-shrink: 0;
}
.single__post-bottom .button__container .text-button:hover .button-icon {
background: var(--bg);
border-color: var(--bg);
color: var(--accent);
transform: translateY(-1px);
}
.single__post-bottom .button__container .text-button .button-icon svg {
width: 16px;
height: 16px;
}
/* Hide the arrow icons */
.single__post-bottom .button__container .text-button .icon-arrow-right,
.single__post-bottom .button__container .text-button .icon-arrow-left {
display: none;
}
/* Adjust order for left button (icon should be on right, which is default) */
.single__post-bottom .button__container:first-child .text-button {
flex-direction: row;
}
/* Adjust order for right button (icon should be on left) */
.single__post-bottom .button__container:last-child .text-button {
flex-direction: row-reverse;
padding: 8px 24px 8px 16px;
}
.single__post-bottom .button__container:last-child .text-button .button-icon {
margin-left: 0;
margin-right: 8px;
}
@media (max-width: 479px) {
.single-post .post__categories { background: var(--black); padding: 3px 5px; margin-bottom: 0.5rem; display: inline-block; }
}
/** Number Pagination CSS Styles **/
.post__pagination { display: flex; flex-wrap: wrap; justify-content: center; padding: 2.5rem 0;}
.page-numbers {
display: inline-flex;
align-items: center;
padding: 10px 24px;
margin-left: 12px;
margin-bottom: 10px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: #f8f8f8;
color: #3f3f3f;
font-size: 16px;
font-weight: 500;
text-decoration: none;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-numbers:hover {
background: #efefef;
cursor: pointer;
}
.page-numbers.current {
background: linear-gradient(90deg, #c5c5c2 0%, #f6f6f6 90%, #e7e8ea 100%);
box-shadow: 0 8px 16px rgba(16, 24, 40, 0.06), 0 2px 4px rgba(16, 24, 40, 0.08);
color: #111;
font-weight: 500;
}
@media (max-width: 800px) {
.post__list { margin: 3rem 0; }
}
@media (max-width: 639px) {
.page-numbers.prev, .page-numbers.next { min-width: 100px; text-align: center; }
.page-numbers:not(.prev):not(.next) { display: none; }
}
@media (max-width: 479px) {
.post__content { flex-direction: column; gap: 1rem; }
.post__image-container { width: 100%; }
}
/********************************************************************************
--- Page Loader (when entering ) ---
*********************************************************************************/
.page-load { height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex;}
.page-load__image { align-self: center; margin: 0 auto; display: none; opacity: .75}
.admin-bar .page-load { height: calc(100vh - 32px);}
.page-load__video {position: relative;width: 100%; height: calc(100vh - 70px);}
.page-load__bg-video { width: 100%; /*height: 100%;*/ height: calc(100vh - 70px);/* -o-object-fit: cover; object-fit: cover;*/ -o-object-position: center; object-position: center; background: #dadbdc; }
.admin-bar .page-load__video { height: calc(100vh - 101px);}
.admin-bar .page-load__bg-video { height: calc(100vh - 101px); }
.header__page-load { height: 70px; width: 100%; background: var(--white); position: fixed; bottom: 0; display: flex; align-items: center; justify-content: left; padding-left: 1rem; z-index: 1; }
.header__enter-site { display: flex; align-items: center; justify-content: space-between; color: var(--black); font-size: 20px; border-bottom: 1px solid var(--accent); padding-bottom: 0px; transition: all 250ms ease;}
.header__enter-site:hover { color: #3f3f3f; border-bottom: 1px solid #3f3f3f;}
.header__enter-site .icon-arrow-right { transform: translateX(5px) rotate(-45deg); margin-left: .5rem; margin-bottom: 3px; color: var(--accent); font-size: 1.0rem; transition: all 250ms ease-out; }
.header__enter-site:hover .icon-arrow-right { color: #3f3f3f; transform: translateX(5px) rotate(0deg); }
@media (max-width: 1023px) {
.page-load { height: calc(100vh - 60px); }
.admin-bar .page-load { height: calc(100vh - 92px); }
}
@media (max-width: 782px) {
.admin-bar .page-load { height: calc(100vh - 106px); }
}
/********************************************************************************
--- Video Hero ---
*********************************************************************************/
.hero { /* Use intrinsic media sizing; avoid fixed heights to prevent overlap with next section */ height: auto; margin-top: 140px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.admin-bar .hero { /*height: calc(100vh - 162px);*/ height: auto;}
.hero .home__hero-content-container { position: absolute;display: flex; bottom: 3.5rem; left: 0; right: 0; }
.hero__video {position: relative;height: 100%;}
.hero__video .embed-container { height: 100%; }
.hero__bg-video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.hero__bg-video-popup { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.home__hero-heading { color: var(--white); font-size: 4.4rem; margin-bottom: 1rem; }
.home__hero-button-left { width: 100px; }
.home__hero-button-container { display: flex; }
.hero__button-svg .st0{ display:none; fill:#D1D3D4; }
.hero__button-svg .st1{fill:none;stroke: var(--white); stroke-width:2;stroke-miterlimit:10;}
.hero__button-svg .st2{fill: var(--white);}
.hero__button-svg .st3{fill:none;stroke:var(--white);stroke-width:2;stroke-miterlimit:10; transition: stroke 250ms ease-out; }
.hero__button-svg .st4{fill:var(--white); transition: fill 250ms ease-out; }
.home__hero-button .outer-ring, .home__hero-button .hero__button-svg .st4 { transition: transform 400ms ease-out; transform-origin: center; }
.home__hero-button:hover .outer-ring {transform: rotate(-45deg); }
.home__hero-button:hover .hero__button-svg .st4{ fill: var(--white); transform: rotate(315deg) scale(1.95)}
.home__hero-button { display: flex; align-items: center; gap: 1rem; }
.home__hero-button-right { color: var(--white); font-family: PPNeueMachina, Helvetica, Arial, sans-serif; font-size: 1.5rem; line-height: 1.2; transition: color 400ms ease-out;
}
.home__hero-button:hover .home__hero-button-right { color: var(--white); }
@media (max-width: 1300px) {
.hero { height: auto; }
.admin-bar .hero { height: auto; }
.home__hero-heading { font-size: 4.0rem; }
}
@media (max-width: 1200px) {
.hero { height: auto; }
.admin-bar .hero { height: auto; }
.home__hero-heading { font-size: 3.75rem; }
}
@media (max-width: 1023px) {
.hero { height: auto; }
.admin-bar .hero { height: auto; }
.home__hero-heading { font-size: 3.0rem; }
}
@media (max-width: 900px) {
.hero { height: auto; }
.admin-bar .hero { height: auto; }
.home__hero-heading { font-size: 3.0rem; }
}
@media (max-width: 800px) {
.hero { height: auto; margin-top: 60px; }
.admin-bar .hero { height: auto; margin-top: 60px;}
.home__hero-heading { font-size: 2.5rem; }
}
@media (max-width: 782px) {
.admin-bar .hero { /*height: calc(100vh - 106px);*/ }
}
@media (max-width: 639px) {
.hero { height: auto; }
.hero .home__hero-content-container { bottom: 1.5rem; }
.admin-bar .hero { height: auto; }
.home__hero-heading { font-size: 2.0rem; }
.home__hero-button-left { width: 60px; }
.home__hero-button-right { font-size: 1.2rem;}
}
@media (max-width: 479px) {
.hero { height: auto; }
.admin-bar .hero { height: auto; }
.video-block__content .home__hero-button-left { width: 40px; }
.home__hero-heading { font-size: 1.5rem; }
.home__hero-button-right { font-size: 1.1rem;}
}
#panels { overflow: hidden; }
.panels-container { position: relative; min-height: 100%; }
.scroll_container { height: 75vh; /*border: 1px solid red;*/ }
.scroll-panel { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 75vh; }
.scroll-panel svg { /*min-height: 124px; height: 124px;*/ position: relative; z-index: -1;}
.scroll-panel__heading { margin-bottom: 0.5rem; margin-top: 1rem; }
.scroll-panel:not(:first-child) { opacity: 0; visibility: hidden; }
.svg__container {height: 124px;}
.scroll-panel:not(.first) svg { height: 0; opacity: 0; }
.scroll-panel.first svg.scroll-panel-topline { height: 124px !important; opacity: 1 !important; }
.active.revealed .scroll-panel-topline {
animation-name: fadeInLine;
animation-duration: 1.25s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
.active.revealed .scroll-panel-bottomline {
animation-name: fadeInLine;
animation-duration: 1.0s;
animation-delay: .65s;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@keyframes fadeInLine {
0% {
height: 0; opacity: 0;
}
100% {
height: 124px; opacity: 1;
}
}
@media (max-width: 479px) {
.scroll_container { height: 90vh; }
.scroll-panel { height: 90vh; }
h2.scroll-panel__heading { font-size: 1.75rem; }
h3.scroll-panel__heading { font-size: 1.55rem; }
}
/********************************************************************************
--- Featured Image with Content ---
*********************************************************************************/
.featured-image-with-content__wrapper {position: relative;}
.featured-image__section {overflow: hidden;}
.featured-image__figure {margin:0;height: 650px;background-size: cover;position: relative;}
.featured-image__parallax {width: 100%;height: 150%;position: absolute;background-size: cover;background-position: center;}
.featured-image__bg {height: 100%;width: 100%;background-position:left center;background-size: cover;}
.featured-image__caption { position: absolute; top: 2.88rem; left: 1px; padding: 0.5rem 0.75rem 0.5rem 2rem; background: var(--accent); color: var(--white); font-size: 0.76rem; z-index: 1; }
.featured-image__caption:before { content: ""; position: absolute; background-color: var(--bg); height: 2px; top: 50%; left: -.4rem; display: block; width: 2rem; }
.split__left .featured-image__caption { top: 1.67rem; overflow: hidden; }
@media (min-width: 2700px) {
.featured-image__figure {height: 800px;}
}
@media (max-width: 1300px) {
.featured-image__figure {height: 470px;}
}
@media (max-width: 900px) {
.featured-image__figure {height: 410px;}
}
@media (max-width: 600px) {
.featured-image__parallax {height: 100%;position: relative;object-fit: cover;}
.featured-image__figure {height: 350px;}
}
@media (max-width: 500px) {
.featured-image__figure {height: 250px;}
.featured-image__caption { top: 1.88rem; padding: 0.35rem 0.5rem 0.35rem 2rem; }
}
@media (max-width: 400px) {
.featured-image__figure {height: 350px;}
}
/********************************************************************************
--- Research Cards ---
*********************************************************************************/
.research__card-list { display: flex; gap: 0.96rem; justify-content: flex-start; flex-wrap: wrap; }
.research__card-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 2rem 1.5rem; background: transparent; flex: 0 1 calc(33% - .5em); box-shadow: 0 8px 26px rgba(0,0,0,0.06); border-radius: 18px; overflow: visible; border: 1px solid var(--white); }
.research__card-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top, var(--white) 0%, #f2f2f0 52%, #f2f2f0 100%); pointer-events: none; z-index: 0; }
.research__card-item > * { position: relative; z-index: 1; }
.research__card-container { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 2rem; }
.research__card-content { font-size: 1rem; max-width: 90%;margin-bottom: 3rem; }
.research__card-item .text-button {
margin-bottom: 0;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: var(--accent);
box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08);
color: var(--white);
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 250ms ease;
}
.research__card-item .text-button::after {
content: none; /* Remove base ::after since we use .button-icon span */
}
.research__card-item .text-button:hover {
transform: translateY(-2px);
box-shadow: 0 24px 48px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.1);
}
.research__card-item .text-button .button-icon {
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.5);
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white);
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
flex-shrink: 0;
}
.research__card-item .text-button:hover .button-icon {
background: var(--bg);
border-color: var(--white);
color: var(--accent);
transform: translateY(-1px);
}
.research__card-item .text-button .button-icon svg {
width: 16px;
height: 16px;
}
.research__card-category { font-size: 15px; color: #3F3F3F; text-transform: uppercase; font-weight: 600; margin-top: auto; margin-bottom: 1px; }
.research__card-heading { font-size: 1.5rem; font-weight: 500; margin-bottom: 0.75rem; line-height: 1.3; }
.research__card-link { color: #3f3f3f; display: inline-block; }
.research__card-link:hover { color: var(--accent); }
.research-detail__container { margin-top: 1rem; margin-bottom: 3rem; }
@media (max-width: 1100px) {
.research__card-item { flex: 0 1 calc(50% - .5em); }
}
@media (max-width: 799px) {
.research__card-item { flex: 0 1 100%; }
}
/********************************************************************************
--- Press Cards ---
*********************************************************************************/
.press__card-list { display: flex; gap: 0.96rem; justify-content: flex-start; flex-wrap: wrap; }
.press__card-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 2rem 1.5rem; background: transparent; flex: 0 1 calc(33% - .5em); box-shadow: 0 8px 26px rgba(0,0,0,0.06); border-radius: 18px; overflow: visible; border: 1px solid var(--white); }
.press__card-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top, var(--white) 0%, #f2f2f0 52%, #f2f2f0 100%); pointer-events: none; z-index: 0; }
.press__card-item > * { position: relative; z-index: 1; }
.press__card-container { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 2rem; }
.press__card-content { font-size: 1rem; max-width: 90%;margin-bottom: 3rem; }
.press__card-item .text-button {
margin-bottom: 0;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: var(--accent);
box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08);
color: var(--white);
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 250ms ease;
}
.press__card-item .text-button::after {
content: none; /* Remove base ::after since we use .button-icon span */
}
.press__card-item .text-button:hover {
transform: translateY(-2px);
box-shadow: 0 24px 48px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.1);
}
.press__card-item .text-button .button-icon {
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.5);
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white);
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
flex-shrink: 0;
}
.press__card-item .text-button:hover .button-icon {
background: var(--bg);
border-color: var(--white);
color: var(--accent);
transform: translateY(-1px);
}
.press__card-item .text-button .button-icon svg {
width: 16px;
height: 16px;
}
.press__card-category { font-size: 14px; color: #3f3f3f; text-transform: uppercase; font-weight: 600; margin-bottom: 6px; }
.press__card-heading { font-size: 1.5rem; font-weight: 500; margin-bottom: 0.75rem; line-height: 1.3; }
.press__card-page-number { position: absolute; font-size: 15px; margin-top: 5px; margin-left: 5px; }
.press__card-link { color: #3f3f3f; }
.press__card-link:hover { color: var(--accent); }
@media (max-width: 1100px) {
.press__card-item { flex: 0 1 calc(50% - .5em); }
}
@media (max-width: 799px) {
.press__card-item { flex: 0 1 100%; }
.press__card-container { margin-bottom: 1rem; }
.press__card-content { font-size: .9rem; margin-bottom: 1rem; }
}
/********************************************************************************
--- Career Cards ---
*********************************************************************************/
.career__card-list { display: flex; gap: 0.96rem; justify-content: flex-start; flex-wrap: wrap; }
.career__card-item { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 2rem 1.5rem; background: transparent; flex: 0 1 calc(33% - .5em); box-shadow: 0 8px 26px rgba(0,0,0,0.06); border-radius: 18px; overflow: visible; border: 1px solid var(--white); }
.career__card-item::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(to top, var(--white) 0%, #f2f2f0 52%, #f2f2f0 100%); pointer-events: none; z-index: 0; }
.career__card-item > * { position: relative; z-index: 1; }
.career__card-container { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 2rem; }
.career__card-content { font-size: 1rem; max-width: 90%; margin-bottom: 3rem; }
.career__card-item .text-button {
margin-bottom: 0;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: var(--accent);
box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08);
color: var(--white);
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 250ms ease;
}
.career__card-item .text-button::after {
content: none; /* Remove base ::after since we use .button-icon span */
}
.career__card-item .text-button:hover {
transform: translateY(-2px);
box-shadow: 0 24px 48px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.1);
}
.career__card-item .text-button .button-icon {
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.5);
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white);
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
flex-shrink: 0;
}
.career__card-item .text-button:hover .button-icon {
background: var(--bg);
border-color: var(--white);
color: var(--accent);
transform: translateY(-1px);
}
.career__card-item .text-button .button-icon svg {
width: 16px;
height: 16px;
}
.career__card-category { font-size: 14px; color: #3f3f3f; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.career__card-heading { font-size: 1.5rem; font-weight: 500; margin-bottom: 0.75rem; line-height: 1.3; }
.career__card-page-number { position: absolute; font-size: 15px; margin-top: 5px; margin-left: 5px; }
.career__card-link { color: #3f3f3f; }
.career__card-link:hover { color: var(--accent); }
@media (max-width: 1100px) {
.career__card-item { flex: 0 1 calc(50% - .5em); }
}
@media (max-width: 799px) {
.career__card-item { flex: 0 1 100%; }
.career__card-container { margin-bottom: 1rem; }
.career__card-content { font-size: .9rem; margin-bottom: 1rem; }
}
/********************************************************************************
--- Career Listing Single ---
*********************************************************************************/
.single__career-listings--wrapper { margin: 2rem 0 6rem; }
.apply-now_button--anchor { margin-bottom: 30px; }
/* Apply Now anchor button - pill style with downward arrow */
.apply-now_button--anchor .text-button {
margin-bottom: 0;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 16px 8px 24px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: var(--accent);
box-shadow: 0 20px 40px rgba(16, 24, 40, 0.06), 0 2px 6px rgba(16, 24, 40, 0.08);
color: var(--white);
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 250ms ease;
}
.apply-now_button--anchor .text-button::after {
content: none; /* Remove base ::after since we use .button-icon span */
}
.apply-now_button--anchor .text-button:hover {
transform: translateY(-2px);
box-shadow: 0 24px 48px rgba(16, 24, 40, 0.08), 0 4px 8px rgba(16, 24, 40, 0.1);
}
.apply-now_button--anchor .text-button .button-icon {
width: 30px;
height: 30px;
margin-left: 8px;
border-radius: 50%;
border: 1px solid rgba(255,255,255,0.5);
background: transparent;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--white);
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
flex-shrink: 0;
}
.apply-now_button--anchor .text-button:hover .button-icon {
background: var(--bg);
border-color: var(--white);
color: var(--accent);
transform: translateY(-1px);
}
.apply-now_button--anchor .text-button .button-icon svg {
width: 16px;
height: 16px;
}
.single-career-listings .career__job-number { font-size: 16px; color: var(--white); text-transform: uppercase; font-weight: 600; margin-top: 40px; margin-bottom: 6px; padding-left: 6px;}
.single-career-listings .career__job-number-number { font-size: 20px; font-weight: 700;}
.single-career-listings .gform_heading .gform_title { font-size: 1.6rem;}
.single-career-listings .gform_wrapper.gravity-theme .gfield input.medium {font-size: 16px;}
.single-career-listings .single__career-listings--form_wrapper { padding-top: 10px;}
@media (max-width: 799px) {
.single-career-listings .career__job-number { font-size: 12px; margin-top: 10px; margin-bottom: 0; padding-left: 6px; }
.single-career-listings .career__job-number-number { font-size: 14px; }
}
/********************************************************************************
--- Team Cards ---
*********************************************************************************/
.team__card-list { display: flex; gap: 0.96rem; /*justify-content: space-between;*/ flex-wrap: wrap; }
.team__card-item { display: flex; flex-direction: column; justify-content: space-between; background: var(--white); flex: 0 1 calc(33% - .5em); box-shadow: 0 8px 26px rgba(0,0,0,0.06); border-radius: 12px; overflow: hidden; }
.team__card-text-container { padding: 1.5rem 1.5rem; display: flex; flex-grow: 1; flex-direction: column; background: #f5f5f5; }
.team__card-item figure { margin: 0; }
.team__card-container { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 2rem; }
.team__card-content { font-size: .76rem; max-width: 90%;margin-bottom: 3rem; }
.team__card-image-container { overflow: hidden; }
.team__card-list .image-link { display: block; }
.team__card-list .image-link img { transition: all 600ms ease-out; overflow: hidden; }
.team__card-heading { font-size: 1.75rem; font-weight: 500; margin-bottom: 0.2em; transition: color 300ms ease-out; color: #1a1a1a; }
.team__card-bio-link:hover .team__card-heading, .team__card-bio-link:focus .team__card-heading { color: var(--accent); }
.team__card-title { font-size: 1.15rem; color: #666; margin-bottom: 0.25rem; transition: color 300ms ease-out; font-weight: 400; }
.team__card-bio-link:hover .team__card-title, .team__card-bio-link:focus .team__card-title { color: var(--accent); }
.team__card-list .image-link img:hover { opacity: 0.8; }
.team__card-list .image-link img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.team__card-bio-image { float: right; max-width: 35%; margin: 1em 0 1em 1em; }
.team__card-bio-container { font-size: 1.3em; }
.team__card-bio-heading { font-size: 1.6em; }
.team__card-bio-title { margin-bottom: 0.5rem; }
.team__card-bio-content { margin-bottom: 1rem; }
@media (max-width: 1100px) {
.team__card-item { flex: 0 1 calc(50% - .5em); }
}
@media (max-width: 639px) {
.team__card-item { flex: 0 1 75%; margin: 0 auto; }
.team__card-bio-image { float: none; max-width: 50%; margin: 0 0 1rem; }
.team__card-bio-container { font-size: 1.2em; }
.team__card-heading { font-size: 1.4rem; }
.team__card-title { font-size: 1.1em; }
}
@media (max-width: 479px) {
.team__card-bio-container { font-size: 1.0em; }
.team__card-bio-image { max-width: 100%; }
.team__card-item { flex: 0 1 100%; }
}
/********************************************************************************
--- Filter Cards ---
*********************************************************************************/
.filter-tabs { margin-bottom: 3.157rem; }
.filter-tabs ul { justify-content: center; flex-direction: row; grid-column: full; flex-flow: nowrap; }
.filter-tabs li { margin: 0 0.5rem; flex-shrink: 0; }
.filter-tabs li, .filter-tabs li a {
font-weight: 500;
color: #3f3f3f;
font-size: 1rem;
display: inline-block;
transition: all 250ms ease;
}
.filter-tabs li a {
display: inline-flex;
align-items: center;
padding: 10px 24px;
border-radius: 999px;
border: 1px solid rgba(0,0,0,0.12);
background: #f8f8f8;
color: #3f3f3f;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: all 250ms ease;
}
.filter-tabs li:hover a {
background: #efefef;
cursor: pointer;
}
.filter-tabs li.active a {
background: linear-gradient(90deg, #c5c5c2 0%, #f6f6f6 90%, #e7e8ea 100%);
box-shadow: 0 8px 16px rgba(16, 24, 40, 0.06), 0 2px 4px rgba(16, 24, 40, 0.08);
color: #111;
}
.filter-tabs .flex { display: flex; flex-wrap: wrap; }
.filter-tabs li { position: relative; }
/********************************************************************************
--- Random stuff ---
*********************************************************************************/
.video-block__content { position: absolute; bottom: 1rem; left: 0; right: 0; }
.video-block__content .content-block__heading { margin-bottom: 0.25rem; }
.stat__container { font-size: 2.4rem; color: var(--accent); line-height: 2.6rem; }
.stat-column__content { margin-top: 0.5rem; }
.section__green_line { border-top: 2px solid var(--accent); padding-top: 1.0rem; }
@media (max-width: 640px) {
.video-block__content { bottom: -.5rem; }
.video-block__content p { font-size: .9rem; line-height: 1.3; margin: 0 0 .8em 0;}
}
/********************************************************************************
--- Slick Slider ---
*********************************************************************************/
.slick-slider {position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: inline-block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.partner__slider .slick-track { display: flex; align-items: center; }
.partner__slide { background: var(--white); margin: 0 1.5rem; }
/********************************************************************************
--- Partner Grid ---
*********************************************************************************/
.multi-column__container.partner__grid-container { gap: 1.4rem; }
.multi-column__content.partner__grid-item-container { background: white; border-top: none; height: 100%; display: flex; align-items: center; justify-content: space-around; cursor: pointer; min-height: 5rem; }
.multi-column__container .partner__grid-item { border-top:none; }
.partner__grid-item-container { padding: 2rem; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 0%); /*transition: box-shadow 250ms ease !important;*/ }
.partner__grid-item:after { content: ""; position: absolute; z-index: 1; left: 0; right: 100%; top: 0; background: var(--accent); height: 3px; transition: right 250ms ease-in-out; }
.partner__grid-item-container:hover { box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%); }
.partner__grid-item-container:hover .partner__grid-item:after { right: 0; }
.partner__details { display: flex; gap: 2rem; }
.partner__details-logo { min-width: 200px; }
@media (max-width: 639px) {
.multi-column__container.partner__grid-container.four_columns { grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));}
.multi-column__content.partner__grid-item-container { min-height: 8rem; }
.partner__grid-item-container { padding: 1rem; }
.partner__details { flex-direction: column; gap: 2rem}
.partner__details-logo { max-width: 200px; min-width: auto; }
}
@media (max-width: 375px) {
.multi-column__container.partner__grid-container.four_columns { grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));}
.multi-column__container.partner__grid-container { /*gap: 3.4rem; */}
.partner__grid-item-container { padding: .5rem; }
.partner__details-logo { max-width: 100px; }
}
table.nano-silicon { border: none; max-width: 600px; margin: 0 auto 2rem; }
table.nano-silicon tr td { border: none; text-align: center; padding: 0.5em 0.5em; }
table.nano-silicon tr td.style-01 { font-size: 1rem; padding: 0.75rem 0.5rem; background: var(--accent); color: var(--white); font-family:Aeonik,Arial,sans-serif; width: 40%;}
table.nano-silicon tr td.style-01-alternate { font-size: 1rem; font-family:Aeonik,Arial,sans-serif; }
table.nano-silicon tr td.style-02 { font-size: 0.76rem; background: #f1f1ce; font-family:Aeonik,Arial,sans-serif; width: 40%; }
table.nano-silicon tr td.style-02 .alternate { font-size: 0.56rem; font-family: PPNeueMachina, Helvetica, Arial, sans-serif; display: block; margin-top: 0.6rem;}
table.nano-silicon tr td.style-03 { font-size: 0.76rem; background: #f7f7ea; font-family:Aeonik,Arial,sans-serif; }
table.nano-silicon tr td.style-03 .alternate { font-size: 0.56rem; font-family: PPNeueMachina, Helvetica, Arial, sans-serif; display: block; margin-top: 0.6rem;}
table.nano-silicon tr td.graphic__container { background: white; width: 20%; max-width: 105px; margin: 0 auto; padding: 1rem; }
@media (max-width: 375px) {
table.nano-silicon tr td.graphic__container { padding: .5rem; }
}
@media only screen and (min-width: 801px) {
/* Rounded corners preserved on last dropdown item */
.menu ul ul li:last-child > a { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
}