/*# sourceMappingURL=app.css.map */ @charset "UTF-8"; @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/a3c0094851b8ae642558f79edcf8afbf.css2"); @import url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/static/source/rev-ac4250b/fonts.googleapis.com/c0d273ea92549007505d6ce1fe4210d0.css2"); :root { --color-blue: #0486cc; --color-orange: #fe734a; --color-navy: #182836; --color-light-blue: #dde9f2; --color-extra-light-blue: #f5f8fb; --color-text-color: #264057; --color-accent-blue: #60b7e6; --color-accent-green: #a4cf45; --color-light-gray: #eff1f3; --color-medium-gray: #c3d2db; --color-gray: #596b7b; --color-white: #fff; --color-black: #000; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ :root { --font-size-h1: 6rem; --font-size-h2: 5.2rem; --font-size-h3: 4.4rem; --font-size-h4: 3.6rem; --font-size-h5: 2.8rem; --font-size-h6: 2rem; --font-size-p: 1.6rem; --font-size-p-sm: 1.4rem; --font-size-p-lg: 1.8rem; --blok-padding-none: 0rem; --blok-padding-small: .5rem; --blok-padding-medium: 1rem; --blok-padding-large: 3rem; --blok-padding-top: var(--blok-padding-medium); --blok-padding-bottom: var(--blok-padding-medium); --color-primary: var(--primary-blue); --color-secondary: var(--primary-orange); --color-tertiary: var(--primary-navy); --color-dark: var(--primary-navy); --color-medium: var(--primary-light-blue); --color-light: var(--extra-light-blue); --color-success: #28a745; --color-info: #17a2b8; --color-warning: #ffc107; --color-danger: #dc3545; --color-black: #000; --color-white: #fff; --animation-duration: 1s; --animation-delay: 1s; --animation-repeat: 1; --box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5); --transition: all .5s ease-out; --three-quarters-width: 82.4rem; --one-half-width: 59.5rem; --one-third-width: 41.2rem; } @media only screen and (min-width: 48em) { :root { --blok-padding-none: 0rem; --blok-padding-small: 1rem; --blok-padding-medium: 2rem; --blok-padding-large: 4rem; } } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "barr-2024-icons" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^=icon-][class*=social], [class*=" icon-"][class*=social] { display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; color: #000; background-color: #fff; border-radius: 100%; transition: all .5s ease-out; } [class^=icon-][class*=social]:hover, [class*=" icon-"][class*=social]:hover { transform: translateY(-3px); box-shadow: 0 2px 4px rgba(255, 255, 255, .5); } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* * * * * * * * * * * END ICOMOON FONT SECTION, ADD ICONS BELOW THIS AND INCLUDE FONT FAMILY * * * * * * * * */ /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .icon-quotes-iconsvg:before { content: ""; } .icon-x:before { content: ""; } .icon-twitter:before { content: ""; } .icon-magnifying-glasssvg:before { content: ""; } .icon-eyebrow-iconsvg { font-size: 14px; margin-right: 8px; } .icon-eyebrow-iconsvg:before { content: ""; } .icon-arrow-leftsvg:before { content: ""; } .icon-closesvg:before { content: ""; } .icon-arrow-up-right:before { content: ""; } .icon-chevron-right:before { content: ""; } .icon-hamburger:before { content: ""; } .icon-facebook:before { content: ""; } .icon-instagram:before { content: ""; } .icon-youtube:before { content: ""; } .icon-linkedin2:before { content: ""; } .icon-arrow-down:before { content: ""; } .icon-arrow-left:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-arrow-up:before { content: ""; } .icon-bars:before { content: ""; } .icon-blok-party:before { content: ""; } .icon-burger:before { content: ""; } .icon-check:before { content: ""; } .icon-chevron-down:before { content: ""; } .icon-chevron-left:before { content: ""; } .icon-chevron-right:before { content: ""; } .icon-chevron-up:before { content: ""; } .icon-close:before { content: ""; } .icon-creed:before { content: ""; } .icon-remove:before { content: ""; } .icon-times:before { content: ""; } .icon-download:before { content: ""; } .icon-envelope:before { content: ""; } .icon-exclamation:before { content: ""; } .icon-external-link:before { content: ""; } .icon-linkedin:before { content: ""; } .icon-minus:before { content: ""; } .icon-pdf:before { content: ""; } .icon-plus:before { content: ""; } .icon-print:before { content: ""; } .icon-question:before { content: ""; } .icon-rebel:before { content: ""; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUpLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes fadeInUpRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpRight { from { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes rocking { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 75% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes rocking { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 75% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .animate { -webkit-animation-duration: var(--animation-duration); animation-duration: var(--animation-duration); -webkit-animation-duration: var(--animation-duration); animation-duration: var(--animation-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .animate__delay-500ms { -webkit-animation-delay: calc(var(--animation-duration) * .5); animation-delay: calc(var(--animation-duration) * .5); -webkit-animation-delay: calc(var(--animation-delay) * .5); animation-delay: calc(var(--animation-delay) * .5); } .animate__delay-1s, .animate__delay-1000ms { -webkit-animation-delay: var(--animation-duration); animation-delay: var(--animation-duration); -webkit-animation-delay: var(--animation-delay); animation-delay: var(--animation-delay); } .animate__delay-1500ms { -webkit-animation-delay: calc(var(--animation-duration) * 1.5); animation-delay: calc(var(--animation-duration) * 1.5); -webkit-animation-delay: calc(var(--animation-delay) * 1.5); animation-delay: calc(var(--animation-delay) * 1.5); } .animate__delay-2s, .animate__delay-2000ms { -webkit-animation-delay: calc(var(--animation-duration) * 2); animation-delay: calc(var(--animation-duration) * 2); -webkit-animation-delay: calc(var(--animation-delay) * 2); animation-delay: calc(var(--animation-delay) * 2); } .animate__fast { -webkit-animation-duration: calc(var(--animation-duration) * .75); animation-duration: calc(var(--animation-duration) * .75); -webkit-animation-duration: calc(var(--animation-duration) * .75); animation-duration: calc(var(--animation-duration) * .75); } .animate__faster { -webkit-animation-duration: calc(var(--animation-duration) * .5); animation-duration: calc(var(--animation-duration) * .5); -webkit-animation-duration: calc(var(--animation-duration) * .5); animation-duration: calc(var(--animation-duration) * .5); } .animate__fastest { -webkit-animation-duration: calc(var(--animation-duration) * .25); animation-duration: calc(var(--animation-duration) * .25); -webkit-animation-duration: calc(var(--animation-duration) * .25); animation-duration: calc(var(--animation-duration) * .25); } .animate__slow { -webkit-animation-duration: calc(var(--animation-duration) * 2); animation-duration: calc(var(--animation-duration) * 2); -webkit-animation-duration: calc(var(--animation-duration) * 2); animation-duration: calc(var(--animation-duration) * 2); } .animate__slower { -webkit-animation-duration: calc(var(--animation-duration) * 3); animation-duration: calc(var(--animation-duration) * 3); -webkit-animation-duration: calc(var(--animation-duration) * 3); animation-duration: calc(var(--animation-duration) * 3); } .animate__slowest { -webkit-animation-duration: calc(var(--animation-duration) * 4); animation-duration: calc(var(--animation-duration) * 4); -webkit-animation-duration: calc(var(--animation-duration) * 4); animation-duration: calc(var(--animation-duration) * 4); } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .animate__fadeInUpLeft { -webkit-animation-name: fadeInUpLeft; animation-name: fadeInUpLeft; } .animate__fadeInUpRight { -webkit-animation-name: fadeInUpRight; animation-name: fadeInUpRight; } .animate__rocking { -webkit-animation-name: rocking; animation-name: rocking; } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } .dashicons-blok-party:before { display: inline-block; font-family: "BlokParty"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; } .dashicons-creed:before { display: inline-block; font-family: "BlokParty"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ""; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .c-blue { color: #0486cc; } .c-orange { color: #fe734a; } .c-white { color: white; } .c-text { color: #264057; } .c-light-gray { color: #eff1f3; } .c-medium-gray { color: #c3d2db; } .c-gray { color: #c0c0c0; } .c-dark-gray { color: #596b7b; } .c-black { color: #000; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .bg-l-blue { background-color: #dde9f2; } .bg-tint { background: rgba(0, 0, 0, .5); } .bg-light-gray { background-color: #eff1f3; } .bg-medium-gray { background-color: #c3d2db; } .bg-gray { background-color: #c0c0c0; } .bg-dark-gray { background-color: #596b7b; } .bg-two-triangles-right::after { top: 310px; left: 0; background-image: url("https://www.barr.com/wp-content/themes/blok-party-theme/svgs/home-overlay.svg"); opacity: .4; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .bg-two-triangles-left::after { transform: rotate(180); background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/home-overlay.svg"); opacity: .4; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .bg-two-parallelograms-right { right: 0; } .bg-two-parallelograms-right::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/two-parallelograms.svg"); background-position: 100% 0; top: 40px; left: 0; background-size: contain; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .bg-two-parallelograms-top-bottom, .bg-two-parallelograms-left-right { position: relative; z-index: -1; } .bg-two-parallelograms-top-bottom::after, .bg-two-parallelograms-left-right::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/two-parallelograms-left-right.svg"); background-position: 100% 0; background-size: contain; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; height: 700px; width: 700px; } .bg-two-parallelograms-left-right:after { top: 250px; right: -50px; opacity: .3; max-width: 100%; } @media (min-width: 576px) { .bg-two-parallelograms-left-right:after { top: 200px; } } .bg-two-parallelograms-top-bottom::after { transform: rotate(90deg); } .bg-four-triangles::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/four-triangles.svg"); transform: scale(1.5); background-size: contain; background-position: 70% 0; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; opacity: .4; top: 0; } .bg-four-triangles-col::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/four-triangles.svg"); background-size: contain; background-position: 100% 0; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; opacity: .7; margin-top: -25px; } @media (max-width: 800px) { .bg-four-triangles-col::after { opacity: .4; } } .borders-rounded { border-radius: .25rem; } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: .67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: .35em .75em .625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ *, *::after, *::before { margin: 0; padding: 0; box-sizing: inherit; } html { font-family: "Inter", sans-serif; color: #264057; font-size: 16px; overflow-x: hidden; } body { box-sizing: border-box; text-decoration: none; color: #264057; font-family: "Inter", sans-serif; overflow-x: hidden; line-height: 1.5; } @media (min-width: 1400px) { .container { max-width: 1350px; } } a { text-decoration: none; color: #264057; font-family: "Inter", sans-serif; transition: color 100ms ease-in-out; cursor: pointer; } a:hover { text-decoration: none; color: #fe734a; } p a { color: #0486cc; text-decoration: underline; } p { margin-bottom: 1rem; } h2 { padding-bottom: 1rem; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .document { max-width: 85rem; text-align: justify; } .document * { line-height: 1.5; margin-bottom: 2rem; } .document ul { margin-inline-start: 4rem; } .document strong { font-family: SourceSansPro; } img.alignright, a img.alignright { float: right; margin: 0 0 2em 2em; } img.alignleft, a img.alignleft { float: left; margin: 0 2em 2em 0; } img.aligncenter, a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } #wpadminbar { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; top: -26px; opacity: .3; z-index: 999999; } #wpadminbar:hover { background: black; top: 0; opacity: 1; } #wpcontent #wpadminbar { top: 0; opacity: 1; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .btn-basic { color: white; background-color: #0486cc; padding-left: .9375rem; padding-right: .9375rem; border-radius: 5px; height: 2.8125rem; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; } .btn-basic:hover { color: white; -webkit-transition: background-color 150ms ease-in; -ms-transition: background-color 150ms ease-in; transition: background-color 150ms ease-in; background-color: #fe734a; } .btn-basic:active { color: white; background-color: #fe734a; } .btn-border-arrow { color: white; border: 1.5px solid white; height: 2.8125rem; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; gap: .9375rem; padding-left: .9375rem; } .btn-border-arrow::after { border-left: 1.5px solid white; justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; width: 2.8125rem; height: 2.8125rem; } .btn-border-arrow:hover { color: white; } .btn-border-arrow:hover::after { border-left: none; background-color: #fe734a; -webkit-transition: background-color 150ms ease-in; -ms-transition: background-color 150ms ease-in; transition: background-color 150ms ease-in; } .btn-border-arrow:active { color: white; background-color: #fe734a; border: none; } .btn-border-arrow:active::after { border: none; } .btn-border-blue-arrow { color: #0486cc; border: 1.5px solid #0486cc; height: 2.8125rem; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; gap: .9375rem; padding-left: .9375rem; } .btn-border-blue-arrow::after { border-left: 1.5px solid #0486cc; justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; width: 2.8125rem; height: 2.8125rem; } .btn-border-blue-arrow:hover { color: #0486cc; } .btn-border-blue-arrow:hover::after { border-left: none; background-color: #fe734a; -webkit-transition: background-color 150ms ease-in; -ms-transition: background-color 150ms ease-in; transition: background-color 150ms ease-in; } .btn-border-blue-arrow:active { color: #0486cc; background-color: #fe734a; border: none; } .btn-border-blue-arrow:active::after { border: none; } .btn-border { color: white; border: 1.5px solid white; height: 2.5rem; padding-left: .9375rem; padding-right: .9375rem; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; } .btn-border::after { justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; width: 2.8125rem; height: 2.8125rem; opacity: 0; width: 0; } .btn-border:hover { color: white; padding-right: 0; gap: 5px; } .btn-border:hover::after { opacity: 1; color: white; justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; width: 2.8125rem; height: 2.8125rem; width: 2.5rem; height: 100%; transition: width 300ms cubic-bezier(.175, .885, .32, 1.275); } .btn-border:active { background-color: #fe734a; border: none; } .btn-border:active::after { border: none; } .btn-border-blue { color: #0486cc; border: 1.5px solid #0486cc; padding-left: .9375rem; padding-right: .9375rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; } .btn-border-blue::after { justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; width: 2.8125rem; height: 2.8125rem; opacity: 0; width: 0; } .btn-border-blue:hover { color: #0486cc; padding-right: 0; gap: 5px; } .btn-border-blue:hover::after { opacity: 1; color: #0486cc; justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; width: 2.8125rem; height: 2.8125rem; width: 2.5rem; height: 100%; transition: width 300ms cubic-bezier(.175, .885, .32, 1.275); } .btn-border-blue:active { background-color: #fe734a; border: none; color: white; } .btn-border-blue:active::after { border: none; color: white; } .btn-border-blue-plain { color: #0486cc; border: 1.5px solid #0486cc; padding-left: .9375rem; padding-right: .9375rem; height: 2.5rem; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; } .btn-border-blue-plain:active { background-color: #fe734a; border: none; color: white; } .btn-border-blue-plain:hover { color: white; background-color: #0486cc; } .btn-close { background-color: #fe734a; } .btn-close::before { content: ""; color: white; } .btn-border-gray { border-radius: 0; border: 1px solid #596b7b; color: #596b7b; padding: 8px 10px; height: 43px; display: inline-block; } .btn-border-gray:hover { border: 1px solid #0486cc; color: #0486cc; } .btn-border-gray:active { border: none; background-color: #0486cc; color: white; } .btn-border-gray.active { border: none; background-color: #0486cc; color: white; } p > a[class^=btn-] { text-decoration: none !important; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .list-item-large { size: 2.5rem; color: #182836; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .title-xxl, .title-xl { font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; letter-spacing: 3px; font-size: 6.875rem; line-height: 6.25rem; } @media (max-width: 992px) { .title-xxl, .title-xl { font-size: 5.4375rem; line-height: initial; } } @media (max-width: 768px) { .title-xxl, .title-xl { font-size: 2rem; line-height: initial; } } .title-xl { font-size: 5.4375rem; } @media (max-width: 768px) { .title-xl { font-size: 2rem; line-height: initial; } } .title-lg { font-size: 3.125rem; font-weight: 700; line-height: normal; } @media (max-width: 992px) { .title-lg { font-size: 1.6875rem; } } .title-md { font-size: 2.5rem; font-weight: 700; } @media (max-width: 992px) { .title-md { font-size: 1.6875rem; } } .title-sm { font-size: 1.6875rem; font-weight: 500; } .text-lg { font-size: 1.375rem; font-weight: 500; } .text-md { font-size: 1.1875rem; font-weight: 400; } .text-sm { font-size: 1.0625rem; font-weight: 300; } .quote { font-size: 1.875rem; font-family: "Lato", sans-serif; font-weight: 700; } .eyebrow { font-size: 1.125rem; color: #0486cc; font-weight: 700; } @media (max-width: 992px) { .eyebrow { font-size: 1.1875rem; } } @media (min-width: 992px) { .ul-2-column { column-count: 2; } .ul-2-column li { break-inside: avoid-column; } } .block { padding-top: 5.5rem; } /* overrides due to normalize css ruining things */ h1.title-xxl, h1.title-xl { margin-top: 0; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .menu-link { line-height: normal; font-size: 2.5rem; text-align: left; padding-bottom: 1.8rem; display: block; } .menu-link:hover { color: #0486cc; text-decoration: none; } .menu-link:active { color: #fe734a; max-width: 75%; } .social-container { display: flex; font-size: 1.25rem; gap: 6px; margin-bottom: 8px; } .social-link { background-color: #80959e; color: white; border-radius: 50%; padding: .625rem; display: flex; align-items: center; justify-content: center; font-size: 1rem; } .social-link:hover { color: white; background-color: #182836; } .link-arrow { font-size: 1.1875rem; font-weight: 600; } .link-arrow::after { color: #fe734a; font-size: .9375rem; padding-left: 8px; justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; } .link-arrow:hover { color: #264057; } .link-arrow:hover:after { transition: margin 300ms; transition-timing-function: cubic-bezier(.19, 3.06, .4, .08); margin-left: 7px; } .link-arrow:active { color: #fe734a; } .link-chevron { color: #0486cc; font-weight: 700; } .link-chevron:after { color: #0486cc; padding-left: 5px; font-size: 14px; justify-content: center; align-items: center; display: inline-flex; font-family: "barr-2024-icons"; content: ""; } .link-chevron:hover { text-decoration-color: #fe734a; color: #fe734a; } .link-chevron:hover:after { color: #fe734a; -webkit-transition: margin 150ms ease-in; -ms-transition: margin 150ms ease-in; transition: margin 150ms ease-in; margin-left: 4px; } .link-chevron:active { text-decoration: underline; text-decoration-color: #fe734a; color: #fe734a; } .link-chevron:active:after { color: #fe734a; } .footer-menu-link { font-size: 1.1875rem; } .footer-menu-link:hover { color: #0486cc; } .footer-menu-link:active { color: #0486cc; text-decoration: underline; text-decoration-color: #0486cc; } .link-inline { text-decoration: underline; text-decoration-color: #0486cc; } .link-inline:hover { color: #fe734a; } .triangles-right { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/triangle-right.svg"); background-repeat: no-repeat; } .triangles-right::after { content: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/triangle-right.svg"); margin-left: 0; display: inline-block; } .triangles-right.trigger-animation::after { margin-left: 3.125rem; transition-delay: 250ms; transition: margin-left 800ms cubic-bezier(.175, .885, .32, 1.275); } .triangles-inside { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/triangle-right.svg"); background-repeat: no-repeat; } .triangles-inside.nitro-lazy { background-image: none !important; } .triangles-inside::after { content: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/triangle-right.svg"); transform: scaleX(-1); margin-left: 0; display: inline-block; } .triangles-inside.trigger-animation::after { margin-left: 3.125rem; transition-delay: 250ms; transition: margin-left 800ms cubic-bezier(.175, .885, .32, 1.275); } .parallelograms-vertical { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/parallelogram-vertical.svg"); background-repeat: no-repeat; } .parallelograms-vertical.nitro-lazy { background-image: none !important; } .triangles-right.nitro-lazy { background-image: none !important; } .parallelograms-vertical::after { content: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/parallelogram-vertical.svg"); margin-left: 0; display: inline-block; } .parallelograms-vertical.trigger-animation::after { margin-left: 3.125rem; transition-delay: 250ms; transition: margin-left 800ms cubic-bezier(.175, .885, .32, 1.275); } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .barr-2024-nav-pills { gap: 10px; } .barr-2024-nav-pills .barr-2024-nav-link { border-radius: 0; border: 1px solid #c0c0c0; color: gray; padding: 8px 10px; height: 43px; } .barr-2024-nav-pills .barr-2024-nav-link.active { border: none; background-color: #0486cc; color: white; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .bg-l-blue { background-color: #dde9f2; } .bg-tint { background: rgba(0, 0, 0, .5); } .bg-light-gray { background-color: #eff1f3; } .bg-medium-gray { background-color: #c3d2db; } .bg-gray { background-color: #c0c0c0; } .bg-dark-gray { background-color: #596b7b; } .bg-two-triangles-right::after { top: 310px; left: 0; background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/home-overlay.svg"); opacity: .4; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .bg-two-triangles-left::after { transform: rotate(180); background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/home-overlay.svg"); opacity: .4; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .bg-two-parallelograms-right { right: 0; } .bg-two-parallelograms-right::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/two-parallelograms.svg"); background-position: 100% 0; top: 40px; left: 0; background-size: contain; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; } .bg-two-parallelograms-top-bottom, .bg-two-parallelograms-left-right { position: relative; z-index: -1; } .bg-two-parallelograms-top-bottom::after, .bg-two-parallelograms-left-right::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/two-parallelograms-left-right.svg"); background-position: 100% 0; background-size: contain; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; height: 700px; width: 700px; } .bg-two-parallelograms-left-right:after { top: 250px; right: -50px; opacity: .3; max-width: 100%; } @media (min-width: 576px) { .bg-two-parallelograms-left-right:after { top: 200px; } } .bg-two-parallelograms-top-bottom::after { transform: rotate(90deg); } .bg-four-triangles::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/four-triangles.svg"); transform: scale(1.5); background-size: contain; background-position: 70% 0; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; opacity: .4; top: 0; } .bg-four-triangles-col::after { background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/four-triangles.svg"); background-size: contain; background-position: 100% 0; position: absolute; content: ""; display: block; background-repeat: no-repeat; width: 100%; height: 100%; z-index: -1; opacity: .7; margin-top: -25px; } @media (max-width: 800px) { .bg-four-triangles-col::after { opacity: .4; } } .thumbnail { position: relative; display: block; } .thumbnail > img { width: 100%; display: block; } .play-triangle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; max-width: 100%; background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/BarrPlayBtn.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; transform: scale(.5); } .play-triangle.nitro-lazy { background-image: none !important; } .lightbox-wrap { position: fixed; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; opacity: 0; z-index: 999; animation-duration: .5s; animation-fill-mode: both; animation-name: lightbox; } @keyframes lightbox { 0% { opacity: 0; } 100% { opacity: 1; } } .lightbox-content { max-width: 680px; display: block; margin: 0 auto; height: 100%; position: relative; } .lightbox-content iframe { max-width: 100% !important; width: 100% !important; display: block !important; height: 480px !important; border: none !important; position: absolute; top: 0; bottom: 0; margin: auto 0; } .lightbox-hide { animation-duration: .5s; animation-fill-mode: both; animation-name: lightboxhide; } @keyframes lightboxhide { 0% { opacity: 1; } 100% { opacity: 0; } } .lightbox-close { position: absolute; top: 0; cursor: pointer; bottom: 528px; right: 0px; margin: auto 0; width: 24px; height: 24px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==") no-repeat; background-size: 24px 24px; border: none; } .lightbox-close.nitro-lazy { background: none !important; } .lightbox-close:hover { opacity: .5; } @media all and (max-width: 768px) and (min-width: 10px) { .lightbox-content { max-width: 90%; } } @media all and (max-width: 600px) and (min-width: 10px) { .lightbox-content iframe { height: 320px !important; } .lightbox-close { bottom: 362px; } } @media all and (max-width: 480px) and (min-width: 10px) { .lightbox-content iframe { height: 220px !important; } .lightbox-close { bottom: 262px; } } .lightbox-wrap { display: none; } .lightbox-wrap--shown { display: block; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: white; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-radius: .25rem; } .card > .list-group:last-child .list-group-item:last-child { border-radius: .25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; color: var(--color-navy); } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link :hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125); } .card-header:first-child { border-radius: subtract(.25rem, 1px) subtract(.25rem, 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125); } .card-footer:last-child { border-radius: 0 0 subtract(.25rem, 1px) subtract(.25rem, 1px); } .card-header-tabs { margin-right: -.625rem; margin-bottom: -.75rem; margin-left: -.625rem; border-bottom: 0; } .card-header-pills { margin-right: -.625rem; margin-left: -.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: subtract(.25rem, 1px); } .card-img-top { width: 100%; border-radius: subtract(.25rem, 1px) subtract(.25rem, 1px) 0 0; } .card-img-bottom { width: 100%; border-radius: subtract(.25rem, 1px) 0 0 subtract(.25rem, 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -1rem; margin-left: -1rem; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 1rem; margin-bottom: 0; margin-left: 1rem; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 1rem; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-radius: .25rem .25rem 0 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-radius: 0 0 .25rem .25rem; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: .25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-radius: .25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-radius: .25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: .75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; } .card-columns .card { display: inline-block; width: 100%; } } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .table-barr { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; font-family: "Inter", sans-serif; font-size: 1rem; line-height: 1.5; } .table-barr thead th { background-color: #0486cc; color: #fff; font-weight: 600; padding: 12px 16px; text-align: left; border: 1px solid #0486cc; } .table-barr tbody th { background-color: #0486cc; color: #fff; font-weight: 600; padding: 12px 16px; text-align: left; border: 1px solid #0486cc; } .table-barr tbody tr { border-bottom: 1px solid #f5f8fb; } .table-barr tbody tr:nth-child(odd) { background-color: #fff; } .table-barr tbody tr:nth-child(even) { background-color: #f5f8fb; } .table-barr tbody td { padding: 12px 16px; vertical-align: top; border-left: 1px solid #f5f8fb; border-right: 1px solid #f5f8fb; } .table-barr.table-barr--hover tbody tr:hover { background-color: #dde9f2; } .table-barr--navy thead th { background-color: #182836; border-color: #182836; } .table-barr--bordered { border: 1px solid #dadada; } .table-barr--bordered tbody td { border: 1px solid #dadada; } .table-barr--compact thead th, .table-barr--compact tbody td { padding: 4px 8px; } .table-barr-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } .back-to-top-button { background-color: var(--color-dark); color: var(--color-primary); width: 5rem; height: 5rem; border-radius: 100%; border: 2px solid var(--color-dark); box-shadow: var(--box-shadow); position: fixed; bottom: 3rem; right: 3rem; transition: var(--transition); opacity: 0; visibility: hidden; z-index: 100; display: flex; align-items: center; justify-content: center; cursor: pointer; } .back-to-top-button.show { opacity: 1; visibility: visible; } .back-to-top-button .icon-arrow-down { display: block; font-size: 2.5rem; font-weight: 600; line-height: 1; transform: rotate(180deg); } .back-to-top-button:hover { background-color: var(--color-primary); color: var(--color-dark); } .blok-party { margin-left: 50%; width: 100vw; transform: translateX(-50%); } .edit-post-layout.is-sidebar-opened .blok-party { width: calc(100vw - 281px); } .blok-party.--bg-red { background-color: #f00; } .blok-party.--bg-blue { background-color: #00f; } .blok-party.--space-top-small { padding-top: 4.8rem; } .blok-party.--space-bottom-small { padding-bottom: 4.8rem; } .blok-party.--space-top-negative.--previous-small { margin-top: 35.2rem; } .blok-party.--space-top-regular { padding-top: 8.8rem; } .blok-party.--space-bottom-regular { padding-bottom: 8.8rem; } .blok-party.--space-top-negative.--previous-regular { margin-top: 31.2rem; } .blok-party.--space-top-large { padding-top: 12.8rem; } .blok-party.--space-bottom-large { padding-bottom: 12.8rem; } .blok-party.--space-top-negative.--previous-large { margin-top: 27.2rem; } .blok-party.--space-top-huge { padding-top: 18rem; } .blok-party.--space-bottom-huge { padding-bottom: 18rem; } .blok-party.--space-top-negative.--previous-huge { margin-top: 22rem; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .header { position: absolute; width: 100%; z-index: 999999; } @media (max-width: 768px) { .header .menu-link { font-size: 1.5rem; } } .header-active { position: sticky; top: 0; left: 0; } .header-active .search-wrapper { display: flex; } .header-active .header-right { background-color: #dde9f2; } .header-active .header-row { position: fixed; } @media (max-width: breakpoint-lg) { .header-active .header-row { background-color: #dde9f2; } } @media (max-width: 576px) { .header-active .header-row { align-items: normal; justify-content: space-between; } } .header-active .header-menu { display: flex; position: fixed; width: 100%; height: 100%; top: 0; } .header-active .header-menu-button { background-color: #fe734a; color: white; border: none; } .header-active .header-menu-button i { color: white; border: 1.5px solid #fe734a; } .header-active .header-menu-transparent { flex: 1; background-color: gray; opacity: .5; left: 0; height: 100%; } @media (max-width: 992px) { .header-active .header-menu-transparent { display: none; } } .header-active .header-menu-right { padding-top: 180px; flex: 1; background-color: #dde9f2; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 576px) { .header-active .header-menu-right { flex-direction: column-reverse; gap: 10px; align-items: flex-end; justify-content: flex-end; padding-top: 110px; } } .header-active .header-search-button { color: white; border: none; background-color: transparent; } .header-active .header-search-button :hover { color: #0486cc; } .header-active .header-search-button .header-search-button-icon { color: #0486cc; } .header-white .header-menu-button-icon { color: white; border: 1.5px solid white; } .header-white .header-search-button { color: white; border: none; background-color: transparent; } .header-white .header-search-button :hover { color: white; } .header-white .header-search-button-icon { color: white; } .header-row { margin: 0; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 30px 30px 0; position: absolute; z-index: 99999; top: 0; right: 0; } .header-row img { vertical-align: middle; } @media (max-width: 576px) { .header-row { padding: 20px 10px 0; } } .header-logo { line-height: 40px; position: relative; } .header-right { display: flex; align-items: center; justify-content: end; gap: 1rem; } .header-menu { display: none; max-width: 100%; } .header-menu i { color: white; } .header-menu-button { border: none; background-color: transparent; } .header-menu-button-icon { height: 40px; width: 50px; display: flex; justify-content: center; align-items: center; color: #0486cc; border: 1.5px solid #0486cc; } .header-menu-link-client { display: block; padding-top: 2rem; padding-bottom: 1rem; } .header-menu-line { padding-left: 5rem; border-left: 2px solid #60b7e6; } .search-wrapper { display: flex; } .header-search-button { color: #0486cc; cursor: pointer; background-color: white; border: 1.5px solid #0486cc; width: 50px; height: 40px; display: flex; align-items: center; justify-content: center; } .header-search-button-icon { color: #0486cc; } .header-search-input { z-index: 3; position: relative; } .header-search-input-active { display: block; } .header-search-input#psSiteSearchModule { width: unset; } @media (max-width: 576px) { .header-search-input#psSiteSearchModule { width: 100%; } } @media (max-width: 576px) { #header-contact-button { display: none; } } .header-menu-content { padding: 0 1rem; display: flex; flex-direction: row; justify-content: flex-start; gap: 48px; max-width: 560px; margin: auto; } @media (max-width: 576px) { .header-menu-content { flex-direction: column; } } .header-menu-content-left { width: 50%; border-right: 2px solid #60b7e6; padding-top: 1rem; display: flex; flex-direction: column; } @media (max-width: 576px) { .header-menu-content-left { flex-direction: column; align-items: center; width: unset; border: none; } } .header-menu-content-right { padding-top: 1rem; display: flex; flex-direction: column; } @media (max-width: 576px) { .header-menu-content-right { flex-direction: column; align-items: center; padding-top: 0; } } @media (max-width: 576px) { .menu-link { text-align: center; } } .header-menu-content-right .menu-link { white-space: nowrap; } .nav-drawer { position: fixed; top: 0; width: 100vw; height: 100vh; z-index: 8; transition: var(--transition); } .nav-drawer.left { left: -100%; } .nav-drawer.left.visible { left: 0; } .nav-drawer.left .main-nav { left: 0; } .nav-drawer.right { right: -100%; } .nav-drawer.right.visible { right: 0; } .nav-drawer.right .main-nav { right: 0; } @media only screen and (min-width: 48em) { .nav-drawer { transition: all 1s; } .nav-drawer .drawer-closer { position: fixed; top: 0; left: 0; width: 0; height: 100vh; transition: background ease .5s; background-color: var(--color-black); opacity: 0%; } } .nav-drawer.visible .drawer-closer { opacity: 50%; width: 100%; } .nav-drawer .main-nav { background-color: var(--color-black); position: absolute; top: 0; height: 100vh; min-width: 25vw; width: fit-content; z-index: 9; padding: 3rem 9rem 3rem 3rem; overflow-y: auto; } @media only screen and (min-width: 48em) { .nav-drawer .main-nav { padding: 10rem 6rem 6rem 6rem; } } .nav-drawer .main-nav .main-menu { list-style: none; margin-bottom: 10rem; } .nav-drawer .main-nav .main-menu .nav-item { position: relative; padding: 1rem 0; } .nav-drawer .main-nav .main-menu .nav-item .nav-link { color: var(--color-white); font-family: SourceSansPro; font-weight: 700; font-size: var(--font-size-h6); letter-spacing: .02em; line-height: 1.3; padding: 0; width: fit-content; } .nav-drawer .main-nav .main-menu .nav-item .nav-link:hover { color: var(--color-primary); } .nav-drawer .main-nav .main-menu .nav-item .nav-link .icon-chevron-down { display: inline-block; transition: all .3s linear; } .nav-drawer .main-nav .main-menu .nav-item:not(:last-child) { margin-bottom: 1.6rem; } .nav-drawer .main-nav .main-menu .nav-item .sub-menu { padding: 1rem; list-style: none; display: none; visibility: hidden; transition: all .3s linear; } .nav-drawer .main-nav .main-menu .nav-item .sub-menu .nav-item { padding: 1rem 0 0 0; } .nav-drawer .main-nav .main-menu .nav-item .sub-menu.visible { display: block; visibility: visible; } .nav-drawer .main-nav .main-menu .nav-item.open .icon-chevron-down { transform: rotate(-180deg) translateY(-5px); } .nav-drawer .address, .nav-drawer .phone { color: var(--color-white); margin-block-end: 1rem; } .nav-drawer .address strong, .nav-drawer .phone strong { font-size: 1.3rem; font-weight: 900; } .nav-menu { display: none; } @media only screen and (min-width: 48em) { .nav-menu { display: inline-block; } } .nav-menu .main-menu { display: flex; list-style: none; gap: 4rem; } .nav-menu .main-menu .nav-item { position: relative; padding: 1rem 0; } .nav-menu .main-menu .nav-item .nav-link { color: var(--color-black); font-family: SourceSansPro; font-weight: 700; text-transform: uppercase; border-block-end: none; } .nav-menu .main-menu .nav-item .nav-link:hover { color: var(--color-primary); } .nav-menu .main-menu .nav-item .nav-link .icon-chevron-down { display: inline-block; transition: all .3s linear; } .nav-menu .main-menu .nav-item .sub-menu { position: absolute; top: 100%; right: 0; list-style: none; padding: 2rem; background-color: var(--color-primary); border: 2px solid var(--color-secondary); display: none; visibility: hidden; } .nav-menu .main-menu .nav-item .sub-menu .nav-item { white-space: nowrap; padding: 0; } .nav-menu .main-menu .nav-item .sub-menu .nav-item + .nav-item { padding-block-start: 2rem; } .nav-menu .main-menu .nav-item .sub-menu.visible { display: block; visibility: visible; } .nav-menu .main-menu .nav-item.open .icon-chevron-down { transform: rotate(-180deg); } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .ankle { margin-top: 3.5rem; } .ankle.bg-two-parallelograms-top-bottom { overflow: hidden; z-index: unset; } .ankle.bg-two-parallelograms-top-bottom:after { transform: rotate(270deg) scaleY(-1); z-index: 1; right: 120px; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; } @media (max-width: 992px) { .ankle.bg-two-parallelograms-top-bottom:after { display: none; } } .ankle .ankle-content { position: relative; z-index: 2; } @media (min-width: 992px) { .ankle .ankle-content { width: 70%; } } .ankle .ankle-text { margin: 1rem 0; } @media (min-width: 992px) { .ankle .ankle-text { max-width: 60%; font-size: 16px; font-weight: 400; } } .footer-content { display: flex; flex-direction: column-reverse; padding-bottom: 5rem; } @media (min-width: 768px) { .footer-content { flex-direction: row; } } .footer-content .social-container { gap: 6px; } .footer-content .social-link { font-size: 1rem; padding: .625rem; } .footer-desktop { display: none; } @media (min-width: 768px) { .footer-desktop { display: flex; gap: 3.125rem; } } .footer-left { padding-top: 5.5rem; } @media (min-width: 768px) { .footer-left { width: 12.5rem; margin-right: 5.5rem; } } .footer-right { padding-top: 5.5rem; flex-grow: 1; } @media (min-width: 768px) { .footer-mobile { display: none; } } .footer-mobile .footer-menu-items { padding: 1.5rem; } .footer-mobile .accordion-item { padding-bottom: 1rem; } .footer-menu-label { border-bottom: 1px solid #0486cc; display: flex; align-items: center; justify-content: space-between; } .footer-menu-label:not(.collapsed) .icon-chevron-right { transform: rotate(90deg); transition: transform 200ms ease-in-out; } .footer-menu-label .icon-chevron-right { color: #0486cc; } .footer-menu { width: 25%; } .footer-menu-item { padding-top: .75rem; } .footer-social-links { padding-top: 3.5rem; } .login { display: flex; flex-direction: column; gap: .75rem; padding-top: 3.5rem; } .footer .privacy-policy { display: flex; gap: 50px; padding: 20px 0; border-top: solid #eff1f3 1px; } .footer .privacy-policy * { color: #80959e; font-size: 14px; font-weight: 300; } .footer .privacy-policy .privacy-policy-link:hover { text-decoration: underline; } .social-links { display: flex; column-gap: 1rem; margin-bottom: 2rem; } .social-links .social-link { text-decoration: none; } .pagination { display: flex; grid-column-start: 1; grid-column-end: 7; justify-content: center; margin-top: 5rem; } .pagination .page-link, .pagination .page-numbers { background: none; border: none; color: #0486cc; font-size: 22px; transition: color, .2s, ease-in-out; line-height: 1; font-family: Arial; padding: 10px 14px 9px 15px; } .pagination .page-link__prev .icon-chevron-right, .pagination .page-link.prev .icon-chevron-right, .pagination .page-numbers__prev .icon-chevron-right, .pagination .page-numbers.prev .icon-chevron-right { display: block; transform: rotate(180deg); } .pagination .page-link.disabled, .pagination .page-numbers.disabled { background-color: #c3d2db; } .pagination .page-link.current, .pagination .page-numbers.current { background-color: #0486cc; color: #fff; border-radius: 2px; font-weight: bold; box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, .2); border-color: #b1b0ab; } .pagination .page-link.dots, .pagination .page-numbers.dots { border-color: transparent; } .article_pager { grid-column-start: 1; grid-column-end: 7; } .article_pager .pagination .page-link { color: #fff; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .search-form { display: flex; align-items: center; position: relative; } .header-active .header-search-input .search-form .search-field { border: none; } .header-search-input { display: none; } .header-search-input.header-search-input-active { display: block; } .header-search-input .search-form { position: absolute; right: 1rem; top: 0; width: 250px; background-color: white; overflow: hidden; z-index: 9999; } .header-search-input .search-form .search-field { width: 100%; padding: 10px 15px; border: 1.5px solid #0486cc; outline: none; font-family: "Inter", sans-serif; font-size: 1.0625rem; } .header-search-input .search-form .search-submit { position: absolute; right: 0; top: 0; height: 100%; background: #0486cc; color: white; border: none; padding: 0 10px; cursor: pointer; } .header-search-input .search-form .search-submit:hover { background: #03659a; } .header-search-input .search-form .search-submit i { color: white; } .header-blue .header-search-input .search-form { background-color: #dde9f2; } .header-blue .header-search-input .search-form .search-field { background-color: #fff; } /* Search Results Page */ body.search.search-results, body.search.search-no-results { padding-top: 0; } body.search.search-results main.search-results, body.search.search-no-results main.search-results { padding-top: 120px; } @media (max-width: 576px) { body.search.search-results main.search-results, body.search.search-no-results main.search-results { padding-top: 100px; } } body.search.search-results .page-title, body.search.search-no-results .page-title { margin-bottom: 30px; font-weight: 700; } body.search.search-results .page-title span, body.search.search-no-results .page-title span { color: #0486cc; } body.search.search-results .header.header-blue, body.search.search-no-results .header.header-blue { background-color: #dde9f2; } body.search.search-results .search-results-head, body.search.search-no-results .search-results-head { border-top: 2px solid white !important; border-bottom: .02px solid lightgray; width: 100% !important; margin-left: unset !important; margin-bottom: 2rem; } body.search.search-results .search-result, body.search.search-no-results .search-result { position: relative; padding-left: 30px; } body.search.search-results .search-result::before, body.search.search-no-results .search-result::before { content: ""; position: absolute; left: 0; top: 0; width: 21px; height: 25px; background-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/source/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/search-result-webpage.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; } body.search.search-results .search-result .s-title, body.search.search-no-results .search-result .s-title { font-size: 1.2em; } body.search.search-results .search-result .s-icon-format, body.search.search-no-results .search-result .s-icon-format { margin-left: 0; } body.search.search-results .search-result .s-url, body.search.search-no-results .search-result .s-url { color: #093; display: block; } body.search.search-results .no-results, body.search.search-no-results .no-results { text-align: center; padding: 30px; border: 1px solid #e0e0e0; border-radius: 5px; } body.search.search-results .no-results .search-form-container, body.search.search-no-results .no-results .search-form-container { max-width: 500px; margin: 0 auto; } .sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .header-menu-mobile-search { display: none; } @media (max-width: 576px) { .header-menu-mobile-search { display: block; margin: -40px -5px 20px; } .header-right .search-wrapper { display: none; } .header-right .header-search-button { display: none; } .header-search-wrapper { display: flex; justify-content: space-between; } .header-search-wrapper .header-search-input.header-search-input-active { display: block; width: inherit; } .header-search-wrapper .header-search-input { display: flex; align-items: flex-start; } .header-search-wrapper .header-search-input .search-form { display: none; position: relative; right: 0; box-shadow: none; border-radius: 0; width: 200px; height: 40px; } .header-search-wrapper .header-search-input.header-search-input-active form { display: block; } .header-search-wrapper .header-search-button { height: 40px; box-sizing: border-box; } .header-search-wrapper .header-search-button :hover { color: #fe734a; } } .news-card { align-items: flex-start; border-bottom: 1px solid #dde9f2; display: flex; gap: 30px; margin: 0; padding: 30px 0 10px 0; } .news-card__media-container { width: calc(40% - 15px); } @media (max-width: 768px) { .news-card__media-container img { max-width: 100%; } } .news-card__thumbnail { display: block; padding: 0; margin: 0; } .news-card__content { width: calc(60% - 15px); } .news-card__title { font-size: 1.6875rem; font-weight: 500; color: #264057; line-height: 1.1; padding: 0; margin-block-end: 5px; } .news-card__date { font-size: 1.0625rem; font-family: "Inter", sans-serif; font-weight: 300; color: #504e4e; line-height: 1.4; margin: 0; } .news-card__summary { padding: 10px 0; font-size: 1.0625rem; font-family: "Inter", sans-serif; font-weight: 300; color: #504e4e; line-height: 1.4; } .event-card { padding: 30px 0 10px 0; margin: 0; } .event-card__title { margin-block-end: 5px; font-size: 1.5rem; font-weight: normal; letter-spacing: normal; line-height: 1.1; } .event-card__date { font-size: 1.0625rem; font-family: "Inter", sans-serif; font-weight: 300; color: #504e4e; line-height: 1.4; margin: 0; } .event-card__summary { max-width: 60%; padding: 0 0; font-size: 1.0625rem; font-family: "Inter", sans-serif; font-weight: 300; color: #504e4e; line-height: 1.4; } a.event-card { display: block; } a.event-card .event-card__title { font-size: 1.6875rem; } .insights-image-gallery { display: flex; align-items: center; justify-content: space-between; gap: 0; max-height: 360px; } @media (min-width: 768px) { .insights-image-gallery { gap: 10px; max-height: 458px; } } .insights-image-gallery .carousel-control-prev, .insights-image-gallery .carousel-control-next { background-color: #0486cc; cursor: pointer; display: inline-block; position: relative; height: 70px; width: 45px; opacity: 1; } .insights-image-gallery .carousel-control-prev:focus, .insights-image-gallery .carousel-control-next:focus { border: 1px solid white; outline: 1px solid #0486cc; } .insights-image-gallery .carousel-inner { display: inline-block; width: calc(100% - 70px); margin: 0 -10px; } @media (min-width: 768px) { .insights-image-gallery .carousel-inner { width: calc(100% - 110px); } } .insights-image-gallery .carousel-inner .carousel-item { max-height: 360px; width: 100%; } @media (min-width: 768px) { .insights-image-gallery .carousel-inner .carousel-item { max-height: 458px; } } .insights-image-gallery .carousel-inner .carousel-item.active { display: flex; } .insights-image-gallery .carousel-inner .carousel-item img { max-height: 360px; max-width: 100%; display: block; margin: 0 auto; object-fit: contain; object-position: center center; } @media (min-width: 768px) { .insights-image-gallery .carousel-inner .carousel-item img { max-height: 458px; } } .insights-image-gallery-modal .modal-dialog { margin: 0 auto; width: 80%; } @media screen and (min-width: 768px) { .insights-image-gallery-modal .modal-dialog { width: fit-content; } } .insights-image-gallery-modal .modal-content { border: 1px solid white; height: auto; } @media screen and (min-width: 768px) { .insights-image-gallery-modal .modal-content { height: 448px; } } .insights-image-gallery-modal .modal-content__image { height: 100%; width: auto; } .insights-image-gallery-modal .modal-content__close { position: absolute; bottom: 100%; right: 20px; width: 42px; height: 31px; background: white; border-radius: 4px 4px 0 0; border: 1px solid white; margin-bottom: 1px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .insights-image-gallery-modal .modal-content__prev { right: 100%; border-radius: 4px 0 0 4px; } .insights-image-gallery-modal .modal-content__prev .icon-chevron-right { transform: rotateY(180deg); display: block; } .insights-image-gallery-modal .modal-content__next { left: 100%; border-radius: 0 4px 4px 0; } .insights-image-gallery-modal .modal-content__prev, .insights-image-gallery-modal .modal-content__next { cursor: pointer; position: absolute; top: 50%; width: 34px; height: 70px; margin-top: -35px; background: white; border: 1px solid white; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .visual-d { width: 100%; max-width: 100%; min-height: 100%; height: auto; margin: auto; background-position: inherit; background-repeat: no-repeat; background-size: cover; margin-bottom: 2rem; } @media (min-width: 1200px) { .visual-d { padding-left: 0; } } .visual-d__tagline { text-align: left; text-transform: none; position: absolute; bottom: 0; font-weight: 700; text-shadow: none; } @media (min-width: 1200px) { .visual-d__tagline { max-width: 1280px; } } .visual-d__container { height: 250px; } .visual-d__group { width: 100%; height: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1140px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 2rem; } .visual-d.bg .visual-d__container { margin: auto; text-align: start; min-height: 350px; background: linear-gradient(180deg, rgba(2, 0, 36, 0) 60%, rgba(0, 16, 16, .8) 100%); } .visual-d.bg .visual-d__container .visual-d__tagline { color: #fff; padding-bottom: 3rem; } @media (max-width: 991.98px) { .visual-d.bg .visual-d__container .visual-d__tagline { padding-bottom: 0; line-height: normal; } } .visual-d.bg .visual-d__container .visual-d__tagline a { color: #fff; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .visual-i { width: 100%; min-height: 100%; height: auto; margin: auto; margin-top: .7rem; } .visual-i__wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; } @media (min-width: 992px) { .visual-i__wrapper { justify-content: center; } } @media (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) { .visual-i__wrapper { justify-content: center; } } .visual-i__title { margin-top: 1rem; line-height: 1.5rem; margin-bottom: 1rem; } .visual-i__info { margin-top: .7rem; } .visual-i__img { width: 100%; height: auto; } .visual-i__imglink { display: block; } .visual-i__thumb { width: 160px; height: 160px; position: relative; overflow: hidden; border-radius: 50%; margin: auto; } .visual-i__group { flex-basis: 100%; -ms-flex: auto; -ms-flex-positive: 0; position: relative; box-sizing: border-box; text-align: center; margin-bottom: 1rem; } @media (min-width: 576px) { .visual-i__group { max-width: 230px; } } @media (min-width: 1200px) { .visual-i__group { max-width: 250px; } } @media (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) { .visual-i__group { margin-left: 30px; margin-right: 30px; } } .visual-i__name { color: #0486cc; font-size: 1.6875rem; font-weight: 500; } .employees-grid .visual-i__wrapper { gap: 1.5rem 2rem; } .visual-l { background-color: #f4f4f4; padding: 2rem; padding-bottom: 1rem; margin-bottom: 3rem; margin-top: 2rem; min-height: 173px; } .visual-l__wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; gap: 1.5rem 2rem; } @media (min-width: 768px) { .visual-l__wrapper { justify-content: flex-start; } } @media (min-width: 992px) { .visual-l__wrapper { margin-left: 3rem; margin-right: 2rem; } } .visual-l__resource { flex-basis: 100%; -ms-flex: auto; flex: auto; position: relative; box-sizing: border-box; margin-bottom: 2rem; } .visual-l__resource:before { content: ""; position: absolute; width: 16px; height: 16px; top: 3px; background-color: #ff9204; mask-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 1024 1024\' width=\'24\' height=\'24\'%3E%3Cpath transform=\'scale(1, -1) translate(0, -896)\' d=\'M910.222 448v-398.222h-796.444v398.222h-113.778v-398.222c0-62.578 51.2-113.778 113.778-113.778h796.444c62.578 0 113.778 51.2 113.778 113.778v398.222h-113.778zM568.889 409.884l147.342 146.773 80.213-80.213-284.444-284.444-284.444 284.444 80.213 80.213 147.342-146.773v550.116h113.778v-550.116z\' fill=\'black\'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 1024 1024\' width=\'24\' height=\'24\'%3E%3Cpath transform=\'scale(1, -1) translate(0, -896)\' d=\'M910.222 448v-398.222h-796.444v398.222h-113.778v-398.222c0-62.578 51.2-113.778 113.778-113.778h796.444c62.578 0 113.778 51.2 113.778 113.778v398.222h-113.778zM568.889 409.884l147.342 146.773 80.213-80.213-284.444-284.444-284.444 284.444 80.213 80.213 147.342-146.773v550.116h113.778v-550.116z\' fill=\'black\'/%3E%3C/svg%3E"); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; padding-right: 10px; } @media (min-width: 992px) { .visual-l__resource { flex: 0 0 240px; width: 240px; max-width: 240px; } } .visual-l__link { color: #222; margin-left: 1.7rem; padding-left: .6rem; display: inline-flex; border-left: 1px solid #c0c0c0; min-height: 30px; letter-spacing: 0; line-height: 1.4rem; } .visual-l__summary { font-size: .8rem; line-height: 1rem; margin-left: 2.4rem; } .visual-n { background-repeat: no-repeat; background-position-x: left; background-position-y: top; background-size: cover; margin-top: 2rem; margin-bottom: 4rem; padding-top: 10.8rem; } @media (min-width: 576px) { .visual-n { background-size: cover; padding-top: 12rem; } } .visual-n__info { background: #dde9f2; padding: 1rem; } @media (min-width: 576px) { .visual-n__info { padding: 1.5rem; } } @media (min-width: 992px) { .visual-n__info { margin-left: 58%; width: 415px; padding: 2rem; } } @media (min-width: 1200px) { .visual-n__info { margin-left: 75%; } } @media (min-width: 992px) { .visual-n { min-height: 465px; padding-top: 2rem; background-repeat: no-repeat; background-position: center center; background-size: cover; max-width: 83.3333333333%; } } .sector-nav { border-bottom-width: 1px; border-bottom-color: rgba(34, 34, 34, .13); border-bottom-style: solid; margin-bottom: 40px; } .sector-nav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .sector-nav li { float: left; } .sector-nav li a { display: block; text-align: center; padding: 16px; text-decoration: none; } .visual-z__tree-menu--jp, .visual-z__tree-menu { margin-top: 0rem; } .visual-z__tree-menu--jp ul.jqtree-tree, .visual-z__tree-menu ul.jqtree-tree { padding-right: 26px; } .visual-z__tree-menu--jp .icon, .visual-z__tree-menu .icon { margin-top: -37px; position: absolute; right: 0; z-index: 999999; } @media (min-width: 992px) { .visual-z__tree-menu--jp .icon, .visual-z__tree-menu .icon { right: 15px; } } .visual-z__tree-menu--jp .icon:before, .visual-z__tree-menu .icon:before { font-family: "icomoon" !important; content: ""; } .visual-z__tree-menu--jp ul.jqtree-tree .jqtree-title.jqtree-title-folder, .visual-z__tree-menu ul.jqtree-tree .jqtree-title.jqtree-title-folder { color: #222; font-weight: bold; font-family: "Inter", sans-serif; letter-spacing: .05rem; font-size: .75rem; margin-bottom: .75rem; } .visual-z__tree-menu--jp ul.jqtree-tree .jqtree-title, .visual-z__tree-menu ul.jqtree-tree .jqtree-title { margin-left: 0; color: #0486cc; margin-bottom: .75rem; font-size: 1rem; } .visual-z__tree-menu--jp { margin-top: 0; } .visual-z__tree-menu a, .visual-z__tree-menu--jp a { text-decoration: none; color: inherit; display: block; padding: 5px; border-radius: 3px; transition: background-color .3s; } .visual-z__tree-menu a:hover, .visual-z__tree-menu--jp a:hover { color: #fe734a; } .visual-z__tree-menu .link-arrow:hover, .visual-z__tree-menu--jp .link-arrow:hover { color: #fe734a; } .visual-z__tree-menu__arrow-link { font-size: 1.1875rem; font-weight: 600; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop { bottom: 600px; } body.partial-width .at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop { bottom: 600px !important; } .at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop { position: absolute; top: 600px; bottom: 1175px; left: 60px; left: calc(( 100% - 1175px ) / 4) -29px; z-index: 100; } @media (max-width: 1355px) { .at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop { display: none; } } .at-custom-side-wrapper.addthis-smartlayers #at-custom-sidebar { position: -webkit-sticky; position: sticky; top: 40% !important; background: none !important; } #at-custom-sidebar { background: none; box-shadow: none; } #at-custom-sidebar .at-icon-wrapper { position: relative; border: 2px solid #fe734a; text-align: center; margin: 0 4px; display: inline-block; overflow: hidden; } #at-custom-sidebar .at-icon-wrapper .at-icon { position: relative; top: -2px; left: -2px; vertical-align: top; margin: 9px; } #at-custom-sidebar .at-share-btn { display: inline-block; text-decoration: none; transition: none; } #at-custom-sidebar .at-custom-sidebar-btns { display: inline-block; text-align: center; padding-top: 4px; } body.partial-width .at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop { bottom: 1175px; left: calc(( 100% - 775px - 300px ) / 6) -29px; } @media (max-width: 1355px) { body.partial-width .at-custom-side-wrapper.addthis-smartlayers.addthis-smartlayers-desktop { display: none; } } @media (min-width: 1355px) { .addthis-smartlayers-mobile { display: none; } } .slideInDown.addthis-animated, .slideInLeft.addthis-animated, .slideInRight.addthis-animated, .slideInUp.addthis-animated, .slideOutDown.addthis-animated, .slideOutLeft.addthis-animated, .slideOutRight.addthis-animated, .slideOutUp.addthis-animated { animation-duration: .4s; } .at-custom-sidebar .atss-left { left: 0; right: auto; float: left; border-radius: 0 4px 4px 0; } .slideInLeft { animation-name: slideInLeft; } .addthis-animated { animation-fill-mode: both; animation-timing-function: ease-out; animation-duration: .3s; } .at-custom-sidebar { top: 20%; width: 58px; position: fixed; text-align: center; z-index: 100020; background: #fff; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); font: initial; line-height: normal; top: auto; bottom: 0; } /* Mobile stuyles */ .at-custom-mobile-bar { left: 0; right: 0; width: 100%; height: 56px; position: fixed; text-align: center; z-index: 100020; background: #fff; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2); font: initial; line-height: normal; top: auto; bottom: 0; } .at-custom-mobile-bar .at-custom-mobile-bar-btns { display: inline-block; text-align: center; } .at-custom-mobile-bar .atss-bottom { top: auto; bottom: 0; } .at-custom-mobile-bar .at-share-btn { display: inline-block; text-decoration: none; transition: none; margin-top: 4px; } .at-custom-mobile-bar .at-icon-wrapper { text-align: center; height: 3pc; width: 3pc; margin: 0 4px; cursor: pointer; display: inline-block; overflow: hidden; } .at-custom-mobile-bar .at-icon { vertical-align: top; margin: 8px; } .visual-j { padding: 2rem; max-width: 545px; background-color: #dde9f2; margin: auto; margin-bottom: 2rem; } .visual-j.no-max-width { max-width: unset; } .visual-j__title { font-size: 1.75rem; font-weight: 500; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .visual-j.no-max-width { max-width: none; } } :root { --blok-sidebar-offset: 0px; } .edit-post-layout.is-sidebar-opened { --blok-sidebar-offset: 281px; } .blok { padding-block-start: var(--blok-padding-top); padding-block-end: var(--blok-padding-bottom); } @media only screen and (min-width: 48em) { .blok { padding-inline-start: 0; padding-inline-end: 0; } } .blok--padding-top-small { --blok-padding-top: var(--blok-padding-small); } .blok--padding-bottom-small { --blok-padding-bottom: var(--blok-padding-small); } .blok--padding-top-medium { --blok-padding-top: var(--blok-padding-medium); } .blok--padding-bottom-medium { --blok-padding-bottom: var(--blok-padding-medium); } .blok--padding-top-large { --blok-padding-top: var(--blok-padding-large); } .blok--padding-bottom-large { --blok-padding-bottom: var(--blok-padding-large); } .blok--padding-top-none { --blok-padding-top: var(--blok-padding-none); } .blok--padding-bottom-none { padding-block-end: var(--blok-padding-none); } .accordion__item { margin-bottom: 1.4rem; background-color: var(--color-white); box-shadow: 1px 3px 5px rgba(0, 0, 0, .25); } .accordion__item:last-of-type { margin-bottom: 0; } .accordion__button { width: 100%; text-align: left; padding: 2rem; display: flex; align-items: center; justify-content: space-between; border: none; background-color: var(--color-white); cursor: pointer; } .accordion__button.collapsed .accordion__icon-line { transform: translate(-50%, -50%) rotate(90deg); } .accordion__button.collapsed .accordion__icon-line:first-of-type { width: 20px; height: 3px; } .accordion__button.collapsed .accordion__icon-line:last-of-type { width: 3px; height: 20px; } .accordion__button-text { font-size: 1.5rem; font-weight: 500; font-family: SourceSansPro; color: var(--color-black); } @media only screen and (min-width: 48em) { .accordion__button-text { font-size: 2.2rem; } } .accordion__button-icon { width: 3rem; height: 3rem; position: relative; margin-inline-start: 1rem; } .accordion__button-icon .accordion__icon-line { transition: all .5s ease-out; background-color: var(--color-black); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); } .accordion__button-icon .accordion__icon-line:first-of-type { width: 3px; height: 3px; } .accordion__button-icon .accordion__icon-line:last-of-type { width: 20px; height: 3px; } .accordion__accordion-body { padding: 0 5rem 2rem 2rem; } .accordion__link { font-family: SourceSansPro; font-weight: 700; font-size: 1.5rem; text-decoration: underline; color: var(--color-black); } .buttons-group-blok { display: block; } .buttons-group-blok .text-start { text-align: left; } .buttons-group-blok .text-end { text-align: right; } .buttons-group-blok .text-center { text-align: center; } .buttons-group-blok .button { color: inherit; border-block-end: 2px solid; } .buttons-group-blok .button + .button { margin-inline-start: 2rem; } .buttons-group-blok .button span + i, .buttons-group-blok .button i + span { margin-inline-start: .8rem; } .buttons-group-blok .button + .buttons-group-blok .button { margin-inline-start: 2rem; } .buttons-group-blok .button i { font-size: .75em; } .buttons-group-blok .button.primary, .buttons-group-blok .button.secondary, .buttons-group-blok .button.tertiary, .buttons-group-blok .button.black, .buttons-group-blok .button.white, .buttons-group-blok .button.outline { padding: 1rem 2.4rem; border-radius: 4px; } .buttons-group-blok .button.primary:hover, .buttons-group-blok .button.secondary:hover, .buttons-group-blok .button.tertiary:hover, .buttons-group-blok .button.black:hover, .buttons-group-blok .button.white:hover, .buttons-group-blok .button.outline:hover { opacity: 100%; } .buttons-group-blok .button.primary { background-color: var(--color-primary); border: 1px solid var(--color-primary); color: var(--color-dark); } .buttons-group-blok .button.primary:hover { background-color: var(--color-dark); color: var(--color-primary); } .buttons-group-blok .button.secondary { background-color: var(--color-secondary); border: 1px solid var(--color-secondary); color: var(--color-light); } .buttons-group-blok .button.secondary:hover { background-color: var(--color-light); color: var(--color-secondary); } .buttons-group-blok .button.tertiary { background-color: var(--color-tertiary); border: 1px solid var(--color-tertiary); color: var(--color-dark); } .buttons-group-blok .button.tertiary:hover { background-color: var(--color-dark); color: var(--color-tertiary); } .buttons-group-blok .button.black { background-color: var(--color-black); border: 1px solid var(--color-black); color: var(--color-white); } .buttons-group-blok .button.black:hover { background-color: var(--color-white); color: var(--color-black); } .buttons-group-blok .button.white { background-color: var(--color-white); border: 1px solid var(--color-white); color: var(--color-black); } .buttons-group-blok .button.white:hover { background-color: var(--color-black); color: var(--color-white); } .buttons-group-blok .button.outline { background-color: transparent; border: 1px solid var(--color-black); color: var(--color-black); } .buttons-group-blok .button.outline:hover { background-color: var(--color-black); color: var(--color-white); } .columns-blok .row { --bs-gutter-x: 5rem; --bs-gutter-y: 5rem; } .columns-blok .column-content .column-image { max-width: 33%; margin-block-end: 2.4rem; } .columns-blok .column-content .column-label { font-size: var(--font-size-p-sm); text-transform: uppercase; font-weight: 300; } .columns-blok .column-content .column-title { font-size: var(--font-size-h6); font-family: SourceSansPro; margin-block-end: 1.8rem; } .columns-blok .column-content .column-title--large { font-size: var(--font-size-h2); } .columns-blok .column-content .column-body { margin-block-end: 2rem; } .columns-blok .column-content .column-body.excerpt { display: block; display: -webkit-box; height: fit-content; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .columns-blok .column-content .column-body.excerpt + .column-link > .icon-chevron-up { display: inline-block; transform: rotate(180deg); } .columns-blok .column-content .column-link { text-decoration: none; color: inherit; font-weight: 700; border: none; background-color: transparent; font-size: var(--font-size-p); display: inline-block; margin-block-start: 2rem; cursor: pointer; } .columns-blok .column-content .column-link i { margin-inline-start: 1rem; } .columns-blok .column-content.column-card { background-color: var(--color-white); height: 100%; } .columns-blok .column-content.column-card .column-card-image { width: 100%; height: 19.6rem; } .columns-blok .column-content.column-card .column-card-image .column-image { max-width: 100%; width: 100%; height: 100%; object-fit: cover; } .columns-blok .column-content.column-card .card-body { padding: 2.4rem; } .creed-content-blok { display: block; clear: both; } .creed-content-blok__content { padding: 4rem; } .divider-blok { padding: 1rem 0; } .divider-blok hr { border-style: solid; border-width: 0; opacity: 25%; } .divider-blok hr.small { border-bottom-width: 1px; } .divider-blok hr.medium { border-bottom-width: 2px; } .divider-blok hr.large { border-bottom-width: 4px; } .gallery-blok__gallery { row-gap: 1.5rem; } .gallery-blok__image { width: 100%; height: auto; display: block; transition: var(--transition); } .gallery-blok__caption { font-size: 12px; text-align: center; margin-block-start: 1rem; } .gallery-blok__modal-button { cursor: pointer; border: none; overflow: hidden; } .gallery-blok__modal-button:hover .gallery-blok__image { transform: scale(1.01); } .gallery-blok .gallery-blok-modal { background-color: rgba(0, 0, 0, .66); } .gallery-blok .gallery-blok-modal__dialog { max-width: 80%; transform: translate(0, 0) !important; } .gallery-blok .gallery-blok-modal__content { position: relative; } .gallery-blok .gallery-blok-modal__close, .gallery-blok .gallery-blok-modal__prev, .gallery-blok .gallery-blok-modal__next { display: flex; justify-content: center; align-items: center; font-size: var(--font-size-h6); width: 4rem; height: 4rem; border-radius: 100%; border-style: solid; cursor: pointer; } .gallery-blok .gallery-blok-modal__prev, .gallery-blok .gallery-blok-modal__next { position: absolute; top: 50%; transform: translate(-50%, -50%); } .gallery-blok .gallery-blok-modal__close { position: fixed; top: 1rem; right: 1rem; } .gallery-blok .gallery-blok-modal__prev { left: calc(0% - 4rem); } .gallery-blok .gallery-blok-modal__next { left: calc(100% + 4rem); } .gallery-blok .gallery-blok-modal .gallery-blok__caption { margin-block-end: 1rem; font-size: var(--font-size-p-lg); } .hero { position: relative; overflow: visible; } .hero__background-media { z-index: -1; width: 100%; height: 100%; position: absolute; overflow: hidden; } .hero__background-media-desktop { display: none; } @media (min-width: 768px) { .hero__background-media-desktop { height: 100%; display: block; } } .hero__background-media-mobile { height: 100%; } @media (min-width: 768px) { .hero__background-media-mobile { display: none; } } .hero__background-media-mobile img { width: 100%; height: 100%; object-fit: cover; } .hero__background-media-loading-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .hero__background-media-loading-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hero__background-media-img { height: 100%; } .hero__background-media-img img { width: 100%; height: 100%; object-fit: cover; } .hero__content { padding-top: 12rem; padding-bottom: 5rem; } @media (max-width: 768px) { .hero__content .w-50 { width: 100% !important; } } .hero__content .c-dark-gray { color: #596b7b; } .hero__content-tint { background: rgba(0, 0, 0, .5); } @media (min-width: 768px) { .hero__content-row { display: flex; flex-direction: row; gap: 160px; align-items: center; } } @media (min-width: 768px) and (min-width: 768px) { .hero__content-row-text { max-width: 30%; } } .bs__media { width: 100%; order: 1; } @media only screen and (min-width: 48em) { .bs__media { width: 50%; } } .bs__media + .hero__text { padding: 0 0 0 4rem; } .bs__media--right { order: 3; } .bs__media--right + .hero__text { padding: 0 4rem 0 0; } .bs__media img { max-width: 100%; display: block; margin: 0 auto; } .bs__media--video { padding-block-start: 56.25%; position: relative; } @media only screen and (min-width: 48em) { .bs__media--video { padding-block-start: 28.125%; } } .bs__media--video iframe { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; } .bs__text { width: 100%; order: 2; display: flex; flex-direction: column; justify-content: center; } @media only screen and (min-width: 48em) { .bs__text { width: 50%; } } .bs__text--center { text-align: center; } .bs__text--right { text-align: right; } .bs__text--full-width { width: 100%; } @media only screen and (min-width: 48em) { .bs__text--three-fourths { width: 75%; } } @media only screen and (min-width: 48em) { .bs__text--three-fourths.hero__text--center { margin: 0 auto; } } @media only screen and (min-width: 48em) { .bs__text--three-fourths.hero__text--right { margin-inline-start: auto; } } @media only screen and (min-width: 48em) { .bs__text--one-half.hero__text--center { margin: 0 auto; } } @media only screen and (min-width: 48em) { .bs__text--one-half.hero__text--right { margin-inline-start: auto; } } .iframe { padding: 3rem; } @media only screen and (min-width: 48em) { .iframe { padding: 5rem 0; } } .iframe__container { position: relative; overflow: hidden; width: 100%; } .iframe__container--sixteen-nine { padding-block-start: 56.25%; } .iframe__container--eight-five { padding-block-start: 62.5%; } .iframe__container--three-two { padding-block-start: 66.66%; } .iframe__container--four-three { padding-block-start: 75%; } .iframe__container--one-one { padding-block-start: 100%; } .iframe__container--three-four { padding-block-start: 133.33%; } .iframe__container--two-three { padding-block-start: 150%; } .iframe__container--five-eight { padding-block-start: 160%; } .iframe__container--nine-sixteen { padding-block-start: 177.77%; } .iframe__container iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } @media only screen and (min-width: 62em) { .media-blok .container--three-quarters { max-width: var(--three-quarters-width); } } .media-blok .container--half { max-width: var(--one-half-width); } .video-upload { width: 100%; height: auto; } .video-embed { width: 100%; height: 0; padding-block-start: 56.25%; position: relative; } .video-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .image-gallery { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 4rem; } .image-gallery img { max-width: 40rem; height: auto; } .media-image { width: 100%; height: auto; } .media-text-blok__container { display: flex; flex-wrap: wrap; gap: 4rem; align-items: center; } .media-text-blok__media { order: 1; width: 100%; } @media only screen and (min-width: 48em) { .media-text-blok__media { width: calc(50% - 2rem); } } .media-text-blok__media--right { order: 2; } .media-text-blok__text { order: 2; width: 100%; } @media only screen and (min-width: 48em) { .media-text-blok__text { width: calc(50% - 2rem); } } .media-text-blok__text--left { order: 1; } .rich-text-editor-blok .container { margin: auto; } .rich-text-editor-blok .container--one-third { max-width: var(--one-third-width); } .rich-text-editor-blok .container--one-half { max-width: var(--one-half-width); } @media only screen and (min-width: 62em) { .rich-text-editor-blok .container--three-quarters { max-width: var(--three-quarters-width); } } .spacer-blok.extra-small { height: 1rem; } .spacer-blok.small { height: 2.5rem; } .spacer-blok.medium { height: 5rem; } .spacer-blok.large { height: 7.5rem; } .spacer-blok.extra-large { height: 10rem; } .tabs { display: flex; flex-direction: column; } .tabs--right .nav-tabs { justify-content: flex-end; } .tabs--center .nav-tabs { justify-content: center; } .tabs__side { flex-direction: row; } .tabs__side .nav { flex-direction: column; height: 100%; } .tabs__side .nav .nav-item { margin: 0; } .tabs__side .nav .nav-item .nav-link { width: 100%; margin: 0; } .tabs__side .nav .nav-item .nav-link.active { border-top-right-radius: 0; border-bottom-left-radius: 1rem; } .tabs__side--right { flex-direction: row-reverse; } .tabs__side--right .nav .nav-item .nav-link.active { border-top-right-radius: 1rem; border-top-left-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 1rem; } .tabs__side .tab-content { flex-grow: 1; } .tabs .nav-tabs { border-bottom: none; } .tabs .nav-tabs .nav-link { background-color: rgba(240, 240, 240, .15); color: var(--color-black); border: none; padding: 1rem; transition: var(--transition); cursor: pointer; } @media only screen and (min-width: 48em) { .tabs .nav-tabs .nav-link { padding: 2rem 4rem; } } .tabs .nav-tabs .nav-link.active { background-color: var(--color-white); border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .tabs .tab-content { background-color: var(--color-white); padding: 4rem; } @media only screen and (min-width: 48em) { .tabs .tab-content { padding: 10rem; } } .testimonials__testimonial-item { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 2rem 0; } .testimonials__testimonial-image { width: 100px; height: 100px; margin-left: auto; margin-right: auto; } .testimonials__testimonial-text { padding: 2rem; text-align: center; } .text__sub-heading { margin-block-end: 2rem; } .text__body { margin-block-end: 1.2rem; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .barr-headline { padding-top: 5.5rem; display: flex; flex-direction: row; margin-bottom: 1.5rem; box-sizing: border-box; } @media screen and (max-width: 768px) { .barr-headline { flex-direction: column; } } .barr-headline > *:not(:last-child) { margin-right: 1.5rem; } .barr-headline > div { flex: 0 0 49%; box-sizing: border-box; } @media screen and (max-width: 768px) { .barr-headline > div:last-child { margin-top: 1.5rem; } } .barr-headline__button { justify-content: flex-end; } @media screen and (max-width: 768px) { .barr-headline__button { justify-content: flex-start; } } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .perspectives-container { display: grid; column-gap: 1.5rem; row-gap: .75rem; } @media (max-width: 800px) { .perspectives-container { display: flex; flex-direction: column; gap: 2rem; } } .perspectives-container .link-arrow { font-size: 15px; } .perspectives-card { background-color: #dde9f2; position: relative; border: none; border-radius: .25rem; transition: all 600ms ease; transition: background-color 600ms ease; display: flex; grid-column: 2/3; padding: .75rem; overflow: hidden; } @media (max-width: 800px) { .perspectives-card { height: 100%; padding: 0; } } .perspectives-card-underlay { display: none; overflow: hidden; } .perspectives-card-left { height: 100%; position: relative; } @media (max-width: 800px) { .perspectives-card-left { object-fit: cover; } } .perspectives-card img { height: 100%; width: 100%; object-fit: cover; border-radius: .25rem; display: block; position: relative; z-index: 2; } @media (max-width: 800px) { .perspectives-card img { height: 230px; } } .perspectives-card-img-overlay { content: ""; display: block; height: 100%; width: 100%; position: absolute; pointer-events: none; top: 0; left: 0; opacity: 0; background-color: black; transition: opacity 600ms ease-in-out; border-radius: .25rem; z-index: 3; } .perspectives-card-body { flex: 1 0 50%; padding: 0 1rem 0 1.25rem; display: flex; flex-direction: column; justify-content: space-between; position: relative; } @media (max-width: 800px) { .perspectives-card-body { padding: 2rem 1rem; } } .perspectives-card-tag { font-size: 14px; font-weight: 700; display: inline-block; padding: 6px 10px; background-color: #c3d2db; color: #596b7b; transition: all 600ms ease-in-out; position: relative; z-index: 3; } .perspectives-card-tag ul, .perspectives-card-tag li { list-style-type: none; all: unset; } .perspectives-card-row { display: flex; flex-direction: row; } @media (max-width: 800px) { .perspectives-card-row { flex-direction: column; height: 100%; width: 100%; } } @media (max-width: 800px) { .perspectives-container { flex-direction: column; height: 100%; } } @media (max-width: 800px) { .perspectives-container > div { flex-basis: auto; flex-grow: 0; height: 100%; } } .perspectives-card-body-top { padding-bottom: .5rem; } .perspectives-card-title { font-size: 21px; font-weight: 500; } .perspectives-card:hover { background-color: #0486cc; color: white; } .perspectives-card:hover .perspectives-card-body { color: white; } .perspectives-card:hover .perspectives-card-img-overlay { opacity: .5; z-index: 3; } .perspectives-card:hover .perspectives-card-tag { background-color: #182836; color: white; } .perspectives-small-img { display: flex; flex-direction: column; } @media (min-width: 800px) { .perspectives-small-img img { width: 190px; height: 100%; } .perspectives-small-img .perspectives-card-img-overlay { width: 100%; height: 100%; } .perspectives-small-img .perspectives-card-body { justify-content: space-evenly; } } .perspectives-lg-img { grid-column: 1/2; grid-row: 1/3; padding: 0; } .perspectives-lg-img .perspectives-card-body { padding: 1rem 1rem 0 1.3rem; } .perspectives-lg-img .perspectives-card-img-overlay { margin: 0; height: 100%; width: 100%; border-radius: 0; } .perspectives-lg-img .perspectives-card-title { font-size: 24px; padding-bottom: 1rem; } @media (min-width: 800px) { .perspectives-lg-img .perspectives-card-left { padding: 0; flex: 1 1 45%; } .perspectives-lg-img .perspectives-card img { height: 100%; width: 100%; margin: 0; padding: 0; border-radius: none; } .perspectives-lg-img .perspectives-card-row { height: 100%; } .perspectives-lg-img .perspectives-title { font-size: 24px; font-weight: 400; } } .perspectives-lg-img:hover .perspectives-card-underlay { display: block; overflow: hidden; opacity: .5; } .perspectives-card .bg-two-triangles-right::after { top: 0; color: #60b7e6; z-index: 1; background-size: contain; pointer-events: none; background-position: right; } .perspectives-card:hover .link-arrow:hover { color: white; } .perspectives-card:active .perspectives-card-title { text-decoration: underline; text-decoration-color: white; } .stats-body-text { padding-right: 4rem; } .stats { color: #fe734a; font-size: 80px; font-weight: 600; } .stats-container { position: relative; } .stats-container .bg-four-triangles::after { transform: scale(1.25); } @media (max-width: 768px) { .stats-container .bg-four-triangles::after { margin-top: 6rem; } } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .side-tabs-title { display: flex; flex-direction: row; } @media (max-width: 768px) { .side-tabs-title { flex-direction: column; } } .side-tabs-title > div { flex: 0 0 50%; } @media (max-width: 768px) { .side-tabs-title > div { flex: auto; } } .side-tabs-container { display: flex; flex-direction: row; border-radius: .25rem; flex: 0 0 50%; } @media (max-width: 768px) { .side-tabs-container { flex-direction: column; } } .side-tabs-layout { display: flex; flex-direction: column; height: 100%; align-items: center; justify-content: center; padding: 4rem 2rem; } @media (max-width: 768px) { .side-tabs-layout { flex-direction: row; } } .side-tabs-layout > .nav-item { width: 100%; } .side-tabs-layout > .nav-item > a { border-right: 1.5px solid #c3d2db; color: #596b7b; font-weight: 300; padding-right: 2.5rem; } @media (max-width: 768px) { .side-tabs-layout > .nav-item > a { border: none; } } .side-tabs-layout > .nav-item > .active { border-right: 3px solid #0486cc; color: #0486cc; box-shadow: 1.5px 0 0 #0486cc; font-weight: 500; } @media (max-width: 768px) { .side-tabs-layout > .nav-item > .active { border: none; box-shadow: none; } } .side-tabs-all { position: relative; display: block; } .side-tabs-all .active { display: block; } .side-tab-pane { display: none; } .side-tab-content { display: flex; flex-direction: row; position: relative; height: 100%; flex: 0 0 auto; } .side-tab-content :first-child { margin-right: 1rem; } @media (max-width: 768px) { .side-tab-content { padding: 2rem; } } .side-tab-image { position: relative; border-bottom-right-radius: .25rem; border-top-right-radius: .25rem; height: 100%; object-fit: cover; flex: 0 0 45%; } @media (max-width: 768px) { .side-tab-image { display: none; } } .side-tab-image > img { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; height: 100%; width: 100%; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .image-slider { padding-top: 2rem; } .image-slider__text { font-size: 35px; font-weight: 400; width: 90%; } @media (max-width: 768px) { .image-slider__text { font-size: 22px; } } .image-slider__image-container { position: relative; display: block; width: 100%; height: 100%; } .image-slider__image-container > img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; z-index: -1; border-radius: .25rem; } .image-slider__image-overlay { z-index: 1; padding: 3rem; gap: 1.5rem; color: white; height: 100%; display: flex; justify-content: end; flex-direction: column; } .image-slider__image-overlay .link-arrow:hover { color: white; } .image-slider__image-overlay { position: relative; } .image-slider__image-overlay::after { opacity: 0; transition: opacity 300ms ease-in-out; border-radius: .25rem; } .image-slider__caption { padding-top: .5rem; color: #182836; font-weight: 300; } @media (min-width: 768px) { .image-slider__preview-width > .slick-list { padding: 0 30% 0 0 !important; } } .image-slider__preview-width .slick-slide { margin-right: 20px; } @media (max-width: 768px) { .image-slider__preview-width .slick-slide { margin-right: 0; } } .slick-slide:not(.slick-current) .image-slider__image-overlay { display: none; } .image-slider .slick-current .image-slider__image-overlay::after { content: ""; display: block; position: absolute; height: 100%; width: 100%; background-color: black; opacity: .4; z-index: -1; top: 0; left: 0; border-radius: .25rem; } @media (max-width: 768px) { .image-slider { width: calc(100vw - 24px); } .image-slider .slick-list { width: calc(100vw - 24px); } .image-slider__wrapper { display: flex; justify-content: center; } } .three-column-triangles .row { gap: 45px; } .text-media-slider__item { padding: 3rem 2rem; border-bottom: 3px solid #0486cc; border-radius: .25rem; } .text-media-slider__item-content { display: flex; gap: 45px; } @media (min-width: 992px) { .text-media-slider__item-text { width: 50%; } } .text-media-slider__item-paragraph { font-weight: 700; font-size: 1.375rem; } .text-media-slider__item-img { display: none; position: relative; } @media (min-width: 992px) { .text-media-slider__item-img { width: 50%; display: block; } } .text-media-slider__item-img > img { height: 360px; width: 100%; object-fit: cover; } .text-media-slider__item-icon { border: 2px solid #0486cc; color: #0486cc; font-size: 30px; margin-bottom: 1.25rem; } .text-media-slider .slick-track { display: flex; } .container { position: relative; } .container .text-media-slider__advance-overlay { position: absolute; top: 0; right: 0; width: 200px; height: 100%; cursor: pointer; z-index: 2; background: transparent; } .container .text-media-slider__prev-overlay { position: absolute; top: 0; left: 0; width: 200px; height: 100%; cursor: pointer; z-index: 2; background: transparent; } .text-media { padding-top: 2rem; display: flex; align-items: center; border-radius: .25rem; gap: 45px; } @media (min-width: 992px) { .text-media { gap: 75px; } } .text-media ul { list-style-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/ellipse.svg"); padding: 0 0 0 15px; } .text-media ul li { padding: 0 25px 4px 0; } .text-media.bg-four-triangles-col { padding-bottom: 20px; position: relative; } .text-media.bg-four-triangles-col:after { margin-top: 0; } @media (max-width: 992px) { .text-media.bg-four-triangles-col:after { display: none; } } @media (min-width: 992px) { .text-media__media { width: 55%; } } @media (min-width: 992px) { .text-media__text { width: 45%; } } .text-media__body { padding-top: 2rem; } .text-media__blue-background { background-color: #dde9f2; padding: 30px 15px; } @media (min-width: 992px) { .text-media__blue-background { padding: 30px; } } .text-media__left { flex-direction: row; } @media (max-width: 992px) { .text-media__left { flex-direction: column; } } .text-media__right { flex-direction: row-reverse; } @media (max-width: 992px) { .text-media__right { flex-direction: column-reverse; } } .card-columns__list { display: flex; gap: 2rem; flex-direction: column; align-items: center; padding-bottom: 2rem; display: flex; border-radius: 6px; padding: 1.5rem 2.5rem 0; } .card-columns__list.blue { background-color: #dde9f2; } @media (min-width: 768px) { .card-columns__list { flex-direction: row; align-items: unset; } } .card-columns__card { width: 100%; max-width: 450px; background-clip: content-box; cursor: pointer; border-radius: .25rem; } @media (min-width: 768px) { .card-columns__card { width: calc(33% - 1rem); } } .card-columns__card::after { content: ""; width: 0; height: 10px; border-bottom: 4px solid #0486cc; transition: width 600ms; transition-timing-function: cubic-bezier(0, 1.01, .47, 1.13); position: absolute; bottom: 0; } .card-columns__card:hover::after { width: calc(100% + 2px); margin-left: -1px; } .card-columns__card:hover .list-article-card-img-wrapper::before { opacity: .5; } .card-columns__card:hover .list-article-card--industry { background-color: #182836; color: white; } .card-columns__card-img { position: relative; } .card-columns__card-img::before { content: ""; display: block; height: 230px; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: black; transition: opacity 600ms ease-in-out; } .card-columns__card-img > img { height: 230px; width: 100%; object-fit: cover; } .card-columns__card-link { border-radius: .25rem; overflow: hidden; } .card-columns__card-tag { font-size: 16px; font-weight: 500; display: inline-block; padding: 0 6px; background-color: #eff1f3; color: #80959e; transition: all 600ms ease-in-out; } .card-columns__card-tag ul, .card-columns__card-tag li { list-style-type: none; all: unset; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .rankings-blok-wrapper { display: flex; flex-direction: column; align-items: center; gap: 40px; } .rankings-blok { display: flex; flex-direction: column-reverse; border-radius: 6px; overflow: hidden; } @media (min-width: 992px) { .rankings-blok { flex-direction: row; } } .rankings { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding: 30px; background-color: #182836; } @media (max-width: 576px) { .rankings { height: 550px; overflow-y: scroll; } } @media (min-width: 576px) { .rankings { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 768px) { .rankings { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1200px) { .rankings { grid-template-columns: repeat(5, 1fr); } } .ranking { border-radius: 6px; gap: 3px; padding: 12px; width: 120px; height: 135px; background-color: #dde9f2; display: flex; flex-direction: column; align-items: center; border-bottom: 2px solid #fe734a; } .ranking > p { margin-bottom: 0; } .ranking-rank { position: relative; font-size: 50px; color: #0486cc; font-weight: 700; line-height: 50px; margin-right: -8px; } .ranking-rank::before { content: "#"; font-size: 20px; position: absolute; top: -7px; left: -12px; display: block; } .ranking-group { font-weight: 900; color: #182836; text-transform: uppercase; font-size: 18px; border-top: 1px solid #0486cc; padding-top: 2px; width: 100%; text-align: center; } .ranking-list { font-size: 10px; text-align: center; } .rankings-blok-right { padding: 30px 40px; background-color: #dde9f2; position: relative; z-index: -1; } .rankings-blok-right::after { content: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/svgs/two-lg-triangles-blue.svg"); position: absolute; opacity: .2; transform: scale(.58); top: 149px; left: -132px; display: block; } .rankings-blok-title { font-weight: 500; } .ranking-year { color: #0486cc; } .ranking-word { color: #0486cc; } .news-record-badge { background-color: #a4cf45; color: white; font-weight: 900; letter-spacing: 2px; display: inline-block; margin-top: 35px; padding: 0 12px; } .news-record-year { padding-top: 7px; } .news-record-year::before { content: "| | | | | | | | | | | | |"; height: 12px; overflow: hidden; display: block; margin-bottom: 15px; font-weight: 600; color: #fe734a; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .history-visualizer button:active:before { color: white; } .history-visualizer-body { display: flex; flex-direction: column; } @media (min-width: 992px) { .history-visualizer-body { flex-direction: row; align-items: flex-end; } } .history-visualizer-slider.slick-slider { max-width: 100%; padding-top: 1rem; padding-bottom: 45px; } @media (min-width: 992px) { .history-visualizer-slider.slick-slider { max-width: 75%; padding-left: 4rem; } } .history-visualizer-slider.slick-slider.slick-dotted { margin: 0; } .history-visualizer-slider.slick-slider .slick-dots { display: flex; justify-content: center; align-items: center; gap: .3rem; bottom: -10px; } .history-visualizer-slider.slick-slider .slick-dots li { margin: 0; } .history-visualizer-slider.slick-slider .slick-dots li button { margin: 0; } .history-visualizer-slider.slick-slider .slick-custom-arrow { height: 30px; width: 30px; display: flex; color: #0486cc; border: 1px solid #0486cc; align-items: center; justify-content: center; cursor: pointer; position: absolute; bottom: -15px; top: initial; background-color: white; font-size: initial; } .history-visualizer-slider.slick-slider .slick-custom-arrow:before { content: ""; font-family: "barr-2024-icons"; } .history-visualizer-slider.slick-slider .slick-custom-arrow:active { background-color: #fe734a; color: white; border-color: white; } .history-visualizer-slider.slick-slider .slick-custom-arrow.slick-disabled { color: #c0c0c0; border: 1px solid #c0c0c0; pointer-events: none; } .history-visualizer-slider.slick-slider .slick-custom-arrow.slick-prev { left: 4rem; } .history-visualizer-slider.slick-slider .slick-custom-arrow.slick-next { left: calc(4rem + 60px); transform: rotate(180deg) translate(0, 50%); } .history-visualizer-slider.slick-slider .slick-track { display: flex; align-items: flex-end; } .history-visualizer-slider.slick-slider .slick-slide { margin-bottom: 6px; } .history-slider-item { padding-right: 2rem; border-bottom: 2px solid #fe734a; position: relative; } .history-slider-item::before { content: ""; display: inline-block; width: 10px; height: 10px; border-radius: 7.5px; background-color: #fe734a; position: absolute; bottom: -6px; left: 0; } .history-year { font-size: 50px; font-weight: 600; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .visual-l { background-color: #f4f4f4; padding: 2rem; padding-bottom: 1rem; margin-bottom: 3rem; margin-top: 2rem; min-height: 173px; } .visual-l__wrapper { display: flex; flex-flow: row wrap; justify-content: flex-start; gap: 1.5rem 2rem; } @media (min-width: 992px) { .visual-l__wrapper { margin-left: 3rem; margin-right: 2rem; } } .visual-l__resource { flex-basis: 100%; -ms-flex: auto; flex: auto; position: relative; box-sizing: border-box; margin-bottom: 2rem; } @media (min-width: 992px) { .visual-l__resource { flex: 0 0 240px; width: 240px; max-width: 240px; } } .visual-l__resource svg { color: #ff9204; min-height: 24px; min-width: 30px; margin-right: .5rem; } .visual-l__resource__title { display: flex; align-items: center; } .visual-l__link { color: #222; padding-left: .6rem; display: inline-flex; border-left: 1px solid #c0c0c0; min-height: 30px; letter-spacing: 0; line-height: 1.4rem; } .visual-l__summary { font-size: .8rem; line-height: 1rem; margin-left: 2.4rem; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .locations-blok-wrapper { display: flex; flex-direction: column; align-items: center; gap: 40px; } .locations-container { background-color: #dde9f2; padding: 30px 30px 0; background-size: cover; background-repeat: no-repeat; width: 100%; border-radius: 6px; z-index: 999; } .locations { display: grid; grid-template-columns: repeat(2, 15.625rem); gap: 22px; width: max-content; height: 530px; overflow-y: scroll; padding: 0 30px 30px 0; } @media (max-width: 1200px) { .locations-container { background-position: 200px center; } .location { min-height: 8.5rem; } } @media (min-width: 1200px) { .locations-container { background-position: 200px -430px; } .location { min-height: 8.5rem; } } @media (max-width: 768px) { .locations-container { background-position: unset; } .locations { grid-template-columns: 1fr; } .location { min-height: 8.5rem; } } .locations::-webkit-scrollbar-track { background-color: #c0c0c0; border: 2px solid transparent; background-clip: content-box; margin-bottom: 30px; } .locations::-webkit-scrollbar { width: 5px; } .locations::-webkit-scrollbar-thumb { background-color: #0486cc; } .location { max-width: 15.625rem; min-height: 9.125rem; background-color: #f5f8fb; border-radius: 5px; } .location p { font-size: 13px; margin-bottom: 1px; } .location-hq { font-weight: 700; color: #596b7b; display: flex; align-items: center; margin-top: 6px; } .location-hq::before { height: 16px; margin-right: 4px; content: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/images/pin.svg"); display: inline-block; } .location-city { font-size: 20px; transition: all 200ms linear; margin-bottom: .5rem; } .location-address { font-weight: 300; } .location-phone { font-weight: 400; text-decoration: underline; } .location a { display: block; padding: 15px; height: 100%; border-radius: 4px; border-bottom: 3px solid transparent; transition: all 200ms linear; } .location a:hover { border-bottom: 3px solid #fe734a; color: #264057 !important; } .location a:hover .location-city { color: #0486cc; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .dnnFormItem > span.dnnFormLabel { margin: 6px 11px 0 0 !important; } .barr-form .required label:after, .barr-form legend.required:after { content: "*"; color: #e02020; margin: 0; padding: 0; background: none; border: none; margin-left: 5px; font-size: 1rem; } .barr-form .dnnFormInput, .barr-form input, .barr-form textarea, .barr-form select { font-family: "Inter", sans-serif; font-size: 1.0625rem; min-height: 35px; box-shadow: none !important; border: 1px solid #757575 !important; border-radius: 2px; padding: 8px; } .barr-form .dnnFormInput:focus, .barr-form input:focus, .barr-form textarea:focus, .barr-form select:focus { border: 1px solid #0486cc !important; } .barr-form select { padding-top: 10px !important; } .barr-form .content-field { padding: 0; width: 100% !important; left: 0% !important; position: relative !important; } .barr-form .content-row { height: inherit !important; } .barr-form .content-field .canvas-name-field input[type=text] { width: 100%; } .barr-form .dnnPrimaryAction { background: #0486cc !important; border-color: #0486cc; border-radius: 0; font-weight: normal; padding: 13px 20px; margin: 0; text-align: center; color: #fff; font-family: "Inter", sans-serif; text-shadow: none; border: none; box-shadow: none; box-sizing: inherit; } .barr-form .dnnPrimaryAction:hover, .barr-form .dnnPrimaryAction:active, .barr-form .dnnPrimaryAction:focus { background: #fe734a !important; border-color: #fe734a !important; } .barr-form .form-builder-canvas .tabbed-form-content { position: relative !important; } .barr-form .form-builder-canvas .tabbed-forms.rendered { transition: none !important; transform: none !important; height: inherit !important; } .barr-form .form-builder-canvas .form-submit { padding: 0; } .barr-form .form-builder-canvas.Simple textarea, .barr-form .form-builder-canvas.Simple input { border-radius: 3px !important; } .barr-form .error-message { color: #e02020; font-size: .7rem; font-family: "Inter", sans-serif; font-weight: normal; } .barr-form .content-field .phone-number-selector > div:not(.form-canvas-label), .barr-form .name-field-container { margin-bottom: 0 !important; } .barr-form .form-canvas-label { font-size: 1.6875rem; font-weight: 500; } .barr-form .content-row input[type=checkbox] + label[for] + span, .barr-form .content-row input[type=radio] + label + span { padding-top: 0; margin-top: -3px; font-size: 16px; } .barr-form .content-row input[type=radio] + label + span { padding-left: 4px; } .barr-form .content-row input[type=checkbox] + label[for] { width: 16px; height: 16px; background-color: #f5f5f5; } .barr-form .content-row input[type=radio] + label { width: 18px; height: 18px; background-color: #f5f5f5; } .barr-form .content-row input[type=radio]:checked + label { box-shadow: inset 0 0 0 1px #e5e5e5, inset 0 0 0 5px #f5f5f5; background-color: #444; } .content-row input[type=checkbox] + label[for]:after { left: 3px !important; } .form-builder-canvas .required label:after { color: #fe734a; } .form-builder-canvas .form-submit button.dnnPrimaryAction { color: white; background: none; background-color: #0486cc; padding-left: .9375rem; padding-right: .9375rem; border-radius: 5px !important; height: 2.8125rem; line-height: normal; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; text-wrap: nowrap; border: none; font-weight: normal; box-shadow: none; } .form-blok { padding: 20px 0; } .form-blok .nf-form-fields-required { display: none; } .form-blok .ninja-forms-req-symbol { font-size: 1rem; } .form-blok .nf-field .nf-field-label label { font-size: 1.6875rem; } .form-blok .dnnPrimaryAction { border-radius: 5px; display: block; font-size: 16px; margin: 0 auto; } nf-field .list-checkbox-wrap ul { display: flex; flex-direction: column; } nf-field .list-checkbox-wrap ul li { display: flex; align-items: center; } @media (min-width: 1200px) { .news-recent-blok .container { max-width: 1140px; } } .news-recent-blok__header { align-items: flex-end; display: flex; height: 250px; margin-block-end: 2rem; } .news-recent-blok__tab-container { display: flex; gap: 0; margin-bottom: 2rem; } .news-recent-blok__tab-container .tab-link { background-color: transparent; border-color: #c3d2db; border-style: solid; border-width: 0 0 2px 0; color: #c3d2db; cursor: pointer; font-family: "Inter", sans-serif; font-size: 2.5rem; font-weight: 700; line-height: 1; padding: 1rem; } .news-recent-blok__tab-container .tab-link.active { color: #264057; border-bottom: 3px solid #0486cc; padding-bottom: 15px; } .news-recent-blok__tab-content { display: none; } .news-recent-blok__tab-content.active { display: block; } .news-recent-blok__tab-content .col-lg-8 { padding-inline-end: 30px; } .news-recent-blok__tab-content .col-lg-4 { padding-inline-start: 30px; } .news-recent-blok__tab-content__header { margin-block-end: .5rem; font-size: 1.125rem; color: #0486cc; font-weight: 700; } .news-recent-blok__tab-content__email { color: #0486cc; font-size: 1.0675rem; text-decoration: underline; } .news-recent-blok__link { font-family: "Inter", sans-serif; color: #0486cc; display: block; } .news-recent-blok__link .icon-arrow-leftsvg { display: inline-block; transform: rotateY(180deg); } .two-col-custom { display: flex; align-items: center; border-radius: .25rem; gap: 45px; } @media (min-width: 992px) { .two-col-custom { gap: 75px; } } .two-col-custom ul { list-style-image: url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/images/ellipse.svg"); padding: 0 0 0 15px; } .two-col-custom ul li { padding: 0 25px 4px 0; } .two-col-custom.bg-four-triangles-col { padding-bottom: 20px; } .two-col-custom.bg-four-triangles-col:after { margin-top: 0; } @media (max-width: 992px) { .two-col-custom.bg-four-triangles-col:after { display: none; } } @media (min-width: 992px) { .two-col-custom-media { width: 55%; } } @media (min-width: 992px) { .two-col-custom-text { width: 45%; } } .two-col-custom-body { padding-top: 2rem; } .two-col-custom-blue-background { background-color: #dde9f2; padding: 30px 15px; } @media (min-width: 992px) { .two-col-custom-blue-background { padding: 30px; } } .two-col-custom-Left { flex-direction: row; } @media (max-width: 992px) { .two-col-custom-Left { flex-direction: column; } } .two-col-custom-Right { flex-direction: row-reverse; } @media (max-width: 992px) { .two-col-custom-Right { flex-direction: column-reverse; } } .two-col-custom-media-img { width: 100%; height: auto; } .two-col-custom-media-img img { max-width: 100%; } .cap { padding-top: 5.5rem; position: relative; display: flex; justify-content: space-between; } @media (max-width: 768px) { .cap { flex-direction: column; justify-content: initial; } } @media (max-width: 768px) { .cap-left { padding-bottom: 1rem; } } .cap-right { display: flex; align-items: end; justify-content: end; } @media (max-width: 768px) { .cap-right { justify-content: initial; align-items: normal; } } .cap-right a { margin-bottom: 1rem; } @media (min-width: 1200px) { .news-all-blok .container { max-width: 1140px; } } .news-all-blok__header { padding-block-start: 4rem; } @media (min-width: 768px) { .news-all-blok__header { padding-block-start: 10rem; } } .news-all-blok__title { text-transform: uppercase; } .news-all-blok__content .news-card__media-container { height: 200px; } .news-all-blok__content .news-card__thumbnail { object-fit: cover; height: 100%; width: 100%; object-position: top; } .news-all-blok .news-pagination .pagination { margin-top: 20px; justify-content: flex-end; } .contact__title { text-align: center; } .contact__message { margin: 6rem 0; text-align: center; } .contact-info { display: flex; justify-content: space-between; } .contact-info h2 { font-size: 3rem; } .four-oh-four { padding: 10rem 2rem; background-color: var(--color-light); color: var(--color-dark); font-family: SourceSansPro; } .four-oh-four__title { font-size: var(--font-size-h4); font-weight: 600; } .four-oh-four__subtitle { font-size: 12rem; line-height: 1; margin-block-end: 5rem; background: linear-gradient(to right, var(--color-primary), var(--color-secondary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; } .four-oh-four__text { font-size: 1.6rem; font-weight: 400; margin-block-end: 4rem; } .four-oh-four__compass { margin: 7rem auto; height: 15rem; width: 15rem; } .four-oh-four__compass img { width: 100%; height: auto; display: block; } .four-oh-four .button { margin-block-end: 4rem; } .site-main__content { padding: 0; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } .tab { background: none; margin: 0; border-radius: 0; padding: 0; height: auto; display: flex; width: 100%; margin-bottom: 2rem; gap: 0; } @media (max-width: 991.98px) { .tab { flex-flow: row nowrap; } } @media (max-width: 575.98px) { .tab { text-align: center; } } .tab .tablinks { background-color: transparent; padding: 1rem; padding-bottom: .5rem; line-height: 2.5rem; font-family: "Inter", sans-serif; font-size: 2.5rem; font-weight: 700; transition: none; color: #c3d2db; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid #c3d2db; } .tab .tablinks:hover { color: #0486cc; } .tab .tablinks:after { display: none; } .tab .tablinks.active { color: #264057; border-bottom: 3px solid #0486cc; } .news-item { padding: 0 0 1rem 0; border-bottom: 1px solid #dadada; margin: 0; margin-bottom: 2rem; display: flex; justify-content: space-between; align-items: start; } @media (max-width: 768px) { .news-item { flex-direction: column-reverse; } } .news-item .news-thumbnail { width: 40%; flex-shrink: 0; height: 200px; margin-left: 20px; } @media (max-width: 768px) { .news-item .news-thumbnail { width: 100%; margin-left: 0; margin-bottom: 1rem; } } .news-item .news-thumbnail img { width: 100%; height: 100%; object-fit: cover; } .news-item .news-title { font-size: 1.6875rem; font-weight: 500; flex-grow: 1; } @media (min-width: 1400px) { .single-employee .container { max-width: 1140px; } } .single-employee address { font-style: normal; } .locations-wrapper { padding-top: 88px; padding-left: 15px; padding-right: 15px; display: flex; gap: 2rem; flex-direction: column; align-items: center; } @media (min-width: 768px) { .locations-wrapper { flex-direction: row; align-items: unset; } } .list-article-card { width: 100%; max-width: 450px; background-clip: content-box; cursor: pointer; border-radius: .25rem; } @media (min-width: 768px) { .list-article-card { width: 33%; } } .list-article-card::after { content: ""; width: 0; height: 10px; border-bottom: 4px solid #0486cc; transition: width 600ms; transition-timing-function: cubic-bezier(0, 1.01, .47, 1.13); position: absolute; bottom: 0; } .list-article-card:hover::after { width: calc(100% + 2px); margin-left: -1px; } .list-article-card:hover .list-article-card-img-wrapper::before { opacity: .5; } .list-article-card:hover .list-article-card--state { background-color: #182836; color: white; } .list-article-card-img-wrapper { position: relative; } .list-article-card-img-wrapper::before { content: ""; display: block; height: 230px; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: black; transition: opacity 600ms ease-in-out; } .list-article-card-img-wrapper > img { height: 230px; width: 100%; object-fit: cover; } .list-article-card--link { border-radius: .25rem; overflow: hidden; } .list-article-card--state { font-size: 16px; font-weight: 500; display: inline-block; padding: 0 6px; background-color: #eff1f3; color: #80959e; transition: all 600ms ease-in-out; } .list-article-card--state ul, .list-article-card--state li { list-style-type: none; all: unset; } .map-custom { z-index: 0; display: flex; align-items: center; border-radius: .25rem; gap: 45px; } @media (min-width: 992px) { .map-custom { gap: 75px; } } .map-custom ul { list-style-image: url("https://www.barr.com/wp-content/themes/blok-party-theme/assets/img/ellipse.svg"); padding: 0 0 0 15px; } .map-custom ul li { padding: 0 25px 4px 0; } .map-custom.bg-four-triangles-col { padding-bottom: 20px; } .map-custom.bg-four-triangles-col:after { margin-top: 0; } @media (max-width: 992px) { .map-custom.bg-four-triangles-col:after { display: none; } } .map-custom .map-custom-media-img { width: 100%; height: auto; } .map-custom .map-custom-media-img img { max-width: 100%; } @media (min-width: 992px) { .map-custom-media { width: 55%; } } @media (min-width: 992px) { .map-custom-text { width: 45%; } } .map-custom-body { padding-top: 2rem; } .map-custom-blue-background { background-color: #dde9f2; padding: 30px 15px; } @media (min-width: 992px) { .map-custom-blue-background { padding: 30px; } } .map-custom-Left { flex-direction: row; } @media (max-width: 992px) { .map-custom-Left { flex-direction: column; } } .map-custom-Right { flex-direction: row-reverse; } @media (max-width: 992px) { .map-custom-Right { flex-direction: column-reverse; } } .thumbnail { position: relative; display: block; } .thumbnail > img { width: 100%; display: block; } .project-detail { margin-bottom: 5rem; } .project-detail__section--title { border-bottom: 1px solid #dadada; margin-bottom: 1rem; } .project-detail__group { margin-bottom: 1rem; } .project-detail__group--label { font-weight: bold; margin: 0; letter-spacing: .1rem; padding-bottom: .5rem; font-size: .75rem; } .project-detail__award--name { font-weight: bold; } @media (min-width: 1400px) { .single-project .container { max-width: 1140px; } } .single-project .insights-image-gallery { flex-wrap: wrap; margin-block-end: 42px; } .single-project .carousel-indicators { position: relative; align-items: center; width: 100%; gap: 15px; } .single-project .carousel-indicators .indicator { background-color: #0486cc; border-radius: 100%; width: 8px; height: 8px; cursor: pointer; } .single-project .carousel-indicators .indicator.active { width: 12px; height: 12px; } .barr-map__tiles { min-height: 650px; } .barr-map { height: 650px; background-color: #e7e7e7; margin-bottom: -3rem; } .barr-map__details-top { width: 100%; max-width: 100%; min-height: 100%; height: auto; margin: auto; padding-top: 10rem; padding-bottom: 2rem; padding-left: 1rem; padding-right: 1rem; } .barr-map__details-top__container { margin: auto; } @media (min-width: 992px) { .barr-map__details-top__container { max-width: 1280px; padding: 0 85px; } } .barr-map__icons { height: 40px; line-height: 40px; } .barr-map__icons button { cursor: pointer; background: transparent; border: 0; color: #80959e; } .barr-map__icons button.active { color: #0486cc; } .barr-map__title h2 { text-transform: uppercase; } .barr-map__info-window { max-width: 335px; } .barr-map__info-window__title { font-weight: normal; } .barr-map__info-window__subtitle { font-size: 12px; margin-bottom: 17px; } .barr-map__info-window__link { margin-bottom: 13px; } .barr-map__filters { flex-grow: 1; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-end; } .barr-map__filter_label { display: none; } .barr-map__filter_wrapper { position: relative; width: 190px; } .barr-map__filter_wrapper:not(:first-child) { margin-left: 20px; } .barr-map__filter_wrapper:not(:first-child) { display: none; } .barr-map__filter_wrapper select { background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; padding: 10px; border: none; padding-top: 14px; padding-right: 20px; word-wrap: break-word; text-overflow: inherit; white-space: pre-wrap; word-break: break-all; } .barr-map__filter_wrapper select option[data-filterable] { display: none; } .barr-map__filter_wrapper select::-ms-expand { display: none; } .barr-map__filter_wrapper:after { position: absolute; content: ""; font-size: 8px; top: 16px; right: 10px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .barr-map__tiles { display: none; } .barr-map__tiles_wrapper { padding: 45px 16px 16px 16px; } .barr-map__tiles_section:not(:first-child) { display: none; } .barr-map__tile { position: relative; margin-top: 20px; display: none; overflow: hidden; } .barr-map__tile.inline { max-height: 220px; } .barr-map__tile.page-show { display: block; } .barr-map__tile.filter-hide { display: none; } .barr-map__tile__link-wrapper { display: block; text-decoration: none; color: inherit; } .barr-map__tile__image-container { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .barr-map__tile__background-image { width: 100%; -webkit-transition: all .75s ease; -moz-transition: all .75s ease; -o-transition: all .75s ease; -ms-transition: all .75s ease; transition: all .75s ease; object-fit: cover; min-height: 244.88px; max-height: 244.88px; } .barr-map__tile__overlay { background-color: rgba(0, 0, 0, .5); color: white; padding: 30px 25px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity .2s ease-in; display: flex; justify-content: start; align-items: end; } .barr-map__tile__link { height: 0; opacity: 0; margin-top: 0; color: white !important; transition: height .5s ease-out, margin-top .4s ease, opacity .3s ease-in; } .barr-map__tile__title { padding: 15px; text-align: left; font-size: 1.375rem; font-weight: 500; } .barr-map__tile__view-more { margin-top: 2rem; cursor: pointer; } .barr-map__tile:hover .barr-map__tile__overlay, .barr-map__tile .barr-map__tile__link-wrapper:focus .barr-map__tile__overlay { opacity: 1; } .barr-map__tile:hover .barr-map__tile__overlay, .barr-map__tile .barr-map__tile__link-wrapper:focus .barr-map__tile__overlay { min-height: 100%; } .barr-map__tile:hover .barr-map__tile__link, .barr-map__tile .barr-map__tile__link-wrapper:focus .barr-map__tile__link { margin-top: 25px; opacity: 1; height: auto; } .barr-map .gm-style .gm-style-iw-c { border-radius: 0; padding-top: 18px; padding-left: 18px; } @media screen and (min-width: 1200px) { .single-service .container { max-width: 1140px; } } .service-intro-container { width: 100%; margin: 0 auto; } @media (min-width: 1000px) { .service-intro-container { float: left; max-width: 66.67%; } } .wrapper { margin-left: 2.5%; width: 95%; position: relative; margin-bottom: 30px; margin-top: 30px; } .wrapper .wrapper_greater-than-three { cursor: grab; } .wrapper .video-section-title_greater-than-three { text-align: start; font-size: 24px; line-height: 29px; color: #444; font-weight: 400; margin: 0; } .wrapper .carousel { width: 100%; height: 100%; margin: 0px auto; overflow: hidden; } .wrapper .slick-slide img { width: 100%; cursor: pointer; } .wrapper .slide-arrow { position: absolute; } .wrapper .prev-arrow { left: -2%; } .wrapper .next-arrow { right: -2%; } .wrapper .button-slider { padding: 1%; background-color: white; border-radius: 50%; border: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center; outline: none; appearance: none; cursor: pointer; visibility: hidden; } .wrapper .button-slider--shown { visibility: visible; } .wrapper .button-slider:hover { background-color: #e2e2e2; } .wrapper .thumbnail { position: relative; } .wrapper .thumbnail-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .wrapper .thumbnail-container:hover { background-color: rgba(17, 17, 17, .07); } .wrapper .thumbail-button-container { position: relative; width: 40%; display: flex; justify-content: center; align-items: center; } .wrapper .thumbail-button-container:after { content: ""; display: block; padding-bottom: 100%; } .wrapper .thumbail-container-button { position: absolute; height: 50%; width: 50%; background-color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .wrapper .slick-slide img.play-triangle { height: 30%; } .wrapper .slick-slide .thumbail-container-button:hover { filter: brightness(90%); } .wrapper .slick-arrow { top: 50%; } .wrapper .video-section-title { visibility: hidden; display: none; } .wrapper .video-section-title_less-than-three { visibility: hidden; display: none; margin: 0; } .wrapper .video-section-title--shown { visibility: visible; display: flex !important; flex-direction: column; height: 210px; justify-content: center; } @media all and (max-width: 768px) { .wrapper .video-section-title--shown { display: block; height: 100%; } } .wrapper .video-section-title-header { font-style: normal; font-size: 1.6875rem; line-height: normal; width: 100%; text-align: start; color: #444; padding-bottom: 24px; border-bottom: 1px solid rgba(68, 68, 68, .27); display: flex; font-family: "Inter", sans-serif; } .wrapper .video-section-title-block { width: 120px; height: 6px; background-color: #0486cc; border: none; display: block; } .wrapper .lightbox-wrap { position: fixed; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; opacity: 0; z-index: 999; animation-duration: .5s; animation-fill-mode: both; animation-name: lightbox; } @keyframes lightbox { 0% { opacity: 0; } 100% { opacity: 1; } } .wrapper .lightbox-content { max-width: 680px; display: block; margin: 0 auto; height: 100%; position: relative; } .wrapper .lightbox-content iframe { max-width: 100% !important; width: 100% !important; display: block !important; height: 480px !important; border: none !important; position: absolute; top: 0; bottom: 0; margin: auto 0; } .wrapper .lightbox-hide { animation-duration: .5s; animation-fill-mode: both; animation-name: lightboxhide; } @keyframes lightboxhide { 0% { opacity: 1; } 100% { opacity: 0; } } .wrapper .lightbox-close { position: absolute; top: 0; cursor: pointer; bottom: 528px; right: 0px; margin: auto 0; width: 24px; height: 24px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==") no-repeat; background-size: 24px 24px; border: none; } .wrapper .lightbox-close.nitro-lazy { background: none !important; } .wrapper .lightbox-close:hover { opacity: .5; } @media all and (max-width: 768px) and (min-width: 10px) { .wrapper .lightbox-content { max-width: 90%; } .wrapper .video-section-title-header { font-size: 2.5rem; padding-bottom: 12px; border-bottom: none; height: 100%; line-height: 2.5rem; } .wrapper .video-section-title { width: 100% !important; } .wrapper .video-section-title-block { display: none; } .wrapper .video-section .slick-track { width: 100% !important; } .wrapper .video-section .slick-slide { width: 100% !important; } .wrapper .video-section h2.video-section-title { display: block; visibility: visible; } } @media all and (max-width: 600px) and (min-width: 10px) { .wrapper .lightbox-content iframe { height: 320px !important; } .wrapper .lightbox-close { bottom: 362px; } } @media all and (max-width: 480px) and (min-width: 10px) { .wrapper .lightbox-content iframe { height: 220px !important; } .wrapper .lightbox-close { bottom: 262px; } } .wrapper .slick-slide { margin: 0 1%; } .wrapper .slick-list { margin: 0 -1.5%; } .wrapper .lightbox-wrap { display: none; } .wrapper .lightbox-wrap--shown { display: block; } .wrapper .carousel-wrapper .slick-track { margin-left: 0; } @media screen and (min-width: 1200px) { .archive.post-type-archive-service .container { max-width: 1140px; } } .archive.post-type-archive-service .hero-pt { padding-block-start: 4rem; } @media screen and (min-width: 768px) { .archive.post-type-archive-service .hero-pt { padding-block-start: 10rem; } } .archive.post-type-archive-service .text-md { font-size: 1.0625rem; font-family: "Inter", sans-serif; font-weight: 300; } @media screen and (min-width: 1200px) { .archive.post-type-archive-sector .container { max-width: 1140px; } } .archive.post-type-archive-sector .hero-pt { padding-block-start: 4rem; } @media screen and (min-width: 768px) { .archive.post-type-archive-sector .hero-pt { padding-block-start: 10rem; } } .archive.post-type-archive-sector .text-md { font-size: 1.0625rem; font-family: "Inter", sans-serif; font-weight: 300; } @media screen and (min-width: 1200px) { .single-sector .container { max-width: 1140px; } } .sector-intro-container { width: 100%; margin: 0 auto; } @media (min-width: 1000px) { .sector-intro-container { float: left; max-width: 66.67%; } } .wrapper { margin-left: 2.5%; width: 95%; position: relative; margin-bottom: 30px; margin-top: 30px; } .wrapper .wrapper_greater-than-three { cursor: grab; } .wrapper .video-section-title_greater-than-three { text-align: start; font-size: 24px; line-height: 29px; color: #444; font-weight: 400; margin: 0; } .wrapper .carousel { width: 100%; height: 100%; margin: 0px auto; overflow: hidden; } .wrapper .slick-slide img { width: 100%; cursor: pointer; } .wrapper .slide-arrow { position: absolute; } .wrapper .prev-arrow { left: -2%; } .wrapper .next-arrow { right: -2%; } .wrapper .button-slider { padding: 1%; background-color: white; border-radius: 50%; border: 1px solid #e3e3e3; display: flex; align-items: center; justify-content: center; outline: none; appearance: none; cursor: pointer; visibility: hidden; } .wrapper .button-slider--shown { visibility: visible; } .wrapper .button-slider:hover { background-color: #e2e2e2; } .wrapper .thumbnail { position: relative; } .wrapper .thumbnail-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; } .wrapper .thumbnail-container:hover { background-color: rgba(17, 17, 17, .07); } .wrapper .thumbail-button-container { position: relative; width: 40%; display: flex; justify-content: center; align-items: center; } .wrapper .thumbail-button-container:after { content: ""; display: block; padding-bottom: 100%; } .wrapper .thumbail-container-button { position: absolute; height: 50%; width: 50%; background-color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .wrapper .slick-slide img.play-triangle { height: 30%; } .wrapper .slick-slide .thumbail-container-button:hover { filter: brightness(90%); } .wrapper .slick-arrow { top: 50%; } .wrapper .video-section-title { visibility: hidden; display: none; } .wrapper .video-section-title_less-than-three { visibility: hidden; display: none; margin: 0; } .wrapper .video-section-title--shown { visibility: visible; display: flex !important; flex-direction: column; height: 210px; justify-content: center; } @media all and (max-width: 768px) { .wrapper .video-section-title--shown { display: block; height: 100%; } } .wrapper .video-section-title-header { font-style: normal; font-size: 1.6875rem; line-height: normal; width: 100%; text-align: start; color: #444; padding-bottom: 24px; border-bottom: 1px solid rgba(68, 68, 68, .27); display: flex; font-family: "Inter", sans-serif; } .wrapper .video-section-title-block { width: 120px; height: 6px; background-color: #0486cc; border: none; display: block; } .wrapper .lightbox-wrap { position: fixed; width: 100%; height: 100%; background-color: #000; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; opacity: 0; z-index: 999; animation-duration: .5s; animation-fill-mode: both; animation-name: lightbox; } @keyframes lightbox { 0% { opacity: 0; } 100% { opacity: 1; } } .wrapper .lightbox-content { max-width: 680px; display: block; margin: 0 auto; height: 100%; position: relative; } .wrapper .lightbox-content iframe { max-width: 100% !important; width: 100% !important; display: block !important; height: 480px !important; border: none !important; position: absolute; top: 0; bottom: 0; margin: auto 0; } .wrapper .lightbox-hide { animation-duration: .5s; animation-fill-mode: both; animation-name: lightboxhide; } @keyframes lightboxhide { 0% { opacity: 1; } 100% { opacity: 0; } } .wrapper .lightbox-close { position: absolute; top: 0; cursor: pointer; bottom: 528px; right: 0px; margin: auto 0; width: 24px; height: 24px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMvSURBVHja7Js9aBRBFMd/d1lPY6FiJVjY+Fkoxl7wA1Q0prQRS6tgoZV2MWIRRVHUUq3U+JnESrS2sBXBzipREWMlATXwt8gFznC5nd15M7Nn8uC45nZnfr/dY96+N1uTxFKOOks8lgUU/H2t4tJqIQUcAiaBGeBymcECRgO4B/wBPgJ9zkdKcvkclfRL/8ZtSTXH40N+GpLGF8zth6Q9Lse7DHCsDXxVJLSDLyQhb4B+Sb/VOVJJ6ATfKqGvrIDjDvCpJLjAz8d0JwmLDTBQAD62hIakiYJzm5a021VAfwn4WBLKwLdK2JUnIJP0XX4RSoIP/Hy8W3jeepv1dL3nmjwI3DLOExrAU2DA8zwb8xKhGeCuwYQtJTSAZwbwAHdcEqFM0mPZhO/foSHppdFcrraby2IDV0FCcPi8PCClhCjwLplgCgkrDeGv5I3pcjViSogK7yogloTo8EUEhJaQBL6oAGsJ9yVtkrRD0qsU8JKolagKZ8AD4ETFymFXgPOAQpXE5mMWOAk86XZ4n6pwlSSUhvcti1dBghe8RV8gpYQRX3irxkgKCSPABV94y85QTAlm8NatsRgSTOGBUnmAS57w3KiA0Ro3gHOW8KEEAOwE3hvfXWubFauu6A6vCND07OmW9viq5vpsGT3AtRAN2XoA+BfAwQBiTweoNpMZw48BRwKuAoPN7zNVWwZjwAfpO9S7DN5cQmYAPw4cTvAsYPJ3qHcpvNmdUO9ieBMJZQT0AhMVgfeWUC8BP87cjjHfuA6sATY0c4c0EgpUUHslvTaq3l5aUL1N1oarAnxSCVWBTyYhJvyw41XJJI3GkpAH/yYyfHQJi01gdUL4qBKqCh9NQrtBx4wGvGi0XS6T9MhoTkN5AtZVDN5awlTePsGfwDfPjGwYGDKu3s4Cp4BRz/N8cskED0iaqciVt7wTvkra5roKlJEQGt5HwhdJ24vmAUUkDEV+VyCT9NBxbp/bXXnXTNBFQmz4IhI6wrs+C+zvICEVvIuEKUlbrZ4G97WRkBq+k4RJSVusd4ntlfSheVudrQh8q4SbmntH6K2kzSF3if1Xsfzq7LKAJR5/BwCdAQBJn4egPgAAAABJRU5ErkJggg==") no-repeat; background-size: 24px 24px; border: none; } .wrapper .lightbox-close.nitro-lazy { background: none !important; } .wrapper .lightbox-close:hover { opacity: .5; } @media all and (max-width: 768px) and (min-width: 10px) { .wrapper .lightbox-content { max-width: 90%; } .wrapper .video-section-title-header { font-size: 2.5rem; padding-bottom: 12px; border-bottom: none; height: 100%; line-height: 2.5rem; } .wrapper .video-section-title { width: 100% !important; } .wrapper .video-section-title-block { display: none; } .wrapper .video-section .slick-track { width: 100% !important; } .wrapper .video-section .slick-slide { width: 100% !important; } .wrapper .video-section h2.video-section-title { display: block; visibility: visible; } } @media all and (max-width: 600px) and (min-width: 10px) { .wrapper .lightbox-content iframe { height: 320px !important; } .wrapper .lightbox-close { bottom: 362px; } } @media all and (max-width: 480px) and (min-width: 10px) { .wrapper .lightbox-content iframe { height: 220px !important; } .wrapper .lightbox-close { bottom: 262px; } } .wrapper .slick-slide { margin: 0 1%; } .wrapper .slick-list { margin: 0 -1.5%; } .wrapper .lightbox-wrap { display: none; } .wrapper .lightbox-wrap--shown { display: block; } .wrapper .carousel-wrapper .slick-track { margin-left: 0; } .single-sector .visual-z__tree-menu a.sector-filter.eyebrow, .single-sector .visual-z__tree-menu a.service-filter.eyebrow, .single-service .visual-z__tree-menu a.sector-filter.eyebrow, .single-service .visual-z__tree-menu a.service-filter.eyebrow { display: inline-block; color: #0486cc; } @media screen and (min-width: 1200px) { .archive.post-type-archive-project .container { max-width: 1140px; } } .project-filters { align-items: center; justify-content: space-around; display: flex; gap: 1rem; } .project-filters .btn-basic { border-style: solid; border-radius: 0; border-color: #0486cc; transition: all .3s ease; cursor: pointer; } .project-filters .btn-basic:hover { border-color: #fe734a; } .project-filters__dropdown-header { cursor: pointer; line-height: 1.5; background-color: #fff; padding: 12px; color: #264057; border: 1px solid; width: 100%; display: flex; align-items: center; justify-content: space-between; } .project-filters__dropdown-header .icon-chevron-right { color: #fe734a; transform: rotate(90deg); transition: all .3s ease; font-size: 20px; } .project-filters__button-container { position: absolute; top: 100%; z-index: 10; background-color: #fff; color: #264057; border-width: 0 1px 1px 1px; border-style: solid; width: 100%; display: none; } .project-filters__button { display: block; border: 0; cursor: pointer; color: #264057; background-color: #fff; padding: 12px; width: 100%; text-align: left; } .project-filters__button.active, .project-filters__button:hover, .project-filters__button:focus-visible { background-color: #666; color: #fff; outline: none; } .project-filters__button.active { background-color: #0486cc; color: #fff; } .project-filters__dropdown { color: #264057; position: relative; } .project-filters__dropdown--sector { width: 200px; } .project-filters__dropdown--service { width: 350px; } .project-filters__dropdown.open .project-filters__dropdown-header .icon-chevron-right { color: #264057; transform: rotate(-90deg); } .project-filters__dropdown.open .project-filters__button-container { display: block; } .project-filters__selected-filter { position: absolute; top: calc(100% + 4px); left: 8px; color: #0486cc; } .project-template-default .testimonials { border-top: 1px solid silver; margin-bottom: 5rem; } .project-template-default .testimonials__line { position: relative; margin: auto; width: 120px; height: 2px; background-color: #00529b; margin-top: -33px; } .project-template-default .testimonials .slick-list { border-bottom: 1px solid silver; } .project-template-default .testimonials .slick-dots { bottom: -35px; } .project-template-default .testimonials__wrapper .slick-slide div { display: inherit; } .project-template-default .testimonial { padding-top: 2rem; padding-bottom: 2rem; text-align: center; } .project-template-default .testimonial p { display: inline; } .project-template-default .testimonial__quote { font-size: 20px; font-size: 1.25rem; font-family: "Inter", sans-serif; font-weight: lighter; color: #222; letter-spacing: .02rem; width: 80%; margin: auto; margin-bottom: 1rem; } .project-template-default .testimonial__quote:after, .project-template-default .testimonial__quote:before { content: "\""; } .project-template-default .testimonial__name { font-size: 18px; font-size: 1.125rem; font-family: "Century Gothic", "CenturyGothic", "Questrial", sans-serif; font-weight: normal; color: #222; letter-spacing: .05rem; margin: 0; } .project-template-default .testimonial__company { font-size: .8rem; } .project-template-default blockquote { font-style: italic; } .select-wrapper { position: relative; display: inline-block; width: 100%; } .select-wrapper:focus-within .select-arrow { transform: translateY(-50%) rotate(-90deg); } .select-arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(90deg); color: #fe734a; font-size: 20px; pointer-events: none; z-index: 3; transition: transform .3s ease; } select { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 1.0625rem; line-height: 24px; color: #666; cursor: pointer; width: 100%; padding: 12px 40px 12px 20px; box-sizing: border-box; border: 1px solid; background: transparent; box-shadow: none; outline: none; margin: 0; position: relative; z-index: 2; appearance: none; -webkit-appearance: none; -moz-appearance: none; } select::-ms-expand { display: none; } .single-insights .article-header .header-image-container { position: relative; } .single-insights .article-header .header-image-container .header-image { width: 100% !important; height: 468px !important; object-fit: cover; display: block; } .single-insights .article-header .header-image-container .header-image-overlay { position: absolute; background: rgba(0, 0, 0, .5); top: 0; bottom: 0; left: 0; right: 0; } .single-insights .article-content-container .article-content-column .article-content blockquote { float: right; width: 50%; border-left: 6px solid #0486cc; padding: 0; padding-left: 36px; margin: 36px; margin-right: 0; max-width: 50%; } .single-insights .article-content-container .article-content-column .article-content a { color: #0486cc; text-decoration: underline; text-decoration-color: #0486cc; } .single-insights .article-content-container .article-content-column .article-content a:hover { color: #fe734a; text-decoration: none; } .single-insights .article-content-container .article-content-column .article-content figure.image img { max-width: 100%; } .single-insights .article-content-container .article-content-column .article-content h1 { font-size: 1.6875rem; font-weight: 700; line-height: normal; font-style: normal; color: #182836; margin-top: 45px; margin-bottom: 16px; } @media (max-width: 992px) { .single-insights .article-content-container .article-content-column .article-content h1 { font-size: 1.6875rem; } } .single-insights .article-content-container .article-content-column .article-content h2 { font-size: 1.375rem; font-weight: 500; font-style: normal; color: #182836; margin-top: 36px; margin-bottom: 16px; } @media (max-width: 992px) { .single-insights .article-content-container .article-content-column .article-content h2 { font-size: 1.6875rem; } } .single-insights .article-content-container .article-content-column .article-content h3 { font-size: 1.1875rem; font-weight: 500; font-style: normal; color: #182836; margin-top: 36px; margin-bottom: 16px; } @media (max-width: 992px) { .single-insights .article-content-container .article-content-column .article-content h3 { font-size: 1.6875rem; } } .single-insights .insights-article { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; } .single-insights .insights-article .article-content-container { position: relative; top: -360px; margin-bottom: -360px; } .single-insights .insights-article .article-content-container .article-header-content { width: 100%; color: #fff; } .single-insights .insights-article .article-content-container .article-header-content .transparent { opacity: .5; } .single-insights .insights-article .article-content-container .article-header-content a.return-link { text-decoration: none; color: #fff; } .single-insights .insights-article .article-content-container .article-header-content a.return-link:hover { opacity: 1; } .single-insights .insights-article .article-content-container .article-header-content .article-title { font-family: "Inter", sans-serif; color: #fff; margin-bottom: 14px; margin-top: 50px; max-width: 712px; font-weight: 700; line-height: 1.2; } .single-insights .insights-article .article-content-container .article-header-content .article-details { text-align: center; margin-bottom: 24px; } .single-insights .insights-article .article-content-container .article-header-content .article-details .article-author { margin-right: 16px; } .single-insights .insights-article .article-content-container .article-main-image-container .article-main-image-container-caption { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; display: block; margin-top: 1rem; color: rgba(24, 40, 54, .7); } .single-insights .insights-article .article-content-container .article-main-image-container .article-main-image { width: 100%; } .single-insights .insights-article .article-content-container .article-content-column { margin: 0 5vw; } .single-insights .insights-article .article-content-container .article-content-column .article-content figure.image img { max-width: 100%; } .single-insights .insights-article .article-content-container .article-content-column .article-content ul { margin-left: 40px; } .single-insights .insights-article .article-content-container .article-content-column .article-content ul li { margin-bottom: 17px; } .single-insights .insights-article .article-content-container .article-content-column .article-content .image-gallery-title { font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; color: #182836; margin-top: 100px; } .single-insights .insights-article .edn-creed-relatedArticles { border-top: 1px solid #e7e7e7; padding-top: 48px; margin-top: 50px; margin-left: auto; margin-right: auto; max-width: 1181px; } .single-insights .insights-article .edn-creed-relatedArticles #dnn_RelatedArticlesPane { padding: 0; } .single-insights .insights-article .edn-creed-relatedArticles h2.related-articles-title { font-style: normal; font-size: 1.6875rem; font-weight: 500; color: #182836; margin-bottom: 36px; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list { padding: 0; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article { display: inline-block; margin-right: 16px; margin-bottom: 30px; width: 190px; vertical-align: top; display: none; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article:nth-child(-n+5) { display: inline-block; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article:first-child { margin-left: 0; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article a.related-article-link:hover { text-decoration: none; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article a.related-article-link .related-article-image-container { position: relative; width: 190px; height: 136px; margin-bottom: 16px; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article a.related-article-link .related-article-image-container .related-article-image { width: 100%; height: 100%; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article a.related-article-link .related-article-image-container .related-article-image-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .single-insights .insights-article .edn-creed-relatedArticles ul.related-article-list li.related-article .related-article-title { font-style: normal; font-size: 1.0625rem; font-weight: 400; line-height: normal; text-decoration: none; float: right; width: 60%; color: #182836; } .single-insights .insights-article.full-width .article-content-container .article-content-column { max-width: 1175px; margin-left: auto; margin-right: auto; } .single-insights .insights-article.full-width .article-content-container .article-content-column .article-content { padding: 65px; } @media screen and (min-width: 1048px) { .single-insights .insights-article.partial-width .article-content-container { display: flex; justify-content: space-evenly; } } .single-insights .insights-article.partial-width .article-content-container .article-content-column { max-width: 775px; } .single-insights .insights-article.partial-width .article-content-container .article-content-column .article-content { padding: 65px 0; } .single-insights .insights-article.partial-width .article-content-container .author-tags-column { position: relative; top: 266px; } @media screen and (max-width: 1048px) { .single-insights .insights-article.partial-width .article-content-container .author-tags-column { top: 0; } } .single-insights .insights-article.partial-width .article-content-container .article-header-content .article-title { margin-left: 0px; text-align: left; } .single-insights .insights-article.partial-width .article-content-container .article-header-content .article-details { text-align: left; } .single-insights .insights-article .EDN_tags { margin: 50px 0; } .single-insights .insights-article .EDN_tags .tags-title { font-family: "Inter", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; /* identical to box height */ letter-spacing: .03em; text-transform: uppercase; color: #182836; } .single-insights .insights-article .EDN_tags .tag-container a { display: inline-block; font-style: normal; font-weight: 700; font-size: 13px; line-height: 24px; text-transform: lowercase; color: #0486cc; padding: 6px 12px; background: #dde9f2; border-radius: 6px; margin-right: 10px; margin-bottom: 10px; } .single-insights .insights-article .EDN_tags .tag-container a:hover { text-decoration: none; color: #fe734a; } .single-insights .insights-article .authors p { display: none; } .single-insights .insights-article .authors .author { margin-bottom: 50px; } .single-insights .insights-article .authors .author .author-image-container { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; } .single-insights .insights-article .authors .author .author-image-container img.author-image { min-width: 100% !important; min-height: 100% !important; object-fit: cover; } .single-insights .insights-article .authors .author .author-info { max-width: 240px; margin: auto; } .single-insights .insights-article .authors .author .author-info .author-name { font-style: normal; line-height: normal; color: #182836; } .single-insights .insights-article .authors .author .author-info .author-description { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; color: rgba(24, 40, 54, .7); text-align: center; } .single-insights .insights-article .authors .author .author-info .contact-button { display: flex; justify-content: center; align-items: center; height: 47px; font-weight: normal; margin: 0; text-align: center; color: #fff; font-family: "Inter", sans-serif; margin-top: 36px; } .single-insights .insights-article .authors .author .author-info .contact-button > span { display: none; } .single-insights .insights-article .authors .author .author-info .contact-button:hover { text-decoration: none !important; } .single-insights .insights-article .authors .author .author-info .btn-insight-contact { display: flex; justify-content: center; align-items: center; height: 47px; font-weight: normal; margin: 0; text-align: center; color: #fff; font-family: "Inter", sans-serif; margin-top: 36px; text-decoration: none; } .single-insights .insights-article .authors .author .author-info .btn-insight-contact > span { display: none; } .single-insights .insights-article .authors .author .author-info .btn-insight-contact:hover { text-decoration: none !important; } .single-insights .insights-article.full-width .authors .author { background: #ddebf6; padding: 43px; width: 443px; display: flex; justify-content: space-between; } @media screen and (max-width: 900px) { .single-insights .insights-article.full-width h2.related-articles-title { text-align: center; } } .single-insights .insights-article.full-width [class*=article_list_wrapper] { display: flex; } @media screen and (max-width: 900px) { .single-insights .insights-article.full-width [class*=article_list_wrapper] { flex-direction: column; align-items: center; } } .single-insights .insights-article.full-width [class*=article_list_wrapper] li.related-article { transition: transform 200ms ease-in-out; } .single-insights .insights-article.full-width [class*=article_list_wrapper] li.related-article:hover { transform: scale(1.05); } .single-insights .insights-article.partial-width .EDN_tags { max-width: 300px; } .single-insights .insights-article.partial-width .author { max-width: 300px; margin-left: auto; margin-right: auto; } .single-insights .insights-article.partial-width .author .author-image-container { margin: 0 auto; } .single-insights .insights-article.partial-width .author .author-info { text-align: center; } .single-insights .insights-article.partial-width .edn-creed-relatedArticles { max-width: 300px; } .single-insights .insights-article.partial-width .edn-creed-relatedArticles h2.related-articles-title { text-align: center; } .single-insights .insights-article.partial-width .edn-creed-relatedArticles ul.related-article-list li.related-article { width: 100%; margin-bottom: .7rem; } .single-insights .insights-article.partial-width .edn-creed-relatedArticles ul.related-article-list li.related-article a.related-article-link .related-article-image-container { width: 95px; height: 68px; margin-right: 10px; float: left; } .single-insights .insights-article.partial-width .edn-creed-relatedArticles ul.related-article-list li.related-article a.related-article-link .related-article-title { text-overflow: ellipsis; } .single-insights body { position: relative; overflow: unset !important; } .single-insights .insights-article .article-content-container .article-content .article-main-content h1 { font-size: 1.6875rem; font-weight: 700; line-height: normal; font-style: normal; color: #182836; margin-top: 45px; margin-bottom: 16px; } @media (max-width: 992px) { .single-insights .insights-article .article-content-container .article-content .article-main-content h1 { font-size: 1.6875rem; } } .single-insights .insights-article .article-content-container .article-content .article-main-content h2 { font-size: 1.375rem; font-weight: 500; font-style: normal; color: #182836; margin-top: 36px; margin-bottom: 16px; } @media (max-width: 992px) { .single-insights .insights-article .article-content-container .article-content .article-main-content h2 { font-size: 1.6875rem; } } .single-insights .insights-article .article-content-container .article-content .article-main-content h3 { font-size: 1.1875rem; font-weight: 500; font-style: normal; color: #182836; margin-top: 36px; margin-bottom: 16px; } @media (max-width: 992px) { .single-insights .insights-article .article-content-container .article-content .article-main-content h3 { font-size: 1.6875rem; } } .single-insights .insights-article .article-content-container .article-content .article-main-content p { font-size: 1.0625rem; font-size: 1rem; font-family: "Inter", sans-serif; font-weight: 300; } .single-insights .insights-article .article-content-container .article-content .article-main-content a { color: #0486cc; text-decoration: underline; text-decoration-color: #0486cc; } .single-insights .insights-article .article-content-container .article-content .article-main-content a:hover { color: #fe734a; text-decoration: none; } .single-insights .insights-article .article-content-container .article-content .article-main-content blockquote { border-left: 6px solid #0486cc; padding: 0; padding-left: 36px; margin: 36px; margin-right: 0; max-width: 50%; } .single-insights .insights-article .article-content-container .article-content .article-main-content blockquote p { font-size: 1.1875rem; font-weight: 400; font-style: normal; color: #182836; padding: 0; } .single-insights .insights-article .article-content-container .article-content .article-main-content figcaption { margin-top: 1rem; text-align: left; color: rgba(24, 40, 54, .7); } .single-insights .insights-article .article-content-container .article-content .article-main-content figure { margin: 0px; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments { border: 1px solid rgba(0, 0, 0, .2); border-radius: 5px; padding: 32px; margin: 50px 0; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments .document-list-title { font-style: normal; font-weight: 400; font-size: 36px; line-height: 43px; color: #182836; display: inline-block; border-bottom: 6px solid #00529b; padding-bottom: 24px; margin: 0; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments .divider { position: relative; top: -6px; border-bottom: 1px solid rgba(0, 0, 0, .2); } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul { padding: 0; margin: 0; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul li { list-style: none; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 14px 0; margin: 0; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul li::before { content: ""; background-image: url("https://www.barr.com/Portals/_default/Skins/BarrDNNTheme/dist/images/icons/document-types/pdf-icon.svg"); height: 20px; width: 20px; margin-right: 12px; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul li.edn_docType_docx::before { content: ""; background-image: url("https://www.barr.com/Portals/_default/Skins/BarrDNNTheme/dist/images/icons/document-types/word-icon.svg"); } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul li:last-child { border: none; padding-bottom: 0; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul li .document-title { font-family: "Inter", sans-serif; font-style: normal; font-weight: 300; font-size: 1.0625rem; line-height: 28px; color: #0486cc; } .single-insights .insights-article .article-content-container .article-content .edn_articleDocuments ul li .document-details { font-family: "Inter", sans-serif; font-style: normal; font-weight: 300; font-size: 1.1875rem; line-height: 28px; color: #264057; } .single-insights .barrometer-article { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; } @media print { .single-insights .barrometer-article { margin-bottom: 1in; margin-left: .75in; margin-right: .75in; } } .single-insights .barrometer-article .article-header { width: 100%; height: 465px; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #182836; } .single-insights .barrometer-article .article-content-container .article-details .article-title.barrometer-article-title { font-family: "Inter", sans-serif; font-weight: 700; line-height: 1; } .single-insights .barrometer-article #related-articles-placeholder { max-width: 775px; } .single-insights .barrometer-article .article-content-container h1:not(:first-of-type) { font-size: 1.6875rem; } .single-insights .barrometer-article .article-content-container h2 { font-size: 1.1875rem; } .single-insights .barrometer-article .article-content-container h3 { font-size: 1.0625rem; } .single-insights .barrometer-article .article-content-container a.contact-button { display: flex; justify-content: center; align-items: center; height: 47px; font-weight: normal; margin: 0; text-align: center; color: #fff; font-family: "Inter", sans-serif; margin-top: 36px; } .single-insights .barrometer-article .article-content-container a.contact-button > span { display: none; } .single-insights .barrometer-article .article-content-container a.contact-button:hover { text-decoration: none !important; color: white; } .single-insights .barrometer-article .article-content-container { position: relative; top: -360px; margin-bottom: -360px; } .single-insights .barrometer-article .article-content-container.rel-articles { top: unset; margin-bottom: 0px; } .single-insights .barrometer-article .article-content-container .article-header-content { width: 100%; color: #fe734a; font-size: 1.0625rem; } .single-insights .barrometer-article .article-content-container .article-header-content .category-link > p { display: inline-block; } .single-insights .barrometer-article .article-content-container .article-header-content .category-link > a { position: relative; color: #fe734a; padding-left: 80px; padding-right: 50px; margin-left: -80px; margin-right: -50px; } .single-insights .barrometer-article .article-content-container .article-header-content .category-link:hover { text-decoration: underline; } .single-insights .barrometer-article .article-content-container .article-header-content .category-link .back-arrow { color: #fe734a; } .single-insights .barrometer-article .article-content-container .article-header-content .category-link .back-arrow > svg { transform: rotate(180deg); } .single-insights .barrometer-article .article-content-container .article-header-content .barrometer-logo { margin-bottom: 1.5rem; } .single-insights .barrometer-article .article-content-container .article-header-content .transparent { opacity: .5; } .single-insights .barrometer-article .article-content-container .article-header-content .issue-details { min-height: 52px; display: flex; align-items: end; margin-bottom: 3rem; } .single-insights .barrometer-article .article-content-container .article-header-content .issue-details .issue-title { color: #fe734a; text-transform: uppercase; } .single-insights .barrometer-article .article-content-container .article-details { text-align: left; margin-bottom: 24px; font-weight: 700; } .single-insights .barrometer-article .article-content-container .article-details .article-title { font-family: "Inter", sans-serif; font-style: normal; color: #182836; margin-bottom: 14px; margin-top: 50px; max-width: 712px; } .single-insights .barrometer-article .article-content-container .article-details .article-author, .single-insights .barrometer-article .article-content-container .article-details .article-date { color: rgba(24, 40, 54, .7); font-size: 1.0625rem; margin-right: 16px; } .single-insights .barrometer-article .article-content-container .article-main-image-container .article-main-image-container-caption { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; margin-top: 1rem; display: block; color: rgba(24, 40, 54, .7); } .single-insights .barrometer-article .article-content-container .article-main-image-container .article-main-image { width: 100%; } .single-insights .barrometer-article .article-content-container .article-content-column { padding-top: 2rem; } .single-insights .barrometer-article .article-content-container .article-content-column .article-content .image-gallery-title { font-style: normal; font-weight: 700; font-size: 24px; line-height: 29px; color: #182836; margin-top: 100px; } .single-insights .barrometer-article.partial-width .article-content-container { width: 80vw; } @media screen and (min-width: 1048px) { .single-insights .barrometer-article.partial-width .article-content-container { display: flex; justify-content: space-around; margin-left: 10rem; margin-right: 10rem; } .single-insights .barrometer-article.partial-width .article-content-container.rel-articles { border-top: 1px solid #e7e7e7; } } @media screen and (max-width: 1048px) { .single-insights .barrometer-article.partial-width .article-content-container { display: flex; flex-direction: column; align-items: center; margin-left: 5rem; margin-right: 5rem; } } @media screen and (max-width: 1490px) { .single-insights .barrometer-article.partial-width .article-content-container.rel-articles { justify-content: flex-start; } } @media screen and (max-width: 675px) { .single-insights .barrometer-article.partial-width .article-content-container { margin-left: 3rem; margin-right: 3rem; } } .single-insights .barrometer-article.partial-width .article-content-container .article-content-column { max-width: 775px; } @media screen and (max-width: 1048px) { .single-insights .barrometer-article.partial-width .article-content-container .article-content-column { width: 100%; } } .single-insights .barrometer-article.partial-width .article-content-container .author-tags-column { width: 300px; min-width: 300px; position: relative; margin: 0 4rem; display: flex; flex-direction: column; } @media screen and (max-width: 1048px) { .single-insights .barrometer-article.partial-width .article-content-container .author-tags-column { top: 0; } } @media screen and (min-width: 1048px) { .single-insights .barrometer-article.partial-width .article-content-container .author-tags-column { display: flex; flex-direction: column; margin-top: 266px; } } .single-insights .barrometer-article.partial-width .article-content-container .author-tags-column .in-this-issue { width: 100%; } .single-insights .barrometer-article.partial-width .article-content-container .author-tags-column .in-this-issue--title { margin-bottom: 0; padding-bottom: 14px; border-bottom: 1px solid #e7e7e7; font-weight: 500; color: black; font-size: 1.6875rem; } .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .article-title { margin-left: 0px; text-align: left; } .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .article-details { text-align: left; } .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .hero-logo { /*Thomas*/ min-height: 97px; display: flex; align-items: end; } .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .hero-logo img { height: 51px; max-width: unset; } .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .hero-logo .hero-logo-front { height: 39px; transform: translateX(-238px); transition: transform 1s; } .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .hero-logo .hero-logo-front:hover, .single-insights .barrometer-article.partial-width .article-content-container .article-header-content .hero-logo .hero-logo-front.start { transform: translateX(-238px) rotate(-.25turn); } .single-insights .barrometer-article figcaption { text-align: left; margin-top: 1rem; color: rgba(24, 40, 54, .7); } .single-insights .barrometer-article figure { margin: 0px; } .single-insights .in-this-issue__section .in-this-issue .barrometer-list-sidebar-wrapper a.article { text-decoration-color: #014c8e; } .single-insights .barrometer-list-sidebar-wrapper a, .single-insights .barrometer-list-sidebar-wrapper a:link, .single-insights .barrometer-list-sidebar-wrapper a:visited, .single-insights .barrometer-list-sidebar-wrapper a:hover, .single-insights .barrometer-list-sidebar-wrapper a:active, .single-insights .barrometer-list-sidebar-wrapper .article { text-decoration: none; } @media screen and (min-width: 1048px) { .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__section { flex: 0 1 auto; } } .single-insights .barrometer-list-sidebar-wrapper a.article .article-container { display: flex; padding: 14px 0; border-bottom: 1px solid #e7e7e7; } .single-insights .barrometer-list-sidebar-wrapper a.article .article-container .article-image-container { padding-left: 0; display: flex; align-items: center; justify-content: flex-start; min-width: 85px; min-height: 60px; margin-right: 14px; } .single-insights .barrometer-list-sidebar-wrapper a.article .article-container .article-image-container img.article-image { height: 60px; width: 85px; } @media screen and (max-width: 700px) { .single-insights .barrometer-list-sidebar-wrapper a.article .article-container .article-image-container img.article-image { height: 60px; width: 85px; } } .single-insights .barrometer-list-sidebar-wrapper a.article .article-container .article-summary { max-width: 183px; display: flex; align-items: flex-start; overflow: hidden; } .single-insights .barrometer-list-sidebar-wrapper a.article .article-container .article-summary > p { font-size: 1.1875rem; line-height: 1.1875rem; color: #000; font-weight: 400; text-decoration: none; word-wrap: break-word; /* text-overflow: ellipsis; */ /* white-space: nowrap; */ margin: 0; } .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager { display: flex; justify-content: flex-end; padding: .8rem 0; } .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager svg { padding-bottom: 2px; } .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager svg path { fill: #0486cc; } .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager--right, .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager--left { background: white; border: 1px solid #0486cc; border-radius: 100%; width: 36px; height: 36px; padding: 0; margin: 0; display: inline-block; margin: 0 .15rem; box-sizing: border-box; } .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager--right:hover, .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager--left:hover { border-color: #fe734a; } .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager--right:hover svg path, .single-insights .barrometer-list-sidebar-wrapper .in-this-issue__pager--left:hover svg path { fill: #fe734a; } @media screen and (min-width: 1048px) { .single-insights .barrometer-article .authors .in-this-issue__section { flex: 0 1 auto; } } .single-insights .barrometer-article .authors p { display: none; } .single-insights .barrometer-article .authors .author { margin-bottom: 50px; } .single-insights .barrometer-article .authors .author .author-image-container { width: 150px; height: 150px; border-radius: 50%; overflow: hidden; } .single-insights .barrometer-article .authors .author .author-image-container img.author-image { min-width: 100% !important; min-height: 100% !important; object-fit: cover; } .single-insights .barrometer-article .authors .author .author-info { max-width: 240px; margin: auto; } .single-insights .barrometer-article .authors .author .author-info .author-name { font-style: normal; font-weight: 500; font-size: 1.6875rem; line-height: normal; color: #182836; } .single-insights .barrometer-article .authors .author .author-info .author-description { font-family: "Inter", sans-serif; font-style: normal; font-weight: 300; font-size: 1.0625rem; line-height: 22px; color: rgba(24, 40, 54, .7); text-align: center; } .single-insights .barrometer-article.full-width .authors .author { background: #ddebf6; padding: 43px; width: 443px; display: flex; justify-content: space-between; } .single-insights .barrometer-article.partial-width .author { max-width: 300px; margin-left: auto; margin-right: auto; } .single-insights .barrometer-article.partial-width .author .author-image-container { margin: 0 auto; } .single-insights .barrometer-article.partial-width .author .author-info { text-align: center; } .single-insights .barrometer-article .EDN_tags { margin: 50px 0; } @media screen and (min-width: 1048px) { .single-insights .barrometer-article .EDN_tags .in-this-issue__section { flex: 0 1 auto; } } .single-insights .barrometer-article .EDN_tags .tags-title { font-family: "Inter", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; /* identical to box height */ letter-spacing: .03em; text-transform: uppercase; color: #182836; } .single-insights .barrometer-article .EDN_tags .tag-container a { display: inline-block; font-style: normal; font-weight: 700; font-size: 13px; line-height: 24px; text-transform: lowercase; color: #0486cc; padding: 6px 12px; background: #dde9f2; border-radius: 6px; margin-right: 10px; margin-bottom: 10px; } .single-insights .barrometer-article .EDN_tags .tag-container a:hover { text-decoration: none; color: #fe734a; } .single-insights .barrometer-article.partial-width .EDN_tags { max-width: 300px; } @media screen and (min-width: 1048px) { .single-insights #barrometer-signup-placeholder { flex: 1 1 auto; } } .single-insights .eds_news_Firefly.eds_subCollection_news .barrometer-signup a { color: white; } .single-insights .barrometer-signup { overflow: hidden; background-color: #182836; color: white; position: relative; max-width: 730px; min-height: 190px; display: flex; align-items: flex-start; flex-direction: column; margin: 4rem auto; width: unset; padding: 2rem 3rem; } @media screen and (min-width: 1048px) { .single-insights .barrometer-signup { position: sticky; top: 100px; } } .single-insights .barrometer-signup .barrometer-signup__text h2.barrometer-signup__text-title { font-weight: 700; font-size: 2.5rem; line-height: 2.5rem; color: white; } @media (max-width: 900px) { .single-insights .barrometer-signup .barrometer-signup { align-items: flex-start; flex-direction: column; } } .single-insights .barrometer-signup .barrometer-signup__text { margin-right: 3rem; z-index: 1; } .single-insights .barrometer-signup .background-logo { position: absolute; top: 25%; right: -360px; opacity: .1; transform: scale(1); } .single-insights .barrometer-signup .btn-insight-contact { color: white; text-decoration: none; } .single-insights .barrometer-signup .btn-insight-contact:hover { color: white; text-decoration: none; } .single-insights #barrometer-signup-placeholder .barrometer-signup .btn-insight-contact:hover { color: white; text-decoration: none; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } #TagCloudDiv .tag-selected { color: #fff; } .post-type-archive-insights { background: #182836 !important; } .post-type-archive-insights #background-container { background: none; } .post-type-archive-insights .content { position: relative; top: -100px; } .post-type-archive-insights #insights-header-text { color: white; position: relative; margin-bottom: 20px; line-height: 3.75rem; text-shadow: none; } @media (min-width: 1200px) { .post-type-archive-insights .container.content { max-width: 1140px; } } @media (min-width: 1400px) { .post-type-archive-insights .container.content { max-width: 1140px; } } .post-type-archive-insights .edncf_container { display: grid; grid-template: 1fr/1fr 1fr 1fr .25fr; grid-gap: 16px; padding: 0; margin-bottom: 16px; min-height: 0; min-width: 0; } @media (max-width: 576px) { .post-type-archive-insights .edncf_container { grid-template: 1fr 1fr/1fr 1fr; } } .post-type-archive-insights .edncf_container .edncf_DropDownList, .post-type-archive-insights .edncf_container .edncf_MultiselectGroup { padding: 0; } .post-type-archive-insights .edncf_container .edncf_DropDownList.border-on, .post-type-archive-insights .edncf_container .edncf_MultiselectGroup.border-on { outline: #fe734a; outline-width: 2px; outline-style: solid; } .post-type-archive-insights .edncf_container .edncf_DropDownList span, .post-type-archive-insights .edncf_container .edncf_MultiselectGroup span { border-radius: 0; background: #fff; box-shadow: none; padding-right: 20px; display: block; position: relative; overflow: hidden; border: 1px solid #bdddb5; } @media (max-width: 576px) { .post-type-archive-insights .edncf_container .edncf_DropDownList span, .post-type-archive-insights .edncf_container .edncf_MultiselectGroup span { padding-right: 5px; } } .post-type-archive-insights .edncf_container .edncf_DropDownList span::before, .post-type-archive-insights .edncf_container .edncf_MultiselectGroup span::before { display: none; } .post-type-archive-insights .edncf_container .edncf_DropDownList span > select, .post-type-archive-insights .edncf_container .edncf_MultiselectGroup span > select { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 1.0625rem; line-height: 24px; color: #666; cursor: pointer; width: 100%; padding: 12px 20px; box-sizing: border-box; border: none; background: none transparent; box-shadow: none; outline: none; margin: 0; position: relative; z-index: 2; } .post-type-archive-insights .edncf_container .edncf_Multiselect { padding: 0; } .post-type-archive-insights .edncf_container .edncf_Multiselect.border-on { outline: #fe734a; outline-width: 2px; outline-style: solid; } .post-type-archive-insights .edncf_container .edncf_Multiselect span { font-size: 0; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-choice { border-radius: 0; border: 1px solid #bcc8d1; background: #fff; box-shadow: none; height: 43px; padding: 12px 20px; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; } .edncf_MultiselectGroup.post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-choice.selected { outline: 2px solid #fe734a; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-choice > span { margin-right: 39px; display: inline-block; font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 15px; color: #666; padding: 0; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-choice > div { display: inline-block; border: none; height: 100%; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-choice > div:before { display: none; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-choice > div:after { display: block; margin: 18px 20px auto auto; line-height: 0; font-size: 0; content: url("https://www.barr.com/Portals/_default/Skins/BarrDNNTheme/dist/img/caret.svg"); } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop { background-color: #fff; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop > ul { width: 100%; padding: 0; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop > ul > li { display: block; padding: 8px 10px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop > ul > li span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; height: auto; display: flex; padding: 0; margin: 0; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop > ul > li span:before { height: auto; width: auto; padding: 0; margin: 0; position: relative; display: inline-block; content: url("https://www.barr.com/Portals/_default/Skins/BarrDNNTheme/dist/img/uncheckbox.svg"); margin-right: 11px; box-shadow: none; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop > ul > li.selected span { color: #0486cc; } .post-type-archive-insights .edncf_container .edncf_Multiselect .edncf_MultiselectGroup .ms-drop > ul > li.selected span:before { content: url("https://www.barr.com/Portals/_default/Skins/BarrDNNTheme/dist/img/checkboxes.svg"); margin: -4px 8px -2px -3px; } .post-type-archive-insights .edncf_container .edncf_submitContainer { display: flex; justify-content: space-between; flex-direction: row-reverse; } .post-type-archive-insights .edncf_container .edncf_submitContainer a { border-radius: 0; box-shadow: none; text-shadow: none; border: none; outline: none; margin: 0; margin-left: 16px; padding: 0; height: auto; } @media (max-width: 576px) { .post-type-archive-insights .edncf_container .edncf_submitContainer a { margin-left: 0; } } .post-type-archive-insights .edncf_container .edncf_submitContainer a:hover { border: none; } .post-type-archive-insights .edncf_container .edncf_submitContainer a.edncf_submit { background: #fe734a; border: none; outline: none; } .post-type-archive-insights .edncf_container .edncf_submitContainer a.edncf_submit span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 1.0625rem; color: #fff; padding: 12px 20px; display: block; line-height: normal; } .post-type-archive-insights .edncf_container .edncf_submitContainer a.edncf_reset { background: #fff; border: none; outline: none; } @media (max-width: 576px) { .post-type-archive-insights .edncf_container .edncf_submitContainer a.edncf_reset { flex: 1; } } .post-type-archive-insights .edncf_container .edncf_submitContainer a.edncf_reset span { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 1.0625rem; color: #666; padding: 12px 20px; display: block; line-height: normal; } .visual-d.bg .visual-d__container .positioner { position: relative; height: 350px; } .visual-d.bg.insights-header .visual-d__container { min-height: 450px; } .tag_cloud .trending-topics { padding: 1rem; margin-bottom: 25px; } .tag_cloud .trending-topics #edtagsHeader.edn_module_title { /* Override Existing */ background: none; border: none; padding: 18px 0; } @media (max-width: 700px) { .tag_cloud .trending-topics #edtagsHeader.edn_module_title { text-align: center; } } .tag_cloud .trending-topics #edtagsHeader.edn_module_title span.title { font-style: normal; font-size: 1.6875rem !important; font-weight: 500 !important; line-height: normal !important; color: #fff; } @media (max-width: 700px) { .tag_cloud .trending-topics #edtagsHeader.edn_module_title span.title { display: inline-block; } } .tag_cloud .trending-topics .boxtagslist .tags { background: none; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; padding: 1rem !important; margin-bottom: 18px; } @media (max-width: 700px) { .tag_cloud .trending-topics .boxtagslist .tags { flex-direction: column; align-items: center; } } .tag_cloud .trending-topics .boxtagslist .tags a.tag { /* Override Existing */ background: none; border: none; border-radius: 0; box-shadow: none; text-shadow: none; margin: 0px 0px 0px 7px; padding: 0; /* Custom Creed Styles */ color: #fe734a; font-style: normal; font-weight: 400; font-size: 1.1875rem; text-transform: capitalize; line-height: normal; } .tag_cloud .trending-topics .boxtagslist .tags a.tag:hover, .tag_cloud .trending-topics .boxtagslist .tags a.tag.active { /* Override Existing */ background: none; color: #fff; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ body.post-type-archive-insights { background: #182836; font-family: "Inter", sans-serif; } body.post-type-archive-insights .insights-list-wrapper { width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; padding: 0 15px; } @media (max-width: 576px) { body.post-type-archive-insights .insights-list-wrapper { display: block; } } body.post-type-archive-insights .insights-list-wrapper .article { overflow: hidden; box-sizing: border-box; color: white; flex-direction: column; cursor: pointer; margin: 0; grid-column: span 2; color: white; } @media (max-width: 576px) { body.post-type-archive-insights .insights-list-wrapper .article { margin-bottom: 40px; display: block; } } body.post-type-archive-insights .insights-list-wrapper .article .article-container { overflow: hidden; position: relative; display: flex; justify-content: flex-start; flex-direction: column; height: 100%; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-image-container { position: relative; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-image-container .article-image-overlay { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 200ms; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-image-container .article-image { transition: filter 300ms ease-in-out; height: 240px; width: 360px; overflow: hidden; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-image-container .article-summary-text { z-index: 2; position: absolute; opacity: 0; transition: opacity 400ms ease-in-out; display: inline-block; bottom: 0; left: 0; right: 0; top: 0; margin: auto; width: 80%; height: 70%; overflow: hidden; font-size: 1.0625rem; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-image-container .article-summary-text p { margin: 0; text-size-adjust: auto; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-information { margin: 10px 0px; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 30px; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-information .article-type ul { list-style: none; margin: 0; padding: 0; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-information .article-type ul li span { color: #0486cc; font-style: normal; font-size: 1.0625rem; font-weight: 400; line-height: 14px; text-transform: uppercase; } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-information .article-date { font-style: normal; font-weight: 700; font-size: 12px; line-height: 14px; letter-spacing: .03em; text-align: end; width: 50%; color: rgba(255, 255, 255, .5); } body.post-type-archive-insights .insights-list-wrapper .article .article-container .article-title { z-index: 10; font-style: normal; } body.post-type-archive-insights .insights-list-wrapper .article:hover { text-decoration: none !important; } body.post-type-archive-insights .insights-list-wrapper .article:hover .article-container .article-image { filter: brightness(.6); } body.post-type-archive-insights .insights-list-wrapper .article:hover .article-container .article-summary-text { opacity: 1; } @media (min-width: 900px) { body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-image-container { overflow: hidden; height: 100%; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-image-container .article-image { transition: transform 400ms ease-in-out; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-image-container .article-summary-text { max-width: 50%; font-size: 16px; top: initial; display: block; width: initial; height: initial; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-details { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-details .article-information { height: auto; display: flex; align-items: baseline; margin: 0; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-details .article-information .article-type { margin: 20px 0px 20px 40px; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-details .article-information .article-date { color: white; margin: 20px 20px 20px 0px; } body.post-type-archive-insights .insights-list-wrapper .article.featured .article-container .article-details .article-title { position: relative; position: absolute; bottom: 0; left: 0; transition: bottom 400ms ease-in-out; } body.post-type-archive-insights .insights-list-wrapper .article.featured:hover .article-container .article-image-container .article-image { transform: scale(1.06); } body.post-type-archive-insights .insights-list-wrapper .article.featured:hover .article-container .article-image-container .article-image-overlay:before { opacity: 1; } body.post-type-archive-insights .insights-list-wrapper .article.featured:hover .article-container .article-title { bottom: 27%; } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-image-container { filter: brightness(100%); } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-title { font-size: 2.5rem !important; font-weight: 700 !important; margin: 60px; transition: margin 300ms ease-in-out; line-height: 58px; } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-summary-text { margin: 60px; } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-summary-text p { margin: 0; } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-image { filter: initial; height: 100%; width: 100%; } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-image-overlay { background: linear-gradient(rgba(0, 0, 0, .6), 50%, rgba(0, 0, 0, .6)); } body.post-type-archive-insights .insights-list-wrapper .article.primary .article-container .article-image-overlay:before { content: ""; position: absolute; width: 100%; height: 100%; background: none; opacity: 0; transition: opacity 400ms; } body.post-type-archive-insights .insights-list-wrapper .article.primary:hover .article-image-container { filter: brightness(1); } body.post-type-archive-insights .insights-list-wrapper .article.secondary .article-title { font-size: 1.6875rem; font-weight: 500; margin: 0 2rem 2rem; } body.post-type-archive-insights .insights-list-wrapper .article.secondary .article-container .article-image-container .article-image-overlay { background: none; } body.post-type-archive-insights .insights-list-wrapper .article.secondary .article-container .article-image-container .article-image { filter: brightness(.5); height: 100%; width: 100%; } body.post-type-archive-insights .insights-list-wrapper .article.secondary .article-container .article-summary-text { margin: 40px; } body.post-type-archive-insights .insights-list-wrapper .article.secondary .article-container .article-summary-text p { margin: 0; } } body.post-type-archive-insights .insights-list-wrapper .article.barrometer.featured .article-container .article-image-container .article-image-overlay:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(169, 169, 169, .5); opacity: 0; transition: opacity 400ms; } body.post-type-archive-insights .insights-list-wrapper .article.barrometer.featured:hover .article-container .article-image-container .article-image-overlay:before { opacity: 1; } body.post-type-archive-insights .insights-list-wrapper .article.barrometer .article-container .article-details .article-information .article-type ul li span { color: #fe734a; } body.post-type-archive-insights .insights-list-wrapper .article.featured.primary { order: -1; } @media (min-width: 900px) { body.post-type-archive-insights .insights-list-wrapper .article.featured.primary { grid-column: span 4; } body.post-type-archive-insights .insights-list-wrapper .article.featured.secondary, body.post-type-archive-insights .insights-list-wrapper .article.featured.secondary { grid-column: span 3; } } body.post-type-archive-insights .insights-list-wrapper .featured .article-container .article-information .article-type ul li span.EDN_cf_checkbox_label { color: white; } body.post-type-archive-insights .insights-list-wrapper .barrometer-publication-wrapper-mobile { display: none; } @media (max-width: 576px) { body.post-type-archive-insights .insights-list-wrapper .barrometer-publication-wrapper-mobile { display: block !important; } body.post-type-archive-insights .insights-list-wrapper .barrometer-publication-wrapper-mobile .publication { display: block !important; } } body.post-type-archive-insights .insights-list-wrapper .publication { order: -1; box-sizing: border-box; border: 2px solid #fe734a; height: 480px; width: 360px; grid-column: span 2; cursor: pointer; z-index: 2; position: relative; } @media (max-width: 576px) { body.post-type-archive-insights .insights-list-wrapper .publication { display: none; } } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container { text-decoration: none; display: flex; box-sizing: border-box; position: relative; overflow: hidden; align-items: flex-start; justify-content: space-between; flex-direction: column; color: white; height: 100%; width: 100%; padding: 38px; text-decoration: none !important; color: white !important; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-header { width: 100%; display: flex; flex-direction: column; max-width: 300px; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-header .publication-title { font-size: 36px; font-weight: 800; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-header .publication-title img { max-width: 100%; height: auto; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-header .publication-subtitle { margin: 10px 0; color: #fe734a; text-transform: uppercase; font-size: 1.0625rem; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-header .publication-description { margin: 20px 0; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-image { position: absolute; height: 40%; max-height: 400px; max-width: 400px; z-index: -1; bottom: -5%; left: 20%; transform: rotate(360deg); transition: transform 300ms ease-in-out; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-link { height: 52px; color: black; display: inline-flex; justify-content: center; align-items: center; border-radius: 2px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: all 300ms ease-in-out; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-link .btn-barrometer { width: unset; display: flex; justify-content: center; background-color: #fe734a; font-size: 16px; color: white; border: none; z-index: 1; box-sizing: border-box; font-weight: bold; padding: 13px 20px; } body.post-type-archive-insights .insights-list-wrapper .publication .publication-container .publication-link .btn-barrometer > .arrow { display: none; } body.post-type-archive-insights .insights-list-wrapper .publication:hover .publication-container .publication-image { transform: rotate(353deg); } body.post-type-archive-insights .insights-list-wrapper .publication:hover .publication-container .publication-link { filter: brightness(.85); margin-bottom: 20px; } @media (max-width: 900px) { body.post-type-archive-insights .insights-list-wrapper .publication { grid-column: span 6; margin: auto; } } @media (max-width: 700px) { body.post-type-archive-insights .insights-list-wrapper .publication { transform: scale(.7); } } @media (max-width: 900px) { body.post-type-archive-insights [class*=article_list_wrapper] .article { padding: 0 40px; } body.post-type-archive-insights [class*=article_list_wrapper] .article.featured { grid-column: span 6; } body.post-type-archive-insights [class*=article_list_wrapper] .article.featured .article-container .article-image-container .article-image { height: 100%; width: 100%; } body.post-type-archive-insights [class*=article_list_wrapper] .article { grid-column: span 3; } } @media (max-width: 700px) { body.post-type-archive-insights [class*=article_list_wrapper] .article { grid-column: span 6; padding: 0 40px; } body.post-type-archive-insights [class*=article_list_wrapper] .article .article-container .article-image-container .article-image { height: 100%; width: 100%; } } body.post-type-archive-insights .footer { background: #fff; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ .barrometer { font-family: "Inter", sans-serif; } .barrometer .hero-container { background: #182836; padding: 0 3rem; } .barrometer .hero-wrapper { /*Thomas */ display: flex; flex-direction: row; padding-bottom: 1rem !important; } @media (max-width: 900px) { .barrometer .hero-wrapper { flex-direction: column; } .barrometer .hero-left, .barrometer .hero-right { width: 100%; } .barrometer .hero-summary { min-height: unset !important; } } .barrometer .hero-grid {} @media (min-width: 900px) { .barrometer .hero-left, .barrometer .hero-right { width: 50%; display: flex; } } .barrometer .hero-left { flex-direction: column; justify-content: center; } .barrometer .hero-right { justify-content: center; align-items: center; } .barrometer .hero-container .hero-breadcrumb { /*Thomas*/ min-height: 190px; padding-top: 163px !important; font-family: "Inter", sans-serif; font-style: normal; font-weight: 300; font-size: 1.0625rem; line-height: 1.5; opacity: .5; color: white; /*grid-column-start: span 2;*/ display: flex; align-items: center; } .barrometer .hero-breadcrumb svg { margin-right: 10px; } .barrometer .hero-logo { /*Thomas*/ min-height: 97px; display: flex; align-items: end; } @media screen and (max-width: 450px) { .barrometer .hero-logo { transform: scale(.6); transform-origin: left; } } .barrometer .hero-logo img { height: 51px; } .barrometer .hero-issue { /*Thomas*/ min-height: 52px; font-family: "Inter", sans-serif; font-style: normal; font-weight: 700; font-size: 1.6875rem; line-height: 1.6875rem; text-transform: uppercase; color: #fe734a; display: flex; align-items: end; } .barrometer .hero-title { /*Thomas*/ min-height: 52px; font-family: "Inter", sans-serif; font-style: normal; font-weight: bold; font-size: 1.1875rem; line-height: 1.1875rem; color: #fff; display: flex; align-items: end; margin-bottom: .5rem; } .barrometer .hero-summary { /*Thomas*/ min-height: 222px; margin-bottom: 1rem; font-family: "Inter", sans-serif; font-style: normal; font-size: 1.0625rem; line-height: 150%; color: #fff; } .barrometer .hero-cover-image { grid-column-start: 2; grid-row-start: 2; grid-row-end: 6; display: flex; justify-content: center; } .barrometer .hero-cover-image img { box-shadow: 10px 16px 20px rgba(0, 0, 0, .3); border-radius: 2.66911px; height: 350px; } .barrometer .hero-footer { background-color: white; padding-top: .5rem; margin: 0 3rem; } .barrometer .hero-footer .hero-cover-description { font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 20px; text-align: right; color: rgba(24, 40, 54, .7); /*grid-column-start: 2;*/ background: white; padding-left: 35% !important; } @media (max-width: 900px) { .barrometer .hero-footer .hero-cover-description { padding-left: 0 !important; } } .barrometer .hero-logo .hero-logo-front { height: 39px; transform: translateX(-238px); transition: transform 1s; } .barrometer .hero-logo .hero-logo-front:hover, .barrometer .hero-logo .hero-logo-front.start { transform: translateX(-238px) rotate(-.25turn); } @media screen and (min-width: 1048px) { .barrometer #barrometer-signup-placeholder { flex: 1 1 auto; } } .barrometer .eds_news_Firefly.eds_subCollection_news .barrometer-signup a { color: white; } .barrometer .barrometer-signup { overflow: hidden; background-color: #182836; color: white; position: relative; max-width: 730px; min-height: 190px; display: flex; align-items: flex-start; flex-direction: column; margin: 4rem auto; width: unset; padding: 2rem 3rem; } @media screen and (min-width: 1048px) { .barrometer .barrometer-signup { position: sticky; top: 100px; } } .barrometer .barrometer-signup .barrometer-signup__text h2.barrometer-signup__text-title { font-weight: 700; font-size: 2.5rem; line-height: 2.5rem; color: white; } @media (max-width: 900px) { .barrometer .barrometer-signup .barrometer-signup { align-items: flex-start; flex-direction: column; } } .barrometer .barrometer-signup .barrometer-signup__text { margin-right: 3rem; z-index: 1; } .barrometer .barrometer-signup .background-logo { position: absolute; top: 25%; right: -360px; opacity: .1; transform: scale(1); } .barrometer .barrometer-signup .btn-insight-contact { color: white; text-decoration: none; } .barrometer .barrometer-signup .btn-insight-contact:hover { color: white; text-decoration: none; } .barrometer #barrometer-signup-placeholder .barrometer-signup .btn-insight-contact:hover { color: white; text-decoration: none; } .barrometer .barrometer-list--title > h1.barrometer-issue-title { margin: 2.5rem 0; color: #264057; font-weight: 700; } .barrometer-list-wrapper { width: 100%; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 30px; } .barrometer-list-wrapper .article { box-sizing: border-box; display: flex; flex-direction: column; cursor: pointer; text-decoration: none !important; grid-column: span 2; } @media (max-width: 700px) { .barrometer-list-wrapper .article { grid-column: span 6; padding: 0 40px; } } .barrometer-list-wrapper .article:hover .article-subtitle { opacity: 1; } .barrometer-list-wrapper .article:hover .article-container { background-color: rgba(0, 17, 33, .75); background-blend-mode: color; } .barrometer-list-wrapper .article.featured { grid-column: span 4; grid-row: span 2; } @media (max-width: 900px) { .barrometer-list-wrapper .article.featured { grid-column: span 6; padding: 0 40px; } } .barrometer-list-wrapper .article.featured:hover .article-summary { opacity: 1; } @media (min-width: 900px) { .barrometer-list-wrapper .article.featured .article-title { font-size: 2.5rem; line-height: 2.5rem; font-weight: 500; } } @media (min-width: 900px) { .barrometer-list-wrapper .article.featured .article-subtitle { font-size: 1.6875rem; font-weight: 400; padding: 0; } } @media (min-width: 900px) { .barrometer-list-wrapper .article.featured .article-summary { display: block; font-size: 1.0625rem; font-weight: 400; width: 50%; } } @media (min-width: 900px) { .barrometer-list-wrapper .article.featured .article-container { padding: 56px; justify-content: space-between; box-sizing: border-box; } } .barrometer-list-wrapper .article .article-container { color: white; display: flex; justify-content: center; flex-direction: column; background-color: transparent; transition: background-color 400ms ease-in-out; width: 100%; aspect-ratio: 7/5; background-size: cover; background-position: center; overflow: hidden; } .barrometer-list-wrapper .article .article-subtitle { z-index: 2; opacity: 0; transition: opacity 400ms ease-in-out; overflow: hidden; font-size: 1.0625rem; padding: 0 24px; font-weight: 400; } .barrometer-list-wrapper .article .article-subtitle p { margin: 0; text-size-adjust: auto; } .barrometer-list-wrapper .article .article-information { margin: 10px 0px; display: flex; justify-content: space-between; align-items: center; width: 100%; height: 30px; } .barrometer-list-wrapper .article .article-title { font-style: normal; font-weight: 500; font-size: 1.6875rem; line-height: 1.6875rem; color: #182836; margin-top: .5rem; } .barrometer-list-wrapper .article .article-summary { transition: opacity 400ms ease-in-out; opacity: 0; display: none; font-size: 1.0625rem; } @media (max-width: 900px) { [class*=article_list_wrapper] .article.featured { grid-column: span 6; } [class*=article_list_wrapper] .article.featured .article-image { height: 100%; width: 100%; } [class*=article_list_wrapper] .article { grid-column: span 3; } } @media (max-width: 700px) { [class*=article_list_wrapper] .article { grid-column: span 6; } [class*=article_list_wrapper] .article .article-image { height: 100%; width: 100%; } } .barrometer .past-issues, .barrometer-article .past-issues { background-color: #182836; margin-bottom: -3.5rem; margin-top: 3rem; } .barrometer .past-issues__section, .barrometer-article .past-issues__section { padding: 4rem 0; color: white; } .barrometer .past-issues__top, .barrometer-article .past-issues__top { display: flex; align-items: center; justify-content: space-between; } @media (max-width: 991.98px) { .barrometer .past-issues__top, .barrometer-article .past-issues__top { padding-bottom: 1rem; flex-direction: column; } } .barrometer .past-issues__top > h2, .barrometer-article .past-issues__top > h2 { font-size: 3.125rem; color: white; font-weight: 500; } @media (max-width: 767.98px) { .barrometer .past-issues__top > h2, .barrometer-article .past-issues__top > h2 { text-align: center; } } .barrometer .past-issues__top > a, .barrometer-article .past-issues__top > a { color: #fe734a; position: relative; font-size: 1.0625rem; } .barrometer .past-issues__top > a > i, .barrometer-article .past-issues__top > a > i { position: absolute; top: 3px; bottom: 0; margin-top: auto; margin-bottom: auto; right: -20px; transition: right 100ms ease-in-out; color: #fe734a; transform: rotateY(180deg); } .barrometer .past-issues__top > a:hover > i, .barrometer-article .past-issues__top > a:hover > i { right: -23px; } .barrometer .past-issues__content, .barrometer-article .past-issues__content { display: grid; grid-template: auto/25% 25% 25% 25%; } @media (max-width: 991.98px) { .barrometer .past-issues__content, .barrometer-article .past-issues__content { grid-template: auto/50% 50%; } } @media (max-width: 575.98px) { .barrometer .past-issues__content, .barrometer-article .past-issues__content { grid-template: auto/100%; justify-items: center; } .barrometer .past-issues__content > *, .barrometer-article .past-issues__content > * { width: 70%; margin-bottom: 1rem; } } .barrometer .past-issues__content .issue, .barrometer-article .past-issues__content .issue { display: flex; flex-direction: column; margin: 15px; } @media (max-width: 767.98px) { .barrometer .past-issues__content .issue, .barrometer-article .past-issues__content .issue { margin: 0; } } .barrometer .past-issues__content .issue-title, .barrometer-article .past-issues__content .issue-title { padding: 1rem 0; font-style: normal; font-weight: 500; font-size: 1.6875rem; line-height: 1.6875rem; color: white; } .barrometer .past-issues__content .col-auto, .barrometer-article .past-issues__content .col-auto { padding: 0 15px; } .barrometer-article .edn-creed-relatedArticles { width: 70vw; z-index: 1; position: relative; } .barrometer-article .edn-creed-relatedArticles [class*=article_list_wrapper] { display: flex; justify-content: flex-start; width: 100%; } @media screen and (max-width: 900px) { .barrometer-article .edn-creed-relatedArticles [class*=article_list_wrapper] { overflow-x: scroll; } } .barrometer-article .edn-creed-relatedArticles h2.related-articles-title { font-style: normal; font-weight: 500; font-size: 1.6875rem; line-height: 1.6875rem; letter-spacing: 1px; color: #264057; margin: 2rem 0; } .barrometer-article .edn-creed-relatedArticles div.related-article-list { width: 80vw; display: flex; padding: 0; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article { display: inline-block; margin-right: 35px; margin-bottom: 30px; min-width: 190px; vertical-align: top; display: none; transition: transform 200ms ease-in-out; } @media screen and (min-width: 1490px) { .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(-n+5):not(.hidden) { display: inline-block; } } @media screen and (min-width: 1100px) and (max-width: 1490px) { .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(-n+4):not(.hidden) { display: inline-block; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(n+5) { display: none; } } @media screen and (min-width: 900px) and (max-width: 1100px) { .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(-n+3):not(.hidden) { display: inline-block; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(n+4) { display: none; } } @media screen and (min-width: 600px) and (max-width: 900px) { .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article { display: none; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(-n+5):not(.hidden) { display: inline-block; } } @media screen and (min-width: 100px) and (max-width: 600px) { .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article { display: none; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:nth-child(-n+5):not(.hidden) { display: inline-block; } } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:hover { transform: scale(1.05); } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article.hidden { display: none; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article:first-child { margin-left: 0; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article a.related-article-link { display: flex; flex-direction: column; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article a.related-article-link:hover { text-decoration: none; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article a.related-article-link .related-article-image-container { position: relative; width: 190px; height: 136px; margin-bottom: 16px; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article a.related-article-link .related-article-image-container .related-article-image { width: 100%; height: 100%; object-fit: cover; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article a.related-article-link .related-article-image-container .related-article-image-overlay { position: absolute; background: linear-gradient(180deg, rgba(0, 82, 155, 0) 0%, rgba(0, 82, 155, .9) 100%); top: 0; bottom: 0; left: 0; right: 0; } .barrometer-article .edn-creed-relatedArticles div.related-article-list div.related-article .related-article-title { font-style: normal; font-weight: bold; font-size: 1.0625rem; line-height: normal; text-decoration: none; width: 190px; color: #182836; } .all-issues__hero { min-height: 350px; padding-top: 9vw; background: #182836; } @media (max-width: 991.98px) { .all-issues__hero { padding-top: 12vw; } } @media (max-width: 575.98px) { .all-issues__hero { padding-top: 24vw; } } .all-issues__hero .barr-logo { display: flex; align-items: end; } @media screen and (max-width: 450px) { .all-issues__hero .barr-logo { transform: scale(.6); transform-origin: left; } } .all-issues__hero .hero-logo-front { height: 39px; transform: translateX(-238px); transition: transform 1s; } .all-issues__hero .hero-logo-front:hover, .all-issues__hero .hero-logo .hero-logo-front.start { transform: translateX(-238px) rotate(-.25turn); } .all-issues__hero .hero-logo-back { height: 51px; } .all-issues__hero-image { width: 30%; overflow: hidden; position: relative; } @media (max-width: 767.98px) { .all-issues__hero-image { display: none; } } .all-issues__hero-image > img { width: 100%; position: absolute; } .all-issues__hero-content { padding-right: 3rem; padding-bottom: 1rem; width: 65%; } @media (max-width: 767.98px) { .all-issues__hero-content { width: 100%; margin-left: 3vh; } } .all-issues__hero-subheadline { color: #fe734a; font-family: "Inter", sans-serif; font-weight: 700; font-size: 1.6875rem; margin: 1rem 0 1.5rem; text-transform: uppercase; } .all-issues__hero-text { color: white; font-family: "Inter", sans-serif; font-style: normal; font-weight: 400; font-size: .9; margin: 1.5rem 0; } .all-issues__hero-subscribe { display: flex; align-items: center; margin: 1.5rem 0; } .all-issues__hero-subscribe > a#latest_issue { font-size: 1.0625rem; color: #fe734a; margin-left: 1rem; transition: color .2s ease-in-out; } .all-issues__hero-subscribe > a#latest_issue:hover { color: white; } .all-issues__hero-subscribe > a#latest_issue:active { filter: brightness(75%); } .all-issues__section { padding-top: 4%; } .all-issues__section > h2 { font-size: 3.125rem; font-weight: 500; } @media (max-width: 767.98px) { .all-issues__section > h2 { text-align: center; font-size: 1.6875rem; } } .all-issues__content { display: grid; grid-template: auto/25% 25% 25% 25%; } @media (max-width: 991.98px) { .all-issues__content { grid-template: auto/33% 33% 33%; } } @media (max-width: 767.98px) { .all-issues__content { grid-template: auto/50% 50%; } } @media (max-width: 575.98px) { .all-issues__content { grid-template: auto/100%; justify-items: center; } .all-issues__content > * { width: 70%; margin-bottom: 1rem; } } .all-issues__content .col-auto { padding: 0 15px; } .all-issues__content .issue { display: flex; flex-direction: column; margin: 15px; } @media (max-width: 767.98px) { .all-issues__content .issue { margin: 0; } } .all-issues__content .issue-title { padding: 1rem 0; font-style: normal; font-weight: 500; font-size: 1.6875rem; line-height: 1.6875rem; color: #182836; } @media (min-width: 1200px) { .single-news-event .container { max-width: 1140px; } } .single-news-event__header { padding-block-start: 4rem; } @media (min-width: 768px) { .single-news-event__header { padding-block-start: 10rem; } } .single-news-event__header__title { line-height: normal; margin: 0; font-size: 1.6875rem; font-weight: 500; } .single-news-event__content { margin: 2rem 0 6rem 0; } .single-news-event__content a { color: #0486cc; text-decoration: underline; } .single-news-event__content p { font-size: 1.0675rem; font-family: "Inter", sans-serif; font-weight: 300; } .single-news-event__content p strong { font-weight: 700; } .color-blue { color: var(--color-blue) !important; } .has-blue-color { color: var(--color-blue) !important; } .background-blue { background-color: var(--color-blue) !important; } .has-blue-background-color { background-color: var(--color-blue) !important; } .color-orange { color: var(--color-orange) !important; } .has-orange-color { color: var(--color-orange) !important; } .background-orange { background-color: var(--color-orange) !important; } .has-orange-background-color { background-color: var(--color-orange) !important; } .color-navy { color: var(--color-navy) !important; } .has-navy-color { color: var(--color-navy) !important; } .background-navy { background-color: var(--color-navy) !important; } .has-navy-background-color { background-color: var(--color-navy) !important; } .color-light-blue { color: var(--color-light-blue) !important; } .has-light-blue-color { color: var(--color-light-blue) !important; } .background-light-blue { background-color: var(--color-light-blue) !important; } .has-light-blue-background-color { background-color: var(--color-light-blue) !important; } .color-extra-light-blue { color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-color { color: var(--color-extra-light-blue) !important; } .background-extra-light-blue { background-color: var(--color-extra-light-blue) !important; } .has-extra-light-blue-background-color { background-color: var(--color-extra-light-blue) !important; } .color-text-color { color: var(--color-text-color) !important; } .has-text-color-color { color: var(--color-text-color) !important; } .background-text-color { background-color: var(--color-text-color) !important; } .has-text-color-background-color { background-color: var(--color-text-color) !important; } .color-accent-blue { color: var(--color-accent-blue) !important; } .has-accent-blue-color { color: var(--color-accent-blue) !important; } .background-accent-blue { background-color: var(--color-accent-blue) !important; } .has-accent-blue-background-color { background-color: var(--color-accent-blue) !important; } .color-accent-green { color: var(--color-accent-green) !important; } .has-accent-green-color { color: var(--color-accent-green) !important; } .background-accent-green { background-color: var(--color-accent-green) !important; } .has-accent-green-background-color { background-color: var(--color-accent-green) !important; } .color-light-gray { color: var(--color-light-gray) !important; } .has-light-gray-color { color: var(--color-light-gray) !important; } .background-light-gray { background-color: var(--color-light-gray) !important; } .has-light-gray-background-color { background-color: var(--color-light-gray) !important; } .color-medium-gray { color: var(--color-medium-gray) !important; } .has-medium-gray-color { color: var(--color-medium-gray) !important; } .background-medium-gray { background-color: var(--color-medium-gray) !important; } .has-medium-gray-background-color { background-color: var(--color-medium-gray) !important; } .color-gray { color: var(--color-gray) !important; } .has-gray-color { color: var(--color-gray) !important; } .background-gray { background-color: var(--color-gray) !important; } .has-gray-background-color { background-color: var(--color-gray) !important; } .color-white { color: var(--color-white) !important; } .has-white-color { color: var(--color-white) !important; } .background-white { background-color: var(--color-white) !important; } .has-white-background-color { background-color: var(--color-white) !important; } .color-black { color: var(--color-black) !important; } .has-black-color { color: var(--color-black) !important; } .background-black { background-color: var(--color-black) !important; } .has-black-background-color { background-color: var(--color-black) !important; } /* * * * * * * * * * * * * * */ /* * * * * FONT SIZE * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * FONTS * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * BREAKPOINTS * * * */ /* * * * * * * * * * * * * * */ /* * * * * * * * * * * * * * */ /* * * * * MISC * * * * * * */ /* * * * * * * * * * * * * * */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { flex: 1; position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .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; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [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: 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; } .single-slider-item { width: 100%; height: 330px; } @media (min-width: 992px) { .single-slider-item { height: 530px; } } @media (min-width: 768px) { .single-slider-item { height: 430px; } } .single-slider-item > img { width: 100%; height: 100%; object-fit: cover; } /** Slider */ .slick-loading .slick-list { background: #fff url("https://cdn-ilefndd.nitrocdn.com/iIZxWBreZGXisBgdeYkvQTNFlUyvzdee/assets/images/optimized/rev-56717f0/www.barr.com/wp-content/themes/blok-party-theme/assets/images/ajax-loader.gif") center center no-repeat; } .slick-loading .slick-list.nitro-lazy { background: none !important; } /*================================= Previous and Next icon buttons ==================================*/ .slick-prev, .slick-next { position: absolute; top: 50%; z-index: 10; display: block; padding: 0; height: 96px; width: 32px; background: rgba(24, 40, 54, .85); border: none; border-radius: 0px; line-height: 0; font-size: 0; cursor: pointer; padding: 6px; transform: translate(0, -50%); } .slick-prev:hover .slick-prev-icon, .slick-prev:hover .slick-next-icon, .slick-next:hover .slick-prev-icon, .slick-next:hover .slick-next-icon { color: var(--color-orange); } .slick-prev:focus-visible, .slick-next:focus-visible { outline: 2px solid var(--color-orange); outline-offset: 2px; } .slick-prev:focus-visible .slick-next-icon, .slick-prev:focus-visible .slick-prev-icon, .slick-next:focus-visible .slick-next-icon, .slick-next:focus-visible .slick-prev-icon { color: var(--color-blue); } .slick-prev.slick-disabled, .slick-next.slick-disabled { cursor: default; } .slick-prev .slick-prev-icon, .slick-prev .slick-next-icon, .slick-next .slick-prev-icon, .slick-next .slick-next-icon { display: block; color: var(--color-white); font-family: "barr-2024-icons"; font-size: 16px; line-height: 1; } .slick-prev { left: 0px; display: flex; align-items: center; justify-content: flex-start; } [dir=rtl] .slick-prev { left: auto; right: 0px; justify-content: flex-end; } .slick-prev .slick-prev-icon:before { content: ""; } [dir=rtl] .slick-prev .slick-prev-icon:before { content: ""; } .slick-next { right: 0px; display: flex; align-items: center; justify-content: flex-end; } [dir=rtl] .slick-next { left: 0px; right: auto; justify-content: flex-start; } .slick-next .slick-next-icon { transform: rotate(180deg); } .slick-next .slick-next-icon:before { content: ""; } [dir=rtl] .slick-next .slick-next-icon:before { content: ""; } /*========================== Slide navigation dots ===========================*/ .slick-slider { margin-bottom: 30px; } .slick-slider.slick-dotted { margin-bottom: 60px; } .slick-dots { position: absolute; bottom: -60px; padding: 0; margin: 0 36px; left: 0; right: 0; display: flex; justify-content: center; align-items: center; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; } .slick-dots li button { display: block; height: 20px; width: 20px; margin-top: -20px; margin-left: -4px; line-height: 0px; font-size: 0px; color: transparent; border: 0; background: transparent; cursor: pointer; } .slick-dots li button:hover .slick-dot-icon, .slick-dots li button:focus .slick-dot-icon { opacity: 1; } .slick-dots li button:focus .slick-dot-icon:before { color: var(--color-blue); } .slick-dots li button .slick-dot-icon { color: var(--color-blue); opacity: .25; } .slick-dots li button .slick-dot-icon:before { content: "•"; font-family: "slick"; font-size: 12px; line-height: 1; text-align: center; transition: all .05s linear; } .slick-dots li.slick-active button:focus .slick-dot-icon { color: var(--color-blue); opacity: 1; } .slick-dots li.slick-active button .slick-dot-icon { color: var(--color-blue); opacity: 1; } .slick-dots li.slick-active button .slick-dot-icon:before { font-size: 20px; } /** Improved .sr-only class by ffoodd: https://gist.github.com/ffoodd/000b59f431e3e64e4ce1a24d5bb36034 */ .slick-sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } /*=========================== Pause/play icon button ============================*/ .slick-autoplay-toggle-button { position: absolute; left: 5px; bottom: -60px; z-index: 10; opacity: 1; background: none; border: 0; cursor: pointer; color: #595959; } .slick-autoplay-toggle-button:hover, .slick-autoplay-toggle-button:focus { opacity: 1; color: #595959; } .slick-autoplay-toggle-button .slick-pause-icon:before { content: "⏸"; width: 20px; height: 20px; font-family: "slick"; color: #d9d9d9; font-size: 18px; font-weight: normal; line-height: 20px; text-align: center; } .slick-autoplay-toggle-button .slick-pause-icon:hover:before { color: #595959; } .slick-autoplay-toggle-button .slick-play-icon:before { content: "▶"; width: 20px; height: 20px; font-family: "slick"; color: #d9d9d9; font-size: 18px; font-weight: normal; line-height: 20px; text-align: center; } .slick-autoplay-toggle-button .slick-play-icon:hover:before { color: #595959; } /*=========================== Barr 2024 Slider Theme ============================*/ .barr-2024-slider-wrapper .slick-prev, .barr-2024-slider-wrapper .slick-next { background: #d9d9d9; } .barr-2024-slider-wrapper .slick-prev .slick-prev-icon, .barr-2024-slider-wrapper .slick-prev .slick-next-icon, .barr-2024-slider-wrapper .slick-next .slick-prev-icon, .barr-2024-slider-wrapper .slick-next .slick-next-icon { color: #595959; } .barr-2024-slider-wrapper .slick-prev:hover .slick-prev-icon, .barr-2024-slider-wrapper .slick-prev:hover .slick-next-icon, .barr-2024-slider-wrapper .slick-prev:focus .slick-prev-icon, .barr-2024-slider-wrapper .slick-prev:focus .slick-next-icon, .barr-2024-slider-wrapper .slick-next:hover .slick-prev-icon, .barr-2024-slider-wrapper .slick-next:hover .slick-next-icon, .barr-2024-slider-wrapper .slick-next:focus .slick-prev-icon, .barr-2024-slider-wrapper .slick-next:focus .slick-next-icon { color: #595959; } .barr-2024-slider-wrapper .slick-dots li button .slick-dot-icon { color: #595959; } .barr-2024-slider-wrapper .slick-dots li button .slick-dot-icon:before { font-size: 10px; } .barr-2024-slider-wrapper .slick-dots li button:focus .slick-dot-icon:before { color: #595959; } .barr-2024-slider-wrapper .slick-dots li.slick-active button .slick-dot-icon { color: #595959; } .barr-2024-slider-wrapper .slick-dots li.slick-active button .slick-dot-icon:before { margin-top: -2px; margin-left: -2px; font-size: 16px; } .barr-2024-slider-wrapper .slick-dots li.slick-active button:focus .slick-dot-icon { color: #595959; } .logo-slider .slick-list { margin: 0 36px; } .logo-slider .logo-slider-item { min-height: 200px; } .logo-slider .slick-next:focus-visible, .logo-slider .slick-prev:focus-visible { outline: 2px solid var(--color-blue); outline-offset: 2px; } .logo-slider .slick-next:focus-visible .slick-next-icon, .logo-slider .slick-next:focus-visible .slick-prev-icon, .logo-slider .slick-prev:focus-visible .slick-next-icon, .logo-slider .slick-prev:focus-visible .slick-prev-icon { color: var(--color-blue); } .logo-slider .slick-next.slick-arrow:hover .slick-next-icon, .logo-slider .slick-next.slick-arrow:hover .slick-prev-icon, .logo-slider .slick-prev.slick-arrow:hover .slick-next-icon, .logo-slider .slick-prev.slick-arrow:hover .slick-prev-icon { color: var(--color-blue); } @media (max-width: 768px) { .logo-slider .slick-dots { position: relative; bottom: 0; flex-wrap: wrap; margin: 1rem 36px; gap: 16px; } .logo-slider .slick-dots li { margin: 0; } .logo-slider .slick-autoplay-toggle-button { bottom: 20px; } }