hr { margin: 20px 0; } hr.separator { border-top: none; height: 3px; width: 50px; margin-top: 15px; margin-bottom: 20px; background-color: var(--theme-color); text-align: left; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* start error checking for cards in wrong container */ .placement-error { background-color: #c00; color: #fff; padding: 20px; text-align: center; } /* end error checking for cards in wrong container */ /* End CSS classes for HTML */ /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .marginbottom50px { margin-bottom: 50px; } .grid-container.hero-1, .grid-container.hero-2 { width: 100%; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .lighttheme .esri-text-title, .lighttheme .esri-text-subtitle, .lighttheme .esri-text-description { color: #151515; } .darktheme .esri-text-title, .darktheme .esri-text-subtitle, .darktheme .esri-text-description { color: #ffffff; } .esri-text.darktheme .esri-text-title, .esri-text.darktheme .esri-text-subtitle, .esri-text.darktheme .esri-text-description { color: #ffffff; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .et-superbold .esri-text-title { font-weight: 700; font-style: normal; font-size: 1.414rem; line-height: 1.5; } .et-superbold .esri-text-subtitle { display: none; } .et-superbold .esri-text-description { font-weight: 700; font-style: normal; font-size: 3.39795rem; line-height: 1.15; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .teaser div { box-sizing: border-box; } .teaser .background { background-size: cover; } .teaser .cmp-teaser { display: flex; flex-direction: column-reverse; } .teaser .cmp-teaser .cmp-teaser__image { display: flex; flex-basis: 100%; } .teaser .cmp-teaser .cmp-teaser__image .cmp-image__image { display: block; } .teaser .cmp-teaser .cmp-teaser__content { flex-basis: 100%; width: 100%; display: flex; flex-direction: column; } .teaser .cmp-teaser .cmp-teaser__content svg, .teaser .cmp-teaser .cmp-teaser__content .svg-icon, .teaser .cmp-teaser .cmp-teaser__content .icons-ui-svg { display: block; height: 64px; margin-bottom: 10px; } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__content { color: #ffffff; } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a { background: none; display: inline-block; padding: 0.75rem 1.35rem; width: auto; margin: 0 10px 10px 0; font-size: 0.9375rem; line-height: 1.5; transition: all .25s ease-in-out; border: thin solid #ffffff; color: #ffffff; } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a:hover, .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a:focus { text-decoration: none; box-shadow: inset 0 0 0 2px #ffffff; } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-in-out; width: 13px; display: inline-block; margin-left: 5px; } html[dir="rtl"] .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a { margin: 0 10px 10px 10px; } html[dir="rtl"] .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a:after { transform: scaleX(-1); margin-right: 6px; margin-left: 0; } html[dir="rtl"] .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".mp4"]::after, html[dir="rtl"] .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".mov"]::after, html[dir="rtl"] .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href^="/videos/"]::after { transform: none; } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href*=""]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a:not([href*=""])::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".pdf"]::after, .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".doc"]::after, .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".zip"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href^="/"]::after, .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href^=".."]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".mp4"]::after, .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href$=".mov"]::after, .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href^="/videos/"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[href*="tel:"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC41MjEuMjE2YTE3LjE0NyAxNy4xNDcgMCAwIDAtNS4zNDYgNi42ODZjMS42MTMgNC4zMzIgMy41ODUgOC41OTIgNS45NzMgMTIuNzI5czUuMDkyIDcuOTc0IDguMDM3IDExLjUzN2MyLjgyLjI4NiA1LjcyNy0uMTIxIDguNDYzLTEuMjg3YTEuMDYgMS4wNiAwIDAgMCAuMzc1LTEuNjkgNzYuNTE3IDc2LjUxNyAwIDAgMS00LjMwNy01LjIzIDEuMDUgMS4wNSAwIDAgMC0xLjQ3NC0uMjEybC0xLjU5NiAxLjIwOGExLjAwMiAxLjAwMiAwIDAgMS0xLjQ3My0uMjk4bC03LjUwMi0xMi45OTRhMS4wMDMgMS4wMDMgMCAwIDEgLjQ3OC0xLjQyNWwxLjg0NC0uNzc4Yy41MzgtLjIyNy43ODItLjg0NS41NTMtMS4zODJBNzYuNTIgNzYuNTIgMCAwIDEgMTIuMTcxLjczNWExLjA2IDEuMDYgMCAwIDAtMS42NTEtLjUyeiIvPjwvc3ZnPg==); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[data-link-type='internal']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[data-link-type='external']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[data-link-type='video']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .teaser .cmp-teaser[data-theme='darktheme'] .cmp-teaser__action-container a[data-link-type='document']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__content { color: #4c4c4c; } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a { background: none; display: inline-block; padding: 0.75rem 1.35rem; width: auto; margin: 0 10px 10px 0; font-size: 0.9375rem; line-height: 1.5; transition: all .25s ease-in-out; border: thin solid #000000; color: #000000; } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a:hover, .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a:focus { text-decoration: none; box-shadow: inset 0 0 0 2px #000000; } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-in-out; width: 13px; display: inline-block; margin-left: 5px; } html[dir="rtl"] .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a { margin: 0 10px 10px 10px; } html[dir="rtl"] .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a:after { transform: scaleX(-1); margin-right: 6px; margin-left: 0; } html[dir="rtl"] .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".mp4"]::after, html[dir="rtl"] .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".mov"]::after, html[dir="rtl"] .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href^="/videos/"]::after { transform: none; } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href*=""]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a:not([href*=""])::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".pdf"]::after, .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".doc"]::after, .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".zip"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href^="/"]::after, .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href^=".."]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".mp4"]::after, .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href$=".mov"]::after, .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href^="/videos/"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[href*="tel:"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xMC41MjEuMjE2YTE3LjE0NyAxNy4xNDcgMCAwIDAtNS4zNDYgNi42ODZjMS42MTMgNC4zMzIgMy41ODUgOC41OTIgNS45NzMgMTIuNzI5czUuMDkyIDcuOTc0IDguMDM3IDExLjUzN2MyLjgyLjI4NiA1LjcyNy0uMTIxIDguNDYzLTEuMjg3YTEuMDYgMS4wNiAwIDAgMCAuMzc1LTEuNjkgNzYuNTE3IDc2LjUxNyAwIDAgMS00LjMwNy01LjIzIDEuMDUgMS4wNSAwIDAgMC0xLjQ3NC0uMjEybC0xLjU5NiAxLjIwOGExLjAwMiAxLjAwMiAwIDAgMS0xLjQ3My0uMjk4bC03LjUwMi0xMi45OTRhMS4wMDMgMS4wMDMgMCAwIDEgLjQ3OC0xLjQyNWwxLjg0NC0uNzc4Yy41MzgtLjIyNy43ODItLjg0NS41NTMtMS4zODJBNzYuNTIgNzYuNTIgMCAwIDEgMTIuMTcxLjczNWExLjA2IDEuMDYgMCAwIDAtMS42NTEtLjUyeiIvPjwvc3ZnPg==); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[data-link-type='internal']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[data-link-type='external']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[data-link-type='video']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .teaser .cmp-teaser[data-theme='lighttheme'] .cmp-teaser__action-container a[data-link-type='document']::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .teaser .cmp-teaser.alignRight { flex-direction: column-reverse; } .teaser .cmp-teaser.alignRight .cmp-teaser__content { order: 1; } .teaser .cmp-teaser.alignRight .cmp-teaser__image, .teaser .cmp-teaser.alignRight .imageAsBackground { order: 2; } /* media queries */ .tabletup { display: none; } @media screen and (min-width: 481px) { .tabletup { display: block; } } .mobileonly { display: block; } @media screen and (min-width: 480px) { .mobileonly { display: none; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* media queries */ .tabletup { display: none; } @media screen and (min-width: 481px) { .tabletup { display: block; } } .mobileonly { display: block; } @media screen and (min-width: 480px) { .mobileonly { display: none; } } .tabs { padding: 0 !important; } /* v.344 */ /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* media queries */ .tabletup { display: none; } @media screen and (min-width: 481px) { .tabletup { display: block; } } .mobileonly { display: block; } @media screen and (min-width: 480px) { .mobileonly { display: none; } } @media screen and (max-width: 480px) { .hide-in-mobile { display: none !important; } } .mobile-nav-popup { display: none; } @media screen and (max-width: 480px) { .mobile-nav-popup { position: absolute; background: #ffffff; top: 0; left: 0; z-index: 50; width: 150px; } .mobile-nav-popup ul { padding: 14px 10px; } .mobile-nav-popup ul .nav-section { text-transform: uppercase; letter-spacing: 1px; padding: 11px 22px 11px 11px; font-size: 11px; position: relative; list-style: none; line-height: 1; cursor: pointer; margin: 0; transition: all .25s ease-in-out; border-left: 5px solid white; margin-left: -10px; font-weight: 500; color: #6e6e6e; } .mobile-nav-popup ul .nav-section a { color: #6e6e6e; } .mobile-nav-popup ul .nav-section:last-child { padding: 11px 22px 22px 11px; } .mobile-nav-popup ul .nav-section.active { display: block; font-weight: 700; } .mobile-nav-popup ul .nav-section:hover { border-left: 5px solid #0079c1; font-weight: 700; } .mobile-nav-popup[data-vertical-nav="false"] { display: none; } .mobile-nav-popup[data-vertical-nav="true"] { display: block; } .mobile-nav-popup[data-vertical-nav="fixed"] { display: block; position: fixed; } } .nav-mobile-arrow { position: absolute; left: 115px; top: 45px; z-index: 999; } @media screen and (max-width: 350px) { .nav-mobile-arrow { left: 100px; } } .nav-mobile-arrow:after { height: 14px; line-height: 0; position: absolute; transition: -webkit-transform .25s; transition: transform .25s, -webkit-transform .25s; width: 14px; content: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 32 32' style='fill:%23323232' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 10L16 24 2 10h28z'/%3E%3C/svg%3E"); } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .pardotIFrame iframe { width: 1px; min-width: 100%; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .overlay-split { max-width: 100%; overflow-x: hidden; } .overlay-split .overlay-split-content-block { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } .overlay-split .overlay-split-content-block-wrapper { position: relative; width: 100%; } @media (min-width: 480px) { .overlay-split .overlay-split-content-block-wrapper { /* min-height: 550px; */ } } @media (min-width: 860px) { .overlay-split .overlay-split-content-block-wrapper { min-height: 720px; } } .overlay-split .main-image { width: 100%; height: 0; padding-bottom: 72.22%; background-size: contain; background-position: center center; background-repeat: no-repeat; max-width: 1100px; } @media (min-width: 480px) { .overlay-split .main-image { width: 72%; height: 100%; position: absolute; top: 0; bottom: 0; padding-bottom: 0; background-size: contain; min-height: 520px; } .overlay-split .main-image.position-left { left: 0; background-position: right center; } .overlay-split .main-image.position-right { right: 0; background-position: left center; } } @media (min-width: 860px) { .overlay-split .main-image { background-size: contain; } .overlay-split .main-image.position-left { margin-left: 120px; } .overlay-split .main-image.position-right { margin-right: 120px; } } @media (min-width: 1440px) { .overlay-split .main-image { background-size: contain; } .overlay-split .main-image.position-left { margin-left: 0; left: 0; } .overlay-split .main-image.position-right { margin-right: 0; right: 0; } } .overlay-split .overlay-wrapper { width: 100%; height: auto; min-height: 400px; opacity: 0.9; padding: 35px 0; margin-top: -8%; } .overlay-split .overlay-wrapper .overlay-text-wrapper { height: 100%; } @media (min-width: 480px) { .overlay-split .overlay-wrapper { padding: 0; width: 70%; position: absolute; top: 0; bottom: 0; min-height: 500px; margin-top: 0px; } .overlay-split .overlay-wrapper.position-left { left: 0; } .overlay-split .overlay-wrapper.position-right { right: 0; } } @media (max-width: 580px) { .overlay-split .overlay-wrapper { width:100%; position: relative; } .overlay-split .overlay-text{ position:relative !important; transform:none !important; top: 0 !important; left: 0 !important; margin: 2em !important; } } @media (min-width: 860px) { .overlay-split .overlay-wrapper { height: 100%; width: 50%; } } .overlay-split .overlay-wrapper .btn-cta { border-width: 1px; border-style: solid; transition: all .15s ease-in-out; margin-right: 5px; background: transparent; } .overlay-split .overlay-wrapper .btn-cta[aria-role]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .overlay-split .overlay-wrapper .btn-cta-black { color: black; border-color: black; } .overlay-split .overlay-wrapper .btn-cta-black:hover { background: transparent; box-shadow: inset 0 0 0 1px black; color: black; } .overlay-split .overlay-wrapper .btn-cta-black[data-link-type='internal']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .overlay-split .overlay-wrapper .btn-cta-black[data-link-type='external']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .overlay-split .overlay-wrapper .btn-cta-black[data-link-type='video']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .overlay-split .overlay-wrapper .btn-cta-black[data-link-type='document']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .overlay-split .overlay-wrapper .btn-cta-white { color: white; border-color: white; } .overlay-split .overlay-wrapper .btn-cta-white:hover { background: transparent; box-shadow: inset 0 0 0 1px #FFFFFF; color: white; } .overlay-split .overlay-wrapper .btn-cta-white[data-link-type='internal']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .overlay-split .overlay-wrapper .btn-cta-white[data-link-type='external']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .overlay-split .overlay-wrapper .btn-cta-white[data-link-type='video']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .overlay-split .overlay-wrapper .btn-cta-white[data-link-type='document']:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .overlay-split .overlay-wrapper .btn-cta-white[data-link-type]:after, .overlay-split .overlay-wrapper .btn-cta-black[data-link-type]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 6px; position: relative; top: 2px; } .overlay-split .overlay-text { box-sizing: border-box; width: 92%; margin: 0 auto; } html[dir='rtl'] .overlay-split .overlay-text hr.separator { margin: 0 0 20px 100%; } @media (min-width: 480px) { .overlay-split .overlay-text { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 426px; } } @media (min-width: 860px) { .overlay-split .overlay-text { max-width: 440px; } } @media (min-width: 1200px) { .overlay-split .overlay-text { max-width: 516px; } } .overlay-split .overlay-text .mega-title { font-size: 80px; line-height: 80px; } @media screen and (max-width: 1024px) { .overlay-split .overlay-text .mega-title p { font-size: calc(100% - 1vh); line-height: inherit; } } @media screen and (max-width: 768px) { .overlay-split .overlay-text .mega-title p { font-size: calc(100% - 3vh); } } .overlay-split .divider { width: 50px; height: 3px; margin: 0; padding-bottom: 15px; } .overlay-split .body.none { color: #fff; } .overlay-split .body ul { margin-left: 0px; } /* Right to Left */ html[dir="rtl"] .overlay-split .overlay-wrapper .btn-cta[aria-role]:after { margin-left: 0px; margin-right: 10px; } html[dir="rtl"] .overlay-split .overlay-wrapper .btn-cta-white[data-link-type]:not([data-link-type='video']):after, html[dir="rtl"] .overlay-split .overlay-wrapper .btn-cta-black[data-link-type]:not([data-link-type='video']):after { transform: scaleX(-1); position: relative; right: 5px; } html[dir="rtl"] .overlay-split .overlay-wrapper .btn-cta-white[data-link-type][data-link-type='video']:after, html[dir="rtl"] .overlay-split .overlay-wrapper .btn-cta-black[data-link-type][data-link-type='video']:after { right: 5px; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .mosaic-reveal { width: 100%; } .mosaic-reveal .btn-clear { background: transparent; } .mosaic-reveal .mosaic-reveal { display: flex; flex-wrap: wrap; flex-direction: row; box-sizing: border-box; } @media (min-width: 1200px) { .mosaic-reveal .mosaic-reveal.core-is-last .mosaic-reveal_core { order: 1; min-height: 800px; } } .mosaic-reveal_core { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; overflow: auto; flex-basis: 100%; width: 100%; padding: 35px 11%; background: no-repeat center; background-size: cover; } @media screen and (min-width: 480px) { .mosaic-reveal_core { padding: 50px 16% 50px 16%; } } @media screen and (min-width: 1100px) { .mosaic-reveal_core { padding: 50px 6%; } } @media screen and (min-width: 1200px) { .mosaic-reveal_core { flex-basis: 50%; width: 50%; max-width: 50%; padding: 0 5%; } } @media screen and (min-width: 1400px) { .mosaic-reveal_core { padding: 0 8%; } } @media screen and (min-width: 1700px) { .mosaic-reveal_core { padding: 0 10%; } } @media screen and (min-width: 1920px) { .mosaic-reveal_core { padding: 0 12%; } } .mosaic-reveal_core-title { padding-bottom: 0; position: relative; margin-bottom: 0; line-height: 1.25; font-size: 2.40307rem; } .mosaic-reveal_core-body { line-height: 1.25; font-size: 1rem; } .mosaic-reveal_core-mega-title { font-size: calc(100% + 6vw); line-height: 1.1; color: #fff; } .experiencefragment {} .experiencefragment h2 { color: #fff; } @media screen and (min-width: 1024px) { .mosaic-reveal_core-mega-title { font-size: 4.75rem; line-height: 1.11; } } .mosaic-reveal_core-cta { display: table; } .mosaic-reveal_core-cta-icon { display: inline-block; margin-left: 3px; background-size: cover; width: 14px; height: 14px; } .mosaic-reveal_mosaics { box-sizing: border-box; flex-basis: 100%; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; position: relative; overflow: hidden; } .mosaic-reveal_mosaics:focus { outline: 2px solid red; } @media screen and (min-width: 1200px) { .mosaic-reveal_mosaics { flex-basis: 50%; width: 50%; } } .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2), .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2)~.mosaic-reveal_mosaic, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3) { flex-basis: 100%; width: 100%; max-width: 100%; } @media screen and (min-width: 860px) { .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_tease-title, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-title, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-body, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2)~.mosaic-reveal_mosaic .mosaic-reveal_tease-title, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2)~.mosaic-reveal_mosaic .mosaic-reveal_content-title, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2)~.mosaic-reveal_mosaic .mosaic-reveal_content-body, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_tease-title, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-title, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-body { width: 50%; } } .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-cta, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2)~.mosaic-reveal_mosaic .mosaic-reveal_content-cta, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-cta { font-size: 0.9375rem; line-height: 1.55rem; } .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2) .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(2)~.mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3) .mosaic-reveal_content-cta-icon { width: 14px; height: 14px; } .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3)+.mosaic-reveal_mosaic, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3)+.mosaic-reveal_mosaic+.mosaic-reveal_mosaic, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(4), .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(4)~.mosaic-reveal_mosaic { flex-basis: 50%; width: 50%; max-width: 50%; } .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3)+.mosaic-reveal_mosaic .mosaic-reveal_content-cta, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3)+.mosaic-reveal_mosaic+.mosaic-reveal_mosaic .mosaic-reveal_content-cta, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(4) .mosaic-reveal_content-cta, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(4)~.mosaic-reveal_mosaic .mosaic-reveal_content-cta { font-size: 0.875rem; line-height: 1.55rem; } .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3)+.mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(3)+.mosaic-reveal_mosaic+.mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(4) .mosaic-reveal_content-cta-icon, .mosaic-reveal_mosaics>.mosaic-reveal_mosaic:first-child:nth-last-child(4)~.mosaic-reveal_mosaic .mosaic-reveal_content-cta-icon { width: 13px; height: 13px; } .mosaic-reveal_mosaic { height: 200px; position: relative; overflow: hidden; cursor: pointer; outline: none; background: no-repeat center; background-size: cover; } .mosaic-reveal_mosaic .mosaic-reveal_content-cta { margin-top: 1.55rem; } @media screen and (max-width: 859px) { .mosaic-reveal_mosaic.show-content { position: static; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_tease[aria-hidden="true"] { visibility: hidden; opacity: 0; transition: all 1s ease; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content { visibility: visible; opacity: 1.0; top: 0; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content::before { height: 0; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content>* { opacity: 1.0; } .mosaic-reveal_mosaic.show-content .mosaic-reveal_content>.mosaic-reveal_content-bg { opacity: 0.95; } } @media screen and (max-width: 859px) { .mosaic-reveal_mosaic .mosaic-reveal_tease[aria-hidden="true"] { visibility: hidden; opacity: 0; transition: all 1s ease; } } @media screen and (min-width: 360px) { .mosaic-reveal_mosaic { height: 220px; } } @media screen and (min-width: 400px) { .mosaic-reveal_mosaic { height: 240px; } } @media screen and (min-width: 440px) { .mosaic-reveal_mosaic { height: 260px; } } @media screen and (min-width: 480px) { .mosaic-reveal_mosaic { height: 280px; } } @media screen and (min-width: 560px) { .mosaic-reveal_mosaic { height: 300px; } } @media screen and (min-width: 860px) { .mosaic-reveal_mosaic { height: 400px; cursor: default; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content, .mosaic-reveal_mosaic--touched .mosaic-reveal_content { visibility: visible; opacity: 1.0; top: 0; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content::before, .mosaic-reveal_mosaic--touched .mosaic-reveal_content::before { height: 0; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content>*, .mosaic-reveal_mosaic--touched .mosaic-reveal_content>* { opacity: 1.0; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_content>.mosaic-reveal_content-bg, .mosaic-reveal_mosaic--touched .mosaic-reveal_content>.mosaic-reveal_content-bg { opacity: 0.95; } .mosaic-reveal_mosaic:hover:not(.mosaic-reveal_mosaic--untouched) .mosaic-reveal_tease, .mosaic-reveal_mosaic--touched .mosaic-reveal_tease { visibility: hidden; opacity: 0; transition: all 1s ease; } } .mosaic-reveal_tease { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; transition: all 1s ease; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */ background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(0deg, rgb(0 0 0) 20%, rgb(0 0 0 / 0%) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .mosaic-reveal_tease-category { padding: 6px 8px 6px 20px; font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; } @media screen and (min-width: 480px) { .mosaic-reveal_tease-category { padding: 6px 8px 6px 30px; } } @media screen and (min-width: 860px) { .mosaic-reveal_tease-category { padding: 8px 10px 8px 50px; font-size: 13px; } } @media screen and (min-width: 1200px) { .mosaic-reveal_tease-category { padding: 8px 10px 8px 20px; } } @media screen and (min-width: 1450px) { .mosaic-reveal_tease-category { padding: 8px 10px 8px 50px; } } .mosaic-reveal_tease-title { padding: 2px 50px 15px 20px; margin: 0; font-size: 1.2019rem; } @media screen and (min-width: 480px) { .mosaic-reveal_tease-title { padding: 10px 50px 15px 30px; } } @media screen and (min-width: 860px) { .mosaic-reveal_tease-title { padding: 15px 50px 50px 50px; } } @media screen and (min-width: 1200px) { .mosaic-reveal_tease-title { padding: 15px 20px 50px; font-size: 1.414rem; } } @media screen and (min-width: 1450px) { .mosaic-reveal_tease-title { padding: 15px 50px 50px 50px; } } .mosaic-reveal_content { position: absolute; top: 100%; right: 0; left: 0; height: 100%; z-index: 2; padding: 0 10%; display: flex; flex-direction: column; justify-content: center; overflow: hidden; visibility: hidden; opacity: 0.0; transition: all .500s ease; } @media screen and (min-width: 480px) { .mosaic-reveal_content { padding: 0 15%; } } @media screen and (min-width: 650px) { .mosaic-reveal_content { padding: 0 20%; } } @media screen and (min-width: 860px) { .mosaic-reveal_content { padding: 0 50px; } } @media screen and (min-width: 1200px) { .mosaic-reveal_content { padding: 0 20px; } } @media screen and (min-width: 1450px) { .mosaic-reveal_content { padding: 0 50px; } } .mosaic-reveal_content[aria-hidden="false"] { visibility: visible; opacity: 1.0; } .mosaic-reveal_content::before { height: 220px; content: ""; display: block; width: 100%; transition: all 1s ease; } .mosaic-reveal_content.mobileStyle::after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lpZD0iQzE4NjEiPiAgICA8cGF0aCAgICAgICAgZD0iTTguNzE4IDhsNS4zMDMgNS4zMDMtLjcwNy43MDdMOC4wMSA4LjcwNyAyLjcwNyAxNC4wMSAyIDEzLjMwMyA3LjMwMyA4IDIgMi42OTdsLjcwNy0uNzA3TDguMDEgNy4yOTNsNS4zMDQtNS4zMDMuNzA3LjcwN3oiICAgICAgICB3aWlkPSJDMTg2MiI+PC9wYXRoPjwvc3ZnPg=="); position: absolute; display: block; height: 25px; width: 25px; right: 15px; left: auto; top: 15px; } html[dir='rtl'] .mosaic-reveal_content.mobileStyle::after { right: auto; left: 15px; } .mosaic-reveal_content>* { opacity: 0.0; transition: all 1s ease; } .mosaic-reveal_content-cta { margin-top: 1.55rem; } .mosaic-reveal_content-bg { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.95; } .mosaic-reveal_content-category { font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 5px; } @media screen and (min-width: 860px) { .mosaic-reveal_content-category { font-size: 13px; } } .mosaic-reveal_content-title { padding: 0 0 15px 0; margin: 0 0 15px 0; position: relative; font-size: 1.2019rem; } @media screen and (min-width: 480px) { .mosaic-reveal_content-title { font-size: 1.414rem; } } .mosaic-reveal_content-title::after { content: ""; display: block; position: absolute; bottom: 0; width: 50px; border-bottom-width: 1px; border-bottom-style: solid; } .mosaic-reveal_content-body { margin-bottom: 0; line-height: 1.25; } .mosaic-reveal_content-cta { margin-top: 1.55rem; padding-left: 0; padding-right: 0; } .mosaic-reveal_content-cta-icon { display: inline-block; margin-left: 3px; background-size: cover; } .mosaic-reveal_content-show { content: ""; height: 14px; width: 14px; display: block; position: absolute; right: 20px; bottom: 22px; background-size: contain; background-position: center center; background-repeat: no-repeat; } @media screen and (min-width: 480px) { .mosaic-reveal_content-show { height: 20px; width: 20px; } } .mosaic-reveal.cta-variant .mosaic-reveal_content .mosaic-reveal_content-cta { padding: 6px 16px; } .mosaic-reveal.cta-variant .mosaic-reveal_content .mosaic-reveal_content-cta:after { border-bottom: none; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-mega-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-body, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_tease-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-title, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-body { color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta { color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta::after { border-color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta { border-color: #000000; color: #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta:hover { box-shadow: inset 0 0 0 1px #000000; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_tease-category { background: rgba(0, 0, 0, 0.85); color: #FFFFFF; } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-show { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%227%2C9%206.3000002%2C9%202%2C13.3000002%202%2C9%201%2C9%201%2C15%207%2C15%207%2C14%202.7%2C14%207%2C9.6999998%20%22%2F%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23000000%3B%22%20points%3D%229%2C7%209.6999998%2C7%2014%2C2.7%2014%2C7%2015%2C7%2015%2C1%209%2C1%209%2C2%2013.3000002%2C2%209%2C6.3000002%20%22%2F%3E%0D%0A%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-hide { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20%23000000%3B%22%20d%3D%22M18.404%2016l9.9%209.9-2.404%202.404-9.9-9.9-9.9%209.9L3.696%2025.9l9.9-9.9-9.9-9.898L6.1%203.698l9.9%209.899%209.9-9.9%202.404%202.406-9.9%209.898z%22%2F%3E%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-category { color: rgba(0, 0, 0, 0.85); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_mosaic::before { background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 66%, white 100%); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_tease-title::after, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-title::after { border-bottom-color: rgba(0, 0, 0, 0.5); } [dir="rtl"] .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon:not(.icon-video), [dir="rtl"] .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon:not(.icon-video) { transform: scaleX(-1); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-internal, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-internal { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-external, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-external { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-video, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-video { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_core-cta-icon.icon-document, .mosaic-reveal [data-theme="dark-text"] .mosaic-reveal_content-cta-icon.icon-document { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-mega-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-body, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_tease-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-title, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-body { color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta { color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta::after { border-color: #ffffff; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta { border-color: #FFFFFF; color: #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta:hover { box-shadow: inset 0 0 0 1px #FFFFFF; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_tease-category { background: rgba(255, 255, 255, 0.9); color: #323232; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-show { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%227%2C9%206.3000002%2C9%202%2C13.3000002%202%2C9%201%2C9%201%2C15%207%2C15%207%2C14%202.7%2C14%207%2C9.6999998%20%22%2F%3E%0D%0A%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%229%2C7%209.6999998%2C7%2014%2C2.7%2014%2C7%2015%2C7%2015%2C1%209%2C1%209%2C2%2013.3000002%2C2%209%2C6.3000002%20%22%2F%3E%0D%0A%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-hide { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20%23FFFFFF%3B%22%20d%3D%22M18.404%2016l9.9%209.9-2.404%202.404-9.9-9.9-9.9%209.9L3.696%2025.9l9.9-9.9-9.9-9.898L6.1%203.698l9.9%209.899%209.9-9.9%202.404%202.406-9.9%209.898z%22%2F%3E%3C%2Fsvg%3E"); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content.mobileStyle::after { content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJmaWxsOiB3aGl0ZSIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWlkPSJDMTk0MCI+PHBhdGggc3R5bGU9ImZpbGw6ICNmZmZmZmYiIGQ9Ik04LjcxOCA4bDUuMzAzIDUuMzAzLS43MDcuNzA3TDguMDEgOC43MDcgMi43MDcgMTQuMDEgMiAxMy4zMDMgNy4zMDMgOCAyIDIuNjk3bC43MDctLjcwN0w4LjAxIDcuMjkzbDUuMzA0LTUuMzAzLjcwNy43MDd6IiB3aWlkPSJDMTk0MSI+PC9wYXRoPjwvc3ZnPg=="); position: absolute; display: block; height: 25px; width: 25px; right: 15px; left: auto; top: 15px; } html[dir='rtl'] .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content.mobileStyle::after { right: auto; left: 15px; } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-category { color: rgba(255, 255, 255, 0.9); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_mosaic::before { background: linear-gradient(to bottom, transparent 66%, black 100%); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_tease-title::after, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-title::after { border-bottom-color: rgba(255, 255, 255, 0.5); } [dir="rtl"] .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon:not(.icon-video), [dir="rtl"] .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon:not(.icon-video) { transform: scaleX(-1); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-internal, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-internal { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-external, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-external { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-video, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-video { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_core-cta-icon.icon-document, .mosaic-reveal [data-theme="light-text"] .mosaic-reveal_content-cta-icon.icon-document { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } /* Right to Left */ html[dir="rtl"] body .mosaic-reveal .btn-animated-border-bottom::after { left: auto; right: 0; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ @media screen and (min-width: 1920px) { .mosaic-reveal.boldcontent .mosaic-reveal_core { padding: 0 20% 0 3%; } } .mosaic-reveal.boldcontent .mosaic-reveal_core-title { font-size: 1.25rem; line-height: 1.5; font-weight: 700; font-style: normal; } @media screen and (min-width: 479px) { .mosaic-reveal.boldcontent .mosaic-reveal_core-title { font-size: 1.33rem; } } @media screen and (max-width: 859px) { .mosaic-reveal.boldcontent .mosaic-reveal_core-title { font-size: 1.414rem; } } .mosaic-reveal.boldcontent .mosaic-reveal_core-body { font-size: 2.0752rem; line-height: 1.15; font-weight: 700; font-style: normal; } @media screen and (min-width: 479px) { .mosaic-reveal.boldcontent .mosaic-reveal_core-body { font-size: 2.65966rem; } } @media screen and (min-width: 859px) { .mosaic-reveal.boldcontent .mosaic-reveal_core-body { font-size: 3.39795rem; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /*---------------------- ----- Legal ----- ----------------------*/ .long-form-legal-wrapper { border-top: thin solid #cccccc; box-sizing: border-box; padding-top: 20px; margin-left: 0; } .long-form-legal-wrapper-body { font-size: 11px; line-height: 1.5; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ @media (min-width: 768px) { .tablet-column-6 { padding: 0 10px; } } @media (min-width: 768px) { .tablet-column-10 { padding: 0 25px; } } @media (min-width: 1024px) { .tablet-column-10 { padding: 10px; } } .large-content-wrapper { position: relative; } .large-content-wrapper .large-content { box-sizing: border-box; position: relative; text-align: left; } .large-content-wrapper .large-content--heading { color: #323232; font-size: 1rem; margin-bottom: 10px; } @media screen and (min-width: 915px) { .large-content-wrapper .large-content--heading { font-size: 1.75vw; } } @media screen and (min-width: 1024px) { .large-content-wrapper .large-content--heading { font-size: 1.125rem; } } .large-content-wrapper .large-content--body { color: #595959; margin-bottom: 0; } .large-content-wrapper .large-content--outer { background: #f8f8f8; box-shadow: inset 0 0 0 1px #b4b4b4; box-sizing: border-box; color: #464646; margin: 10px 0 30px 0; padding: 60px 40px; } @media (min-width: 768px) { .large-content-wrapper .large-content--outer { width: 95%; } } @media (min-width: 1024px) { .large-content-wrapper .large-content--outer { float: right; clear: right; margin-top: auto; margin-bottom: 10px; margin-left: 25px; width: 45%; } } @media (min-width: 1440px) { .large-content-wrapper .large-content--outer { margin-right: -200px; margin-top: 15px; width: 55%; } } .large-content-wrapper .large-content--outer ul li { line-height: 1; margin-left: 5px; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /*---------------------- ----- Large Header ----- ----------------------*/ .main-content-wrapper { box-sizing: border-box; margin-top: -100px; position: relative; text-align: center; z-index: 1; } @media (min-width: 1024px) { .main-content-wrapper { margin-top: -140px; } .main-content-wrapper .column-16 { max-width: 80vw; } .main-content-wrapper .column-16.pre-4 { margin-left: 7.5vw !important; } } @media (min-width: 1440px) { .main-content-wrapper .column-16.pre-4 { margin-left: 241.66667px !important; } } .main-content-wrapper .main-content { background: #ffffff; box-sizing: border-box; padding: 0; padding-top: 20px; } @media (min-width: 1024px) { .main-content-wrapper .main-content { padding: 25px 60px 0; } } .main-content-wrapper .main-content--heading { font-size: 14px; letter-spacing: .15rem; margin-bottom: 0; text-transform: uppercase; } .main-content-wrapper .main-content--title { color: #323232; font-size: 50px; letter-spacing: -.1rem; line-height: 1.25; margin-bottom: 0; } .main-content-wrapper .separator { background: #0079c1; height: 3px; margin: 25px auto; width: 50px; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .large-content-stack { text-align: center; } .large-content-stack .play-button { border: none; margin-top: 0px; background: rgba(255, 255, 255, 0.9); width: 50px; height: 50px; border-radius: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5; transition: all .25s ease-out; } .large-content-stack .play-button:hover, .large-content-stack .play-button:focus { outline: none; cursor: pointer; } .large-content-stack .play-button:after { border-left: 12px solid #323232; } .large-content-stack .play-button:after:hover { border-left: 12px solid #323232; } .large-content-stack .play-button:hover, .large-content-stack .play-button:focus { background: #0079c1; border: none; outline: none; } .large-content-stack .play-button:hover:after, .large-content-stack .play-button:focus:after { border-left: 12px solid white; } .large-content-stack .play-button:focus { background: #0079c1; outline: none; } .large-content-stack .play-button:focus:after { border-left: 12px solid white; } .large-content-stack .play-button:after { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } @media screen and (min-width: 840px) { .large-content-stack .play-button { border: none; margin-top: 0px; background: rgba(255, 255, 255, 0.9); width: 72px; height: 72px; border-radius: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5; transition: all .25s ease-out; } .large-content-stack .play-button:hover, .large-content-stack .play-button:focus { outline: none; cursor: pointer; } .large-content-stack .play-button:after { border-left: 15px solid #323232; } .large-content-stack .play-button:after:hover { border-left: 15px solid #323232; } .large-content-stack .play-button:hover, .large-content-stack .play-button:focus { background: #0079c1; border: none; outline: none; } .large-content-stack .play-button:hover:after, .large-content-stack .play-button:focus:after { border-left: 15px solid white; } .large-content-stack .play-button:focus { background: #0079c1; outline: none; } .large-content-stack .play-button:focus:after { border-left: 15px solid white; } .large-content-stack .play-button:after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } } .large-content-stack_time-stamp { display: block; background-color: rgba(255, 255, 255, 0.9); position: absolute; z-index: 999; right: 0; bottom: 0; color: #4c4c4c; box-sizing: border-box; padding: 2px 9px; } .large-content-stack_content { width: 90%; margin: 0 auto; text-align: center; padding-top: 42px; } @media (min-width: 480px) { .large-content-stack_content { width: 65%; max-width: 600px; } } .large-content-stack_mega-title { font-size: 2.82714594rem; line-height: 3.1rem; font-weight: 600; margin: 0 auto; text-align: center; } @media screen and (max-width: 859px) { .large-content-stack_mega-title { font-size: 2.352637rem; } } @media screen and (max-width: 479px) { .large-content-stack_mega-title { font-size: 1.953125rem; line-height: 2.325rem; } } @media (min-width: 480px) { .large-content-stack_mega-title { font-size: 3.39794671rem; line-height: 3.1rem; } } @media screen and (min-width: 480px) and (max-width: 859px) { .large-content-stack_mega-title { font-size: 2.65965613rem; } } @media screen and (min-width: 480px) and (max-width: 479px) { .large-content-stack_mega-title { font-size: 2.07519531rem; line-height: 2.325rem; } } @media (min-width: 860px) { .large-content-stack_mega-title { font-size: 3.99758436rem; line-height: 3.875rem; } } @media screen and (min-width: 860px) and (max-width: 859px) { .large-content-stack_mega-title { font-size: 3.12900721rem; } } @media screen and (min-width: 860px) and (max-width: 479px) { .large-content-stack_mega-title { font-size: 2.44140625rem; line-height: 3.1rem; } } .large-content-stack_title { font-size: 2.40307405rem; line-height: 3.1rem; font-weight: 300; margin: 0 auto; text-align: center; } @media screen and (max-width: 859px) { .large-content-stack_title { font-size: 1.99974145rem; } } @media screen and (max-width: 479px) { .large-content-stack_title { font-size: 1.66015625rem; line-height: 2.325rem; } } .large-content-stack_body { font-size: 0.9375rem; line-height: 1.55rem; font-weight: 300; margin: 13px auto 0; text-align: center; } .large-content-stack_main-image-wrap { margin: 44px auto 0; position: relative; max-width: 1050px; width: 92%; } .large-content-stack_main-image-wrap[data-modal="true"] { cursor: pointer; } .large-content-stack_main-image-wrap:hover .play-button { background: #0079c1; } .large-content-stack_main-image-wrap:hover .play-button::after { border-left: 15px solid #ffffff; } .large-content-stack_main-image { width: 100%; max-width: 100%; min-width: 100%; height: auto; display: block; } .large-content-stack_wrapper { background-repeat: no-repeat; background-position: center center; background-size: cover; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_title, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_mega-title { color: #ffffff; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_body { color: #bcbcbc; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta { background: none; margin-right: 10px; border: thin solid #ffffff; color: #ffffff; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta:hover, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta:focus { box-shadow: inset 0 0 0 2px #ffffff; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-in-out; width: 13px; display: inline-block; margin-left: 5px; } html[dir="rtl"] .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta { margin-left: 10px; margin-right: 0; } html[dir="rtl"] .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta:after { transform: scaleX(-1); margin-right: 6px; margin-left: 0; } html[dir="rtl"] .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".mp4"]::after, html[dir="rtl"] .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".mov"]::after, html[dir="rtl"] .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href^="/videos/"]::after { transform: none; } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href*=""]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta:not([href*=""])::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".pdf"]::after, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".doc"]::after, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".zip"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href^="/"]::after, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href^=".."]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".mp4"]::after, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href$=".mov"]::after, .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href^="/videos/"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .large-content-stack_wrapper[data-theme="light-text"] .large-content-stack_cta[href*="tel:"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC41MjEuMjE2YTE3LjE0NyAxNy4xNDcgMCAwIDAtNS4zNDYgNi42ODZjMS42MTMgNC4zMzIgMy41ODUgOC41OTIgNS45NzMgMTIuNzI5czUuMDkyIDcuOTc0IDguMDM3IDExLjUzN2MyLjgyLjI4NiA1LjcyNy0uMTIxIDguNDYzLTEuMjg3YTEuMDYgMS4wNiAwIDAgMCAuMzc1LTEuNjkgNzYuNTE3IDc2LjUxNyAwIDAgMS00LjMwNy01LjIzIDEuMDUgMS4wNSAwIDAgMC0xLjQ3NC0uMjEybC0xLjU5NiAxLjIwOGExLjAwMiAxLjAwMiAwIDAgMS0xLjQ3My0uMjk4bC03LjUwMi0xMi45OTRhMS4wMDMgMS4wMDMgMCAwIDEgLjQ3OC0xLjQyNWwxLjg0NC0uNzc4Yy41MzgtLjIyNy43ODItLjg0NS41NTMtMS4zODJBNzYuNTIgNzYuNTIgMCAwIDEgMTIuMTcxLjczNWExLjA2IDEuMDYgMCAwIDAtMS42NTEtLjUyeiIvPjwvc3ZnPg==); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_title, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_mega-title { color: #323232; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_body { color: #595959; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta { background: none; margin-right: 10px; border: thin solid #000000; color: #000000; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta:hover, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta:focus { box-shadow: inset 0 0 0 2px #000000; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-in-out; width: 13px; display: inline-block; margin-left: 5px; } html[dir="rtl"] .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta { margin-left: 10px; margin-right: 0; } html[dir="rtl"] .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta:after { transform: scaleX(-1); margin-right: 6px; margin-left: 0; } html[dir="rtl"] .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".mp4"]::after, html[dir="rtl"] .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".mov"]::after, html[dir="rtl"] .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href^="/videos/"]::after { transform: none; } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href*=""]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta:not([href*=""])::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".pdf"]::after, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".doc"]::after, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".zip"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href^="/"]::after, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href^=".."]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".mp4"]::after, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href$=".mov"]::after, .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href^="/videos/"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .large-content-stack_wrapper[data-theme="dark-text"] .large-content-stack_cta[href*="tel:"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xMC41MjEuMjE2YTE3LjE0NyAxNy4xNDcgMCAwIDAtNS4zNDYgNi42ODZjMS42MTMgNC4zMzIgMy41ODUgOC41OTIgNS45NzMgMTIuNzI5czUuMDkyIDcuOTc0IDguMDM3IDExLjUzN2MyLjgyLjI4NiA1LjcyNy0uMTIxIDguNDYzLTEuMjg3YTEuMDYgMS4wNiAwIDAgMCAuMzc1LTEuNjkgNzYuNTE3IDc2LjUxNyAwIDAgMS00LjMwNy01LjIzIDEuMDUgMS4wNSAwIDAgMC0xLjQ3NC0uMjEybC0xLjU5NiAxLjIwOGExLjAwMiAxLjAwMiAwIDAgMS0xLjQ3My0uMjk4bC03LjUwMi0xMi45OTRhMS4wMDMgMS4wMDMgMCAwIDEgLjQ3OC0xLjQyNWwxLjg0NC0uNzc4Yy41MzgtLjIyNy43ODItLjg0NS41NTMtMS4zODJBNzYuNTIgNzYuNTIgMCAwIDEgMTIuMTcxLjczNWExLjA2IDEuMDYgMCAwIDAtMS42NTEtLjUyeiIvPjwvc3ZnPg==); } .large-content-stack hr.separator { margin: 15px auto 20px; } /* Right to Left */ html[dir="rtl"] .large-content-stack hr.separator { margin: 15px auto 20px; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .video-text-split { box-sizing: border-box; padding: 25px 0 50px 0; } .image-text-split { align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; -webkit-box-align: center; -ms-flex-align: center; width: 100%; } @media (max-width: 859px) { .image-text-split { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (min-width: 859px) { .image-text-split .on-left { order: 1; } .image-text-split .on-right { order: 2; } } .image-text-split.light { color: white; } .image-text-split.dark { color: black; } @media (min-width: 1280px) { .img-split { -ms-flex-item-align: end; align-self: flex-end; } } .img-split img { display: block; } .video_modal { max-height: 480px; overflow: hidden; position: relative; text-align: center; } .video_modal .video_placeholder { max-width: 107%; height: 480px; } .video-text-split .video_placeholder { max-width: 100%; height: auto; } .video_play { background-color: rgba(255, 255, 255, 0.9); border-radius: 100%; height: 72px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all .25s ease-out; width: 72px; z-index: 5; } .video_play::after { content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #323232; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .video_play:hover { cursor: pointer; background: #0079c1; } .video_play:hover::after { border-left-color: #fff; } .video-text-split .image-text-split .on-right { padding: 0 30px; } .video-text-split .image-text-split .on-left { padding: 0 30px; } .video-text-split .image-text-split p.category { font-weight: 500; letter-spacing: 0.08em; font-size: 14px; margin-bottom: 5px; } .video-text-split .image-text-split .category-title { margin-bottom: 10px; line-height: 2.5rem; font-size: 2.40307rem; letter-spacing: -0.1rem; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .icon-title-series .icon-title-series-background>.title { text-align: center; padding-top: 40px; padding-bottom: 40px; } .icon-title-series .icon-title-series-background>.block-group { margin: auto; width: 90%; } .icon-title-series .icon { height: 48px; width: 48px; padding-bottom: 20px; margin: auto; } .icon-title-series .number { width: 100%; padding-bottom: 20px; margin: auto; } .icon-title-series .icon>svg { height: 48px; width: 48px; } .icon-title-series .icon-title { padding-bottom: 18px; word-wrap: break-word; } .icon-title-series .icon-title-item { text-align: center; } .icon-title-series .icon-body { margin: 9px 0 28px 0; } .icon-title-series .btn-white-text { color: #ffffff; background: none; border-color: #ffffff; } .icon-title-series .btn-white-text:hover { border: 3px solid; border-color: #ffffff; background: none; color: #ffffff; } .icon-title-series .btn-black-text { color: #000; background: none; border-color: #4c4c4c; } .icon-title-series .btn-black-text:hover { border: 3px solid; border-color: #4c4c4c; background: none; color: #4c4c4c; } .icon-title-series .darktheme { color: #4c4c4c; border-color: #4c4c4c; } .icon-title-series .lighttheme { color: #ffffff; border-color: #ffffff; } .icon-title-series .divider { height: 1px; width: 40px; margin: auto; } .icon-title-series .cta { width: 100%; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .edc-about { position: relative; } @media (min-width: 641px) { .edc-about { display: -webkit-box; display: -ms-flexbox; display: flex; } } .edc-about-heading { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-position: 50%; background-size: 100% auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transition: background-size .4s; transition: background-size .4s; } @media (max-width: 640px) { .edc-about-heading { font-size: 12vw; line-height: 1.1; height: 50vh; } } @media (min-width: 641px) { .edc-about-heading { -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 5vw; line-height: 1.1; height: 45vw; max-height: 45vh; width: 50vw; } } h2.edc-about-heading { font-weight: inherit; margin-top: 0; margin-bottom: 0; background-repeat: no-repeat; } .edc-about-heading:focus, .edc-about-heading:hover { background-size: 115% auto; } @media (min-width: 641px) { .edc-about-heading:focus a:after, .edc-about-heading:hover a:after { margin-left: 0; opacity: 1; } } .edc-about-heading a { color: #fff; text-decoration: none; } .edc-about-heading a:hover { color: #fff; } .edc-about-heading a:hover { text-decoration: none; } .edc-about-heading a:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2016%2016'%20fill='%23ffffff'%20width='1em'%20height='1em'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%2014.297l5.313-5.313H0V8h13.281L8%202.703V1.281L15.219%208.5%208%2015.719v-1.422z'/%3E%3C/svg%3E"); background-position: 20% 75%; background-size: 60%; content: ""; display: inline-block; fill: #fff; width: 1em; height: 1em; -webkit-transition: margin-left .4s, opacity .4s; transition: margin-left .4s, opacity .4s; vertical-align: top; background-repeat: no-repeat; } @media (max-width: 860px) { .edc-about-heading a:after { margin-left: 0; opacity: 1; } } @media (min-width: 861px) { .edc-about-heading a:after { margin-left: -1em; opacity: 0; } } .edc-about-citation { color: #bcbcbc; background-color: #323232; font: 11px/15px Helvetica Neue, Helvetica, sans-serif; padding: 5px 30px; text-align: center; z-index: 1; } @media (max-width: 640px) { .edc-about-citation { right: 0; bottom: 0; left: 0; position: absolute; } } @media (min-width: 641px) { .edc-about-citation { bottom: 0; left: 50%; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } .edc-about-citation, .edc-about-citation:hover { text-decoration: none; } .edc-about-citation:focus, .edc-about-citation:hover { color: #fff; background-color: #222; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /* hero message */ .edc-related.-dark, .edc-related.-dark * a { color: #ffffff; background-color: #323232; text-shadow: none !important; } .edc-related { display: flex; overflow: hidden; } @media (max-width: 480px) { .edc-related { -ms-flex-direction: column; flex-direction: column; min-height: 100vh; } } @media (min-width: 481px) and (max-width: 860px) { .edc-related { align-items: center; min-height: 50vh; } } .edc-related-message { font-size: 32px; line-height: 1.094; padding: 15% 10%; text-align: center; font-weight: 100; justify-content: center; letter-spacing: -.03em; margin: 0; -webkit-transition: font-size .2s; transition: font-size .2s; } @media (min-width: 480px) { .edc-related-message { font-size: 35px; line-height: 1.086; padding-right: 22px; padding-left: 22px; width: calc(50vw + 22px); text-align: left; } } @media (min-width: 860px) { .edc-related-message { font-size: 3.4vmax; line-height: 1.5; padding: 33px; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; } } @media (min-width: 1900px) { .edc-related-message { font-size: 64px; } } .edc-related-message [data-tooltip]:before { bottom: calc(100% - 4px); font-weight: 400; letter-spacing: 0; text-shadow: none; z-index: 1; } .edc-related-message [data-tooltip]:after { bottom: calc(100% - 4px - 10px); } .edc-related-message-content { display: inline; max-width: 12.75em; font-weight: 300; position: relative; } .edc-related-message-content a { display: inline-block; text-decoration: none; color: inherit; } .edc-related-message-content a:hover { text-decoration: none; color: inherit; } @media (min-width: 861px) { .edc-related-message-content a { background-position: 100% calc(100% - .05em); background-repeat: no-repeat; background-size: 200% 1px; position: relative; -webkit-transition: background-position-x .4s; transition: background-position-x .4s; } .edc-related-message-content a:focus, .edc-related-message-content a:hover { background-position-x: 0; } } .edc-related-message-tooltip { display: block; font-size: 16px; letter-spacing: 0; line-height: 1.5; margin-top: 18px; text-decoration: none; } .edc-related-message-tooltip:after { content: ""; display: inline-block; margin-left: .25em; width: .8em; height: .8em; } .edc-related .edc-related-aside2 { background-position: 50% 50%; background-size: auto 100%; display: block; overflow: hidden; position: relative; -webkit-transition: background-size .35s ease-out, -webkit-transform .2s ease-out; transition: background-size .35s ease-out, -webkit-transform .2s ease-out; transition: background-size .35s ease-out, transform .2s ease-out; transition: background-size .35s ease-out, transform .2s ease-out, -webkit-transform .2s ease-out; } @media (max-width: 480px) { .edc-related .edc-related-aside2 { margin: 16px; width: calc(100vw - 16px * 2); height: 75vw; } } @media (min-width: 481px) and (max-width: 1280px) { .edc-related .edc-related-aside2 { width: 44vw; height: 33vw; } } @media (min-width: 1281px) { .edc-related .edc-related-aside2 { min-width: 400px; min-height: 300px; width: 60vmin; height: 45vmin; } } .edc-related .edc-related-aside2:hover, .edc-related .edc-related-aside2:active, .edc-related .edc-related-aside2:focus { background-size: auto 108%; } .edc-related .edc-related-aside2 .edc-related-link { padding: 16px; padding-right: 30px; right: 0; bottom: 0; left: 0; position: absolute; text-decoration: none; -webkit-transition: background-color .4s; transition: background-color .4s; } .edc-related .edc-related-aside2 .edc-related-link .edc-related-action { display: block; font-size: 1.5vmax; line-height: 1.3; } @media (max-width: 1280px) { .edc-related .edc-related-aside2 .edc-related-link .edc-related-action { font-size: 20px; } } .edc-related .edc-related-aside2 .edc-related-link:hover .edc-related-action span::after, .edc-related .edc-related-aside2 .edc-related-link:active .edc-related-action span::after, .edc-related .edc-related-aside2 .edc-related-link:focus .edc-related-action span::after { visibility: visible; opacity: 1; margin-left: 4px; } @media (min-width: 481px) { .edc-related:first-child~.edc-related:nth-child(2n), :not(.edc-related)+.edc-related:nth-child(2n)~.edc-related:nth-child(odd), :not(.edc-related)+.edc-related:nth-child(odd)~.edc-related:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 861px) { .edc-related.-dark .edc-related-message-content a { display: inline; text-decoration: none; background-position: 100% calc(100% - .05em); background-repeat: no-repeat; background-size: 200% 1px; position: relative; -webkit-transition: background-position-x .4s; transition: background-position-x .4s; background-image: -webkit-linear-gradient(left, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); background-image: linear-gradient(90deg, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); color: #49b0f2; text-shadow: -0.075em -0.05em 0 #323232, -0.125em 0 0 #323232, -0.075em 0 0 #323232, -0.05em 0 0 #323232, 0.05em 0 0 #323232, 0.075em 0 0 #323232, 0.125em 0 0 #323232 !important; } .edc-related.-dark .edc-related-message-content a:hover { text-decoration: none; background-position-x: 0; } .edc-related.-dark .edc-related-message-content a::selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-dark .edc-related-message-content a::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-dark .edc-related-message-content li { letter-spacing: 0; } .edc-related.-light .edc-related-message-content a::selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-light .edc-related-message-content a::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; } .edc-related.-light .edc-related-message-content li { letter-spacing: 0; } } .edc-related.-light .edc-related-aside2:hover .edc-related-link, .edc-related.-light .edc-related-aside2:active .edc-related-link, .edc-related.-light .edc-related-aside2:focus .edc-related-link { background-color: white; } .edc-related.-light .edc-related-aside2:hover .edc-related-link .edc-related-action span, .edc-related.-light .edc-related-aside2:active .edc-related-link .edc-related-action span, .edc-related.-light .edc-related-aside2:focus .edc-related-link .edc-related-action span { color: #4c4c4c; } .edc-related.-light .edc-related-aside2 .edc-related-category { letter-spacing: .12em; font-size: 11px; font-weight: 700; font-style: normal; text-transform: uppercase; box-sizing: border-box; width: 100%; position: relative; margin: 0; color: #4c4c4c; line-height: 1; } @media screen and (min-width: 640px) { .edc-related.-light .edc-related-aside2 .edc-related-category { font-size: 13px; } } .edc-related.-light .edc-related-aside2 .edc-related-link { background-color: rgba(255, 255, 255, 0.85); } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span { position: relative; color: #4c4c4c; } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span::after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: visibility .4s, opacity 0.4s linear, all .25s ease-in-out; width: 13px; display: inline-block; visibility: hidden; opacity: 0; margin-left: -6px; position: absolute; top: 4px; } html[dir="rtl"] .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span::after { transform: scaleX(-1); } html[dir="rtl"] .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span::after[href$=".mp4"]::after, html[dir="rtl"] .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span::after[href$=".mov"]::after, html[dir="rtl"] .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span::after[href^="/videos/"]::after { transform: none; } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span:hover { text-decoration: none; } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span:hover:after { opacity: 1; visibility: visible; margin-left: 5px; } html[dir="rtl"] .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span:hover:after { margin-right: 5px; margin-left: 0; } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwNzljMSIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span:hover { color: #005e95; } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span:after { top: 0; position: relative; margin-bottom: -3px; width: 0.7em; height: 0.7em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .edc-related.-light .edc-related-aside2 .edc-related-link .edc-related-action span:hover { color: #4c4c4c; } @media (min-width: 861px) { .edc-related.-light .edc-related-message-content a { background-image: -webkit-linear-gradient(left, #0079c1 calc(50% - 1px), #cccccc calc(50% - 1px)); background-image: linear-gradient(90deg, #0079c1 calc(50% - 1px), #cccccc calc(50% - 1px)); color: #0079c1; text-shadow: -0.075em -0.05em 0 #ffffff, -0.125em 0 0 #ffffff, -0.075em 0 0 #ffffff, -0.05em 0 0 #ffffff, 0.05em 0 0 #ffffff, 0.075em 0 0 #ffffff, 0.125em 0 0 #ffffff; } } .edc-related.-light .edc-related-message-tooltip { color: #0079c1; } .edc-related.-light .edc-related-message-tooltip:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2016%2016'%20fill='%230079c1'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%2014.297l5.313-5.313H0V8h13.281L8%202.703V1.281L15.219%208.5%208%2015.719v-1.422z'/%3E%3C/svg%3E"); background-repeat: no-repeat; fill: #0079c1; } .edc-related-category+.edc-related-action { margin-top: .25em; } .edc-related.-dark .edc-related-message [data-tooltip]:before { color: #323232; background-color: #e6e6e6; } .edc-related.-dark .edc-related-message [data-tooltip]:after { border-top-color: #e6e6e6; } @media (min-width: 861px) { .edc-related.-dark .edc-related-message-content a, .edc-related.-dark .edc-related-message-content p a { background-image: -webkit-linear-gradient(left, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); background-image: linear-gradient(90deg, #49b0f2 calc(50% - 1px), #595959 calc(50% - 1px)); color: #49b0f2; text-shadow: -0.075em -0.05em 0 #323232, -0.125em 0 0 #323232, -0.075em 0 0 #323232, -0.05em 0 0 #323232, 0.05em 0 0 #323232, 0.075em 0 0 #323232, 0.125em 0 0 #323232; } } .edc-related.-dark .edc-related-aside2:hover .edc-related-link, .edc-related.-dark .edc-related-aside2:active .edc-related-link, .edc-related.-dark .edc-related-aside2:focus .edc-related-link { background-color: #323232; } .edc-related.-dark .edc-related-aside2:hover .edc-related-link .edc-related-action span, .edc-related.-dark .edc-related-aside2:active .edc-related-link .edc-related-action span, .edc-related.-dark .edc-related-aside2:focus .edc-related-link .edc-related-action span { color: #ffffff; } .edc-related.-dark .edc-related-aside2 .edc-related-link { background-color: rgba(50, 50, 50, 0.85); } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span { position: relative; color: #ffffff; } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span::after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: visibility .4s, opacity 0.4s linear, all .25s ease-in-out; width: 13px; display: inline-block; visibility: hidden; opacity: 0; margin-left: -6px; position: absolute; top: 4px; } html[dir="rtl"] .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span::after { transform: scaleX(-1); } html[dir="rtl"] .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span::after[href$=".mp4"]::after, html[dir="rtl"] .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span::after[href$=".mov"]::after, html[dir="rtl"] .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span::after[href^="/videos/"]::after { transform: none; } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span:hover { text-decoration: none; } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span:hover:after { opacity: 1; visibility: visible; margin-left: 5px; } html[dir="rtl"] .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span:hover:after { margin-right: 5px; margin-left: 0; } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgPGc+PHBhdGggZmlsbD0iIzc0YzZmZiIgZD0iTTgsMTQuMjk2ODc1bDUuMzEyNS01LjMxMjVIMFY4aDEzLjI4MTI1TDgsMi43MDMxMjVWMS4yODEyNUwxNS4yMTg3NSw4LjVMOCwxNS43MTg3NVYxNC4yOTY4NzV6Ij48L3BhdGg+PC9nPgo8L3N2Zz4=") no-repeat center center; } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span:hover { color: #74c6ff; } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span:after { top: 0; position: relative; margin-bottom: -3px; width: 0.7em; height: 0.7em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .edc-related.-dark .edc-related-aside2 .edc-related-link .edc-related-action span:hover { color: #ffffff; } .edc-related.-dark .edc-related-aside2 .edc-related-category { letter-spacing: .12em; font-size: 11px; font-weight: 700; font-style: normal; text-transform: uppercase; box-sizing: border-box; width: 100%; position: relative; margin: 0; color: #ffffff; line-height: 1; } @media screen and (min-width: 640px) { .edc-related.-dark .edc-related-aside2 .edc-related-category { font-size: 13px; } } @media (max-width: 860px) { .edc-related.-dark .edc-related-message a.edc-related-message-tooltip { color: #49b0f2; } } .edc-related.-dark .edc-related-message-tooltip { color: #49b0f2; } .edc-related.-dark .edc-related-message-tooltip:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2016%2016'%20fill='%2349b0f2'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%2014.297l5.313-5.313H0V8h13.281L8%202.703V1.281L15.219%208.5%208%2015.719v-1.422z'/%3E%3C/svg%3E"); background-repeat: no-repeat; } .edc-related .edc-related-aside2:hover, .edc-related .edc-related-aside2:active, .edc-related .edc-related-aside2:focus { cursor: pointer; } .edc-related .edc-related-aside2:hover .edc-related-link .edc-related-action span::after, .edc-related .edc-related-aside2:active .edc-related-link .edc-related-action span::after, .edc-related .edc-related-aside2:focus .edc-related-link .edc-related-action span::after { visibility: visible; opacity: 1; margin-left: 4px; } html[dir="rtl"] .edc-related .edc-related-aside2:hover .edc-related-link .edc-related-action span::after, html[dir="rtl"] .edc-related .edc-related-aside2:active .edc-related-link .edc-related-action span::after, html[dir="rtl"] .edc-related .edc-related-aside2:focus .edc-related-link .edc-related-action span::after { margin-right: 5px; margin-left: 0; } [data-tooltip] { position: relative; } [data-tooltip]:after, [data-tooltip]:before { opacity: 0; left: 50%; position: absolute; -webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px); -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; transition: opacity .2s, transform .2s, -webkit-transform .2s; } [data-tooltip]:before { bottom: calc(100% + 5px + 4px); content: attr(data-tooltip); text-decoration: none; font-size: 14px; line-height: 1.07143; padding: 9.5px 12px; text-align: center; -webkit-transform: translate(-50%, 15px); transform: translate(-50%, 15px); color: #ffffff; background-color: #4c4c4c; } @media (min-width: 861px) { [data-tooltip]:before { white-space: nowrap; } } [data-tooltip]:after { border: 5px solid transparent; bottom: calc(100% - 4px + 4px); content: ""; border-top-color: #4c4c4c; } .-dark [data-tooltip]:before { color: #323262; background-color: #e6e6e6; } .-dark [data-tooltip]:after { border-top-color: #e6e6e6; } [data-tooltip]:hover:after, [data-tooltip]:hover:before { opacity: 1; -webkit-transform: translate(-50%); transform: translate(-50%); } .edc-related.-dark, .edc-related.-dark * a { color: #ffffff; background-color: #323232; text-shadow: none !important; } @media (min-width: 481px) { .edc-related.ILTR, .edc-related.ILTR * a { flex-direction: row-reverse; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .c-hero-video { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 50vh; overflow: hidden; position: relative; } @media (min-width: 1456px) { .c-hero-video { padding: 80px calc(50vw - 1440px / 2); } } @media (max-width: 1455px) { .c-hero-video { padding: 80px 20px; } } .c-hero-video::after { content: ""; top: 0; right: 0; bottom: 0; left: 0; position: absolute; -webkit-transition: background-color 300ms; transition: background-color 300ms; } .c-hero-video.-dark { color: #fff; background-color: #000; } .c-hero-video.-dark::after { background-color: rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.05) 100%); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0.05) 100%); } @media (max-width: 1455px) { .c-hero-video.-dark::after { background-color: rgba(0, 0, 0, 0.4); } } .c-hero-video.-dark .c-hero-video-headline { text-shadow: 0 2px 1px rgba(0, 0, 0, 0.75), 2px 2px 32px rgba(0, 0, 0, 0.65); } .c-hero-video.-dark .c-hero-video-bodycopy { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75), 2px 2px 32px rgba(0, 0, 0, 0.65); } .c-hero-video.-light { color: #000; background-color: #fff; } .c-hero-video.-light::after { background-color: rgba(255, 255, 255, 0.2); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.05) 100%); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.6) 25%, rgba(255, 255, 255, 0.05) 100%); } @media (max-width: 1455px) { .c-hero-video.-light::after { background-color: rgba(255, 255, 255, 0.4); } } .c-hero-video.-light .c-hero-video-headline { text-shadow: 0 2px 1px rgba(255, 255, 255, 0.55), 2px 2px 32px rgba(255, 255, 255, 0.45); } .c-hero-video.-light .c-hero-video-bodycopy { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.95), 2px 2px 32px rgba(255, 255, 255, 0.95); } /* Hero Video: Icon /* ========================================================================== */ .c-hero-video-icon { display: block; margin-bottom: 20px; width: 80px; height: 80px; } /* Hero Video: Content /* ========================================================================== */ .c-hero-video-content { position: relative; z-index: 1; } .c-hero-video-content img { height: 90px; } /* Hero Video: Headline /* ========================================================================== */ .c-hero-video-headline { letter-spacing: -.025em; -webkit-transition: font-size 75ms, line-height 75ms; transition: font-size 75ms, line-height 75ms; } @media (min-width: 1456px) { .c-hero-video-headline { color: #fff; font-size: 90px; line-height: 90px; letter-spacing: -3px; } } @media (max-width: 1455px) and (min-width: 616px) { .c-hero-video-headline { font-size: 60px; line-height: 70px; } } @media (max-width: 615px) { .c-hero-video-headline { font-size: 40px; line-height: 50px; } } /* Hero Video: Subhead /* ========================================================================== */ .c-hero-video-subhead { font-weight: 400; margin-top: 10px; margin-bottom: 0; -webkit-transition: font-size 75ms, line-height 75ms; transition: font-size 75ms, line-height 75ms; } @media (min-width: 616px) { .c-hero-video-subhead { font-size: 24px; line-height: 30px; } } @media (max-width: 615px) { .c-hero-video-subhead { font-size: 16px; line-height: 30px; } } /* Hero Video: Body Copy /* ========================================================================== */ .c-hero-video-bodycopy { margin-top: 0; margin-bottom: 0; max-width: 584px; -webkit-transition: font-size 75ms, line-height 75ms; transition: font-size 75ms, line-height 75ms; } @media (min-width: 616px) { .c-hero-video-bodycopy { font-size: 20px; line-height: 30px; } } @media (max-width: 615px) { .c-hero-video-bodycopy { font-size: 14px; line-height: 20px; } } .c-hero-video-bodycopy>*:first-child { margin-top: 0; } .c-hero-video-bodycopy>*:last-child { margin-bottom: 0; } /* Hero Video: Video /* ========================================================================== */ .c-hero-video-video { -o-object-fit: cover; object-fit: cover; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; } .c-hero-video-video::-webkit-media-controls-start-playback-button { display: none; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .cc-slides-slide.dark { color: #323232; } .cc-slides-slide.light { color: #ffffff; } .dark .cc-slides-label a { color: #333; } .dark .cc-slides-label a:hover { color: #333; } .home-slider .cc-slides { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #196fa6; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0; padding-bottom: 0; position: relative; transition: background-image .3s; } @media (max-width: 499px) { .home-slider .cc-slides { text-align: center; } } @media (min-width: 500px) { .home-slider .cc-slides { background-position: 50%; } } @media (min-width: 1281px) { .home-slider .cc-slides { min-height: 70vh; height: 70vh; } } .home-slider .cc-slides-immediate-control>span, .home-slider .cc-slides-pagination-control>span { clip: rect(0 0 0 0); position: absolute; } .home-slider .cc-slides-immediate-control { border-style: none; cursor: pointer; opacity: 0; overflow: hidden; top: 0; bottom: 0; position: absolute; width: 32px; -webkit-transition: opacity .3s; transition: opacity .3s; } .home-slider .cc-slides-immediate-control:not(:focus) { clip: rect(0 0 0 0); } .home-slider .cc-slides-immediate-control:focus, .home-slider .cc-slides-immediate-control:hover { opacity: 1; } .home-slider .cc-slides-immediate-control:hover { outline-width: 0; } .home-slider .cc-slides-previous-control { background-image: -webkit-linear-gradient(left, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); background-image: linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); left: 0; } .home-slider .cc-slides-next-control { background-image: -webkit-linear-gradient(left, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.5)); background-image: linear-gradient(90deg, rgba(50, 50, 50, 0), rgba(50, 50, 50, 0.5)); right: 0; } .home-slider .cc-slides-list { list-style-type: none; margin-left: 0; -webkit-transition: padding .4s; transition: padding .4s; min-height: 70vh; width: 100%; min-width: 100%; } @media (max-width: 480px) { .home-slider .cc-slides-list { padding-right: 0; padding-left: 0; } } @media (min-width: 481px) and (max-width: 1280px) { .home-slider .cc-slides-list { padding-left: 0; padding-right: 0; } } @media (min-width: 1281px) { .home-slider .cc-slides-list { padding-left: 0; padding-right: 0; } } .home-slider .cc-slides-slide { margin: 0; position: relative; } .home-slider .cc-slides-slide[aria-hidden=true] { display: none; } .home-slider .text-holder { display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; min-height: 70vh; } .home-slider .cc-slides-label { font-weight: 300; letter-spacing: -.05em; margin: 0; max-width: 704px; text-shadow: none; -webkit-transition: font-size .4s; transition: font-size .4s; } @media (max-width: 480px) { .home-slider .cc-slides-label { font-size: 48px; line-height: 1; } } @media (min-width: 481px) and (max-width: 1280px) { .home-slider .cc-slides-label { font-size: 65px; line-height: 1; } } @media (min-width: 1281px) and (max-width: 1500px) { .home-slider .cc-slides-label { font-size: 72px; line-height: 1.04167; } } @media (min-width: 1501px) { .home-slider .cc-slides-label { font-size: 90px; line-height: 1.05556; } } .home-slider .cc-slides-label a { color: inherit; text-decoration: none; } .home-slider .cc-slides-label a:hover { color: inherit; text-decoration: none; } .home-slider .cc-slides-action { background-color: #0079c1; border-style: none; color: #ffffff; cursor: pointer; display: inline-block; font-size: 15px; font-size: .9375rem; font-weight: inherit; line-height: 24.8px; line-height: 1.55rem; padding: 4.96px 14.4px; padding: .31rem .9rem; text-decoration: none; -webkit-transition: background-color .05s linear, color .05s linear; transition: background-color .05s linear, color .05s linear; vertical-align: middle; white-space: nowrap; } @media (max-width: 499px) { .home-slider .cc-slides-action { max-width: 90vw; white-space: normal; } } .home-slider .cc-slides-action:focus, .home-slider .cc-slides-action:hover { color: #ffffff; background-color: #005e95; text-decoration: none; } .home-slider .cc-slides-label+.cc-slides-action { margin-top: 40px; } .home-slider .cc-slides-action:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2016%2016'%20 fill='%23ffffff'%20 width='1em'%20 height='1em'%20 xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M8%2014.297l5.313-5.313H0V8h13.281L8%202.703V1.281L15.219%208.5%208%2015.719v-1.422z'/%3E%3C/svg%3E"); background-position: 100% 75%; background-size: 75%; content: ""; display: inline-block; fill: #ffffff; width: 1em; height: 1em; background-repeat: no-repeat; } .home-slider .cc-slides-pagination-controls { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 1; } @media (min-width: 1281px) { .home-slider .cc-slides-pagination-controls { right: 0; bottom: -33px; left: 0; } } @media (max-width: 1280px) { .home-slider .cc-slides-pagination-controls { right: 33px; bottom: -33px; left: 33px; } } .home-slider .cc-slides-pagination-controls:not([data-require-js]) { display: -webkit-box; display: -ms-flexbox; display: flex; } .home-slider .cc-slides-pagination-control { background-color: #0079c1; background-position: 50%; background-size: cover; border-radius: 0; box-shadow: 0 0 0 3px transparent; cursor: pointer; display: block; padding: 0; -webkit-transition: box-shadow .2s, height .4s, outline-width .4s, width .4s, -webkit-filter .2s; transition: box-shadow .2s, height .4s, outline-width .4s, width .4s, -webkit-filter .2s; transition: box-shadow .2s, filter .2s, height .4s, outline-width .4s, width .4s; transition: box-shadow .2s, filter .2s, height .4s, outline-width .4s, width .4s, -webkit-filter .2s; } @media (max-width: 860px) { .home-slider .cc-slides-pagination-control { background-position: 100% 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; max-height: 100%; min-width: 66px; min-height: 66px; } } .home-slider .cc-slides-pagination-control:not(:hover) { overflow: hidden; } .home-slider .cc-slides-pagination-control:not([aria-current=true]):not(:hover):not(:focus) { filter: url('data:image/svg+xml;charset=utf-8,#filter'); -webkit-filter: grayscale(1); filter: grayscale(1); } .home-slider .cc-slides-pagination-control:not(:first-child) { margin-left: 1.5px; } .home-slider .cc-slides-pagination-control:not(:last-child) { margin-right: 1.5px; } .home-slider .cc-slides-pagination-control:hover, .home-slider .cc-slides-pagination-control[aria-current=true] { outline-width: 0; } @media (min-width: 861px) { .home-slider .cc-slides-pagination-control { width: 176px; height: 66px; } } .home-slider .cc-slides-pagination-control[aria-current=true] { box-shadow: 0 0 0 3px #ffffff; } .home-slider .cc-slides[data-variation="1"]+.edc-scroll { background-color: rgba(50, 50, 50, 0.9); } .home-slider .cc-slides[data-variation="1"]+.edc-scroll:focus, .home-slider .cc-slides[data-variation="1"]+.edc-scroll:hover { background-color: #0079c1; } .home-slider .cc-slides[data-variation="1"]+.edc-scroll span { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2012%208'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M%200%200%20L%206%206%20L%2012%200%20L%2012%203%20L%206.5%208%20L%205.5%208%20L%200%203'/%3E%3C/svg%3E"); fill: #ffffff; } .home-slider .edc-scroll { background-color: rgba(255, 255, 255, 0.9); border-radius: 50%; border-style: none; cursor: pointer; display: block; -ms-flex-preferred-size: auto; flex-basis: auto; margin-top: -50px; margin-right: auto; margin-left: auto; position: relative; width: 50px; height: 50px; top: -90px; -webkit-transition: background-color .4s; transition: background-color .4s; z-index: 2; } .home-slider .edc-scroll span { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2012%208'%20fill='%23323232'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M%200%200%20L%206%206%20L%2012%200%20L%2012%203%20L%206.5%208%20L%205.5%208%20L%200%203'/%3E%3C/svg%3E"); background-position: 50%; background-size: 12px 8px; fill: #323232; top: 0; right: 0; bottom: 0; left: 0; position: absolute; -webkit-transition: background-image .4s; transition: background-image .4s; } .home-slider .edc-scroll:focus, .home-slider .edc-scroll:hover { background-color: #0079c1; -webkit-transition: 0ms; transition: 0ms; } .home-slider .edc-scroll:focus span, .home-slider .edc-scroll:hover span { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox='0%200%2012%208'%20fill='%23ffffff'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20d='M%200%200%20L%206%206%20L%2012%200%20L%2012%203%20L%206.5%208%20L%205.5%208%20L%200%203'/%3E%3C/svg%3E"); fill: #ffffff; -webkit-transition: 0ms; transition: 0ms; } @media (max-width: 699px) { .home-slider .edc-scroll { display: none; } } .home-slider button.cc-slides-pagination-control { border: 0; } .home-slider .gradient-bg-top.dark-gradient { background: -moz-linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); background: -webkit-linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); background: linear-gradient(90deg, rgba(50, 50, 50, 0.5), rgba(50, 50, 50, 0)); } .home-slider .gradient-bg-top.dark-gradient .cc-slides-label { color: #ffffff; } .home-slider .gradient-bg-top.light-gradient { background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background: linear-gradient(90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } .home-slider .gradient-bg-top.light-gradient .cc-slides-label { color: #323232; } .home-slider .content-container { min-height: 70vh; width: 100%; min-width: 100%; padding-top: 30px; padding-bottom: 65px; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .home-slider .content-container { display: table-cell; vertical-align: middle; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .home-slider .content-container { display: table-cell; vertical-align: middle; } } @media (max-width: 480px) { .home-slider .content-container { padding-right: 16px; padding-left: 16px; } } @media (min-width: 481px) and (max-width: 1280px) { .home-slider .content-container { padding-left: 36px; padding-right: 0; } } @media (min-width: 1281px) { .home-slider .content-container { padding-left: calc(50vw - 640px + 36px); padding-right: 0; } } @media (min-width: 1487px) { .home-slider .content-container { padding-left: calc(50vw - 1450px / 2); padding-right: 0; } } /* Right to Left */ html[dir="rtl"] body .home-slider .cc-slides-action:after { background-position: 100% -25%; transform: rotate(180deg); } @media (min-width: 481px) and (max-width: 1280px) { html[dir="rtl"] body .home-slider .content-container { padding-left: 0px; padding-right: 36px; } } @media (min-width: 1281px) { html[dir="rtl"] body .home-slider .content-container { padding-right: calc(50vw); padding-left: 0; } } @media (min-width: 1487px) { html[dir="rtl"] body .home-slider .content-container { padding-right: calc(50vw + 100px); padding-left: 0; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .parallaxBG { background-attachment: fixed; } .hero-banner-global-v2 { background-color: #fff; } .hero-banner-global-v2 .hbg-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; position: relative; } .hero-banner-global-v2 .hbg-container--xsmall--left, .hero-banner-global-v2 .hbg-container--xsmall--right, .hero-banner-global-v2 .hbg-container--small--left, .hero-banner-global-v2 .hbg-container--small--right, .hero-banner-global-v2 .hbg-container--medium--left, .hero-banner-global-v2 .hbg-container--medium--right, .hero-banner-global-v2 .hbg-container--large--left, .hero-banner-global-v2 .hbg-container--large--right { z-index: 1; } .hero-banner-global-v2 .hbg-container--xsmall--left, .hero-banner-global-v2 .hbg-container--small--left, .hero-banner-global-v2 .hbg-container--medium--left, .hero-banner-global-v2 .hbg-container--large--left { width: 90vw; display: flex; justify-content: flex-end; align-items: center; margin: 5vw 0; } .hero-banner-global-v2 .hbg-container--xsmall--right, .hero-banner-global-v2 .hbg-container--small--right, .hero-banner-global-v2 .hbg-container--medium--right, .hero-banner-global-v2 .hbg-container--large--right { width: 90vw; } .hero-banner-global-v2 .hbg-container--xsmall { height: 170px; } .hero-banner-global-v2 .hbg-container--xsmall--left { margin: 0; height: 100%; } .hero-banner-global-v2 .hbg-container--xsmall--foregroundImage { display: none; } .hero-banner-global-v2 .hbg-container--xsmall .cta-buttons--actions { display: none; } .hero-banner-global-v2 .hbg-container--small--foregroundImage { width: 100%; height: 0; padding-bottom: 56.25%; } .hero-banner-global-v2 .hbg-container--medium--foregroundImage { width: 100%; height: 0; padding-bottom: 66.67%; } .hero-banner-global-v2 .hbg-container--large--foregroundImage { width: 90vw; height: 90vw; margin: 0 auto; } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container { flex-direction: row; padding: 0; } .hero-banner-global-v2 .hbg-container--small, .hero-banner-global-v2 .hbg-container--medium, .hero-banner-global-v2 .hbg-container--large { min-height: inherit; } .hero-banner-global-v2 .hbg-container--small--left, .hero-banner-global-v2 .hbg-container--medium--left, .hero-banner-global-v2 .hbg-container--large--left { width: 50%; } .hero-banner-global-v2 .hbg-container--small--right, .hero-banner-global-v2 .hbg-container--medium--right, .hero-banner-global-v2 .hbg-container--large--right { width: 50%; } .hero-banner-global-v2 .hbg-container--xsmall { height: 15vw; max-height: 170px; } .hero-banner-global-v2 .hbg-container--small { min-height: 21vw; } .hero-banner-global-v2 .hbg-container--small--right { height: 21vw; } .hero-banner-global-v2 .hbg-container--small--foregroundImage { width: 75%; height: 21vw; margin: 0; padding-bottom: 0; } .hero-banner-global-v2 .hbg-container--medium { min-height: 28vw; } .hero-banner-global-v2 .hbg-container--medium--right { height: 28vw; } .hero-banner-global-v2 .hbg-container--medium--foregroundImage { width: 84%; height: 28vw; margin: 0; padding-bottom: 0; } .hero-banner-global-v2 .hbg-container--large { min-height: 35vw; } .hero-banner-global-v2 .hbg-container--large--right { height: 35vw; max-height: 864px; } .hero-banner-global-v2 .hbg-container--large--foregroundImage { width: calc(100% - (100% - 35vw)); height: calc(100% - (100% - 35vw)); margin: 0; } } @media screen and (min-width: 2469px) { .hero-banner-global-v2 .hbg-container--large { min-height: inherit; height: 35vw; max-height: 864px; } .hero-banner-global-v2 .hbg-container--large--foregroundImage { height: 100%; max-height: 864px; max-width: 864px; } } .hero-banner-global-v2 .hbg-container--content--xsmall, .hero-banner-global-v2 .hbg-container--content--small, .hero-banner-global-v2 .hbg-container--content--medium, .hero-banner-global-v2 .hbg-container--content--large { width: 96vw; } .hero-banner-global-v2 .hbg-container--content--xsmall .esri-text-title { font-size: 1.625rem; } @media screen and (min-width: 829px) { .hero-banner-global-v2 .hbg-container--content--xsmall .esri-text-title { font-size: 3.13vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--xsmall .esri-text-title { font-size: 2rem; } } .hero-banner-global-v2 .hbg-container--content--xsmall .esri-text-subtitle, .hero-banner-global-v2 .hbg-container--content--xsmall hr.separator, .hero-banner-global-v2 .hbg-container--content--xsmall .esri-text-description { display: none; } .hero-banner-global-v2 .hbg-container--content--small .esri-text-title { font-size: 2rem; } @media screen and (min-width: 695px) { .hero-banner-global-v2 .hbg-container--content--small .esri-text-title { font-size: 4.6vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--small .esri-text-title { font-size: 3rem; } } .hero-banner-global-v2 .hbg-container--content--small .esri-text-subtitle { font-size: 1.625rem; } @media screen and (min-width: 667px) { .hero-banner-global-v2 .hbg-container--content--small .esri-text-subtitle { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--small .esri-text-subtitle { font-size: 2.5rem; } } .hero-banner-global-v2 .hbg-container--content--small .esri-text-description { font-size: 0.875rem; } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--small .esri-text-description { font-size: 1rem; } } .hero-banner-global-v2 .hbg-container--content--medium .esri-text-title { font-size: 2.5rem; } @media screen and (min-width: 740px) { .hero-banner-global-v2 .hbg-container--content--medium .esri-text-title { font-size: 5.4vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--medium .esri-text-title { font-size: 3.5rem; } } .hero-banner-global-v2 .hbg-container--content--medium .esri-text-subtitle { font-size: 1.625rem; } @media screen and (min-width: 667px) { .hero-banner-global-v2 .hbg-container--content--medium .esri-text-subtitle { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--medium .esri-text-subtitle { font-size: 2.5rem; } } .hero-banner-global-v2 .hbg-container--content--medium .esri-text-description { font-size: 1rem; } @media screen and (min-width: 915px) { .hero-banner-global-v2 .hbg-container--content--medium .esri-text-description { font-size: 1.75vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--medium .esri-text-description { font-size: 1.125rem; } } .hero-banner-global-v2 .hbg-container--content--large .esri-text-title { font-size: 2.5rem; } @media screen and (min-width: 740px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-title { font-size: 6.25vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-title { font-size: 4rem; } } .hero-banner-global-v2 .hbg-container--content--large .esri-text-subtitle { font-size: 2rem; } @media screen and (min-width: 695px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-subtitle { font-size: 4.6vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-subtitle { font-size: 3rem; } } .hero-banner-global-v2 .hbg-container--content--large .esri-text-description { font-size: 1.125rem; } @media screen and (min-width: 924px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-description { font-size: 1.95vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-description { font-size: 1.25rem; } } .hero-banner-global-v2 .hbg-container--content--large .esri-text-description.esri-font-superbold { font-size: 2.5rem; font-weight: 700; } @media screen and (min-width: 740px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-description.esri-font-superbold { font-size: 6.25vw; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--large .esri-text-description.esri-font-superbold { font-size: 4rem; } } @media screen and (min-width: 1024px) { .hero-banner-global-v2 .hbg-container--content--xsmall, .hero-banner-global-v2 .hbg-container--content--small, .hero-banner-global-v2 .hbg-container--content--medium, .hero-banner-global-v2 .hbg-container--content--large { width: 100%; margin: 0 0 0 2vw; } } @media screen and (min-width: 1480px) { .hero-banner-global-v2 .hbg-container--content--xsmall, .hero-banner-global-v2 .hbg-container--content--small, .hero-banner-global-v2 .hbg-container--content--medium, .hero-banner-global-v2 .hbg-container--content--large { width: 720px; padding-right: 16px; margin: 0; } } .hero-banner-global-v2 .hbg-container .video-background { -o-object-fit: cover; object-fit: cover; background-size: cover; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; display: none; } @media screen and (min-width: 768px) { .hero-banner-global-v2 .hbg-container .video-background { display: block; } } .hero-banner-global-v2 .hbg-container .video-poster { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; } @media screen and (min-width: 768px) { .hero-banner-global-v2 .hbg-container .video-poster { display: none; } } .hero-banner-global-v2 .esri-text-container { width: 90%; } .bgposition-lefttop, .bgposition-leftbottom, .bgposition-righttop, .bgposition-rightbottom { background-repeat: no-repeat; } .bgposition-lefttop { background-position: left top; } .bgposition-righttop { background-position: right top; } .bgposition-leftbottom { background-position: left bottom; } .bgposition-rightbottom { background-position: right bottom; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .hero-banner-global-v2 { background-color: #fff; } .hero-banner-global-v2.hbgv2-img--padding .hbg-container--small, .hero-banner-global-v2.hbgv2-img--padding .hbg-container--medium, .hero-banner-global-v2.hbgv2-img--padding .hbg-container--large { height: 100%; } @media screen and (min-width: 1024px) { .hero-banner-global-v2.hbgv2-img--padding .hbg-container--small { height: calc(21vw + 96px); } .hero-banner-global-v2.hbgv2-img--padding .hbg-container--medium { height: calc(28vw + 96px); } .hero-banner-global-v2.hbgv2-img--padding .hbg-container--large { height: calc(35vw + 96px); } } .hero-banner-global-v2.hbgv2-img--padding .hbg-container--small--right, .hero-banner-global-v2.hbgv2-img--padding .hbg-container--medium--right, .hero-banner-global-v2.hbgv2-img--padding .hbg-container--large--right { display: flex; align-items: center; } @media screen and (min-width: 768px) { .hero-banner-global-v2.hbgv2-img--fullwidth .hbg-container--small--foregroundImage, .hero-banner-global-v2.hbgv2-img--fullwidth .hbg-container--medium--foregroundImage, .hero-banner-global-v2.hbgv2-img--fullwidth .hbg-container--large--foregroundImage { width: 100%; max-width: none; } } .hero-banner-global-v2.hbgv2-text--centered .hbg-container--xsmall--left, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--small--left, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--medium--left, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--large--left { width: 100%; justify-content: center; } .hero-banner-global-v2.hbgv2-text--centered .hbg-container--xsmall--right, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--small--right, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--medium--right, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--large--right { display: none; } .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--small, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--medium, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--large { padding-right: 0; } .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall .esri-text-container, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--small .esri-text-container, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--medium .esri-text-container, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--large .esri-text-container { width: 100%; text-align: center; } .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall .esri-text-container hr.separator, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--small .esri-text-container hr.separator, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--medium .esri-text-container hr.separator, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--large .esri-text-container hr.separator { margin-left: auto; margin-right: auto; } .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall .esri-text-subtitle, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall hr.separator, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall .esri-text-description, .hero-banner-global-v2.hbgv2-text--centered .hbg-container--content--xsmall .cta-buttons--actions { display: none; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .hero-banner-global { font-kerning: normal; } .hero-banner-global .hbg-container { position: relative; overflow: hidden; background-position: center center; } .hero-banner-global .hbg-container .dark-light-gradient { top: 0; left: 0; bottom: 0; right: 0; position: absolute; height: 100%; width: 100%; } .hero-banner-global .herobanner { display: block; padding-top: 0px; position: relative; } .hero-banner-global .herobanner.video-background { -o-object-fit: cover; object-fit: cover; background-size: cover; top: 0; right: 0; bottom: 0; left: 0; position: absolute; width: 100%; height: 100%; display: none; } @media screen and (min-width: 768px) { .hero-banner-global .herobanner.video-background { display: block; } } .hero-banner-global .herobanner.has-no-foreground { display: flex; align-items: center; justify-content: center; padding-top: 0; flex-direction: row; } .hero-banner-global .herobanner.has-no-foreground .content { min-width: 100%; box-sizing: border-box; } @media (min-width: 1024px) { .hero-banner-global .herobanner.has-no-foreground .content { min-width: 0; } } @media screen and (min-width: 1024px) { .hero-banner-global .herobanner { display: flex; align-items: center; justify-content: center; padding-top: 0; } .hero-banner-global .herobanner .content { min-width: none; min-width: 0; } } @media (min-width: 1024px) { .hero-banner-global .herobanner .content { padding: 0 20px 0 10px; } } .hero-banner-global .herobanner .banner__title { font-weight: 300; color: #fdfdfd; letter-spacing: -2px; margin-bottom: 0; line-height: 1.25; } .hero-banner-global .herobanner .banner__title.title--mega { font-weight: 600; } .hero-banner-global .herobanner .header-subtitle { margin-bottom: 0; line-height: 1.25; } @media (min-width: 1024px) { .hero-banner-global .herobanner .header-subtitle { margin-bottom: 1.25rem; letter-spacing: -2px; } } .hero-banner-global .herobanner .header-desc { font-weight: 300; /* line-height: 1.27; */ color: #fff; } .hero-banner-global .herobanner .hero-icon { margin-bottom: 12px; } .hero-banner-global .herobanner .hero-icon img, .hero-banner-global .herobanner .hero-icon svg { height: 100%; width: 100%; } .hero-banner-global .herobanner .hr { height: 3px; width: 45px; background-color: rgba(50, 50, 50, 0.5); margin: 0.5rem auto; } @media screen and (min-width: 1024px) { .hero-banner-global .herobanner .hr { margin: 1rem 0; } } .hero-banner-global .herobanner .content, .hero-banner-global .herobanner .right-column { flex: 1; /* visibility: hidden; */ } .hero-banner-global .herobanner .right-column { width: 100%; margin: 0 auto; margin-top: 25px; } @media (min-width: 480px) { .hero-banner-global .herobanner .right-column { width: 71%; } } @media (min-width: 1024px) { .hero-banner-global .herobanner .right-column { height: 100%; margin-top: 0; } } .hero-banner-global .herobanner .right-column-image { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 0; width: 100%; } .hero-banner-global .herobanner .right-column-image img { display: none; } @media (min-width: 1024px) { .hero-banner-global .herobanner .right-column-image { background: none !important; position: relative; height: 100%; width: 100%; display: block; } .hero-banner-global .herobanner .right-column-image img { display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; max-width: none; max-height: 100%; height: 100%; } } .hero-banner-global .herobanner .btn-first-cta { border-width: 1px; border-style: solid; } .hero-banner-global .herobanner .btn-first-cta, .hero-banner-global .herobanner .btn-second-cta { transition: all .15s ease-in-out; margin-right: 5px; margin-bottom: 8px; } .hero-banner-global .herobanner .btn-first-cta[aria-role]:after, .hero-banner-global .herobanner .btn-second-cta[aria-role]:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-out; width: 13px; display: inline-block; margin-left: 4px; } .hero-banner-global .banner--tiny { min-height: 80px; height: 12vh; max-height: 173px; padding-top: 5px; padding-bottom: 5px; text-align: center; display: flex; padding-top: 0; flex-direction: row; justify-content: center; align-items: center; z-index: 1; } .hero-banner-global .banner--tiny.has-no-foreground { padding-top: 5px; } .hero-banner-global .banner--tiny .right-column { display: none; } .hero-banner-global .banner--tiny .banner__title { font-size: 32px; letter-spacing: -1px; } @media (min-width: 1024px) { .hero-banner-global .banner--tiny .banner__title { padding-top: 0; } } .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 32px; } @media (min-width: 860px) { .hero-banner-global .banner--tiny .banner__title.title--mega { font-size: 38px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--tiny { text-align: left; } } .hero-banner-global .banner--small { flex-direction: column; text-align: center; min-height: 230px; z-index: 1; } .hero-banner-global .banner--small * { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1024px) { .hero-banner-global .banner--small * { margin-left: 0; margin-right: auto; } } .hero-banner-global .banner--small .hero-icon { width: 54px; height: 54px; margin-bottom: 14px; } .hero-banner-global .banner--small .banner__title { font-size: 32px; } @media (min-width: 860px) { .hero-banner-global .banner--small .banner__title { font-size: 45px; } } .hero-banner-global .banner--small .banner__title.title--mega { font-size: 45px; letter-spacing: -1px; } @media (min-width: 480px) { .hero-banner-global .banner--small .banner__title.title--mega { font-size: 64px; } } .hero-banner-global .banner--small .header-subtitle { margin-top: 0.6rem; margin-bottom: 0; letter-spacing: -1px; font-size: 29; } @media (min-width: 480px) { .hero-banner-global .banner--small .header-subtitle { font-size: 32px; } } @media (min-width: 860px) { .hero-banner-global .banner--small .header-subtitle { font-size: 34px; } } @media (min-width: 1024px) { .hero-banner-global .banner--small .header-subtitle { margin-bottom: 1.25rem; } } .hero-banner-global .banner--small .header-desc { font-size: 16px; margin-bottom: 0; } .hero-banner-global .banner--small .right-column-image { padding-bottom: 51.42%; } @media (min-width: 1024px) { .hero-banner-global .banner--small .right-column-image { padding-bottom: 0; } } @media (min-width: 480px) { .hero-banner-global .banner--small { min-height: 260px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--small { flex-direction: row; text-align: left; min-height: 276px; height: 25vh; max-height: 400px; } } .hero-banner-global .banner--medium { flex-direction: column; text-align: center; min-height: 400px; z-index: 1; } .hero-banner-global .banner--medium * { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1024px) { .hero-banner-global .banner--medium * { margin-left: 0; margin-right: auto; } } .hero-banner-global .banner--medium .hero-icon { width: 80px; height: 80px; } .hero-banner-global .banner--medium .banner__title { font-size: 45px; } @media (min-width: 480px) { .hero-banner-global .banner--medium .banner__title { font-size: 52px; } } .hero-banner-global .banner--medium .banner__title.title--mega { font-size: 55px; } @media (min-width: 480px) { .hero-banner-global .banner--medium .banner__title.title--mega { font-size: 62px; } } .hero-banner-global .banner--medium .hr { width: 50px; margin-bottom: 0px; margin-top: 1.35rem; } .hero-banner-global .banner--medium .header-subtitle { font-size: 30px; margin-top: 1.7rem; margin-bottom: 0; } @media (min-width: 480px) { .hero-banner-global .banner--medium .header-subtitle { font-size: 34px; } } @media (min-width: 480px) { .hero-banner-global .banner--medium .header-subtitle { font-size: 40px; } } .hero-banner-global .banner--medium .header-desc { /* font-size: 18px; */ margin: 1.2rem 0 0; } .hero-banner-global .banner--medium .header-ctas { margin: 4.0rem 0 0; } .hero-banner-global .banner--medium .right-column-image { padding-bottom: 61.27%; } @media (min-width: 1024px) { .hero-banner-global .banner--medium .right-column-image { padding-bottom: 0; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--medium { height: 576px; flex-direction: row; text-align: left; } } .hero-banner-global .banner--large { flex-direction: column; text-align: center; min-height: 60vh; z-index: 1; } .hero-banner-global .banner--large * { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1024px) { .hero-banner-global .banner--large * { margin-left: 0; margin-right: auto; } } .hero-banner-global .banner--large .hero-icon { width: 90px; height: 90px; margin-bottom: 17px; } @media screen and (min-width: 768px) { .hero-banner-global .banner--large .hero-icon { width: 90px; height: 90px; } } .hero-banner-global .banner--large .banner__title { font-size: 47px; letter-spacing: -2px; } @media screen and (min-width: 480px) { .hero-banner-global .banner--large .banner__title { font-size: 62px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--large .banner__title { font-size: 75px; } } .hero-banner-global .banner--large .banner__title.title--mega { font-size: 57px; } @media screen and (min-width: 480px) { .hero-banner-global .banner--large .banner__title.title--mega { font-size: 72px; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--large .banner__title.title--mega { font-size: 100px; } } .hero-banner-global .banner--large .hr { width: 55px; margin-top: 2.1rem; margin-bottom: 0; } .hero-banner-global .banner--large .header-subtitle { font-size: 32px; margin-top: 1.6rem; margin-bottom: 0; } @media (min-width: 480px) { .hero-banner-global .banner--large .header-subtitle { font-size: 40px; } } @media (min-width: 860px) { .hero-banner-global .banner--large .header-subtitle { font-size: 2.82rem; } } .hero-banner-global .banner--large .header-desc { font-size: 16px; margin-top: 1.6rem; } @media (min-width: 860px) { .hero-banner-global .banner--large .header-desc { font-size: 1.2rem; } } .hero-banner-global .banner--large .header-ctas { margin-top: 72px; } .hero-banner-global .banner--large .right-column-image { padding-bottom: 73.53%; } @media (min-width: 1024px) { .hero-banner-global .banner--large .right-column-image { padding-bottom: 0; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--large { height: 60vh; min-height: 700px; max-height: 864px; flex-direction: row; text-align: left; } } .hero-banner-global .banner--screen { height: 100vh; padding-top: 15px; flex-direction: row; z-index: 10; width: 90vw; } @media screen and (min-width: 786px) { .hero-banner-global .banner--screen { width: 96vw; width: 1440px; } } @media screen and (min-width: 768px) { .hero-banner-global .banner--screen .banner__title, .hero-banner-global .banner--screen .header-subtitle, .hero-banner-global .banner--screen .header-desc { width: 58%; } } @media screen and (min-width: 1440px) { .hero-banner-global .banner--screen .banner__title, .hero-banner-global .banner--screen .header-subtitle, .hero-banner-global .banner--screen .header-desc { width: 50%; } } .hero-banner-global .banner--screen .content { flex-direction: row; max-width: 100%; position: relative; } @media screen and (min-width: 768px) { .hero-banner-global .banner--screen .content { flex-direction: column; } } .hero-banner-global .banner--screen .hero-icon { width: 90px; height: 90px; } @media screen and (min-width: 768px) { .hero-banner-global .banner--screen .hero-icon { width: 120px; height: auto; } } .hero-banner-global .banner--screen .banner__title { font-size: 1.125rem; letter-spacing: initial; font-weight: 700; margin-bottom: 2.0rem; } @media screen and (min-width: 924px) { .hero-banner-global .banner--screen .banner__title { font-size: 1.95vw; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--screen .banner__title { font-size: 1.25rem; } } .hero-banner-global .banner--screen .banner__title.title--mega { font-size: 3.9rem; } @media screen and (min-width: 480px) { .hero-banner-global .banner--screen .banner__title.title--mega { font-size: 5.29rem; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--screen .banner__title.title--mega { font-size: 6.4rem; } } .hero-banner-global .banner--screen .header-subtitle { font-size: 1rem; margin-bottom: 1.8rem; letter-spacing: 0; font-weight: 400; } @media screen and (min-width: 915px) { .hero-banner-global .banner--screen .header-subtitle { font-size: 1.75vw; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--screen .header-subtitle { font-size: 1.125rem; } } .hero-banner-global .banner--screen .header-desc { font-size: 1.625rem; font-weight: 700; font-style: normal; line-height: 1.15; } @media screen and (min-width: 667px) { .hero-banner-global .banner--screen .header-desc { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--screen .header-desc { font-size: 2.5rem; } } @media screen and (min-width: 1040px) { .hero-banner-global .banner--screen .header-desc { font-size: 2rem; } } @media screen and (min-width: 1040px) and (min-width: 695px) { .hero-banner-global .banner--screen .header-desc { font-size: 4.6vw; } } @media screen and (min-width: 1040px) and (min-width: 1024px) { .hero-banner-global .banner--screen .header-desc { font-size: 3rem; } } @media screen and (min-width: 768px) { .hero-banner-global .banner--screen .header-desc { font-size: 3.39795rem; } } .hero-banner-global .banner--screen .hr { width: 60px; margin: 2.1rem auto 1.6rem auto; } .hero-banner-global .banner--screen .scroll-down-ghost { margin-top: 10px; } @media (min-width: 600px) { .hero-banner-global .banner--screen .scroll-down-ghost { margin-top: 0; height: 60px; } } @media screen and (min-width: 600px) and (orientation: landscape) { .hero-banner-global .banner--screen .scroll-down-ghost { height: 120px; } } @media (min-width: 860px) and (orientation: landscape) { .hero-banner-global .banner--screen .scroll-down-ghost { height: 60px; } } .hero-banner-global .banner--screen .scroll-down { display: none; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50px; margin: 0 auto 20px auto; box-sizing: border-box; padding: 13px 0 0 9px; color: #323232; transition: background-color 100ms linear; } .hero-banner-global .banner--screen .scroll-down .icon-down-arrow { position: relative; left: -5px; } .hero-banner-global .banner--screen .scroll-down .icon-down-arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23000000' d='M19 8.293v1.414l-7.5 7.5-7.5-7.5V8.293l7.5 7.5z' /%3E%3C/svg%3E"); } @media (min-width: 600px) { .hero-banner-global .banner--screen .scroll-down { display: block; position: absolute; bottom: 50px; left: 50%; margin: 0 0 0 -25px; } } .hero-banner-global .banner--screen .scroll-down:hover { background-color: #0079c1; } .hero-banner-global .banner--screen .scroll-down:hover .icon-down-arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23ffffff' d='M19 8.293v1.414l-7.5 7.5-7.5-7.5V8.293l7.5 7.5z' /%3E%3C/svg%3E"); } .hero-banner-global .banner--screen .header-ctas { margin-top: 30px; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video'] { border: none; margin-top: -15px; background: rgba(50, 50, 50, 0.9); width: 60px; height: 60px; border-radius: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5; transition: all .25s ease-out; position: relative; transform: none; left: 0; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover, .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { outline: none; cursor: pointer; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after { border-left: 12px solid white; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after:hover { border-left: 12px solid white; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover, .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { background: #0079c1; border: none; outline: none; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after { left: 47%; background-image: none !important; } .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover, .hero-banner-global .banner--screen .header-ctas a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { background: var(--theme-color); } .hero-banner-global .banner--screen .header-ctas a.btn { padding: 0.75rem 1.35rem; font-size: 0.75rem; } @media screen and (min-width: 1024px) { .hero-banner-global .banner--screen .header-ctas a.btn { font-size: 0.875rem; } } @media (min-width: 860px) { .hero-banner-global .banner--screen .header-ctas { margin-top: 45px; } } .hero-banner-global .banner--screen .right-column { display: none; } .hero-banner-global .banner--full { min-height: 50vh; height: auto; max-height: 1152px; flex-direction: column; text-align: center; padding-top: 15px; } .hero-banner-global .banner--full.has-no-foreground { padding-top: 33px; } @media screen and (min-width: 600px) { .hero-banner-global .banner--full { padding-top: 30px; height: 80vh; } } @media screen and (min-width: 600px) and (orientation: landscape) { .hero-banner-global .banner--full { height: auto; } } @media screen and (min-width: 600px) { .hero-banner-global .banner--full.has-no-foreground { padding-top: 24px; } } @media screen and (min-width: 860px) and (orientation: landscape) { .hero-banner-global .banner--full { height: 80vh; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--full { min-height: 650px; } } @media screen and (min-width: 1024px) { .hero-banner-global .banner--full { min-height: 740px; } } .hero-banner-global .banner--full * { margin-left: auto; margin-right: auto; } .hero-banner-global .banner--full .content { display: flex; flex-direction: column; justify-content: center; padding-bottom: 2%; height: 100%; max-width: 100%; } .hero-banner-global .banner--full .hero-icon { width: 90px; height: 90px; } @media screen and (min-width: 768px) { .hero-banner-global .banner--full .hero-icon { width: 120px; height: auto; } } .hero-banner-global .banner--full .banner__title { font-size: 3.2rem; } @media screen and (min-width: 400px) { .hero-banner-global .banner--full .banner__title { font-size: 3.65rem; } } @media screen and (min-width: 440px) { .hero-banner-global .banner--full .banner__title { font-size: 3.95rem; } } @media screen and (min-width: 480px) { .hero-banner-global .banner--full .banner__title { font-size: 55px; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--full .banner__title { font-size: 4.294rem; } } .hero-banner-global .banner--full .banner__title.title--mega { font-size: 3.9rem; } @media screen and (min-width: 480px) { .hero-banner-global .banner--full .banner__title.title--mega { font-size: 5.29rem; } } @media screen and (min-width: 860px) { .hero-banner-global .banner--full .banner__title.title--mega { font-size: 6.4rem; } } .hero-banner-global .banner--full .header-subtitle { line-height: 1.25; } .hero-banner-global .banner--full .header-desc { line-height: 1.27; } .hero-banner-global .banner--full .hr { width: 60px; margin: 2.1rem auto 1.6rem auto; } .hero-banner-global .banner--full .scroll-down-ghost { margin-top: 10px; } @media (min-width: 600px) { .hero-banner-global .banner--full .scroll-down-ghost { margin-top: 0; height: 60px; } } @media screen and (min-width: 600px) and (orientation: landscape) { .hero-banner-global .banner--full .scroll-down-ghost { height: 120px; } } @media (min-width: 860px) and (orientation: landscape) { .hero-banner-global .banner--full .scroll-down-ghost { height: 60px; } } .hero-banner-global .banner--full .scroll-down { display: none; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.9); border-radius: 50px; margin: 0 auto 20px auto; box-sizing: border-box; padding: 13px 0 0 9px; color: #323232; transition: background-color 100ms linear; } .hero-banner-global .banner--full .scroll-down .icon-down-arrow { position: relative; left: -5px; } .hero-banner-global .banner--full .scroll-down .icon-down-arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23000000' d='M19 8.293v1.414l-7.5 7.5-7.5-7.5V8.293l7.5 7.5z' /%3E%3C/svg%3E"); } @media (min-width: 600px) { .hero-banner-global .banner--full .scroll-down { display: block; position: absolute; bottom: 50px; left: 50%; margin: 0 0 0 -25px; } } .hero-banner-global .banner--full .scroll-down:hover { background-color: #0079c1; } .hero-banner-global .banner--full .scroll-down:hover .icon-down-arrow::before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='%23ffffff' d='M19 8.293v1.414l-7.5 7.5-7.5-7.5V8.293l7.5 7.5z' /%3E%3C/svg%3E"); } .hero-banner-global .banner--full .header-subtitle { font-size: 34px; margin-top: 1.8rem; margin-bottom: 0; letter-spacing: -2px; } @media (min-width: 480px) { .hero-banner-global .banner--full .header-subtitle { font-size: 45px; } } @media (min-width: 860px) { .hero-banner-global .banner--full .header-subtitle { font-size: 3rem; letter-spacing: 0; } } .hero-banner-global .banner--full .header-desc { font-size: 0.875rem; margin-bottom: 0; } @media screen and (min-width: 1024px) { .hero-banner-global .banner--full .header-desc { font-size: 1rem; } } @media (min-width: 480px) { .hero-banner-global .banner--full .header-desc { font-size: 1rem; } } @media screen and (min-width: 480px) and (min-width: 915px) { .hero-banner-global .banner--full .header-desc { font-size: 1.75vw; } } @media screen and (min-width: 480px) and (min-width: 1024px) { .hero-banner-global .banner--full .header-desc { font-size: 1.125rem; } } .hero-banner-global .banner--full .header-ctas { margin-top: 72px; } @media (min-width: 860px) { .hero-banner-global .banner--full .header-ctas { margin-top: 50px; } } .hero-banner-global .banner--full .right-column { display: none; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video'] { border: none; margin-top: -15px; background: rgba(255, 255, 255, 0.9); width: 60px; height: 60px; border-radius: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 5; transition: all .25s ease-out; position: relative; transform: none; left: 0; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover, .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { outline: none; cursor: pointer; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after { border-left: 12px solid #323232; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after:hover { border-left: 12px solid #323232; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover, .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { background: #0079c1; border: none; outline: none; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover:after, .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus:after { border-left: 12px solid white; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { background: #0079c1; outline: none; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus:after { border-left: 12px solid white; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after { content: ""; border-top: 8px solid transparent; border-bottom: 8px solid transparent; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:after { left: 47%; background-image: none !important; } .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:hover, .hero-banner-global [data-theme="light-text"] .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead[aria-role='video']:focus { background: var(--theme-color); } .hero-banner-global [data-theme="light-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 60%); } @media (min-width: 1024px) { .hero-banner-global [data-theme="light-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent 60%); } } .hero-banner-global [data-theme="light-text"] .banner__title, .hero-banner-global [data-theme="light-text"] .header-tagline, .hero-banner-global [data-theme="light-text"] .header-desc { color: #ffffff; } .hero-banner-global [data-theme="light-text"] .header-subtitle { color: rgba(255, 255, 255, 0.75); } .hero-banner-global [data-theme="light-text"] .hr { background-color: rgba(255, 255, 255, 0.5); } .hero-banner-global [data-theme="light-text"] .btn-first-cta { background: rgba(255, 255, 255, 0.85); border-color: transparent; color: #323232; } .hero-banner-global [data-theme="light-text"] .btn-first-cta:hover { background-color: white; } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta { border-color: #ffffff; color: #ffffff; } .hero-banner-global [data-theme="light-text"] .btn-second-cta:hover { background: transparent; box-shadow: inset 0 0 0 1px #ffffff; } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .hero-banner-global [data-theme="dark-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent 60%); } @media (min-width: 1024px) { .hero-banner-global [data-theme="dark-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent 60%); } } .hero-banner-global [data-theme="dark-text"] .banner__title, .hero-banner-global [data-theme="dark-text"] .header-desc { color: #323232; } .hero-banner-global [data-theme="dark-text"] .header-subtitle { color: rgba(50, 50, 50, 0.75); } .hero-banner-global [data-theme="dark-text"] .hr { color: rgba(50, 50, 50, 0.5); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta.playhead[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta { background: rgba(50, 50, 50, 0.85); border-color: transparent; color: #ffffff; } .hero-banner-global [data-theme="dark-text"] .btn-first-cta:hover { background-color: #323232; } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta { border-color: #323232; color: #323232; } .hero-banner-global [data-theme="dark-text"] .btn-second-cta:hover { background: transparent; box-shadow: inset 0 0 0 1px #323232; } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } /* Right to Left */ html[dir="rtl"] body .hero-banner-global .herobanner.banner--screen .content.left-column a.btn.btn-white.btn-first-cta.playhead:after { left: 53%; } html[dir="rtl"] body .hero-banner-global .herobanner .btn-first-cta[aria-role]:not([aria-role='video']):after, html[dir="rtl"] body .hero-banner-global .herobanner .btn-second-cta[aria-role]:not([aria-role='video']):after { transform: scaleX(-1); } html[dir="rtl"] body .hero-banner-global .herobanner .btn-first-cta[aria-role]:after, html[dir="rtl"] body .hero-banner-global .herobanner .btn-second-cta[aria-role]:after { margin-left: 0px; margin-right: 4px; } html[dir="rtl"] body .hero-banner-global .herobanner .hero-icon, html[dir="rtl"] body .hero-banner-global .herobanner .separator { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1024px) { html[dir="rtl"] body .hero-banner-global .herobanner .hero-icon, html[dir="rtl"] body .hero-banner-global .herobanner .separator { margin-right: 0; } html[dir="rtl"] body .hero-banner-global .herobanner.banner--large .hero-icon { margin-right: 0; } html[dir="rtl"] body .hero-banner-global .herobanner.banner--full .hero-icon, html[dir="rtl"] body .hero-banner-global .herobanner.banner--full .separator { margin-right: auto; } html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .banner__title { text-align: right; } html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .banner__title.title--mega { text-align: right; } html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .header-subtitle { text-align: right; } html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .header-desc { text-align: right; } html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .header-ctas { text-align: right; } html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .right-column-image { /*--When Side-by-side: End--*/ } } @media screen and (min-width: 1024px) and (min-width: 1024px) { html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .right-column-image img { left: auto; right: 0; } } @media screen and (min-width: 1024px) { html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .btn-first-cta[aria-role]:after, html[dir="rtl"] body .hero-banner-global .herobanner:not(.banner--full) .btn-second-cta[aria-role]:after { margin-left: 0px; margin-right: 4px; } } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 60%); } @media (min-width: 1024px) { html[dir="rtl"] body .hero-banner-global [data-theme="light-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(90deg, rgba(0, 0, 0, 0.7), transparent 60%); } } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-first-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="light-text"] .btn-second-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent 60%); } @media (min-width: 1024px) { html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(90deg, rgba(255, 255, 255, 0.7), transparent 60%); } } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjZmZmIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-first-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+"); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='internal']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cGF0aCBmaWxsPSIjMDAwIiBkPSJNOCAxNC4zTDEzLjMgOUgwVjhoMTMuM0w4IDIuN1YxLjNsNy4yIDcuMkw4IDE1Ljd2LTEuNHoiLz4NCjwvc3ZnPg=="); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='external']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNiAzMEgyVjZoMTRWNEgwdjI4aDI4VjE4aC0yek0yMSA4QzEyLjcxNSA4IDYgMTQuNzE3IDYgMjNjMCAuMzM2LjAyOS42NjguMDUxIDFoNEExMS40NjQgMTEuNDY0IDAgMCAxIDEwIDIzYzAtNi4wNjUgNC45MzYtMTEgMTEtMTFoMy4wMDRsLTYgNmg0TDMwIDEwbC03Ljk5Ni04aC00bDYgNkgyMXoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='video']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4="); } html[dir="rtl"] body .hero-banner-global [data-theme="dark-text"] .btn-second-cta[aria-role='document']:after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yMiAyNGg0djJoLTR2LTJ6bTAtMTJoNHYyaC00di0yem0wIDRoNHYyaC00di0yek04IDZoMTB2Mkg4VjZ6bTE0IDE0aDR2MmgtNHYtMnpNOCAxMmgxMHYySDh2LTJ6bTAgNGgxMnYySDh2LTJ6TTIyLjgwMSAwSDR2MzJoMjZWNy4xOTlMMjIuODAxIDB6TTI4IDMwSDZWMmgxNHY4aDh2MjB6bTAtMjJoLTZWMmguNjIxTDI4IDcuMzc5Vjh6TTggMjBoMTJ2Mkg4di0yem0wIDRoMTB2Mkg4di0yeiIvPjwvc3ZnPg=="); } @media (max-width: 1024px) { html[dir="rtl"] body .hero-banner-global .banner--screen .separator { margin-right: 0; } } .co3-modal[data-modal-type='doctype'] .co3-modal-box .iframe-container { display: none; } .co3-modal.animate-full { transition: 0.1s; animation-duration: 0.6s; animation-fill-mode: forward; transition-timing-function: ease-out; } .co3-modal.fadeUpFull { animation-name: fadeInUpFull; } @keyframes fadeInUpFull { 0% { opacity: 0; } 100% { opacity: 1; } } .co3-modal[data-modal-type='fullscreen'], .co3-modal[data-modal-type='doctype'] { background: rgba(32, 32, 38, 0.95); } .co3-modal[data-modal-type='fullscreen'] .co3-modal-box, .co3-modal[data-modal-type='doctype'] .co3-modal-box { width: 75%; } .co3-modal[data-modal-type='fullscreen'] .co3-modal-box .icon-ui-close, .co3-modal[data-modal-type='doctype'] .co3-modal-box .icon-ui-close { height: 30px; font-size: 0; color: white; margin-top: -45px; margin-right: -30px; background: transparent; } @media screen and (min-width: 768px) { .co3-modal[data-modal-type='fullscreen'] .co3-modal-box .icon-ui-close, .co3-modal[data-modal-type='doctype'] .co3-modal-box .icon-ui-close { margin-right: -36px; } } html[dir='rtl'] .co3-modal[data-modal-type='fullscreen'] .co3-modal-box .icon-ui-close, html[dir='rtl'] .co3-modal[data-modal-type='doctype'] .co3-modal-box .icon-ui-close { margin-right: -57px; } .co3-modal[data-modal-type='fullscreen'] .co3-modal-box .icon-ui-close:before, .co3-modal[data-modal-type='doctype'] .co3-modal-box .icon-ui-close:before { width: 45px; height: 45px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZD0iTTE2LjcwNyAxNmwxMC42MDcgMTAuNjA2LS43MDguNzA3TDE2IDE2LjcwNyA1LjM5NCAyNy4zMTNsLS43MDgtLjcwN0wxNS4yOTMgMTYgNC42ODYgNS4zOTRsLjcwOC0uNzA3TDE2IDE1LjI5MyAyNi42MDYgNC42ODdsLjcwOC43MDd6IiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+"); } @media screen and (min-width: 768px) { .co3-modal[data-modal-type='fullscreen'] .co3-modal-box, .co3-modal[data-modal-type='doctype'] .co3-modal-box { padding-bottom: calc(100vh * 14 / 16); width: 85%; } } .content.left-column.animated.fadeInUp.faster { animation: fadeUP 0.4s; } @keyframes fadeUP { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0px); } } @media (min-width: 1024px) { html[dir="rtl"] .hero-banner-global [data-theme="light-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(90deg, transparent 60%, rgba(0, 0, 0, 0.7)) !important; } } @media (min-width: 1024px) { html[dir="rtl"] .hero-banner-global [data-theme="dark-text"][data-overlay='overlay'].has-bg-img:not(.hgb-container--no-vignette) .dark-light-gradient { background: linear-gradient(90deg, transparent 60%, rgba(255, 255, 255, 0.7)) !important; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .hero-banner-global.background-parallax .has-bg-img { background-attachment: fixed; } .hero-banner-global.background-parallax .has-bg-img .video-background { padding-top: 0; } .hero-banner-global.background-parallax .has-bg-img .banner--large, .hero-banner-global.background-parallax .has-bg-img .banner--screen { min-height: 550px; height: 55vw; } @media (orientation: landscape) and (min-width: 0px) { .hero-banner-global.background-parallax .has-bg-img .banner--large, .hero-banner-global.background-parallax .has-bg-img .banner--screen { min-height: 440px; height: 52vw; } } @media screen and (min-width: 768px) { .hero-banner-global.background-parallax .has-bg-img .banner--large, .hero-banner-global.background-parallax .has-bg-img .banner--screen { height: 48vh; min-height: 500px; } } @media screen and (min-width: 1024px) { .hero-banner-global.background-parallax .has-bg-img .banner--large, .hero-banner-global.background-parallax .has-bg-img .banner--screen { height: 80vh; min-height: 900px; } } @media (orientation: portrait) and (min-width: 1024px) { .hero-banner-global.background-parallax .has-bg-img .banner--large, .hero-banner-global.background-parallax .has-bg-img .banner--screen { height: 80vh; min-height: 900px; } } @media (orientation: portrait) and (min-width: 1024px) { .hero-banner-global.background-parallax .has-bg-img .banner--large, .hero-banner-global.background-parallax .has-bg-img .banner--screen { min-height: 600px; height: 72vw; } } .hero-banner-global.background-parallax .has-bg-img .herobanner { align-items: flex-start; padding-top: 100px; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .hero-banner-global.hbg-content--bold .hbg-container .banner--large .banner__title, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .banner__title { font-size: 1.125rem; font-weight: 700; letter-spacing: 0; margin-bottom: 1.8rem; } @media screen and (min-width: 924px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .banner__title, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .banner__title { font-size: 1.95vw; } } @media screen and (min-width: 1024px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .banner__title, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .banner__title { font-size: 1.25rem; } } .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-subtitle, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-subtitle { font-size: 1rem; margin-bottom: 1.8rem; letter-spacing: 0; font-weight: 400; width: 700px; min-width: 50%; max-width: 93%; } @media screen and (min-width: 915px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-subtitle, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-subtitle { font-size: 1.75vw; } } @media screen and (min-width: 1024px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-subtitle, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-subtitle { font-size: 1.125rem; } } .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-desc, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-desc { font-size: 1.625rem; font-style: normal; font-weight: 700; line-height: 1.15; width: 870px; min-width: 50%; max-width: 93%; } @media screen and (min-width: 667px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-desc, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-desc { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-desc, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-desc { font-size: 2.5rem; } } @media screen and (min-width: 768px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-desc, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-desc { font-size: 3.39795rem; } } @media screen and (min-width: 1024px) { .hero-banner-global.hbg-content--bold .hbg-container .banner--large .header-desc, .hero-banner-global.hbg-content--bold .hbg-container .banner--screen .header-desc { font-size: 80px; } } @media screen and (min-width: 1024px) { .hero-banner-global.hbg-content--bold .hbg-container .has-bg-img .herobanner .content { min-width: 80%; } } @media screen and (min-width: 1280px) { .hero-banner-global.hbg-content--bold .hbg-container .has-bg-img .herobanner .content { min-width: 65%; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .hero-banner-global.hbg-content--heroVideo .hbg-container { width: 100%; height: 0; padding-bottom: 60%; } @media screen and (min-width: 768px) { .hero-banner-global.hbg-content--heroVideo .hbg-container { padding-bottom: 48%; } } @media screen and (min-width: 1024px) { .hero-banner-global.hbg-content--heroVideo .hbg-container { padding-bottom: 43.75%; } } .hero-banner-global.hbg-content--heroVideo .hbg-container .banner__title, .hero-banner-global.hbg-content--heroVideo .hbg-container .header-subtitle, .hero-banner-global.hbg-content--heroVideo .hbg-container .header-desc, .hero-banner-global.hbg-content--heroVideo .hbg-container .header-tagline, .hero-banner-global.hbg-content--heroVideo .hbg-container .separator, .hero-banner-global.hbg-content--heroVideo .hbg-container a.btn { display: none; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .event-footer_container { color: #ffffff; background: #4c4c4c; background-size: cover; background-position: center center; background-repeat: no-repeat; } .event-footer_wrapper { display: flex; flex-wrap: wrap; } @media only screen and (min-width: 640px) { .event-footer_wrapper { flex-wrap: nowrap; } } .event-footer_border { display: none; } @media only screen and (min-width: 640px) { .event-footer_border { background-color: 1px solid rgba(255, 255, 255, 0.5); height: 1px; margin: 0 0 20px 0; display: block; } } .event-footer_heading { font-size: 12px; line-height: 1.6; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; padding-right: 30px; padding-bottom: 6px; position: relative; overflow: hidden; max-width: 100%; text-overflow: ellipsis; } [dir='rtl'] .event-footer_heading { padding-left: 30px; padding-right: 0; } .event-footer_heading .signupLink { color: #56a5d8; } .event-footer_heading .signupLink:hover { text-decoration: none; color: #74c6ff; } @media only screen and (min-width: 550px) { .event-footer_heading { padding-right: 0; } [dir='rtl'] .event-footer_heading { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 880px) { .event-footer_heading { white-space: nowrap; } } @media only screen and (max-width: 549px) { .event-footer_heading:after { content: ''; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20white%3B%22%20d%3D%22M28%209v5L16%2026%204%2014V9l12%2012L28%209z%22/%3E%3C/svg%3E") center center no-repeat; display: inline-block; width: 14px; height: 19px; position: absolute; top: -2px; right: 0; } [dir='rtl'] .event-footer_heading:after { left: 0; right: unset; } .event-footer_heading[aria-expanded="true"]:after { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20class%3D%22svg-icon%22%3E%3Cpath%20style%3D%22fill%3A%20white%3B%22%20d%3D%22M4%2023v-5L16%206l12%2012v5L16%2011%204%2023z%22/%3E%3C/svg%3E") center center no-repeat; top: 0; } } .event-footer [data-event-footer-link][role=button] { cursor: pointer; margin-top: 6px; } .event-footer [data-event-footer-link][role=button][aria-expanded=true] { color: #74c6ff; } @media only screen and (max-width: 549px) { .event-footer [data-event-footer-panel] { padding-left: 18px; max-height: 200vh; overflow: hidden; transition: max-height .4s ease-in-out; } .event-footer [data-event-footer-panel] a { padding: 10px 0; } .event-footer [data-event-footer-panel] a:not(.event-footer_col-app-apple-store):not(.event-footer_col-app-google-store) { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .event-footer [data-event-footer-panel][aria-hidden=true] { visibility: hidden; overflow: hidden; max-height: 0; transition: max-height .4s, visibility 0s .4s; } } .event-footer_text, .event-footer_link { font-size: 12px; display: block; margin-bottom: 0; line-height: 1.75; } .event-footer_col-social { flex-basis: 100%; margin-right: 50px; margin-left: 10px; } @media only screen and (min-width: 640px) { .event-footer_col-social { flex-basis: 24%; } } @media only screen and (min-width: 720px) { .event-footer_col-social { margin-left: 0; } } .event-footer_col-social .event--title { margin: 0; } .event-footer_col-social .event-footer_text { line-height: 1.25; } .event-footer_col-social .event-footer_text p { margin-bottom: 0; } .event-footer_col-social .event-footer_text .event-footer_in-text-link, .event-footer_col-social .event-footer_text a { color: #49b0f2; display: inline; } .event-footer_col-social .event-footer_text .event-footer_in-text-link:hover, .event-footer_col-social .event-footer_text a:hover { color: #74c6ff; text-decoration: none; } .event-footer_col-social .event-footer_list { margin: 0; padding: 0; } .event-footer_col-social .event-footer_list-item { list-style-type: none; display: inline-block; padding: 10px 7px 0 0; margin: 0; } .event-footer_col-social .event-footer_list-item [class*="icon-social-"] { background-color: #18032e; } .event-footer_col-social .event-footer_list-item .icon-social-facebook:hover { background-color: #3D5A96; } .event-footer_col-social .event-footer_list-item .icon-social-twitter:hover { background-color: #59ADEB; } .event-footer_col-social .event-footer_list-item .icon-social-linkedin:hover { background-color: #127CB3; } .event-footer_col-social .event-footer_list-item .icon-social-geonet:hover { background-color: #127BC0; } .event-footer_col-social .event-footer_list-item .icon-social-instagram:hover { background-color: #DA3075; } .event-footer_col-social .event-footer_list-item .icon-social-youtube:hover { background-color: #C31A1E; } .event-footer_col-info { flex-basis: 100%; display: flex; flex-wrap: wrap; margin: 40px 0 0 10px; } @media only screen and (min-width: 640px) { .event-footer_col-info { flex-basis: 66%; margin: 0; } } @media only screen and (min-width: 1024px) { .event-footer_col-info { flex-basis: 74%; } } .event-footer_col-info .event-footer_link { position: relative; color: #ffffff; } .event-footer_col-info .event-footer_link::after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: visibility .4s, opacity 0.4s linear, all .25s ease-in-out; width: 13px; display: inline-block; visibility: hidden; opacity: 0; margin-left: -6px; position: absolute; top: 4px; } html[dir="rtl"] .event-footer_col-info .event-footer_link::after { transform: scaleX(-1); } html[dir="rtl"] .event-footer_col-info .event-footer_link::after[href$=".mp4"]::after, html[dir="rtl"] .event-footer_col-info .event-footer_link::after[href$=".mov"]::after, html[dir="rtl"] .event-footer_col-info .event-footer_link::after[href^="/videos/"]::after { transform: none; } .event-footer_col-info .event-footer_link:hover { text-decoration: none; } .event-footer_col-info .event-footer_link:hover:after { opacity: 1; visibility: visible; margin-left: 5px; } html[dir="rtl"] .event-footer_col-info .event-footer_link:hover:after { margin-right: 5px; margin-left: 0; } .event-footer_col-info .event-footer_link::after { background: url("data:image/svg+xml;base64, PHN2ZyBjbGFzcz0iYXJyb3ciIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgPGc+PHBhdGggZmlsbD0iIzc0YzZmZiIgZD0iTTgsMTQuMjk2ODc1bDUuMzEyNS01LjMxMjVIMFY4aDEzLjI4MTI1TDgsMi43MDMxMjVWMS4yODEyNUwxNS4yMTg3NSw4LjVMOCwxNS43MTg3NVYxNC4yOTY4NzV6Ij48L3BhdGg+PC9nPgo8L3N2Zz4=") no-repeat center center; } .event-footer_col-info .event-footer_link:hover { color: #74c6ff; } @media only screen and (max-width: 640px) { .event-footer_col-info .event-footer_link:after { top: 13px; } } .event-footer_col-location, .event-footer_col-resources, .event-footer_col-help, .event-footer_col-app { padding-right: 50px; margin-bottom: 45px; flex-grow: 1; width: 100%; max-width: 100%; flex-basis: 100%; margin-bottom: 20px; } @media only screen and (min-width: 640px) { .event-footer_col-location, .event-footer_col-resources, .event-footer_col-help, .event-footer_col-app { flex-basis: 50%; max-width: 50%; } } @media only screen and (min-width: 1024px) { .event-footer_col-location { flex-basis: 30%; max-width: 30%; } } @media only screen and (min-width: 1024px) { .event-footer_col-resources { flex-basis: 25%; max-width: 25%; } } @media only screen and (min-width: 1024px) { .event-footer_col-help { flex-basis: 25%; max-width: 25%; } } @media only screen and (min-width: 1024px) { .event-footer_col-app { flex-basis: 20%; width: 20%; } } @media only screen and (max-width: 640px) { .event-footer_col-app [data-esri-uc-footer-panel] a { border-bottom: none; padding-bottom: 0; } } .event-footer_col-app-apple-store, .event-footer_col-app-google-store { font-size: 12px; display: block; margin-bottom: 0; white-space: nowrap; border-bottom: none; } .event-footer_col-app-img { max-width: 130px; border-radius: 5px; } html[dir="rtl"] .event-footer_container { padding-left: 50px; } html[dir="rtl"] .event-footer_container a.event-footer_link { text-align: right; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /*------------------------- --Industries How to Start-- -------------------------*/ .event-detail { margin: 60px 0 30px; text-align: center; } @media (min-width: 600px) { .event-detail { text-align: left; } } @media (min-width: 1024px) { .event-detail { margin-top: 60px; } } .event-detail-registration { margin-bottom: 15px; outline: 1px solid #cccccc; position: relative; text-align: left; overflow: auto; } @media (max-width: 420px) { .event-detail-registration.grid-container { width: 100vw; max-width: 100vw; } } .event-detail-registration h2, .event-detail-registration h3, .event-detail-registration p { margin: 0; } .event-detail-registration h2 { line-height: 1.325rem; } .event-detail-registration p { line-height: 1.35rem; } .event-detail-registration_heading { min-height: 85px; color: #ffffff; padding: 15px 20px 15px; position: relative; } html[dir="rtl"] .event-detail-registration_heading { text-align: right; } @media (max-width: 768px) { .event-detail-registration_heading h3.registration-title { line-height: 1.75rem; } } .event-detail-registration_heading h3.nocategory { position: absolute; top: 50%; transform: translateY(-50%); } .event-detail-registration_heading h3.yescategory { margin-top: 5px; } .event-detail-registration_heading.darktheme { background-color: #0079c1; } .event-detail-registration_heading.darktheme h2.registration-category { letter-spacing: .12em; font-size: 11px; font-weight: 700; font-style: normal; text-transform: uppercase; box-sizing: border-box; width: 100%; position: relative; margin: 0; color: #ffffff; color: rgba(50, 50, 50, 0.8); } @media screen and (min-width: 640px) { .event-detail-registration_heading.darktheme h2.registration-category { font-size: 13px; } } .event-detail-registration_heading.darktheme h3.registration-title { color: #323232; } .event-detail-registration_heading.lighttheme { background-color: #005e95; } .event-detail-registration_heading.lighttheme h2.registration-category { letter-spacing: .12em; font-size: 11px; font-weight: 700; font-style: normal; text-transform: uppercase; box-sizing: border-box; width: 100%; position: relative; margin: 0; color: #4c4c4c; color: rgba(255, 255, 255, 0.8); } @media screen and (min-width: 640px) { .event-detail-registration_heading.lighttheme h2.registration-category { font-size: 13px; } } .event-detail-registration_heading.lighttheme h3 { color: #ffffff; } .event-detail-registration_heading h2 { font-size: 13px; letter-spacing: .12rem; } @media (max-width: 860px) { .event-detail-registration_heading h2 { font-size: 12px; } } .event-detail-registration_heading h4 { margin-bottom: 5px; } .event-detail-registration_content { padding: 0; } @media (min-width: 768px) { .event-detail-registration_content { padding: 10px 0 0 20px; } } .event-detail-registration_content .event-detail_details { box-sizing: border-box; padding: 10px 0 0 0; display: block; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details { display: flex; } } .event-detail-registration_content .event-detail_details-date-cost { padding: 10px 0 0 20px; display: block; flex-wrap: wrap; } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-date-cost { display: flex; padding: 0; width: 30%; margin-bottom: 35px; flex-wrap: nowrap; } } html[dir="rtl"] .event-detail-registration_content .event-detail_details-date-cost { text-align: right; margin-right: 30px; } html[dir="rtl"] .event-detail-registration_content .event-detail_details-date-cost .event-time { direction: ltr; } .event-detail-registration_content .event-detail_details-date, .event-detail-registration_content .event-detail_details-cost { width: 100%; } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-date, .event-detail-registration_content .event-detail_details-cost { width: 50%; } } .event-detail-registration_content .event-detail_details-cost { box-sizing: border-box; padding-left: 0; padding-top: 20px; } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-cost { padding-left: 15px; padding-top: 0; } } .event-detail-registration_content .event-detail_details-info { margin-top: 20px; overflow: hidden; position: relative; transition: height .25s ease-out; transition-delay: .25s; width: 100%; box-sizing: border-box; padding-left: 20px; } @media screen and (min-width: 769px) { .event-detail-registration_content .event-detail_details-info { padding: 0; } } @media screen and (max-width: 769px) { .event-detail-registration_content .event-detail_details-info { min-height: 80px; } } @media (min-width: 1024px) { .event-detail-registration_content .event-detail_details-info { padding: 0 0 0 15px; } } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-info { float: left; margin-bottom: 70px; margin-top: 0; width: 65%; margin-left: 30px; } } @media (min-width: 1440px) { .event-detail-registration_content .event-detail_details-info { margin-left: 0; } } .event-detail-registration_content .event-detail_details-info p { position: relative; z-index: 0; font-size: 0.875rem; line-height: 1.35rem; font-weight: 400; } @media (max-width: 768px) { .event-detail-registration_content .event-detail_details-info p { margin-bottom: 1rem; } } .event-detail-registration_content .event-detail_details-footer { text-align: center; } .event-detail-registration_content .event-detail_details-footer .ind-read_more.js-read_more { display: inline-block; } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details-footer { display: none; } } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details .ind-register { text-align: right; position: absolute; bottom: 0; right: 0; } html[dir="rtl"] .event-detail-registration_content .event-detail_details .ind-register { left: 0; right: auto; } } .event-detail-registration_content .event-detail_details .ind-register a.btn { width: 100%; font-weight: 300; color: #ffffff; background: #0079c1; } .event-detail-registration_content .event-detail_details .ind-register a.btn:hover, .event-detail-registration_content .event-detail_details .ind-register a.btn:focus { background: #005e95; border: 1px solid #005e95; box-shadow: inset 0 0 0 3px #005e95; } .event-detail-registration_content .event-detail_details .ind-register a.btn:after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; height: 13px; transition: all .25s ease-in-out; width: 13px; display: inline-block; margin-left: 5px; } html[dir="rtl"] .event-detail-registration_content .event-detail_details .ind-register a.btn { margin-left: 10px; } html[dir="rtl"] .event-detail-registration_content .event-detail_details .ind-register a.btn:after { transform: scaleX(-1); margin-right: 6px; margin-left: 0; } html[dir="rtl"] .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".mp4"]::after, html[dir="rtl"] .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".mov"]::after, html[dir="rtl"] .event-detail-registration_content .event-detail_details .ind-register a.btn[href^="/videos/"]::after { transform: none; } .event-detail-registration_content .event-detail_details .ind-register a.btn[href*=""]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .event-detail-registration_content .event-detail_details .ind-register a.btn:not([href*=""])::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".pdf"]::after, .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".doc"]::after, .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".zip"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .event-detail-registration_content .event-detail_details .ind-register a.btn[href^="/"]::after, .event-detail-registration_content .event-detail_details .ind-register a.btn[href^=".."]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".mp4"]::after, .event-detail-registration_content .event-detail_details .ind-register a.btn[href$=".mov"]::after, .event-detail-registration_content .event-detail_details .ind-register a.btn[href^="/videos/"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .event-detail-registration_content .event-detail_details .ind-register a.btn[href*="tel:"]::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMC41MjEuMjE2YTE3LjE0NyAxNy4xNDcgMCAwIDAtNS4zNDYgNi42ODZjMS42MTMgNC4zMzIgMy41ODUgOC41OTIgNS45NzMgMTIuNzI5czUuMDkyIDcuOTc0IDguMDM3IDExLjUzN2MyLjgyLjI4NiA1LjcyNy0uMTIxIDguNDYzLTEuMjg3YTEuMDYgMS4wNiAwIDAgMCAuMzc1LTEuNjkgNzYuNTE3IDc2LjUxNyAwIDAgMS00LjMwNy01LjIzIDEuMDUgMS4wNSAwIDAgMC0xLjQ3NC0uMjEybC0xLjU5NiAxLjIwOGExLjAwMiAxLjAwMiAwIDAgMS0xLjQ3My0uMjk4bC03LjUwMi0xMi45OTRhMS4wMDMgMS4wMDMgMCAwIDEgLjQ3OC0xLjQyNWwxLjg0NC0uNzc4Yy41MzgtLjIyNy43ODItLjg0NS41NTMtMS4zODJBNzYuNTIgNzYuNTIgMCAwIDEgMTIuMTcxLjczNWExLjA2IDEuMDYgMCAwIDAtMS42NTEtLjUyeiIvPjwvc3ZnPg==); } @media (min-width: 768px) { .event-detail-registration_content .event-detail_details .ind-register a.btn { width: auto; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .video-card-container .video-card:hover { color: #005e95; } .video-card-container .block-group-resources { text-align: left; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; } .video-card-container .block-group-resources .group-title-details { padding: 20px; position: relative; } .video-card-container .block-group-resources .group-title-details .group-title-heading { color: #323232; height: 78px; font-size: 1.2019rem; line-height: 1.55rem; letter-spacing: -0.05rem; } .video-card-container .block-group-resources .group-more-text p { font-size: 0.875rem; line-height: 1.55rem; } .video-card-container .block-group-resources:hover { border: 1px solid #56a5d8; cursor: pointer; } .video-card-container .block-group-resources:hover .video_play { background: #0079c1; } .video-card-container .block-group-resources .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .video-card-container .block-group-resources .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .video-card-container .block-group-resources .video_play:after:hover { border-left: 9px solid #ffffff !important; } .video-card-container .block-group-resources .video_play:hover { background: #0079c1; } .video-card-container .modal-content { max-height: 540px; } .video-card-container .video_modal .video_placeholder { max-width: 100%; height: auto; } @media (max-width: 959px) { .video-card-container .video-card .js-modal .modal-content { width: 90vw; } .video-card-container .video-card .js-modal .modal-content iframe.video_content, .video-card-container .video-card .js-modal .modal-content iframe.youtube { width: 100%; } } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .partner-logo { border: solid 1px #ccc; background-color: #fff; padding: 20px; margin-bottom: 15px; } .partner-logo:hover { border: solid 1px #0079c1; } .partner-logo:hover .card-content .card-content-bottom-link a .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .partner-logo a:hover { text-decoration: none; } .partner-logo .card-content { padding: 0; height: auto; position: relative; box-sizing: border-box; } .partner-logo .card-content .card-title { margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; color: #323232; min-height: 60px; } .partner-logo .card-content .card-content-bottom-link { margin-bottom: 0; } .partner-logo .card-content .card-content-bottom-link a .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .partner-logo .card-content .card-content-bottom-link a:hover { text-decoration: none; } .partner-logo .card-content .icon-container { min-height: 90px; } @media (min-width: 950px) { .partner-logo .card-content .icon-container { min-height: 100px; } } .partner-logo .card-text p { font-size: 0.8125rem; line-height: 1.55rem; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .card-logo-text .lighttheme .card-logo { overflow: hidden; text-align: left; min-height: 240px; box-sizing: border-box; padding: 20px; } .card-logo-text .lighttheme .card-logo.icon-true { min-height: 64px; } @media screen and (min-width: 462px) { .card-logo-text .lighttheme .card-logo { position: relative; } } .card-logo-text .lighttheme .card-logo img { position: relative; fill: #4c4c4c; } @media screen and (min-width: 462px) { .card-logo-text .lighttheme .card-logo img { position: absolute; bottom: 0; left: 0; } } .card-logo-text .lighttheme .card-logo img.icon-true { width: 64px; height: auto; } .card-logo-text .lighttheme .card-content h3 { color: #fff; font-size: 1.414rem; margin: 0 0 20px 0; letter-spacing: -0.05rem; line-height: 1.55rem; min-height: 52px; } .card-logo-text .lighttheme .card-content .card-text { color: rgba(255, 255, 255, 0.75); font-size: 0.9375rem; line-height: 1.55rem; } .card-logo-text .lighttheme .card-content p a { color: #fff; padding-bottom: 10px; } .card-logo-text .darktheme .card-logo { overflow: hidden; text-align: left; min-height: 240px; box-sizing: border-box; padding: 20px; } .card-logo-text .darktheme .card-logo.icon-true { min-height: 64px; } @media screen and (min-width: 462px) { .card-logo-text .darktheme .card-logo { position: relative; } } .card-logo-text .darktheme .card-logo img { position: relative; fill: #4c4c4c; } @media screen and (min-width: 462px) { .card-logo-text .darktheme .card-logo img { position: absolute; bottom: 0; left: 0; } } .card-logo-text .darktheme .card-logo img.icon-true { width: 64px; height: auto; } .card-logo-text .darktheme .card-content h3 { color: #323232; font-size: 1.414rem; margin: 0 0 20px 0; letter-spacing: -0.05rem; line-height: 1.55rem; min-height: 52px; } .card-logo-text .darktheme .card-content .card-text { color: #595959; font-size: 0.9375rem; line-height: 1.55rem; } .card-logo-text .darktheme .card-content p a { padding-bottom: 10px; } .card-content { /*height: auto !important; */ } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .card-events { border: solid 1px #ccc; margin-bottom: 20px; } .card-events:hover { border: solid 1px #56a5d8; } .card-events:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .card-events .card-background { min-height: 190px; position: relative; } .card-events .card-background .card-overlay { position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.9); width: 100%; padding: 4px 4px 4px 10px; box-sizing: border-box; } .card-events .card-content { padding: 1rem; min-height: 220px; position: relative; } .card-events .card-content .bottom-link { position: absolute; bottom: 0; margin-bottom: 10px; } .card-events .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .card-events .card-text p { color: #6e6e6e; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ .card-content a:hover { text-decoration: none; } .card-content .icon-ui-right-arrow::before { content: "" !important; display: none; } .card-content .svg-icon.icon { position: relative; } .card-content .svg-icon.icon::before { position: absolute; top: 50%; transform: translateY(-50%); } .withbackground { border: solid 1px #ccc; } .withbackground .card-content { padding: 1rem; } .withbackground .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .withbackground:hover { border: solid 1px #56a5d8; } .withbackground:hover .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .withlogo .block-group-partner { background: #fff; padding: 20px; border: 1px solid #ccc; } .withlogo .block-group-partner p.withlogo a .right-arrow-blue { width: 12px; height: 12px; display: inline-block; margin-left: -5px; fill: #0079c1; visibility: hidden; opacity: 0; transition: visibility .4s, opacity 0.4s linear, all .5s ease-in-out; } .withlogo .block-group-partner p.withlogo a:hover { text-decoration: none; } .withlogo .block-group-partner:hover { border: 1px solid #0079c1; } .withlogo .block-group-partner:hover p.withlogo a .right-arrow-blue { fill: #0079c1; opacity: 1; visibility: visible; margin-left: 5px; } .withlogo .block-group-partner h3 { height: 52px; font-weight: 500; } .withlogo .block-group-partner .group_icon { min-height: 90px; max-height: 90px; } .withlogo-true.side-card { padding: 0 0 0 40px; } .withlogo-true.side-card .card-logo { min-height: 90px; max-height: 90px; } .withlogo-true.side-card .card-content .svg-icon { display: none; } .withlogo-true.dark-bg-theme .card-content p a.btn-animated-border-bottom-blue { color: #fff; } .withlogo-true.dark-bg-theme .card-content p a.btn-animated-border-bottom-blue:hover { text-decoration: none; } .withvideo .video-card:hover { color: #005e95; } .withvideo .block-group-resources { text-align: left; margin-bottom: 10px; background: #fff; border: 1px solid #ccc; } .withvideo .block-group-resources .group-title-details { padding: 20px; position: relative; } .withvideo .block-group-resources .group-title-details .group-title-heading { color: #323232; height: 78px; font-size: 1.2019rem; line-height: 1.55rem; letter-spacing: -0.05rem; } .withvideo .block-group-resources .group-more-text p { font-size: 0.875rem; line-height: 1.55rem; padding: 0 20px 0 20px; } .withvideo .block-group-resources:hover { border: 1px solid #56a5d8; cursor: pointer; } .withvideo .block-group-resources:hover .video_play { background: #0079c1; } .withvideo .block-group-resources .video_play { background: rgba(50, 50, 50, 0.9); border-radius: 100%; height: 50px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 50px; z-index: 5; transition: all .25s ease-out; } .withvideo .block-group-resources .video_play:after { content: ""; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 10px solid white; left: 52.5%; position: absolute; top: 50%; transform: translate(-50%, -50%); height: 0; width: 0; } .withvideo .block-group-resources .video_play:after:hover { border-left: 9px solid #ffffff !important; } .withvideo .block-group-resources .video_play:hover { background: #0079c1; } .withvideo .modal-content { max-height: 540px; } .withvideo .video_modal .video_placeholder { max-width: 100%; height: auto; } .withvideo .modal-overlay { display: none; } .withvideo .modal-overlay.is-active { display: block; z-index: 10000; } .withvideo .modal-content { background-color: transparent; } @media (max-width: 959px) { .withvideo .modal-content { width: 90vw; background-color: transparent; } .withvideo .modal-content iframe.video_content, .withvideo .modal-content iframe.youtube { width: 100%; } } .noimage { margin: 100px 0 100px 0; } .noimage .card-text { margin-bottom: 1.55rem; } @media screen and (max-width: 462px) { .noimage { margin: 50px 0 50px 0; } } .noimage .group-title h2 { font-weight: 400; } .noimage .group-title .bottom-link { color: #fff; font-weight: 400; position: relative; text-decoration: none; } .noimage .group-title .bottom-link::after { left: 0; } .noimage .group-title .card-last { height: 70px; margin-bottom: 10px; } .noimage.arcgispro-feature-text { margin: 0; } .noimage .arcgispro-feature-text .heading-title { color: #fff; margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text .card-text { color: #bcbcbc; font-size: 0.875rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text.violet-text .card-text { color: #e3d7e6; } .noimage .arcgispro-feature-text.blue-text .card-text { color: #d7dde6; } .noimage.arcgispro-feature-text-light { margin: 0; } .noimage .arcgispro-feature-text-light .heading-title { color: #4c4c4c; margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text-light .card-text { color: #595959; font-size: 0.875rem; line-height: 1.55rem; } .noimage .arcgispro-feature-text-light a.btn-animated-border-bottom-white { color: #0079c1; } .noimage.card-border-box { border: thin solid #ccc; background-color: #fff; padding: 20px; margin: 0; } .noimage.card-border-box .card-border-box { margin-bottom: 0; } .noimage.card-border-box .heading-title { margin-bottom: 0.775rem; font-size: 0.9375rem; line-height: 1.55rem; font-weight: 500; font-style: normal; } .noimage.card-border-box .card-text { margin-bottom: 1.55rem; } .noimage.card-border-box .card-text p { height: 120px; } .noimage.card-border-box p { margin-bottom: 0; font-size: 0.8125rem; line-height: 1.55rem; } .noimage.card-border-box p .bottom-link { color: #0079c1; font-size: 0.9375rem; line-height: 1.55rem; } .withlogo-true .card-logo { min-height: 240px; max-height: 240px; overflow: hidden; text-align: center; } @media screen and (min-width: 462px) { .withlogo-true .card-logo { position: relative; } } .withlogo-true .card-logo img { position: relative; fill: #4c4c4c; } @media screen and (min-width: 462px) { .withlogo-true .card-logo img { position: absolute; bottom: 0; left: 0; } } .withlogo-true.white-card-icon { padding: 20px 0; } .withlogo-true.white-card-icon .card-logo { min-height: 60px; max-height: 60px; margin-bottom: 30px; } .withlogo-true.white-card-icon .card-logo img { width: 64px; height: 64px; } .withlogo-true.white-card-icon .card-content .card-title { height: 52px; font-weight: 400; } .withlogo-true.arcgispro-icon { padding: 20px; } .withlogo-true.arcgispro-icon .card-logo { min-height: 60px; max-height: 60px; } .withlogo-true.arcgispro-icon .card-logo img { width: 48px; height: 48px; } .withlogo-true.arcgispro-icon .card-content { height: auto; } .withlogo-true.arcgispro-icon .card-content h3 { color: #fff; margin-bottom: 0.775rem; font-size: 1.2019rem; line-height: 1.55rem; font-weight: 500; } .withlogo-true.arcgispro-icon .card-content .card-text { font-size: 0.8125rem; line-height: 1.55rem; color: #fff; } .withlogo-true.arcgispro-icon .card-content a { font-size: 0.9375rem; line-height: 1.55rem; color: #fff; } .withlogo-true.arcgispro-icon .card-content a:hover { text-decoration: none; } .withlogo-true.arcgispro-icon-dark .card-logo { min-height: 60px; max-height: 60px; text-align: left; } .withlogo-true.arcgispro-icon-dark .card-logo img { width: 48px; height: 48px; } .withlogo-true.arcgispro-icon-dark .card-content { height: auto; } .withlogo-true.arcgispro-icon-dark .card-content h3 { color: #323232; font-weight: 400; } @media (min-width: 462px) { .withlogo-true.arcgispro-icon-dark .card-content h3 { height: 52px; } } .withlogo-true.arcgispro-icon-dark .card-content .card-text { font-size: 16px; line-height: 1.55rem; color: #4c4c4c; margin-bottom: 25px; height: 65px; } .withlogo-true.arcgispro-icon-dark .card-content a { font-size: 0.9375rem; line-height: 1.55rem; color: #0079c1; } .withlogo-true.arcgispro-icon-dark .card-content a:hover { text-decoration: none; } .withlogo-true .card-content { padding-left: 0; } .card-logo { min-height: 240px; max-height: 240px; overflow: hidden; position: relative; } .card-content { /* padding-left: 0; */ position: relative; height: 220px; box-sizing: border-box; } .card-content .bottom-link { bottom: 0; } .bottom-link { position: relative; text-decoration: none; } /* Added from /etc/clientlibs/esri-common/clientlibs/partials/cards.scss, which mostly seemed irrelevant at worst, and misplaced at best. */ .med-block { box-sizing: border-box; padding: 25px 30px; width: 100%; } .med-block .card-logo img { width: 48px; height: 48px; } .med-block .card-body .card-link { color: #0079c1; margin-bottom: 0.775rem; } .med-block .card-body .card-link a.btn { text-decoration: none; background: 0 0; border: thin solid #56a5d8; color: #56a5d8; transition: all .15s ease-in-out; } .med-block .card-body .card-link a.btn:hover { background: 0 0; border: thin solid #005e95; box-shadow: inset 0 0 0 2px #005e95; color: #005e95; } /* start 2020 typography scale - placeholder */ /* end 2020 typography scale - placeholder */ /* Start Mixins for font sizes */ /* End Mixins for font sizes */ /*------------------------- Elastic Content Strip Modified: Tim W, Aug 29, 2019 -- complete refactor to BEM; fixed A11y --------------------------*/ .ecs__wrapper { overflow: hidden; } .ecs__wrapper .ecs__header { font-size: 1.625rem; padding: 40px 0; text-align: center; margin: 0; } @media screen and (min-width: 667px) { .ecs__wrapper .ecs__header { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__header { font-size: 2.5rem; } } .ecs__wrapper .ecs__main { display: flex; flex-wrap: wrap; overflow: hidden; position: relative; width: 100%; } .ecs__wrapper .ecs__main.ecs__main--hasTitle:before { content: ""; height: 0; left: 50%; position: absolute; top: 0; transform: translateX(-50%); width: 0; z-index: 99; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ffffff; } .ecs__wrapper .ecs__panel[data-theme='dark'] { background: #ffffff; } .ecs__wrapper .ecs__panel[data-theme='light'] { background: #595959; } .ecs__wrapper .ecs__panel { position: relative; overflow: hidden; text-align: center; flex: 1 0 100%; padding: 80px 20px; } .ecs__wrapper .ecs__title { font-weight: 300; line-height: 1.15; margin: 0 auto 1rem; position: relative; display: inline-block; } .ecs__wrapper .ecs__title.noLabel::after, .ecs__wrapper .ecs__link-label::after { content: ""; background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; transition: all .35s ease-out; opacity: 0; width: .6em; height: .6em; display: inline-block; position: relative; top: -.1em; } html[dir="rtl"] .ecs__wrapper .ecs__title.noLabel::after, html[dir="rtl"] .ecs__wrapper .ecs__link-label::after { transform: scaleX(-1); left: 0; } .ecs__wrapper .ecs__link-label::after { top: 1px; width: 13px; height: 13px; } .ecs__wrapper .ecs__title--mega { font-weight: 700; } .ecs__wrapper .ecs__title--mega:after { margin-left: -24px; } .ecs__wrapper .ecs__panel__icon .icon-ui-svg, .ecs__wrapper .ecs__panel__icon .icon-ui-svg--base, .ecs__wrapper .ecs__panel__icon .icons-ui-svg, .ecs__wrapper .ecs__panel__icon .icons-ui-svg--base, .ecs__wrapper .ecs__panel__icon svg, .ecs__wrapper .ecs__panel__icon img.svg { max-height: 64px; max-width: 64px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs_number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs_number { font-size: 2rem; } @media screen and (min-width: 695px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs_number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs_number { font-size: 4.6vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs_number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs_number { font-size: 3rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__title { font-size: 1.625rem; width: 80%; } @media screen and (min-width: 667px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__title { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__title { font-size: 2.5rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__title--mega { font-size: 50px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__body { font-size: 0.875rem; line-height: 1.55; margin-bottom: 1rem; width: 100%; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__body { font-size: 1rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__link-label { font-size: 0.75rem; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__link-label { font-size: 0.875rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__number { font-size: 1.625rem; } @media screen and (min-width: 829px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__number { font-size: 3.13vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__number { font-size: 2rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__title { font-size: 1.625rem; width: 80%; } @media screen and (min-width: 829px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__title { font-size: 3.13vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__title { font-size: 2rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__title--mega { font-size: 50px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__body { font-size: 0.75rem; width: 75%; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__body { font-size: 0.875rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__link-label { font-size: 0.75rem; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__link-label { font-size: 0.875rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3), .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel { padding: 50px 20px 60px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__number { font-size: 1.625rem; } @media screen and (min-width: 667px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__number { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__number { font-size: 2.5rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__title { font-size: 1.25rem; } @media screen and (min-width: 787px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__title { font-size: 2.54vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__title { font-size: 1.625rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__title--mega { font-size: 50px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__body { font-size: 0.625rem; margin-bottom: 1rem; width: 95%; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__body { font-size: 0.75rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__link-label { font-size: 0.625rem; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__link-label { font-size: 0.75rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4), .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel { flex-basis: 100%; padding: 50px 20px 60px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__number { font-size: 1.625rem; } @media screen and (min-width: 667px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__number { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__number { font-size: 2.5rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__title { font-size: 1.25rem; } @media screen and (min-width: 787px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__title { font-size: 2.54vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__title { font-size: 1.625rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__title--mega { font-size: 50px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__body { font-size: 0.625rem; margin-bottom: 1rem; width: 95%; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__body { font-size: 0.75rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__link-label { font-size: 0.625rem; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__link-label { font-size: 0.75rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5), .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel { padding: 50px 20px 60px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__number { font-size: 1.625rem; } @media screen and (min-width: 667px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__number { font-size: 3.9vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__number { font-size: 2.5rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title { font-size: 1.125rem; } @media screen and (min-width: 924px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title { font-size: 1.95vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title { font-size: 1.25rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title--mega { font-size: 50px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__body { font-size: 0.625rem; margin-bottom: 1rem; width: 100%; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__body { font-size: 0.75rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__link-label { font-size: 0.625rem; } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__link-label { font-size: 0.75rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6), .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel { padding: 40px 20px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__number { font-size: 1.625rem; } @media screen and (min-width: 829px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__number { font-size: 3.13vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__number { font-size: 2rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__title { font-size: 1.125rem; } @media screen and (min-width: 924px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__title { font-size: 1.95vw; } } @media screen and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__title { font-size: 1.25rem; } } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__title--mega { font-size: 50px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__body { font-size: 0.625rem; margin-bottom: 1rem; width: 90%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__link-label, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__link-label { font-size: 0.625rem; } @media (min-width: 640px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__title { width: 48%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__body { line-height: 1.55; margin-bottom: 1rem; width: 40%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2), .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel { flex: 0 0 50%; max-width: 50%; padding: 90px 20px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__content, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__content { margin: auto; width: 90%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__number { font-size: 2rem; } } @media screen and (min-width: 640px) and (min-width: 695px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__number { font-size: 4.6vw; } } @media screen and (min-width: 640px) and (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__number, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__number { font-size: 3rem; } } @media (min-width: 640px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__title { width: 80%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__body { margin-bottom: 1rem; width: 80%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)+.ecs__panel, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)+.ecs__panel+.ecs__panel { flex: 0 0 100%; max-width: 100%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3), .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel { flex: 0 0 50%; max-width: 50%; padding: 60px 20px 70px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__title, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__title { width: 100%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__body { width: 75%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4), .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel { flex: 0 0 50%; max-width: 50%; padding: 90px 20px 70px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__body { margin-bottom: 1rem; width: 95%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)+.ecs__panel+.ecs__panel+.ecs__panel+.ecs__panel { flex: 0 0 100%; max-width: 100%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5), .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel { flex: 0 0 50%; max-width: 50%; padding: 70px 20px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__body { margin-bottom: 1rem; width: 100%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6), .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel { flex: 0 0 50%; max-width: 50%; padding: 90px 20px 80px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__body { margin-bottom: 1rem; width: 100%; } } @media (min-width: 900px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__title--mega { font-size: 70px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__title--mega { font-size: 65px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)+.ecs__panel, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)+.ecs__panel+.ecs__panel { flex: 0 0 33.33%; max-width: 33.33%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3), .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel { flex: 0 0 33.33%; max-width: 33.33%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__title--mega { font-size: 55px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__title--mega { font-size: 45px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__body { margin-bottom: 1rem; width: 95%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)+.ecs__panel+.ecs__panel+.ecs__panel, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)+.ecs__panel+.ecs__panel+.ecs__panel+.ecs__panel { flex: 0 0 50%; max-width: 50%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5), .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel { flex: 0 0 33.33%; max-width: 33.33%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title--mega { font-size: 40px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6), .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel { flex: 0 0 33.33%; max-width: 33.33%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__title--mega { font-size: 35px; } } @media (min-width: 1024px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(4), .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel { flex: 0 0 25%; max-width: 25%; } } @media (min-width: 1280px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(5), .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)+.ecs__panel+.ecs__panel+.ecs__panel, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)+.ecs__panel+.ecs__panel+.ecs__panel+.ecs__panel { flex: 0 0 20%; max-width: 20%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title--mega { font-size: 2.5vw; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6), .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel { flex: 0 0 16.6666%; max-width: 16.6666%; } } @media (min-width: 1440px) { .ecs__wrapper .ecs__panel:first-child:nth-last-child(1) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(1)~.ecs__panel .ecs__body { width: 20%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(2) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(2)~.ecs__panel .ecs__body { width: 40%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(3) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)+.ecs__panel+.ecs__panel .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(3)~.ecs__panel .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(4)~.ecs__panel .ecs__body { width: 60%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__body { width: 70%; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(5) .ecs__title--mega, .ecs__wrapper .ecs__panel:first-child:nth-last-child(5)~.ecs__panel .ecs__title--mega { font-size: 40px; } .ecs__wrapper .ecs__panel:first-child:nth-last-child(6) .ecs__body, .ecs__wrapper .ecs__panel:first-child:nth-last-child(6)~.ecs__panel .ecs__body { width: 75%; } } .ecs__wrapper .ecs__content { align-self: center; position: relative; z-index: 3; } .ecs__wrapper .ecs__content .ecs__body { margin-left: auto; margin-right: auto; } .ecs__wrapper .ecs__body { line-height: 1.55; margin-bottom: 1rem; } .ecs__wrapper .ecs__overlay { background-color: rgba(50, 50, 50, 0.8); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } .ecs__wrapper .ecs__link-wrapper { overflow: hidden; margin-bottom: 0; text-decoration: none; } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] { color: #323232; } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .icons-ui-svg, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .icons-ui-svg--base, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .icon-ui-svg, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .icons, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .icon, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .Layer_1, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] svg.Layer_1 g path, .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] svg path { fill: #323232; } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .ecs__link-label { color: #323232; } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .link--internal::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .link--external::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .link--video::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .ecs__wrapper .ecs__link-wrapper[data-theme='dark'] .link--document::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiMwMDAiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] { color: #ffffff; } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .icons, .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .icons-ui-svg, .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .icon-ui-svg, .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .icons-ui-svg--base, .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .Layer_1, .ecs__wrapper .ecs__link-wrapper[data-theme='light'] svg.Layer_1 g path, .ecs__wrapper .ecs__link-wrapper[data-theme='light'] svg path { fill: #ffffff; } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .ecs__link-label { color: #ffffff; } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .link--internal::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTggMTQuM0wxMy4zIDlIMFY4aDEzLjNMOCAyLjdWMS4zbDcuMiA3LjJMOCAxNS43di0xLjR6Ii8+PC9zdmc+); } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .link--external::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMiAzMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8Zz4gPHBhdGggZmlsbD0iI2ZmZmZmZiIgZD0iTTMxLDE2djE1SDFWMWgxNXYyLjFIMy4xdjI1LjdoMjUuN1YxNkgzMXogTTMxLDF2MTAuN2gtMi4xVjQuNkwxNC42LDE4LjlsLTEuNS0xLjVMMjcuNCwzLjFoLTcuMVYxSDMxeiIvPiA8L2c+IDwvc3ZnPg==); } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .link--video::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik02IDBsMjIgMTYuMDAyTDYgMzJWMHoiLz48L3N2Zz4=); } .ecs__wrapper .ecs__link-wrapper[data-theme='light'] .link--document::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDMyIiBjbGFzcz0ic3ZnLWljb24iPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgZD0iTTIyIDI0aDR2MmgtNHYtMnptMC0xMmg0djJoLTR2LTJ6bTAgNGg0djJoLTR2LTJ6TTggNmgxMHYySDhWNnptMTQgMTRoNHYyaC00di0yek04IDEyaDEwdjJIOHYtMnptMCA0aDEydjJIOHYtMnpNMjIuODAxIDBINHYzMmgyNlY3LjE5OUwyMi44MDEgMHpNMjggMzBINlYyaDE0djhoOHYyMHptMC0yMmgtNlYyaC42MjFMMjggNy4zNzlWOHpNOCAyMGgxMnYySDh2LTJ6bTAgNGgxMHYySDh2LTJ6Ii8+PC9zdmc+); } .ecs__wrapper a.ecs__link-wrapper:hover .ecs__link-label::after, .ecs__wrapper a.ecs__link-wrapper:focus .ecs__link-label::after { opacity: 1; visibility: visible; margin-left: 5px; } html[dir="rtl"] .ecs__wrapper a.ecs__link-wrapper:hover .ecs__link-label::after, html[dir="rtl"] .ecs__wrapper a.ecs__link-wrapper:focus .ecs__link-label::after { margin-right: 5px; } .ecs__wrapper a.ecs__link-wrapper:hover .ecs__title::after, .ecs__wrapper a.ecs__link-wrapper:focus .ecs__title::after { opacity: 1; margin-left: 10px; } html[dir="rtl"] .ecs__wrapper a.ecs__link-wrapper:hover .ecs__title::after, html[dir="rtl"] .ecs__wrapper a.ecs__link-wrapper:focus .ecs__title::after { margin-right: 10px; } .ecs__wrapper a.ecs__link-wrapper:hover .ecs__underlay, .ecs__wrapper a.ecs__link-wrapper:focus .ecs__underlay { transform: scale(1.15); } .ecs__wrapper .ecs__underlay { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; transition: all .4s ease-out; top: 0; z-index: 1; } /*Collapse Top Margin*/ @media (min-width: 1024px) { .collapse-top { margin-top: 0 !important; } } /*arrow*/ .right-arrow { width: 12px; height: 12px; display: inline-block; margin-left: 5px; } .right-arrow.blue { fill: #0079c1; } /*defaults*/ .text-center { text-align: center; } .icon-ui-blue { fill: #0079c1; } .icon-ui-white { fill: #ffffff; } /*Button Treatments*/ .btn-engage { background: transparent !important; color: #49b0f2 !important; font-size: 12px; padding: 2px 10px; } .btn-engage:hover { background: transparent !important; text-decoration: none; } @media (min-width: 768px) { .btn-engage { font-size: 16px; padding: 15px 30px !important; } } .btn-engage-lg { background: transparent; border: thin solid #49b0f2; color: #49b0f2; font-size: 9px; padding: 10px 12px; } @media (min-width: 768px) { .btn-engage-lg { font-size: 16px; padding: 15px 30px; } } @media (min-width: 1024px) { .btn-engage-lg { font-size: 14px; padding: 15px 20px; } } .svg-position { position: absolute; margin-left: 5px; margin-top: 6px; } .learn-more-link.dbl-line { background: transparent; color: #0079c1; } .learn-more-link.dbl-line:hover { text-decoration: none; } .learn-more-link.dbl-line:hover span:after { width: 100% !important; left: 0; } .learn-more-link.dbl-line span { display: inline-block; background: transparent; color: #0079c1; border: none; text-align: left; padding-left: 0; padding-right: 0; } .learn-more-link.dbl-line span:after { content: ""; border-bottom: 1px solid #0079c1; width: 0%; height: 1px; position: absolute; left: 10px; bottom: 0; } .learn-more-link.dbl-line span.top:after { transition: all .15s ease-in-out; } .learn-more-link.dbl-line span.bottom:after { transition: all .15s ease-in-out .19s; } .cta-questions .cta-primary-button_tagline:before, .cta-questions .cta-primary-dbl-button_tagline:before { background: var(--theme-color); } .detailed-list-item .icon-ui-check-mark:before, .detailed-list-item .icon-ui-close:before { color: var(--theme-color); } svg.theme-color path.cls-1 { fill: var(--theme-color); } hr.separator { background: var(--theme-color); } @-webkit-keyframes es-nav-fadein { 0% { clip-path: inset(25px 0 0 0); opacity: 0; transform: translateY(-25px); } to { clip-path: inset(0 0 0 0); opacity: 1; } } @keyframes es-nav-fadein { 0% { clip-path: inset(25px 0 0 0); opacity: 0; transform: translateY(-25px); } to { clip-path: inset(0 0 0 0); opacity: 1; } } .es-nav { background-repeat: no-repeat; box-sizing: border-box; box-shadow: 0 1px 0 0 #222; color: #efefef; background-color: rgba(50, 50, 50, 0.95); display: flex; font-size: 16px; line-height: 20px; position: relative; transition: background-color 75ms, min-height 75ms; user-select: none; z-index: 9000; } .es-nav * { background-repeat: no-repeat; box-sizing: border-box; } .es-nav:after { background-repeat: no-repeat; box-sizing: border-box; } .es-nav :after { background-repeat: no-repeat; box-sizing: border-box; } .es-nav:before { background-repeat: no-repeat; box-sizing: border-box; } .es-nav :before { background-repeat: no-repeat; box-sizing: border-box; } @media (max-width: 975px) { .es-nav:not([data-expanded='false']) { background-color: #000; } .es-nav-submenu { right: 0; } .es-nav-sublink[aria-controls] { padding-right: 44px; } .es-nav-sublink[aria-controls]:after { right: 20px; } .es-nav-subitem-menu { padding-left: 35px; } .es-nav:not([data-expanded='false']) .es-nav-title:after { background-image: linear-gradient(90deg, transparent, #000); } } @media (max-width: 975px) and (min-width: 0px) and (max-width: 975px) { .es-nav:not([data-expanded='false']) .es-nav-menu-title:after { transform: rotateX(180deg) translateY(1px); } } @media (max-width: 975px) { .es-nav-menu-title:after { right: 20px; } [dir=rtl] .es-nav-submenu { left: 0; right: auto; } [dir=rtl] .es-nav-sublink[aria-controls] { padding-left: 44px; padding-right: 20px; } [dir=rtl] .es-nav-sublink[aria-controls]:after { left: 20px; right: auto; } [dir=rtl] .es-nav-subitem-menu { padding-left: 0; padding-right: 35px; } [dir=rtl] .es-nav[data-expanded] .es-nav-title:after { background-image: linear-gradient(-90deg, transparent, #000); } [dir=rtl] .es-nav-menu-title:after { left: 20px; right: auto; } .es-nav-menu-title { display: block; font-size: 16px; line-height: 20px; padding-right: 20px; padding-left: 20px; } .es-nav-menu-title:focus { outline: 0; } .es-nav-menu-title:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 25' width='14' height='25'%3E%3Cpath d='M 0 0 14 0 7 7' fill='%23efefef'/%3E%3C/svg%3E"); position: absolute; transition: all .25s ease-out; width: 14px; height: 7px; } .es-nav-submenu { background-color: #222; top: 100%; position: absolute; overflow-y: auto; } .es-nav-submenu:not([aria-hidden=false]) { display: none; } .es-nav-sublink { font-size: 16px; line-height: 25px; outline-offset: -4px; padding: 17.5px 20px; } .es-nav-sublink[aria-controls] { position: relative; } .es-nav-sublink[aria-controls]:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 9 32 32' width='14' height='14'%3E%3Cpath d='M28 9v5L16 26 4 14V9l12 12L28 9z' fill='%23fff'/%3E%3C/svg%3E"); top: 23px; position: absolute; transition: all .25s ease-out; } .es-nav-sublink[aria-controls][aria-tertiary] { position: relative; } .es-nav-sublink[aria-controls][aria-tertiary]:after { content: ""; } .es-nav-subitem-menu { font-size: 14px; overflow: hidden; transition: max-height .25s, visibility 0s .5s; } .es-nav-subitem-menu:not([aria-hidden=false]) { /* max-height: 0; */ /* visibility: hidden; */ display: none; } .es-nav-subitem-menu[aria-hidden=false] { max-height: 300vh; transition: max-height .25s; } .es-nav-menu-title[aria-expanded=true]:after { transform: rotateX(180deg) translateY(1px); } .es-nav-sublink[aria-current]:not([data-expanded=true]) { box-shadow: inset 3px 0 0 0 var(--theme-color); color: #ffffff; } .es-nav-sublink[aria-controls][data-expanded=true]:after { transform: rotateX(180deg) translateY(9.5px); } :last-child>.es-nav-terlink { margin-bottom: 15px; } } @media (max-width: 615px) { .es-nav { min-height: 50px; } .es-nav-wrapper { min-height: 50px; } .es-nav-title { font-size: 14px; line-height: 20px; padding: 15px 20px; padding-left: 0px; } .es-nav-menu-title { color: transparent; overflow: hidden; padding-top: 15px; padding-bottom: 15px; top: 0; bottom: 0; position: absolute; width: 100vw; height: 50px; } .es-nav-menu-title:hover { background: transparent; color: transparent; } .es-nav-submenu { height: calc(100vh - 50px); width: 100vw; } .es-nav-more { display: flex; justify-content: center; } .es-nav-more-button { display: none; margin-top: 40px; margin-bottom: 80px; text-align: center; } .es-nav-menu-title { left: 0; } [dir=rtl] .es-nav-menu-title { left: auto; right: 0; } } @media (min-width: 616px) { .es-nav { min-height: 60px; } .es-nav-wrapper { min-height: 60px; } .es-nav-title { font-size: 20px; line-height: 25px; padding: 17.5px 25px; padding-left: 0; } .es-nav-more-button { display: block; margin-top: 10.5px; margin-bottom: 10.5px; } .es-nav-more-button:hover { color: #ffffff; text-decoration: none; } } @media (min-width: 1456px) { .es-nav { padding-right: calc(50vw - 725px); padding-left: calc(50vw - 725px); } } .es-nav[data-fixed] { top: 0; position: fixed; width: 100%; } .es-nav-wrapper { transition: min-height 75ms; } .es-nav-title { margin-top: 0; margin-bottom: 0; flex-grow: 1; font-weight: 400; max-width: 100vw; overflow-x: hidden; padding-left: 15px; position: relative; transition: font-size 75ms, line-height 75ms, padding 75ms; white-space: nowrap; } @media (min-width: 1440px) { .es-nav-title { padding-left: 17px; } } .es-nav-title:after { content: ""; top: 0; bottom: 0; position: absolute; width: 100px; } .es-nav-terlink { padding-right: 30px; } .es-nav-terlink:after { right: 20px; } .es-nav-terlink:focus:after { transform: translateX(10px); } .es-nav-terlink:hover:after { transform: translateX(10px); } .es-nav-title:after { background-image: linear-gradient(90deg, rgba(60, 60, 60, 0), #3c3c3c); right: 0; } [dir=rtl] .es-nav-terlink { padding-left: 30px; padding-right: 0; } [dir=rtl] .es-nav-terlink:after { left: 20px; right: auto; transform: scale(-1); } [dir=rtl] .es-nav-terlink:focus:after { transform: translateX(-10px) scale(-1); } [dir=rtl] .es-nav-terlink:hover:after { transform: translateX(-10px) scale(-1); } [dir=rtl] .es-nav-terlink[aria-current] { left: auto; right: -25px; } [dir=rtl] .es-nav-title:after { background-image: linear-gradient(-90deg, rgba(60, 60, 60, 0), "3c3c3c"); left: 0; right: auto; } .es-nav-title-link { text-decoration: none; color: inherit; } .es-nav-title-link:focus { color: var(--theme-color); text-decoration: none; } .es-nav-title-link:hover { color: var(--theme-color); text-decoration: none; } .es-nav-menu-title { background-color: transparent; border-style: none; color: transparent; font-size: inherit; left: 0; line-height: inherit; margin: 0; overflow: visible; cursor: pointer; outline-offset: -3px; position: absolute; width: 100vw; } @media (max-width: 975px) and (max-width: 615px) { .es-nav-menu-title:after { top: 21.5px; } } @media (max-width: 975px) and (min-width: 616px) and (max-width: 975px) { .es-nav-menu-title:after { top: 26.5px; } } @media (min-width: 616px) and (max-width: 975px) { .es-nav-menu-title { color: inherit; padding-top: 20px; padding-bottom: 20px; left: auto; position: relative; width: auto; } .es-nav-menu-title:hover { background: transparent; } .es-nav-submenu { max-height: calc(100vh - 60px); width: 320px; } .es-nav-menu-title { padding-right: 45px; } [dir=rtl] .es-nav-menu-title { padding-left: 45px; padding-right: 20px; } } @media (min-width: 976px) { .es-nav-menu-title { display: none; } .es-nav-sublist { display: flex; } .es-nav-sublink { box-shadow: inset 0 0 0 0 var(--theme-color); font-size: 16px; line-height: 25px; font-weight: 400; outline-offset: -3px; padding: 17.5px 25px; position: relative; user-select: none; white-space: nowrap; } .es-nav-sublink:hover { color: #ffffff; } .es-nav-sublink:not([aria-expanded=true]):hover { box-shadow: inset 0 -3px 0 0 var(--theme-color); } .es-nav-sublink[aria-current] { color: #ffffff; background-color: #000; } .es-nav-sublink[aria-current]:not([aria-expanded=true]) { box-shadow: inset 0 -3px 0 0 var(--theme-color); } .es-nav-sublink[aria-expanded=true] { color: #ffffff; } .es-nav-sublink[aria-controls] { padding-right: 45px; } .es-nav-sublink[aria-controls]:not([data-expanded='false']) { background: #222; box-shadow: inset 0 0 0 0 #222; } .es-nav-sublink[aria-controls]:not([data-expanded='false']):after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 25' width='10' height='25'%3E%3Cpath d='M 0 0 14 0 7 7' fill='%23var(--theme-color)'/%3E%3C/svg%3E"); } .es-nav-sublink[aria-controls]:after { right: 25px; } .es-nav-subitem-menu { padding-left: 25px; right: 0; } [dir=rtl] .es-nav-sublink[aria-controls] { padding-left: 45px; padding-right: 25px; } [dir=rtl] .es-nav-sublink[aria-controls]:after { left: 25px; right: auto; } [dir=rtl] .es-nav-subitem-menu { left: 0; padding-left: 0; padding-right: 25px; right: auto; } .es-nav-sublink[aria-controls][data-expanded=true] { background-color: #222; } .es-nav-sublink[aria-controls][data-expanded=true]:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 25' width='10' height='25'%3E%3Cpath d='M 0 0 14 0 7 7' fill='%23var(--theme-color)'/%3E%3C/svg%3E"); } .es-nav-subitem-menu { background-color: #222; max-height: calc(100vh - 60px); padding-bottom: 25px; top: 100%; position: absolute; width: 320px; } .es-nav-subitem-menu:not([aria-hidden=false]) { display: none; } .es-nav-subitem-menu[aria-hidden=false] { animation: es-nav-fadein .25s; } .es-nav-sublink[aria-controls]:after { position: absolute; width: 10px; height: 5px; top: 25px; } } @media (min-width: 976px) and (max-width: 1250px) { .es-nav-sublink { font-size: 1.3vw; } } @media (min-width: 976px) and (max-width: 1350px) { .es-nav-sublink { padding-left: 20px; padding-right: 20px; } .es-nav-sublink[aria-controls] { padding-right: 20px; } .es-nav-sublink[aria-controls]:after { right: 5px; } } .es-nav-sublist { list-style-type: none; margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0; font-size: inherit; line-height: inherit; margin-left: 0; } .es-nav-sublist .es-nav-more-button { display: block; margin: 20px auto; width: 70%; } @media (min-width: 615px) { .es-nav-sublist .es-nav-more-button { display: none; } } .es-nav-subitem { position: relative; margin: 0; } @media (min-width: 975px) { .es-nav-subitem:hover .es-nav-sublink[aria-controls]::after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 25' width='10' height='25'%3E%3Cpath d='M 0 0 14 0 7 7' fill='%23var(--theme-color)'/%3E%3C/svg%3E"); } } .es-nav-sublink { text-decoration: none; color: #efefef; cursor: pointer; display: block; } .es-nav-sublink:hover { text-decoration: none; } @media (max-width: 975px) and (hover) { .es-nav-sublink:hover { color: #ffffff; background-color: rgba(50, 50, 50, 0.95); } } .es-nav-subitem-menu { overflow-y: auto; transform: scaleX(1); } .es-nav-terlist { list-style-type: none; margin-top: 0; margin-bottom: 0; padding-right: 0; padding-left: 0; font-size: inherit; line-height: inherit; margin-left: 0; } .es-nav-terlink { text-decoration: none; background-image: linear-gradient(90deg, #ff9100 50%, #3f3f3f 0); background-position: 100% 100%; background-size: 200% 1px; color: #bcbcbc; cursor: pointer; display: block; line-height: 25px; outline-offset: -3px; padding-top: 15px; padding-bottom: 15px; position: relative; transition: background-position .25s; } .es-nav-terlink:focus { background-position-x: 0; color: #ffffff; } .es-nav-terlink:focus:after { opacity: 1; } .es-nav-terlink:hover { background-position-x: 0; color: #ffffff; text-decoration: none; } .es-nav-terlink:hover:after { opacity: 1; } .es-nav-terlink:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M8 14.3l5.3-5.3H0V8h13.3L8 2.7V1.3L15.2 8.5 8 15.7V14.3z' fill='%23var(--theme-color)' /%3E%3C/svg%3E"); opacity: 0; top: calc(50% - 8px); transition: all .25s ease-out; position: absolute; width: 16px; height: 16px; } .es-nav-terlink[aria-current] { color: #ffffff; } .es-nav-terlink[aria-current]:before { background-color: var(--theme-color); content: ""; top: 0; bottom: 0; left: -25px; position: absolute; width: 3px; height: 100%; } .es-nav-more-button { border-style: none; overflow: visible; color: #ffffff; background-color: #0079c1; cursor: pointer; margin-left: 10px; margin-right: 10px; padding: 9.5px 15px; white-space: nowrap; font-size: inherit; line-height: inherit; } .es-nav-more-button:focus { background-color: #005e95; } .es-nav-more-button:hover { background-color: #005e95; } .es-nav-teritem { margin: 0; } .c-snav-sublink.active { background-color: #000; } .text-link-stack-icon-series .headerimage .iconNumber { color: var(--theme-color); } @media screen and (min-width: 479px) { .anchor-container .quad-nav--link:hover { border-right: 3px solid var(--theme-color); } } @media screen and (min-width: 479px) { .anchor-container .quad-nav--link[aria-hidden="true"] { border-right: 3px solid var(--theme-color); } } /* custom variables */ /* media queries */ /* mixins */ .events-agenda .ea-sticky { position: -webkit-sticky; /* Safari */ position: sticky; z-index: 1; } .events-agenda .ea-nav { display: flex; border-bottom: 1px solid #464646; height: 70px; align-items: center; padding-left: 0; padding-right: 0; margin-bottom: 70px; } .events-agenda .ea-nav-dates, .events-agenda .ea-nav-utilities { width: calc(100% / 2); height: 70px; } .events-agenda .ea-nav-full-width { max-width: 100vw; margin-left: calc(-50vw + 50%); padding-left: 13px; padding-right: 5px; } .events-agenda .ea-nav-dates[data-vertical-nav="true"] { position: relative; } .events-agenda .ea-nav-dates[data-vertical-nav="true"] ul { display: flex; flex-flow: column; z-index: 9; position: relative; height: auto; width: 330px; padding-left: 16px; background-color: #f8f8f8; } .events-agenda .ea-nav-dates[data-vertical-nav="true"] ul .ea-nav-date:not(.current) { background-color: #f8f8f8; margin-top: 0; display: block; border-bottom: 1px solid #e7e7e7; height: 48px; line-height: 48px; padding-left: 16px; font-size: 16px; } .events-agenda .ea-nav-dates[data-vertical-nav="true"] ul .ea-nav-date:not(.current).active { font-weight: 700; } .events-agenda .ea-nav-dates[data-vertical-nav="true"] ul .ea-nav-date:not(.current).active:after { display: none; } .events-agenda .ea-nav-dates[data-vertical-nav="true"] ul .ea-nav-date:not(.current):not(.active) .day { font-weight: normal; } @media screen and (min-width: 481px) { .events-agenda .ea-nav-dates { width: calc(100% - 175px); } .events-agenda .ea-nav-dates ul { display: flex; justify-content: flex-start; } .events-agenda .ea-nav-dates ul .ea-nav-date { margin-left: 40px; } .events-agenda .ea-nav-dates ul .ea-nav-date:first-child { margin-left: 0; } } .events-agenda .ea-nav-date { color: rgba(22, 22, 22, 0.83); font-size: 17px; display: none; padding: 5px; cursor: pointer; line-height: 70px; } .events-agenda .ea-nav-date.active { display: inline-block; } .events-agenda .ea-nav-date:hover, .events-agenda .ea-nav-date:focus { color: #161616; } .events-agenda .ea-nav-date:focus { outline: none; } .events-agenda .ea-nav-date.icon-ui-down:before, .events-agenda .ea-nav-date.icon-ui-up:before { display: none; } .events-agenda .ea-nav-date.icon-ui-down:after, .events-agenda .ea-nav-date.icon-ui-up:after { font-family: 'calcite-ui'; padding-left: 0.5rem; padding-right: 0.5rem; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; text-decoration: none; } @media screen and (min-width: 981px) { .events-agenda .ea-nav-date.icon-ui-down:after, .events-agenda .ea-nav-date.icon-ui-up:after { display: none; } } .events-agenda .ea-nav-date.icon-ui-down:after { content: "\f127"; } .events-agenda .ea-nav-date.icon-ui-up:after { content: "\f182"; } @media screen and (max-width: 980px) { .events-agenda .ea-nav-date.selected { font-weight: 700 !important; } .events-agenda .ea-nav-date.selected span { font-weight: 700 !important; } } @media screen and (min-width: 481px) { .events-agenda .ea-nav-date { font-size: 18px; } } @media screen and (min-width: 981px) { .events-agenda .ea-nav-date { display: inline-block; border-bottom: 3px solid transparent; } .events-agenda .ea-nav-date.active, .events-agenda .ea-nav-date:hover, .events-agenda .ea-nav-date:focus { border-bottom: 3px solid var(--accent-color); } } .events-agenda .ea-nav-utilities--search, .events-agenda .ea-nav-utilities--filter, .events-agenda .ea-nav-utilities--print, .events-agenda .ea-nav-utilities--map { color: rgba(22, 22, 22, 0.83); font-size: 16px; cursor: pointer; } .events-agenda .ea-nav-utilities--search:hover, .events-agenda .ea-nav-utilities--filter:hover, .events-agenda .ea-nav-utilities--print:hover, .events-agenda .ea-nav-utilities--map:hover { color: #161616; } .events-agenda .ea-nav-utilities ul { display: flex; justify-content: space-evenly; } .events-agenda .ea-nav-utilities ul li { line-height: 70px; } @media screen and (min-width: 481px) { .events-agenda .ea-nav-utilities { max-width: 175px; } .events-agenda .ea-nav-utilities ul { justify-content: flex-end; } .events-agenda .ea-nav-utilities ul li { margin-right: 20px; } .events-agenda .ea-nav-utilities ul li:last-child { margin-right: 0; } } @media screen and (min-width: 981px) { .events-agenda .ea-nav-utilities { max-width: 250px; } .events-agenda .ea-nav-utilities ul li { margin-right: 25px; } } .events-agenda .ea-nav ul { margin: 0; padding: 0; height: 70px; } .events-agenda .ea-nav ul li { list-style: none; } .events-agenda .darktheme .ea-nav { border-bottom: 1px solid #acacac; } .events-agenda .darktheme .ea-nav-dates[data-vertical-nav="true"] ul { background-color: #202020; } .events-agenda .darktheme .ea-nav-dates[data-vertical-nav="true"] ul .ea-nav-date:not(.current) { background-color: #202020; } .events-agenda .darktheme .ea-nav-date { color: rgba(242, 242, 242, 0.83); } .events-agenda .darktheme .ea-nav-date:hover { color: #f2f2f2; } .events-agenda .darktheme .ea-nav-utilities--search, .events-agenda .darktheme .ea-nav-utilities--filter, .events-agenda .darktheme .ea-nav-utilities--print, .events-agenda .darktheme .ea-nav-utilities--map { color: rgba(242, 242, 242, 0.83); } .events-agenda .darktheme .ea-nav-utilities--search:hover, .events-agenda .darktheme .ea-nav-utilities--filter:hover, .events-agenda .darktheme .ea-nav-utilities--print:hover, .events-agenda .darktheme .ea-nav-utilities--map:hover { color: #f2f2f2; } /* right to left styles */ html[dir="rtl"] .ea-intro.column-24 { float: left; } html[dir="rtl"] .column-24 { float: none; } @media screen and (min-width: 481px) { html[dir="rtl"] .events-agenda .ea-nav-utilities ul li:last-child { margin-right: 25px; } } @media screen and (min-width: 1120px) { html[dir="rtl"] .events-agenda .ea-nav-dates ul .ea-nav-date:first-child { margin-left: 40px; } } .ea-main-content.column-24 { float: unset; } /* custom variables */ /* media queries */ /* mixins */ .events-agenda * { box-sizing: border-box; } .events-agenda .ea-no-underline { text-decoration: none; color: var(--accent-color); } .events-agenda .ea-main-fade-in { /* Add animation */ position: relative; top: 30px; opacity: 0.0; position: relative; -webkit-animation-name: ea-anim-main-content; -webkit-animation-duration: 0.40s; animation-name: ea-anim-main-content; animation-duration: 0.40s; } @media screen and (min-width: 981px) { .events-agenda .ea-main-content { display: flex; } } .events-agenda .ea-current-date { /* This contente is hidden on mobile and tablet only * We still want the content to be available * for the screen readers. * Since the code only inpacts mobile and desktop but * it doesn't impact desktop we are targeting only those * break points and we don't want to overwrite code * so we are using max-width. */ /* show element on desktop */ } @media screen and (max-width: 980px) { .events-agenda .ea-current-date { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } } @media screen and (min-width: 981px) { .events-agenda .ea-current-date { width: 20%; max-width: 20%; font-size: 24px; padding-right: 40px; color: #7c7c7c; position: sticky; position: -webkit-sticky; top: 80px; display: inline-table; } .events-agenda .ea-current-date--date { font-size: 29px; color: #323232; display: block; } } @media screen and (min-width: 981px) { .events-agenda .ea-agenda-items { width: 80%; max-width: 80%; } } .events-agenda .ea-time-slot { border-bottom: 1px solid #acacac; } .events-agenda .ea-time-slot:last-child { border-bottom: none; } .events-agenda .ea-time-slot--time { font-size: 24px; color: #323232; margin-top: 26px; margin-bottom: 21px; } @media screen and (max-width: 480px) { .events-agenda .ea-time-slot { min-width: 100vw; /* needs to go outside calcite grid as per design */ max-width: 100vw; margin-left: calc(-2vw - 0.5rem); /* Allows border bottom to expand 100% */ margin-right: calc(-2vw - 0.5rem); /* Allows border bottom to expand 100% */ padding-left: calc(2vw + 0.5rem); /* mimics calcite paddings */ padding-right: calc(2vw + 0.5rem); /* mimics calcite paddings */ } } @media screen and (min-width: 981px) { .events-agenda .ea-time-slot { display: flex; } } @media screen and (min-width: 481px) { .events-agenda .ea-time-slot { padding-top: 32px; } .events-agenda .ea-time-slot:first-child { padding-top: 0; } .events-agenda .ea-time-slot--time { width: 16.6%; min-width: 145px; margin-top: 0; padding-top: 0; } .events-agenda .ea-time-slot--items:first-child { margin-top: 0; padding-top: 0; } } .events-agenda .ea-time-slot--items { width: calc(100% - 16.6%); } @media screen and (min-width: 981px) { .events-agenda .ea-time-slot--items { display: flex; min-width: calc(100% - 16.6%); max-width: 960px; } .events-agenda .ea-time-slot--items .ea-item { padding-right: 5%; border-bottom: 1px solid #e1e1e1; } .events-agenda .ea-time-slot--items .ea-item.full-width { width: 100%; } .events-agenda .ea-time-slot--items .ea-item.half-width { width: calc(100% / 2); } .events-agenda .ea-time-slot--items .ea-item.one-third-width { width: calc(100% / 3); } .events-agenda .ea-time-slot--items.no-row .ea-item { border-bottom: none; } .events-agenda .ea-time-slot--items:not(.no-row) { flex-wrap: wrap; } .events-agenda .ea-time-slot--items:not(.no-row) .ea-item { width: calc(100% /3); } .events-agenda .ea-time-slot--items.no-row-last-1 .ea-item:last-child { border-bottom: none !important; } .events-agenda .ea-time-slot--items.no-row-last-2 .ea-item:nth-last-child(-n+2) { border-bottom: none !important; } } @media screen and (min-width: 981px) and (min-width: 1280px) { .events-agenda .ea-time-slot--items.no-row-last-3 .ea-item:nth-last-child(-n+3), .events-agenda .ea-time-slot--items.no-row-last-0 .ea-item:nth-last-child(-n+3) { border-bottom: none !important; } } @media screen and (min-width: 981px) and (max-width: 1280px) { .events-agenda .ea-time-slot--items:not(.no-row) .ea-item { width: calc(100%/2); } } .events-agenda .ea-item { border-bottom: 1px solid #e1e1e1; margin-bottom: 16px; padding-bottom: 16px; width: 100%; } .events-agenda .ea-item:last-child { border-bottom: none !important; } @media screen and (min-width: 981px) { .events-agenda .ea-item { border-bottom: none; } } .events-agenda .ea-item--title { font-size: 20px; line-height: 1.75rem; color: #323232; position: relative; padding-right: 30px; margin-bottom: 8px; font-weight: 600 !important; } .events-agenda .ea-item--title-session { line-height: 2.325rem; } @media screen and (min-width: 481px) { .events-agenda .ea-item--title { font-size: 24px; } } .events-agenda .ea-item--title-favorite { position: absolute; display: none; /* removed temporarily as it will be a future feature */ color: #ccc; top: 0; right: 0; width: 25px; height: 25px; } .events-agenda .ea-item--title-favorite svg { fill: #ccc; } .events-agenda .ea-item--duration { display: block; font-size: 17px; color: #7c7c7c; margin-bottom: 8px; } @media screen and (min-width: 481px) { .events-agenda .ea-item--duration { font-size: 20px; } } .events-agenda .ea-item--duration span { font-size: 14px; color: var(--accent-color); padding-left: 10px; cursor: pointer; } .events-agenda .ea-item--duration span:hover, .events-agenda .ea-item--duration span:focus, .events-agenda .ea-item--duration span:active { text-decoration: underline; outline: none; } .events-agenda .ea-item--location { font-size: 15px; color: #4c4c4c; margin-bottom: 6px; } .events-agenda .ea-item--location-icon { width: 15px; height: 24px; display: inline-block; } .events-agenda .ea-item--location-icon svg { fill: #4c4c4c; vertical-align: top; height: 18px; padding-top: 5px; } @media screen and (min-width: 481px) { .events-agenda .ea-item--location { font-size: 16px; } .events-agenda .ea-item--location-icon { width: 16px; } } .events-agenda .ea-item--location.geotagged { color: #0079c1; } .events-agenda .ea-item--location.geotagged .ea-item--location-icon svg { fill: #0079c1; } .events-agenda .ea-item--location.geotagged:hover { color: #005e95; } .events-agenda .ea-item--location.geotagged:hover .ea-item--location-icon svg { fill: #005e95; } .events-agenda .ea-item--event-types { margin: 0 0 8px 0; padding: 0; } .events-agenda .ea-item--type { display: inline-block; list-style: none; color: #2c2c2c; letter-spacing: 1px; text-transform: uppercase; font-size: 10px; line-height: 1; padding: 8px 15px; border-radius: 10px; background-color: #e9e9e9; } .events-agenda .ea-item--description { color: #7a7a7a; font-size: 14px; margin-bottom: 8px; } @media screen and (min-width: 481px) { .events-agenda .ea-item--description { font-size: 15px; } } .events-agenda .ea-item--speakers { margin-bottom: 0; color: var(--accent-color); font-size: 14px; margin-bottom: 8px; } .events-agenda .ea-item--speakers:hover, .events-agenda .ea-item--speakers:focus, .events-agenda .ea-item--speakers:active { text-decoration: underline; outline: none; } @media screen and (min-width: 481px) { .events-agenda .ea-item--speakers { font-size: 15px; } } .events-agenda .ea-item--survey-link { color: var(--accent-color); font-size: 14px; line-height: 1; } .events-agenda .ea-item--survey-link:hover, .events-agenda .ea-item--survey-link:focus, .events-agenda .ea-item--survey-link:active { color: var(--accent-color); text-decoration: underline; } @media screen and (min-width: 481px) { .events-agenda .ea-item--survey-link { font-size: 15px; } } .events-agenda .ea-row-separator { /* dynamic generated elem */ display: block; min-width: 100%; background-color: #e1e1e1; height: 1px; min-height: 1px; } @media screen and (min-width: 981px) { .events-agenda .darktheme .ea-current-date { color: #9c9c9c; } .events-agenda .darktheme .ea-current-date--date { font-size: 29px; color: #f8f8f8; } } .events-agenda .darktheme .ea-time-slot--time { color: #f8f8f8; } @media screen and (min-width: 981px) { .events-agenda .darktheme .ea-time-slot--items .ea-item { border-bottom: 1px solid #555555; } .events-agenda .darktheme .ea-time-slot--items.no-row .ea-item { border-bottom: none; } } .events-agenda .darktheme .ea-item { border-bottom: 1px solid #555555; } .events-agenda .darktheme .ea-item--title { color: #f8f8f8; } .events-agenda .darktheme .ea-item--title-favorite svg { fill: #7c7c7c; } .events-agenda .darktheme .ea-item--duration { color: #9b9b9b; } .events-agenda .darktheme .ea-item--duration--offerings-link { color: var(--accent-color); } .events-agenda .darktheme .ea-item--duration--offerings-link:hover, .events-agenda .darktheme .ea-item--duration--offerings-link:focus, .events-agenda .darktheme .ea-item--duration--offerings-link:active { text-decoration: underline; outline: none; } .events-agenda .darktheme .ea-item--location { color: #c1c1c1; } .events-agenda .darktheme .ea-item--location-icon svg { fill: #c1c1c1; } .events-agenda .darktheme .ea-item--location.geotagged { color: #49b0f2; } .events-agenda .darktheme .ea-item--location.geotagged .ea-item--location-icon svg { fill: #49b0f2; } .events-agenda .darktheme .ea-item--location.geotagged:hover { color: #74c6ff; } .events-agenda .darktheme .ea-item--location.geotagged:hover .ea-item--location-icon svg { fill: #74c6ff; } .events-agenda .darktheme .ea-item--type { color: #e7e7e7; background-color: #4c4c4c; } .events-agenda .darktheme .ea-item--description { color: #cdcdcd; } .events-agenda .darktheme .ea-item--speakers { color: var(--accent-color); } .events-agenda .darktheme .ea-item--speakers:hover, .events-agenda .darktheme .ea-item--speakers:focus, .events-agenda .darktheme .ea-item--speakers:active { text-decoration: underline; } .events-agenda .darktheme .ea-item--survey-link { color: var(--accent-color); } .events-agenda .darktheme .ea-item--survey-link:hover, .events-agenda .darktheme .ea-item--survey-link:focus, .events-agenda .darktheme .ea-item--survey-link:active { color: var(--accent-color); text-decoration: underline; } .events-agenda .darktheme .ea-row-separator { /* dynamic generated elem */ background-color: #555555; }