/** * Copyright 2025 Brisbane City Council * Version: 1.0.19-3595 * Published on: 2025-12-09T11:55:19 */ @font-face { font-family: 'Noto Sans'; font-style: italic; font-weight: 100 900; font-stretch: 100%; font-display: swap; src: url('/ds-fonts/noto-sans-italic.woff2') format('woff2'); } @font-face { font-family: 'Noto Sans'; font-style: normal; font-weight: 100 900; font-stretch: 100%; font-display: swap; src: url('/ds-fonts/noto-sans-normal.woff2') format('woff2'); } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ body { -webkit-backface-visibility: hidden; } .animated { -webkit-animation-duration: calc(1s); animation-duration: calc(1s); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale3d(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale3d(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } html { font-size: 16px; scroll-behavior: smooth; transition: scroll-behavior 0.4s ease-in-out; box-sizing: border-box; -webkit-text-size-adjust: 100%; scrollbar-gutter: stable; } *, *:before, *:after { box-sizing: inherit; } body { margin: 0; font-family: "Noto Sans", system-ui, "Helvetica", Arial, sans-serif; color: #333; background: #fff; width: 100%; } button, input, optgroup, select, textarea { font: inherit; } input[type=checkbox] { -webkit-appearance: none; appearance: none; } input[type=checkbox]::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19 3H5C3.89 3 3 3.89 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3ZM19 5V19H5V5H19Z' fill='%23666666'/%3E%3C/svg%3E"); position: relative; top: 5px; } input[type=checkbox]:checked::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 17L5 12L6.41 10.58L10 14.17L17.59 6.58L19 8L10 17ZM19 3H5C3.89 3 3 3.89 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H19C19.5304 21 20.0391 20.7893 20.4142 20.4142C20.7893 20.0391 21 19.5304 21 19V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3Z' fill='%230067B1'/%3E%3C/svg%3E"); position: relative; top: 5px; } .cmp-link__screen-reader-only { display: none; } #section-container-hide-emergency-resources { display: none !important; } .dark-theme .cmp-container { filter: grayscale(100%); } .dark-theme [id^=section-container-hide-] { display: none; } .foodtrucks-page .grid-container { max-width: 100%; margin: 0; } .foodtrucks-page .breadcrumb .cmp-breadcrumb { min-width: 100%; } .foodtrucks-page .section-container { padding: 0 32px; } .foodtrucks-page .section-container .content-section { padding-top: 0px; padding-bottom: 0px; } .page-metro-home footer, .page-metro-content footer { margin-top: unset; } .page-metro-home footer .footor-bottom-section, .page-metro-content footer .footor-bottom-section { padding: 16px 24px 16px; } .page-ward-home footer, .page-ward-content footer { margin-top: unset; } .page-services-form-level-3 .breadcrumb { display: none; } .page-services-home [aria-label=greycontainer] > .section-container:nth-of-type(1), .page-services-home [aria-label=greycontainer] > .section-container:nth-of-type(2) { background-color: #f8f8f8; } .page-services-home [aria-label=greycontainer] > .section-container:nth-of-type(1) .content-section { margin-top: 56px; } @media only screen and (max-width: 1023px) { .page-services-home [aria-label=greycontainer] > .section-container:nth-of-type(1) .content-section { padding-top: 72px; padding-bottom: 80px; } } .page-services-home .section-container.bg-rockpool { padding-top: 104px; padding-bottom: 104px; } .page-services-home .section-container .bg-deepBlue h3, .page-services-home .section-container .bg-deepBlue .cmp-steps .heading-h3, .cmp-steps .page-services-home .section-container .bg-deepBlue .heading-h3 { margin-top: 0px; } .page-services-home .section-container .bg-deepBlue .content-section { padding-top: 104px; padding-bottom: 104px; } @media only screen and (max-width: 1023px) { .page-services-home .section-container .bg-deepBlue .content-section { padding-top: 80px; padding-bottom: 80px; } } .page-services-home [aria-label=greycontainer] > .section-container:nth-of-type(2) .content-section { padding-top: 0px; padding-bottom: 0px; } .edit-preview-infinte-fix { height: px-to-em(1); position: relative; } .publish-mode #public-access-container { display: none; } .publish-mode #secure-access-container { display: none; } .bg-rockpool { background-color: #ecf5fb; } .bg-white { background-color: #ffffff; } .bg-offWhite { background-color: #f8f8f8; } .bg-deepBlue { background: linear-gradient(132deg, rgba(0, 103, 177, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #002e53; } .bg-deepBlue .cmp-text h2, .bg-deepBlue .cmp-text .cmp-steps .heading-h2, .cmp-steps .bg-deepBlue .cmp-text .heading-h2, .bg-deepBlue .cmp-text h3, .bg-deepBlue .cmp-text .cmp-steps .heading-h3, .cmp-steps .bg-deepBlue .cmp-text .heading-h3, .bg-deepBlue .cmp-text h4, .bg-deepBlue .cmp-text .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .bg-deepBlue .cmp-text .desc-title, .bg-deepBlue .cmp-text .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .bg-deepBlue .cmp-text button.trail-accordion__button, .bg-deepBlue .cmp-text .cmp-steps .heading-h4, .cmp-steps .bg-deepBlue .cmp-text .heading-h4, .bg-deepBlue .cmp-text .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .bg-deepBlue .cmp-text .cmp-tabs__tab--active, .bg-deepBlue .cmp-text h5, .bg-deepBlue .cmp-text .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .bg-deepBlue .cmp-text .list_item--title, .bg-deepBlue .cmp-text .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .bg-deepBlue .cmp-text .read-more-link, .bg-deepBlue .cmp-text .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .bg-deepBlue .cmp-text .audio-heading, .bg-deepBlue .cmp-text .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .bg-deepBlue .cmp-text .footer-links-heading, .bg-deepBlue .cmp-text a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .bg-deepBlue .cmp-text .download-heading, .bg-deepBlue .cmp-text .cmp-steps .heading-h5, .cmp-steps .bg-deepBlue .cmp-text .heading-h5, .bg-deepBlue .cmp-text .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .bg-deepBlue .cmp-text .cmp-tabs__tab, .bg-deepBlue .cmp-text .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .bg-deepBlue .cmp-text .text, .bg-deepBlue .cmp-text p, .bg-deepBlue .cmp-title h2, .bg-deepBlue .cmp-title .cmp-steps .heading-h2, .cmp-steps .bg-deepBlue .cmp-title .heading-h2, .bg-deepBlue .cmp-title h3, .bg-deepBlue .cmp-title .cmp-steps .heading-h3, .cmp-steps .bg-deepBlue .cmp-title .heading-h3, .bg-deepBlue .cmp-title h4, .bg-deepBlue .cmp-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .bg-deepBlue .cmp-title .desc-title, .bg-deepBlue .cmp-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .bg-deepBlue .cmp-title button.trail-accordion__button, .bg-deepBlue .cmp-title .cmp-steps .heading-h4, .cmp-steps .bg-deepBlue .cmp-title .heading-h4, .bg-deepBlue .cmp-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .bg-deepBlue .cmp-title .cmp-tabs__tab--active, .bg-deepBlue .cmp-title h5, .bg-deepBlue .cmp-title .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .bg-deepBlue .cmp-title .list_item--title, .bg-deepBlue .cmp-title .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .bg-deepBlue .cmp-title .read-more-link, .bg-deepBlue .cmp-title .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .bg-deepBlue .cmp-title .audio-heading, .bg-deepBlue .cmp-title .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .bg-deepBlue .cmp-title .footer-links-heading, .bg-deepBlue .cmp-title a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .bg-deepBlue .cmp-title .download-heading, .bg-deepBlue .cmp-title .cmp-steps .heading-h5, .cmp-steps .bg-deepBlue .cmp-title .heading-h5, .bg-deepBlue .cmp-title .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .bg-deepBlue .cmp-title .cmp-tabs__tab, .bg-deepBlue .cmp-title .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .bg-deepBlue .cmp-title .text, .bg-deepBlue .cmp-title p { color: #fff; } .bg-deepBlue .cmp-text a, .bg-deepBlue .cmp-title a { color: #fff; } .bg-deepBlue .cmp-text a:focus-visible:not(.MuiButton-root):not(.MuiButtonBase-root), .bg-deepBlue .cmp-title a:focus-visible:not(.MuiButton-root):not(.MuiButtonBase-root) { outline: 2px solid #ffd200; color: #fff; } .bg-deepBlue .cmp-text a:hover, .bg-deepBlue .cmp-title a:hover { text-decoration-color: transparent; } .bg-deepBlue .cmp-text a:visited:not(.MuiButton-root):not(.MuiButtonBase-root), .bg-deepBlue .cmp-title a:visited:not(.MuiButton-root):not(.MuiButtonBase-root) { color: #fff; } .bg-mist { background-color: #f8fcff; } .bg-blue { background: linear-gradient(144deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 79.07%), #0067b1; } .bg-blue .cmp-text h2, .bg-blue .cmp-text .cmp-steps .heading-h2, .cmp-steps .bg-blue .cmp-text .heading-h2, .bg-blue .cmp-text h3, .bg-blue .cmp-text .cmp-steps .heading-h3, .cmp-steps .bg-blue .cmp-text .heading-h3, .bg-blue .cmp-text h4, .bg-blue .cmp-text .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .bg-blue .cmp-text .desc-title, .bg-blue .cmp-text .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .bg-blue .cmp-text button.trail-accordion__button, .bg-blue .cmp-text .cmp-steps .heading-h4, .cmp-steps .bg-blue .cmp-text .heading-h4, .bg-blue .cmp-text .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .bg-blue .cmp-text .cmp-tabs__tab--active, .bg-blue .cmp-text h5, .bg-blue .cmp-text .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .bg-blue .cmp-text .list_item--title, .bg-blue .cmp-text .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .bg-blue .cmp-text .read-more-link, .bg-blue .cmp-text .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .bg-blue .cmp-text .audio-heading, .bg-blue .cmp-text .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .bg-blue .cmp-text .footer-links-heading, .bg-blue .cmp-text a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .bg-blue .cmp-text .download-heading, .bg-blue .cmp-text .cmp-steps .heading-h5, .cmp-steps .bg-blue .cmp-text .heading-h5, .bg-blue .cmp-text .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .bg-blue .cmp-text .cmp-tabs__tab, .bg-blue .cmp-text .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .bg-blue .cmp-text .text, .bg-blue .cmp-text p, .bg-blue .cmp-title h2, .bg-blue .cmp-title .cmp-steps .heading-h2, .cmp-steps .bg-blue .cmp-title .heading-h2, .bg-blue .cmp-title h3, .bg-blue .cmp-title .cmp-steps .heading-h3, .cmp-steps .bg-blue .cmp-title .heading-h3, .bg-blue .cmp-title h4, .bg-blue .cmp-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .bg-blue .cmp-title .desc-title, .bg-blue .cmp-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .bg-blue .cmp-title button.trail-accordion__button, .bg-blue .cmp-title .cmp-steps .heading-h4, .cmp-steps .bg-blue .cmp-title .heading-h4, .bg-blue .cmp-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .bg-blue .cmp-title .cmp-tabs__tab--active, .bg-blue .cmp-title h5, .bg-blue .cmp-title .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .bg-blue .cmp-title .list_item--title, .bg-blue .cmp-title .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .bg-blue .cmp-title .read-more-link, .bg-blue .cmp-title .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .bg-blue .cmp-title .audio-heading, .bg-blue .cmp-title .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .bg-blue .cmp-title .footer-links-heading, .bg-blue .cmp-title a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .bg-blue .cmp-title .download-heading, .bg-blue .cmp-title .cmp-steps .heading-h5, .cmp-steps .bg-blue .cmp-title .heading-h5, .bg-blue .cmp-title .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .bg-blue .cmp-title .cmp-tabs__tab, .bg-blue .cmp-title .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .bg-blue .cmp-title .text, .bg-blue .cmp-title p { color: #fff; } .show { display: block; } .hide { display: none !important; } @media only screen and (max-width: 599px) { .hide-mobile { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .hide-tablet { display: none !important; } } @media only screen and (min-width: 1024px) { .hide-desktop { display: none !important; } } .opacity-0 { opacity: 0; } .opacity-1 { opacity: 1; } .col-1 { width: 8.33%; } .col-2 { width: 16.66%; } .col-3 { width: 25%; } .col-4 { width: 33.33%; } .col-5 { width: 41.66%; } .col-6 { width: 50%; } .col-7 { width: 58.33%; } .col-8 { width: 66.66%; } .col-9 { width: 75%; } .col-10 { width: 83.33%; } .col-11 { width: 91.66%; } .col-12 { width: 100%; } @media only screen and (max-width: 600px) { .col-3 { width: 100%; } } [class*=col-] { float: left; } .row::before { content: none !important; } .row::after { content: ""; clear: both; display: table; } .flex { display: flex; } .justify-center { justify-content: center; } .grid-container { display: grid; gap: 16px; /* Default gutter for small devices */ margin-left: 32px; margin-right: 32px; width: 100%; } @media only screen and (max-width: 600px) { .grid-container { grid-template-columns: repeat(4, 1fr); /* 4 columns for small devices */ margin-left: 24px; margin-right: 24px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .grid-container { gap: 24px; grid-template-columns: repeat(8, 1fr); /* 8 columns for medium devices */ max-width: 768px; /* Max width for medium devices */ } } @media only screen and (min-width: 1024px) { .grid-container { gap: 24px; grid-template-columns: repeat(12, 1fr); /* 12 columns for large devices */ max-width: 1200px; /* Remove max width for large devices */ } } @media only screen and (max-width: 600px) { .grid-container.no-gap-mb { gap: 0; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .grid-container.no-gap-tb { gap: 0; } } @media only screen and (min-width: 1024px) { .grid-container.no-gap-dsk { gap: 0; } } @media only screen and (max-width: 600px) { .sm-1 { grid-column: span 1; } } @media only screen and (max-width: 600px) { .sm-2 { grid-column: span 2; } } @media only screen and (max-width: 600px) { .sm-3 { grid-column: span 3; } } @media only screen and (max-width: 600px) { .sm-4 { grid-column: span 4; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-1 { grid-column: span 1; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-2 { grid-column: span 2; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-3 { grid-column: span 3; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-4 { grid-column: span 4; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-5 { grid-column: span 5; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-6 { grid-column: span 6; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-7 { grid-column: span 7; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .md-8 { grid-column: span 8; } } @media only screen and (min-width: 1024px) { .lg-1 { grid-column: span 1; } } @media only screen and (min-width: 1024px) { .lg-2 { grid-column: span 2; } } @media only screen and (min-width: 1024px) { .lg-3 { grid-column: span 3; } } @media only screen and (min-width: 1024px) { .lg-4 { grid-column: span 4; } } @media only screen and (min-width: 1024px) { .lg-5 { grid-column: span 5; } } @media only screen and (min-width: 1024px) { .lg-6 { grid-column: span 6; } } @media only screen and (min-width: 1024px) { .lg-7 { grid-column: span 7; } } @media only screen and (min-width: 1024px) { .lg-8 { grid-column: span 8; } } @media only screen and (min-width: 1024px) { .lg-9 { grid-column: span 9; } } @media only screen and (min-width: 1024px) { .lg-10 { grid-column: span 10; } } @media only screen and (min-width: 1024px) { .lg-11 { grid-column: span 11; } } @media only screen and (min-width: 1024px) { .lg-12 { grid-column: span 12; } } .tl-100 { transform: translate3d(-100%, 0, 0); } .tlt-100 { transform: translate3d(-100%, -100%, 0); } .container-fixed-width { padding: 0 32px; margin: 0 auto; width: 100%; display: flex; justify-content: center; box-sizing: border-box; } @media only screen and (max-width: 600px) { .container-fixed-width { padding: 0 24px; } } .container-fixed-width .content-area { display: flex; max-width: 1200px; flex-basis: 100%; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .container-fixed-width .content-area { max-width: 768px; } } section.content-section { padding-top: 72px; padding-bottom: 80px; position: relative; } @media only screen and (max-width: 1023px) { section.content-section { padding-top: 56px; padding-bottom: 64px; } } section.content-section .section-container-bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; } section.content-section .section-container-bg-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } section.content-section.bin-experience-container { padding: 32px 24px; border-radius: 8px; } @media only screen and (max-width: 1023px) { section.content-section.bin-experience-container { padding-top: 32px; padding-bottom: 32px; } } .flex { display: flex; } .justify-center { justify-content: center; } .container.__tb-margin { margin-top: 72px; margin-bottom: 80px; } @media only screen and (max-width: 600px) { .container.__tb-margin { margin-top: 56px; margin-bottom: 64px; } } .cmp-link__screen-reader-only { display: none; } @media only screen and (max-width: 1023px) { .content-section .column-control .cmp-add-page, .content-section .column-control #common-recently-viewed-pages, .content-section .col-index-2.lg-4.md-8.sm-4 .cmp-add-page, .content-section .col-index-2.lg-4.md-8.sm-4 #common-recently-viewed-pages, .page-community-updates .column-control .cmp-add-page, .page-community-updates .column-control #common-recently-viewed-pages, .page-community-updates .col-index-2.lg-4.md-8.sm-4 .cmp-add-page, .page-community-updates .col-index-2.lg-4.md-8.sm-4 #common-recently-viewed-pages { display: none; } } #section_popular_searches_clone h4, #section_popular_searches_clone .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content #section_popular_searches_clone .desc-title, #section_popular_searches_clone .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion #section_popular_searches_clone button.trail-accordion__button, #section_popular_searches_clone .cmp-steps .heading-h4, .cmp-steps #section_popular_searches_clone .heading-h4, #section_popular_searches_clone .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist #section_popular_searches_clone .cmp-tabs__tab--active { margin: 0; } .grecaptcha-badge { visibility: hidden; } footer { margin-top: 24px; } @media print { footer { display: none !important; } } header.experiencefragment .cmp-navigation__group { margin: 0; padding: 0; list-style: none; } header.experiencefragment .cmp-navigation__item--level-0 { display: grid; grid-template-columns: 1fr 3fr; } header.experiencefragment .cmp-navigation__item-link { display: block; } header.experiencefragment .cmp-navigation__item--active > .cmp-navigation__item-link { font-weight: bold; } header.experiencefragment .cmp-languagenavigation { position: relative; } header.experiencefragment .cmp-languagenavigation::before { content: " "; display: block; height: 1.5em; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; } @media (prefers-color-scheme: dark) { header.experiencefragment .cmp-languagenavigation::before { background-image: url('data:image/svg+xml;utf8,'); } } header.experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group { visibility: hidden; transition-delay: 0.5s; position: absolute; top: 34px; width: 20em; padding: 0 8px; border: 1px solid #333; border-top: 0; background: #fff; } @media (prefers-color-scheme: dark) { header.experiencefragment .cmp-languagenavigation > .cmp-languagenavigation__group { border-color: #cccccc; background: black; } } header.experiencefragment .cmp-languagenavigation:hover > .cmp-languagenavigation__group { visibility: visible; transition-delay: 0s; } header.experiencefragment .cmp-languagenavigation__group { margin: 0; padding: 0; list-style: none; } header.experiencefragment .cmp-languagenavigation__item-title { font-size: x-small; text-transform: uppercase; } header.experiencefragment .cmp-languagenavigation__item--level-0 { margin-bottom: 0.5em; } header.experiencefragment .cmp-languagenavigation__item--level-1 { display: inline; } header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child)::before { content: " | "; } header.experiencefragment .cmp-languagenavigation__item--active > .cmp-languagenavigation__item-link { font-weight: bold; } header.experiencefragment .cmp-search__field { display: flex; margin: -3px 0; } header.experiencefragment .cmp-search__input { height: 26px; } h1 { font-size: 2.75rem; line-height: 52px; font-weight: 700; margin-bottom: 32px; color: #002e53; margin-top: 48px; } @media only screen and (max-width: 1023px) { h1 { font-size: 2rem; line-height: 40px; margin-top: 24px; } } h2, .cmp-steps .heading-h2 { font-size: 1.75rem; line-height: 36px; font-weight: 700; color: #002e53; padding-bottom: 0; margin-bottom: 32px; } @media only screen and (max-width: 1023px) { h2, .cmp-steps .heading-h2 { font-size: 1.5rem; line-height: 32px; } } h3, .cmp-steps .heading-h3 { font-size: 1.375rem; color: #002e53; line-height: 30px; font-weight: 700; margin-bottom: 24px; margin-top: 56px; } @media only screen and (max-width: 1023px) { h3, .cmp-steps .heading-h3 { font-size: 1.25rem; line-height: 26px; margin-top: 40px; } } h4, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion button.trail-accordion__button, .cmp-steps .heading-h4, .cmp-tabs__tablist .cmp-tabs__tab--active { font-size: 1.25rem; color: #002e53; line-height: 28px; font-weight: 600; margin-bottom: 16px; margin-top: 40px; } @media only screen and (max-width: 1023px) { h4, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion button.trail-accordion__button, .cmp-steps .heading-h4, .cmp-tabs__tablist .cmp-tabs__tab--active { font-size: 1.125rem; line-height: 24px; margin-top: 32px; } } h5, .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-trail-accordion .read-more-link, .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, a.download-card-outer .download-card-main .inner-content-heading .download-heading, .cmp-steps .heading-h5, .cmp-tabs.variation-in-focus .cmp-tabs__tab, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text { font-size: 1rem; color: #002e53; line-height: 24px; font-weight: 600; margin-bottom: 16px; margin-top: 32px; } @media only screen and (max-width: 1023px) { h5, .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-trail-accordion .read-more-link, .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, a.download-card-outer .download-card-main .inner-content-heading .download-heading, .cmp-steps .heading-h5, .cmp-tabs.variation-in-focus .cmp-tabs__tab, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text { font-size: 1rem; line-height: 22px; margin-top: 24px; } } .h5 { font-size: 1rem; color: #002e53; line-height: 24px; font-weight: 600; margin-bottom: 16px; margin-top: 32px; } @media only screen and (max-width: 1023px) { .h5 { font-size: 1rem; line-height: 22px; margin-top: 24px; } } h6 { font-size: 0.875rem; margin-bottom: 16px; color: #002e53; line-height: 20px; font-weight: 600; margin-top: 32px; } @media only screen and (max-width: 1023px) { h6 { margin-top: 24px; } } .campaignDisplay { color: #002e53; font-weight: 700; line-height: 40px; font-size: 2.25rem; padding-bottom: 0; margin-bottom: 32px; } @media only screen and (max-width: 1023px) { .campaignDisplay { font-size: 1.5rem; line-height: 32px; } } .body1 { font-size: 1.25rem; color: #333333; font-weight: 400; line-height: 28px; margin-bottom: 16px; margin-top: 16px; } @media only screen and (max-width: 1023px) { .body1 { font-size: 1.125rem; } } .body2, p { font-size: 1rem; margin-bottom: 16px; margin-top: 16px; color: #333333; font-weight: 400; line-height: 24px; } .body2.strong, p.strong { font-weight: 600; } .body2 b, p b { font-weight: 600; } strong, b { font-weight: 600; } p.form-label { color: #002e53; font-size: 1rem; font-style: normal; font-weight: 600; line-height: 24px; } .body3, .cmp-timestamp p, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .tippy-box[data-theme~=custom], .tippy-box { margin-bottom: 16px; margin-top: 16px; color: #333333; font-weight: 400; font-size: 0.875rem; line-height: 20px; } .tag { color: #333333; font-weight: 400; font-size: 0.875rem; line-height: 16px; text-transform: uppercase; } .tag.strong { font-weight: 600; } a { display: inline; color: #0067b1; text-decoration: underline; width: fit-content; line-height: 1; border-radius: 2px; outline-offset: 0; } a:active { text-decoration-color: #ffd200; } a:active:not(.MuiButtonBase-root) { background: #ffd200; color: #002e53; } a:active:focus { outline: none; } a:focus-visible:not(.MuiButton-root):not(.MuiButtonBase-root) { outline: 2px solid #0067b1; color: #0067b1; } a:hover { text-decoration-color: transparent; } a:visited:not(.MuiButton-root):not(.MuiButtonBase-root) { color: #002e53; } a.large { font-size: 20px; } a.nav-item-list-link { color: #002e53; text-decoration-color: transparent; } a.nav-item-list-link:hover { color: #002e53; text-decoration-color: #002e53; } a.nav-item-list-link:focus-visible { outline-color: #002e53; color: #002e53; } a.nav-item-list-link:active { display: inline; background: #c4dced; color: #002e53; } a.menu-link { all: unset; cursor: pointer; width: fit-content; color: #0067b1; padding: 8px 0; display: flex; gap: 8px; align-items: center; font-size: 1rem; font-weight: 600; line-height: 24px; border: 2px solid transparent; text-decoration: underline; text-decoration-color: transparent; } a.menu-link svg { fill: #0067b1; } a.menu-link:hover { text-decoration-color: #0067b1; } a.menu-link:active { background: #c4dced; text-decoration-color: #0067b1; } a.menu-link:active:focus { border: 2px solid transparent; } a.menu-link:focus-visible { border: 2px solid #0067b1; } a.nav-link { all: unset; display: inline; color: #002e53; border: 1px solid transparent; text-decoration: underline; text-decoration-color: transparent; width: fit-content; line-height: 1; cursor: pointer; } a.nav-link:active { text-decoration-color: #002e53; } a.nav-link:active { display: inline; background: #c4dced; color: #002e53; } a.nav-link:focus-visible { color: #002e53; outline: 2px solid #002e53; border-radius: 4px; } a.nav-link:hover { color: #002e53; text-decoration-color: #002e53; } a.nav-link:visited { color: #002e53; } a.nav-link:visited > * { color: #002e53; } a.contact-footer-link:active { background: #c4dced; text-decoration-color: #c4dced; } a[target=_blank]:not(.MuiButtonBase-root):not(.cmp-button):not(.cmp-teaser__action-link):not([title="Open this area in Google Maps (opens a new window)"]):not(.cmp-teaser__action-image-link):not(.cmp-teaser__link):not(.cmp-list__item-link):not(.list_item-link):not(.download-card-outer):not(.cmp-full-width-banner__link):not(.no-external-default-icon):not(.compact-card-link):not(#page-footer, .cmp-link__screen-reader-only) { display: inline; position: relative; align-items: center; } a[target=_blank]:not(.MuiButtonBase-root):not(.cmp-button):not(.cmp-teaser__action-link):not([title="Open this area in Google Maps (opens a new window)"]):not(.cmp-teaser__action-image-link):not(.cmp-teaser__link):not(.cmp-list__item-link):not(.list_item-link):not(.download-card-outer):not(.cmp-full-width-banner__link):not(.no-external-default-icon):not(.compact-card-link):not(#page-footer, .cmp-link__screen-reader-only) p { display: inline; } a[target=_blank]:not(.MuiButtonBase-root):not(.cmp-button):not(.cmp-teaser__action-link):not([title="Open this area in Google Maps (opens a new window)"]):not(.cmp-teaser__action-image-link):not(.cmp-teaser__link):not(.cmp-list__item-link):not(.list_item-link):not(.download-card-outer):not(.cmp-full-width-banner__link):not(.no-external-default-icon):not(.compact-card-link):not(#page-footer, .cmp-link__screen-reader-only)::after { content: ""; display: inline-block; margin-left: 4px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } .gm-style-cc a::after { all: unset !important; } ul, li, ol { color: #333333; line-height: 24px; } ul, ol { margin-left: -18px; margin-top: 12px; } ul:not([class*=MuiPagination]) li { padding-left: 8px; margin-bottom: 12px; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } .mt-0 { margin-top: 0px; } .mt-1 { margin-top: 8px; } .mt-2 { margin-top: 16px; } .mt-3 { margin-top: 24px; } .mt-4 { margin-top: 32px; } .mt-5 { margin-top: 40px; } .mt-6 { margin-top: 48px; } .mt-7 { margin-top: 56px; } .mt-8 { margin-top: 64px; } .mt-9 { margin-top: 72px; } .mb-0 { margin-bottom: 0px; } .mb-1 { margin-bottom: 8px; } .mb-2 { margin-bottom: 16px; } .mb-3 { margin-bottom: 24px; } .mb-4 { margin-bottom: 32px; } .mb-5 { margin-bottom: 40px; } .mb-6 { margin-bottom: 48px; } .mb-7 { margin-bottom: 56px; } .mb-8 { margin-bottom: 64px; } .mb-9 { margin-bottom: 72px; } .ml-0 { margin-left: 0px; } .ml-1 { margin-left: 8px; } .ml-2 { margin-left: 16px; } .ml-3 { margin-left: 24px; } .ml-4 { margin-left: 32px; } .ml-5 { margin-left: 40px; } .ml-6 { margin-left: 48px; } .ml-7 { margin-left: 56px; } .ml-8 { margin-left: 64px; } .ml-9 { margin-left: 72px; } .mr-0 { margin-right: 0px; } .mr-1 { margin-right: 8px; } .mr-2 { margin-right: 16px; } .mr-3 { margin-right: 24px; } .mr-4 { margin-right: 32px; } .mr-5 { margin-right: 40px; } .mr-6 { margin-right: 48px; } .mr-7 { margin-right: 56px; } .mr-8 { margin-right: 64px; } .mr-9 { margin-right: 72px; } .mx-0 { margin-left: 0px; margin-right: 0px; } .mx-1 { margin-left: 8px; margin-right: 8px; } .mx-2 { margin-left: 16px; margin-right: 16px; } .mx-3 { margin-left: 24px; margin-right: 24px; } .mx-4 { margin-left: 32px; margin-right: 32px; } .mx-5 { margin-left: 40px; margin-right: 40px; } .mx-6 { margin-left: 48px; margin-right: 48px; } .mx-7 { margin-left: 56px; margin-right: 56px; } .mx-8 { margin-left: 64px; margin-right: 64px; } .mx-9 { margin-left: 72px; margin-right: 72px; } .my-0 { margin-top: 0px; margin-bottom: 0px; } .my-1 { margin-top: 8px; margin-bottom: 8px; } .my-2 { margin-top: 16px; margin-bottom: 16px; } .my-3 { margin-top: 24px; margin-bottom: 24px; } .my-4 { margin-top: 32px; margin-bottom: 32px; } .my-5 { margin-top: 40px; margin-bottom: 40px; } .my-6 { margin-top: 48px; margin-bottom: 48px; } .my-7 { margin-top: 56px; margin-bottom: 56px; } .my-8 { margin-top: 64px; margin-bottom: 64px; } .my-9 { margin-top: 72px; margin-bottom: 72px; } .my-auto { margin-left: auto; margin-right: auto; } .pt-0 { padding-top: 0px; } .pt-1 { padding-top: 8px; } .pt-2 { padding-top: 16px; } .pt-3 { padding-top: 24px; } .pt-4 { padding-top: 32px; } .pt-5 { padding-top: 40px; } .pt-6 { padding-top: 48px; } .pt-7 { padding-top: 56px; } .pt-8 { padding-top: 64px; } .pt-9 { padding-top: 72px; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 8px; } .pb-2 { padding-bottom: 16px; } .pb-3 { padding-bottom: 24px; } .pb-4 { padding-bottom: 32px; } .pb-5 { padding-bottom: 40px; } .pb-6 { padding-bottom: 48px; } .pb-7 { padding-bottom: 56px; } .pb-8 { padding-bottom: 64px; } .pb-9 { padding-bottom: 72px; } .pl-0 { padding-left: 0px; } .pl-1 { padding-left: 8px; } .pl-2 { padding-left: 16px; } .pl-3 { padding-left: 24px; } .pl-4 { padding-left: 32px; } .pl-5 { padding-left: 40px; } .pl-6 { padding-left: 48px; } .pl-7 { padding-left: 56px; } .pl-8 { padding-left: 64px; } .pl-9 { padding-left: 72px; } .pr-0 { padding-right: 0px; } .pr-1 { padding-right: 8px; } .pr-2 { padding-right: 16px; } .pr-3 { padding-right: 24px; } .pr-4 { padding-right: 32px; } .pr-5 { padding-right: 40px; } .pr-6 { padding-right: 48px; } .pr-7 { padding-right: 56px; } .pr-8 { padding-right: 64px; } .pr-9 { padding-right: 72px; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1 { padding-left: 8px; padding-right: 8px; } .px-2 { padding-left: 16px; padding-right: 16px; } .px-3 { padding-left: 24px; padding-right: 24px; } .px-4 { padding-left: 32px; padding-right: 32px; } .px-5 { padding-left: 40px; padding-right: 40px; } .px-6 { padding-left: 48px; padding-right: 48px; } .px-7 { padding-left: 56px; padding-right: 56px; } .px-8 { padding-left: 64px; padding-right: 64px; } .px-9 { padding-left: 72px; padding-right: 72px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-1 { padding-top: 8px; padding-bottom: 8px; } .py-2 { padding-top: 16px; padding-bottom: 16px; } .py-3 { padding-top: 24px; padding-bottom: 24px; } .py-4 { padding-top: 32px; padding-bottom: 32px; } .py-5 { padding-top: 40px; padding-bottom: 40px; } .py-6 { padding-top: 48px; padding-bottom: 48px; } .py-7 { padding-top: 56px; padding-bottom: 56px; } .py-8 { padding-top: 64px; padding-bottom: 64px; } .py-9 { padding-top: 72px; padding-bottom: 72px; } @media only screen and (min-width: 1024px) { .form-lg-pb-0 { padding-bottom: 0px; } .form-lg-pb-1 { padding-bottom: 8px; } .form-lg-pb-2 { padding-bottom: 16px; } .form-lg-pb-3 { padding-bottom: 24px; } .form-lg-pb-4 { padding-bottom: 32px; } .form-lg-pb-5 { padding-bottom: 40px; } .form-lg-pb-6 { padding-bottom: 48px; } .form-lg-pb-7 { padding-bottom: 56px; } .form-lg-pb-8 { padding-bottom: 64px; } .form-lg-pb-9 { padding-bottom: 72px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .form-md-pb-0 { padding-bottom: 0px; } .form-md-pb-1 { padding-bottom: 8px; } .form-md-pb-2 { padding-bottom: 16px; } .form-md-pb-3 { padding-bottom: 24px; } .form-md-pb-4 { padding-bottom: 32px; } .form-md-pb-5 { padding-bottom: 40px; } .form-md-pb-6 { padding-bottom: 48px; } .form-md-pb-7 { padding-bottom: 56px; } .form-md-pb-8 { padding-bottom: 64px; } .form-md-pb-9 { padding-bottom: 72px; } } @media only screen and (max-width: 600px) { .form-sm-pb-0 { padding-bottom: 0px; } .form-sm-pb-1 { padding-bottom: 8px; } .form-sm-pb-2 { padding-bottom: 16px; } .form-sm-pb-3 { padding-bottom: 24px; } .form-sm-pb-4 { padding-bottom: 32px; } .form-sm-pb-5 { padding-bottom: 40px; } .form-sm-pb-6 { padding-bottom: 48px; } .form-sm-pb-7 { padding-bottom: 56px; } .form-sm-pb-8 { padding-bottom: 64px; } .form-sm-pb-9 { padding-bottom: 72px; } } .articlelist .cmp-list { padding: 0; margin: 0; display: grid; gap: 24px; align-items: start; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .articlelist .cmp-list { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 600px) { .articlelist .cmp-list { grid-template-columns: auto; } } @media only screen and (min-width: 1024px) { .articlelist .cmp-list { grid-template-columns: 1fr 1fr 1fr; } } .articlelist .cmp-list__item { display: inline-block; margin-bottom: 0; padding-left: 0; border-radius: 0px 0px 4px 4px; } .articlelist .cmp-list__item:not(:has(.cmp-teaser__image)) { border-radius: 4px; } .articlelist .cmp-list__item::before { content: none; } .articlelist .cmp-list__item.__box-shadow { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 2px 6px 0px rgba(0, 0, 0, 0.15); } @media (forced-colors: active) { .articlelist .cmp-list__item.__box-shadow { border: 1px solid transparent; } } .articlelist .cmp-list__item.__mist-bg { background-color: #f8fcff; } .articlelist .cmp-list__item.__offwhite-bg { background-color: #f8f8f8; } .articlelist .cmp-list__item.__white-bg { background-color: #ffffff; } .articlelist .cmp-list__item .cmp-teaser__link { display: flex; flex-direction: column-reverse; color: #002e53; text-decoration: none; } .articlelist .cmp-list__item .cmp-teaser__link:hover, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible { background: #ecf5fb; } .articlelist .cmp-list__item .cmp-teaser__link:hover .cmp-teaser__title, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible .cmp-teaser__title { text-decoration: underline; color: #015895; } .articlelist .cmp-list__item .cmp-teaser__link:hover .cmp-teaser__title::after, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23015895'/%3E%3C/svg%3E"); } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item .cmp-teaser__link:hover .cmp-teaser__title::after, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23015895'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item .cmp-teaser__link:active { background-color: #d4e7f4; } .articlelist .cmp-list__item .cmp-teaser__link:active .cmp-teaser__title { color: #002e53; } .articlelist .cmp-list__item .cmp-teaser__link:active .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); } .articlelist .cmp-list__item .cmp-teaser__link .cmp-image { height: 216px; } .articlelist .cmp-list__item .cmp-teaser__link .cmp-image img { width: 100%; border-radius: 4px 4px 0px 0px; height: 216px; object-fit: cover; } .articlelist .cmp-list__item .cmp-teaser__content { padding: 24px 24px 32px; min-height: 200px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item .cmp-teaser__content { padding: 24px; min-height: 192px; } } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title { margin: 0; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; align-items: flex-start; } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); position: relative; right: 0; top: 2px; margin-left: 8px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__description { color: #333333; overflow: hidden; font-size: 1rem; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .articlelist .cmp-list__item._no-image { padding: 24px 24px 32px; height: 194px; display: flex; flex-direction: column; gap: 16px; border-radius: 4px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item._no-image { padding: 24px; } } .articlelist .cmp-list__item._no-image .cmp-list__item-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .articlelist .cmp-list__item._no-image .cmp-list__item-link { width: 100%; text-decoration: none; } .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title { color: #002e53; display: flex; margin: 0; justify-content: space-between; } .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); position: relative; right: 0; top: 2px; margin-left: 8px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item._no-image:hover, .articlelist .cmp-list__item._no-image:focus-visible { background: #ecf5fb; } .articlelist .cmp-list__item._no-image:hover .cmp-list__item-title, .articlelist .cmp-list__item._no-image:focus-visible .cmp-list__item-title { text-decoration: underline; color: #015895; } .articlelist .cmp-list__item._no-image:hover .cmp-list__item-title::after, .articlelist .cmp-list__item._no-image:focus-visible .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23015895'/%3E%3C/svg%3E"); } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item._no-image:hover .cmp-list__item-title::after, .articlelist .cmp-list__item._no-image:focus-visible .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23015895'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item._no-image:active { background-color: #d4e7f4; } .articlelist .cmp-list__item._no-image:active .cmp-list__item-title { color: #002e53; } .articlelist .cmp-list__item._no-image:active .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); } .articlelist .cmp-list__item._no-image._no-description { min-height: 112px; } @media only screen and (max-width: 1023px) { .articlelist .cmp-list__item._no-image._no-description { min-height: 104px; } } .breadcrumb { padding: 0 32px; margin: 0 auto; width: 100%; display: flex; justify-content: center; } @media only screen and (max-width: 600px) { .breadcrumb { padding: 0 24px; } } .breadcrumb .cmp-breadcrumb { max-width: 1200px; display: flex; flex-basis: 100%; } @media print { .breadcrumb .cmp-breadcrumb { display: none !important; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .breadcrumb .cmp-breadcrumb { max-width: 768px; } } .breadcrumb .cmp-breadcrumb__list { padding-right: 0; margin-left: 0; padding-left: 0; margin-top: 32px; margin-bottom: 32px; } @media only screen and (max-width: 1023px) { .breadcrumb .cmp-breadcrumb__list { margin-top: 24px; margin-bottom: 24px; } } .breadcrumb .cmp-breadcrumb__item { display: none; margin-bottom: 0; color: #0067b1; padding-left: 0; } @media only screen and (min-width: 1024px) { .breadcrumb .cmp-breadcrumb__item { display: inline-block; } } .breadcrumb .cmp-breadcrumb__item:last-child { display: inline-block; } .breadcrumb .cmp-breadcrumb__item::before { margin-right: 0; } @media only screen and (min-width: 1024px) { .breadcrumb .cmp-breadcrumb__item:not(:first-child)::before { content: "/"; color: #0067b1; padding: 0 4px; } } .breadcrumb .cmp-breadcrumb__item-link { flex-direction: row; align-items: center; display: flex !important; } @media only screen and (min-width: 1024px) { .breadcrumb .cmp-breadcrumb__item-link { display: inline-block !important; } } .breadcrumb .cmp-breadcrumb__item-link:visited { color: #0067b1; } .breadcrumb .cmp-breadcrumb__item-link::before { height: 24px; width: 24px; margin-right: 8px; content: url('data:image/svg+xml,'); } @media only screen and (min-width: 1024px) { .breadcrumb .cmp-breadcrumb__item-link::before { display: none; } } .cmp-button, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a { background: #0067b1; border-radius: 4px; color: #fff; display: inline-flex; font-weight: 600; padding: 12px 16px; border: none; font-size: 1rem; line-height: 24px; gap: 8px; width: max-content; height: max-content; text-decoration: none; align-items: center; } .cmp-button:not(.text-btn):hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:not(.text-btn):hover { background: #002e53; color: #fff; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .cmp-button:focus-visible, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:focus-visible { outline: 2px solid #015ea0; outline-offset: 2px; } .cmp-button:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:active { background-color: #203e5e; color: #fff; outline: none; } .cmp-button .cmp-button__icon, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__icon { width: 24px; height: 24px; } .cmp-button svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a svg { fill: #ffffff; } .cmp-button svg.icon, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a svg.icon { width: 24px; height: 24px; } .cmp-button.filled-tonal, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-tonal { background: #d4e7f4; color: #0067b1; } .cmp-button.filled-tonal svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-tonal svg { fill: #0067b1; } .cmp-button.filled-tonal:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-tonal:hover { background: #d0e1ef; color: #0067b1; } .cmp-button.filled-tonal:focus-visible, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-tonal:focus-visible { background: #c4dced; } .cmp-button.filled-tonal:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-tonal:active { background: #0067b1; color: #fff; outline: none; } .cmp-button.filled-tonal:active svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-tonal:active svg { fill: #fff; } .cmp-button.outlined, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined { background: #fff; border: 1px solid #0067b1; color: #0067b1; padding: 11px 15px; } .cmp-button.outlined svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined svg { fill: #0067b1; } .cmp-button.outlined:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:hover { border-color: #002e53; background: #002e53; color: #fff; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .cmp-button.outlined:hover svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:hover svg { fill: #fff; } .cmp-button.outlined:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:active { background: #203e5e; color: #fff; outline: none; } .cmp-button.outlined:active svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:active svg { fill: #fff; } .cmp-button.icon-only, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-only { background: #fff; color: #0067b1; padding: 12px; } .cmp-button.icon-only:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-only:hover { background: #ecf5fb; border-radius: 50%; } .cmp-button.icon-only:focus-visible, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-only:focus-visible { border-radius: 50%; } .cmp-button.icon-only:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-only:active { background-color: #0067b1; color: #fff; border-radius: 50%; outline: none; } .cmp-button.icon-only:active svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-only:active svg { fill: #fff; } .cmp-button.filled-white, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-white { background: #fff; color: #0067b1; } .cmp-button.filled-white:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-white:hover { background: #fff; color: #0067b1; } .cmp-button.filled-white:focus-visible, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-white:focus-visible { background: #d7e0e5; } .cmp-button.filled-white:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.filled-white:active { color: #0067b1; outline: none; } .cmp-button.round-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.round-btn { padding: 12px; } .cmp-button.round-btn:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.round-btn:hover { border-radius: 50%; max-width: 48px; max-height: 48px; } .cmp-button.round-btn:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.round-btn:active { border-radius: 50%; min-width: 48px; min-height: 48px; } .cmp-button.text-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a { background: none; color: #0067b1; padding: 0; } .cmp-button.text-btn svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a svg { fill: #0067b1; margin: 0; } .cmp-button.text-btn:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:hover { text-decoration: underline; color: #0067b1; } .cmp-button.text-btn:hover svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:hover svg { fill: #0067b1; } .cmp-button.text-btn:focus-visible, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:focus-visible { background: transparent; color: #015895; } .cmp-button.text-btn:focus-visible svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:focus-visible svg { fill: #015895; } .cmp-button.text-btn:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:active { background-color: #fff; } .cmp-button.text-btn:active svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:active svg { fill: #002e53; } .cmp-button.text-btn:visited, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:visited { color: #002e53; } .cmp-button.large-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.large-btn { font-size: 1.25rem; padding: 16px 24px; } .cmp-button.small-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a { padding: 8px 16px; } .cmp-button.icon-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-btn { border-radius: 50%; padding: 4px; width: max-content; } .cmp-button.icon-btn img, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-btn img { margin: 0; } .cmp-button.icon-btn.large-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.icon-btn.large-btn { padding: 12px; } @media only screen and (max-width: 599px) { .cmp-button:not(.text-btn), .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:not(.text-btn) { width: 100%; justify-content: center; box-sizing: border-box; } .cmp-button.text-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a { width: auto; justify-content: flex-start; } } a.cmp-button.outlined, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined { color: #0067b1; } a.cmp-button.outlined:visited, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:visited { color: #0067b1; } a.cmp-button.outlined:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:hover { border-color: #002e53; background: #002e53; color: #fff; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } a.cmp-button.outlined:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:active { color: #fff; background-color: #203e5e; } a.cmp-button.outlined:active svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.outlined:active svg { fill: #fff; } a.cmp-button:active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:active { background-color: #203e5e; color: #fff; outline: none; } a.cmp-button:focus-visible, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:focus-visible { color: #0067b1; } a.cmp-button:visited, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:visited { color: #0067b1; } a.cmp-button:visited.filled-tonal, a.cmp-button:visited.text-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:visited { color: #0067b1; } .cmp-link__screen-reader-only { display: none; } .button-container { display: flex; } .btn-left { justify-content: flex-start; } .btn-centre { justify-content: center; } .btn-right { justify-content: flex-end; } a.filled span.cmp-button__text, a.filled-tonal:active span.cmp-button__text { color: #fff; } .cmp-button.text-btn:hover span.cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:hover span.cmp-button__text { color: #015895; } .cmp-button.text-btn:active span.cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:active span.cmp-button__text { color: #203e5e; } .card .cmp-teaser { display: flex; border-radius: 4px; background-color: #ecf5fb; justify-content: space-between; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); overflow: hidden; } @media only screen and (max-width: 600px) { .card .cmp-teaser { flex-direction: column-reverse; } } .card .cmp-teaser__content { flex: 5; max-width: 100%; } .card .cmp-teaser__content .content-wrapper { padding: 32px 24px; } @media only screen and (max-width: 600px) { .card .cmp-teaser__content .content-wrapper { padding: 24px; } } .card .cmp-teaser__content .cmp-teaser__title { margin: 0; margin-bottom: 16px; } .card .cmp-teaser__content .cmp-teaser__description { margin-bottom: 16px; color: #333333; } .card .cmp-teaser__content .cmp-teaser__action-container { display: flex; gap: 24px; align-items: flex-start; } @media only screen and (max-width: 600px) { .card .cmp-teaser__content .cmp-teaser__action-container { flex-direction: column; } } @media only screen and (max-width: 1023px) { .card .cmp-teaser__content .cmp-teaser__action-container { gap: 16px; } } .card .cmp-teaser__content .cmp-teaser__action-container img { max-height: 48px; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { background: #0067b1; border-radius: 4px; color: #fff; display: inline-block; font-weight: 600; padding: 12px 16px; border: none; font-size: 1rem; line-height: 24px; display: flex; width: max-content; text-decoration: none; align-items: center; } @media only screen and (max-width: 600px) { .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { width: 100%; justify-content: center; margin-bottom: 16px; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:last-child { margin-bottom: 0; } } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover { background: #015895; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible { background: #015ea0; outline: 2px solid #015ea0; outline-offset: 2px; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:active { background: #002e53; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } @media only screen and (min-width: 600px) { .card:not(.variation-no-img) .card .cmp-teaser__content:has(+ .cmp-teaser__image) { flex: 0 0 65%; max-width: 65%; } } .card .cmp-teaser__image { flex: 3; } @media only screen and (min-width: 600px) { .card .cmp-teaser__image { flex: 0 0 35%; max-width: 35%; } } .card .cmp-teaser__image .cmp-image { height: 100%; width: 100%; } @media only screen and (max-width: 599px) { .card .cmp-teaser__image .cmp-image { height: 184px; } } .card .cmp-teaser__image .cmp-image img { width: 100%; height: 100%; object-fit: cover; } .card .cmp-teaser.variation-promo-banner { gap: 24px; } @media only screen and (max-width: 600px) { .card .cmp-teaser.variation-promo-banner { gap: unset; } } .card .cmp-teaser.variation-promo-banner .cmp-teaser__image { flex: 1; max-width: 100%; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content { flex: 1; display: flex; max-width: 100%; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content .cmp-teaser__description { margin-bottom: 32px; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content .cmp-teaser__description p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content .content-wrapper { flex-direction: column; justify-content: center; display: flex; } .card .cmp-teaser.bb-yellow { border-bottom: 2px solid #ffd200; } .card .cmp-teaser.white-bg { background-color: #ffffff; } .card.variation-img-left .cmp-teaser { flex-direction: row-reverse; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); } @media only screen and (max-width: 600px) { .card.variation-img-left .cmp-teaser { flex-direction: column-reverse; } } .card.variation-no-img .cmp-teaser { background-color: #ecf5fb; } .card.variation-no-img .cmp-teaser .cmp-teaser__image { display: none; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link { background: #d4e7f4; color: #0067b1; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:hover { background: #d0e1ef; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:active { background: #0067b1; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); color: #fff; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:active::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:active[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible { background: #d0e1ef; outline: 2px solid #015ea0; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link { background: none; color: #0067b1; text-decoration: none; padding: 0; } @media only screen and (max-width: 600px) { .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link { width: auto; } } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:hover { text-decoration: underline; background: none; color: #015895; box-shadow: unset; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:hover::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:hover[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible { background: none; color: #015895; outline: 2px solid #015ea0; outline-offset: 2px; box-shadow: unset; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:active { color: #002e53; background: none; box-shadow: unset; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:active::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:active[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } @media only screen and (min-width: 1024px) { .childlist { margin: auto; } } @media only screen and (max-width: 1023px) { .childlist { background-color: #f8fcff; } } .childlist .cmp-list { padding: 0; display: grid; grid-template-columns: auto; margin: auto; } @media only screen and (min-width: 1024px) { .childlist .cmp-list { gap: 2px; grid-template-columns: 1fr 1fr 1fr; max-width: 1200px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .childlist .cmp-list { padding: 0 32px; max-width: 768px; } } @media only screen and (max-width: 600px) { .childlist .cmp-list { padding: 0 24px; } } .childlist .cmp-list__item { all: unset; position: relative; } @media (forced-colors: active) { .childlist .cmp-list__item { border: 1px solid transparent; } } .childlist .cmp-list__item::after { content: ""; } @media only screen and (min-width: 1024px) { .childlist .cmp-list__item::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0px 16px 64px 0px rgba(0, 0, 0, 0.08); z-index: -1; } } .childlist .cmp-list__item-link { all: unset; cursor: pointer; padding: 32px; width: 100%; height: 100%; display: flex; flex-direction: column; gap: 24px; background-color: #f8fcff; box-sizing: border-box; } @media only screen and (max-width: 1023px) { .childlist .cmp-list__item-link { padding: 24px 0; border-bottom: 2px solid #eef2f5; } } .childlist .cmp-list__item-link:hover, .childlist .cmp-list__item-link:focus-visible { background: #ecf5fb; } .childlist .cmp-list__item-link:hover .cmp-list__item-title, .childlist .cmp-list__item-link:focus-visible .cmp-list__item-title { text-decoration: underline; color: #0067b1; } .childlist .cmp-list__item-link:hover .cmp-list__item-title svg, .childlist .cmp-list__item-link:focus-visible .cmp-list__item-title svg { fill: #0067b1; } .childlist .cmp-list__item-link:focus-visible { position: relative; z-index: 1; outline: 2px solid #015ea0; } .childlist .cmp-list__item-link:active { display: flex; background: #d4e7f4; } .childlist .cmp-list__item-link:active .cmp-list__item-title { color: #002e53; } .childlist .cmp-list__item-link:active .cmp-list__item-title svg { fill: #002e53; } .childlist .cmp-list__item-link .cmp-list__item-title { color: #002e53; font-size: 1.25rem; font-weight: 600; line-height: 24px; display: flex; align-items: center; width: 100%; justify-content: space-between; } .childlist .cmp-list__item-link .cmp-list__item-title svg { flex-shrink: 0; } @media only screen and (min-width: 1024px) { .childlist .cmp-list__item-link .cmp-list__item-title { line-height: 28px; align-items: flex-start; } } .childlist .cmp-list__item-link .cmp-list__item-description { overflow: hidden; text-overflow: ellipsis; display: none; -webkit-box-orient: vertical; -webkit-line-clamp: 3; color: #333333; } @media only screen and (min-width: 1024px) { .childlist .cmp-list__item-link .cmp-list__item-description { display: -webkit-box; } } @media only screen and (min-width: 1024px) { .childlist .cmp-list.cmp-list--enable-icon .cmp-list__item-link svg.cmp-button__icon, .childlist .cmp-list.cmp-list--enable-brand-icon .cmp-list__item-link svg.cmp-button__icon { width: 56px; height: 56px; fill: #0067b1; } } @media only screen and (max-width: 1023px) { .childlist .cmp-list.cmp-list--enable-icon .cmp-list__item-link, .childlist .cmp-list.cmp-list--enable-brand-icon .cmp-list__item-link { flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .childlist .cmp-list.cmp-list--enable-icon .cmp-list__item-link svg.cmp-button__icon, .childlist .cmp-list.cmp-list--enable-brand-icon .cmp-list__item-link svg.cmp-button__icon { width: 32px; height: 32px; fill: #0067b1; } } .childlist .cmp-list.cmp-list--enable-brand-icon { background-color: transparent !important; position: relative; z-index: 1; } @media only screen and (max-width: 1023px) { .childlist .cmp-list.cmp-list--enable-brand-icon { max-width: 100%; padding: 0; } } @media only screen and (max-width: 1023px) { .childlist .cmp-list.cmp-list--enable-brand-icon .cmp-list__item::after { position: absolute; inset: 0; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); z-index: -1; } } @media only screen and (max-width: 600px) { .childlist .cmp-list.cmp-list--enable-brand-icon .cmp-list__item-link { padding: 24px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .childlist .cmp-list.cmp-list--enable-brand-icon .cmp-list__item-link { padding: 24px 66px; } } @media only screen and (min-width: 1024px) { .childlist.cmp-list--two-columns .cmp-list { grid-template-columns: 1fr 1fr; } } @media only screen and (min-width: 1024px) { .childlist.cmp-list--add-space .cmp-list { gap: 24px; } } .childlist.cmp-list--disable-shadow .cmp-list__item::after { box-shadow: none; } @media only screen and (max-width: 1023px) { .childlist.cmp-list--white-background { background-color: #ffffff; } } .childlist.cmp-list--white-background .cmp-list__item-link { background: #ffffff; } .childlist.cmp-list--white-background .cmp-list__item-link:hover, .childlist.cmp-list--white-background .cmp-list__item-link:focus-visible { background: #ecf5fb; } .childlist.cmp-list--white-background .cmp-list__item-link:active { background: #d4e7f4; } @media only screen and (max-width: 1023px) { .childlist.__variation { background-color: #f8f8f8; } } .childlist.__variation .cmp-list__item-link { background: #f8f8f8; } .childlist.__variation .cmp-list__item-link:hover, .childlist.__variation .cmp-list__item-link:focus-visible { background: #ecf5fb; } .childlist.__variation .cmp-list__item-link:active { background: #d4e7f4; } @media only screen and (max-width: 1023px) { .childlist.cmp-list--shadow-small .cmp-list__item::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); z-index: -1; } } .cmp-list__show-more-button { cursor: pointer; } .column-control-container { display: flex; justify-content: center; } .cmp-experiencefragment--feedback { border-top: 1px solid rgba(0, 0, 0, 0.1); } .cmp-experiencefragment--feedback > .cmp-container { max-width: 1200px; padding: 30px 32px; margin: 0 auto; width: 100%; box-sizing: border-box; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-experiencefragment--feedback > .cmp-container { max-width: 768px; } } @media only screen and (max-width: 600px) { .cmp-experiencefragment--feedback > .cmp-container { padding: 0 24px; } } .card { border-radius: 4px; display: flex; } .card--padding { padding: 32px; } @media only screen and (max-width: 1023px) { .card--padding { padding: 24px; } } .card--white { background-color: #ffffff; } .card--offWhite { background-color: #f8f8f8; } .card--mist { background-color: #f8fcff; } .card--rockPool { background-color: #ecf5fb; } .data-highlight { display: grid; grid-template-columns: 1fr 1fr 1fr; row-gap: 48px; column-gap: 24px; } @media only screen and (max-width: 600px) { .data-highlight { grid-template-columns: auto; row-gap: 32px; } } .data-highlight__item { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; justify-content: flex-start; flex: 1; padding-left: 24px; border-style: solid; border-color: #0067b1; border-width: 0 0 0 1px; } .data-highlight__label { display: block; font-size: 1.75rem; line-height: 36px; font-weight: 700; padding-bottom: 0; margin-top: 0; margin-bottom: 0; color: #002e53; } .card-non-action { align-items: flex-start; gap: 24px; } @media only screen and (max-width: 599px) { .card-non-action { flex-direction: column; } } .card-non-action h5, .card-non-action .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .card-non-action .list_item--title, .card-non-action .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .card-non-action .read-more-link, .card-non-action .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .card-non-action .audio-heading, .card-non-action .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .card-non-action .footer-links-heading, .card-non-action a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .card-non-action .download-heading, .card-non-action .cmp-steps .heading-h5, .cmp-steps .card-non-action .heading-h5, .card-non-action .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .card-non-action .cmp-tabs__tab, .card-non-action .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .card-non-action .text { margin-top: 0; } .card-non-action__image { height: 148px; width: 148px; } .infobanner { margin-bottom: 16px; } .infobanner .cmp-info-banner { border-radius: 8px; border-left: 8px solid #0067b1; background: #eef2f5; padding: 24px 24px 24px 16px; display: flex; } .infobanner .cmp-info-banner .cmp-teaser__image { margin-right: 16px; } .infobanner .cmp-info-banner .cmp-teaser__image .cmp-image__image { width: 24px; height: 24px; } .infobanner .cmp-info-banner .cmp-teaser__description { color: #333333; } .infobanner .cmp-info-banner .cmp-teaser__description h5, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .infobanner .cmp-info-banner .cmp-teaser__description .list_item--title, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .infobanner .cmp-info-banner .cmp-teaser__description .read-more-link, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .infobanner .cmp-info-banner .cmp-teaser__description .audio-heading, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .infobanner .cmp-info-banner .cmp-teaser__description .footer-links-heading, .infobanner .cmp-info-banner .cmp-teaser__description a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .infobanner .cmp-info-banner .cmp-teaser__description .download-heading, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-steps .heading-h5, .cmp-steps .infobanner .cmp-info-banner .cmp-teaser__description .heading-h5, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .infobanner .cmp-info-banner .cmp-teaser__description .cmp-tabs__tab, .infobanner .cmp-info-banner .cmp-teaser__description .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .infobanner .cmp-info-banner .cmp-teaser__description .text, .infobanner .cmp-info-banner .cmp-teaser__description p { margin-top: 0; margin-bottom: 8px; line-height: 24px; } .infobanner .cmp-info-banner .cmp-teaser__description h5, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .infobanner .cmp-info-banner .cmp-teaser__description .list_item--title, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .infobanner .cmp-info-banner .cmp-teaser__description .read-more-link, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .infobanner .cmp-info-banner .cmp-teaser__description .audio-heading, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .infobanner .cmp-info-banner .cmp-teaser__description .footer-links-heading, .infobanner .cmp-info-banner .cmp-teaser__description a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .infobanner .cmp-info-banner .cmp-teaser__description .download-heading, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-steps .heading-h5, .cmp-steps .infobanner .cmp-info-banner .cmp-teaser__description .heading-h5, .infobanner .cmp-info-banner .cmp-teaser__description .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .infobanner .cmp-info-banner .cmp-teaser__description .cmp-tabs__tab, .infobanner .cmp-info-banner .cmp-teaser__description .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .infobanner .cmp-info-banner .cmp-teaser__description .text { font-size: 1rem; color: #333333; } .infobanner .cmp-info-banner .cmp-teaser__description p:last-child { margin-bottom: 0; } .infobanner.__yellow .cmp-info-banner { border-left: 8px solid #ece81a; background: #fbfad1; } .infobanner.__green .cmp-info-banner { border-left: 8px solid #16a085; background: #e8f5f3; } .infobanner.__red .cmp-info-banner { border-left: 8px solid #d60024; background: #ffe7e7; } .cmp-text { width: 100%; overflow-x: auto; } .cmp-text:has(span.white) table { background-color: #fff; } .cmp-text:has(span.white) tbody { background-color: #fff; } .cmp-text table { width: 100%; border-collapse: separate; border-spacing: 0; border: 1px solid #eef2f5; border-radius: 4px; overflow: hidden; } .cmp-text table tbody { min-width: 600px; background-color: #f8fcff; } .cmp-text table tbody tr:first-child th:first-child { border-top-left-radius: 4px; } .cmp-text table tbody tr:first-child th:last-child { border-top-right-radius: 4px; } .cmp-text table tbody tr:last-child td:first-child { border-bottom-left-radius: 4px; } .cmp-text table tbody tr:last-child td:last-child { border-bottom-right-radius: 4px; } .cmp-text table tbody tr th, .cmp-text table tbody tr td { vertical-align: top; } .cmp-text table tbody tr th p, .cmp-text table tbody tr td p { margin-top: 0; } .cmp-text table tbody tr th p + p, .cmp-text table tbody tr td p + p { margin-top: 4px; } .cmp-text table tbody tr th { background-color: #0067b1; color: #fff; text-align: left; padding: 12px 8px 12px 16px; border-bottom: 1px solid #eef2f5; border-right: 1px solid #eef2f5; } .cmp-text table tbody tr td { padding: 12px 8px 12px 16px; border-bottom: 1px solid #eef2f5; border-right: 1px solid #eef2f5; } .cmp-text table tbody tr td:has(span.sub-heading) { background: #d4e7f4; font-weight: 600; font-size: 14px; line-height: 20px; } .cmp-text table tbody tr th, .cmp-text table tbody tr td { border-top: none; border-left: none; } .cmp-text table tbody tr th:last-child, .cmp-text table tbody tr td:last-child { border-right: none; } .cmp-text table tbody tr:last-child th, .cmp-text table tbody tr:last-child td { border-bottom: none; } @media only screen and (max-width: 599px) { .cmp-text table tbody { display: block; min-width: 0; } .cmp-text table tbody tr { display: flex; flex-direction: row; } .cmp-text table tbody tr th, .cmp-text table tbody tr td { width: 100%; min-width: 150px; flex: 1 1 auto; } .cmp-text table tbody tr:has(tr:not(:nth-child(n+3))) th, .cmp-text table tbody tr:has(tr:not(:nth-child(n+3))) td { width: 50%; min-width: 0; } } ol { padding-left: 34px; list-style-position: outside; margin-left: 0; } .section-header { box-sizing: content-box; } .section-header .cmp-image { height: 100%; margin: 0; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .section-header .cmp-image { height: 320px; } } @media only screen and (max-width: 599px) { .section-header .cmp-image { height: 190px; } } .section-header .cmp-image img { height: 100%; width: 100%; object-fit: cover; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .section-header .cmp-image img { height: 370px; } } @media only screen and (max-width: 599px) { .section-header .cmp-image img { height: 200px; } } .dark-theme .section-header .cmp-image { display: none; } .section-header .foodtruck-content-page .heading-main-wrapper .heading-main-container { min-width: 100%; } .section-header .heading-main-wrapper { width: 100%; } .section-header .heading-main-wrapper .image-text-edge { padding: 0 72px; } .section-header .heading-main-wrapper .heading-main-container { position: relative; display: flex; justify-content: center; align-items: center; } @media only screen and (min-width: 1024px) { .section-header .heading-main-wrapper .heading-main-container { max-width: 1200px; padding: 0 32px; margin: 0 auto; } } .section-header .heading-main-wrapper .heading-main-container .heading-content-container { display: flex; z-index: 1; gap: 24px; min-width: 100%; } @media only screen and (max-width: 1023px) { .section-header .heading-main-wrapper .heading-main-container .heading-content-container { flex-direction: column; gap: 32px; } } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content { flex: 1; display: flex; flex-direction: column; justify-content: start; } .dark-theme .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .cmp-add-page { display: none; } .dark-theme .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content h1 { color: #ffffff; } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .blog-badge { width: fit-content; } @media only screen and (max-width: 1023px) { .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content { max-width: 768px; margin: 0 auto; padding: 0 32px; width: calc(100% - 64px); } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content.image-text-variation h1 { padding-top: 16px; } } @media only screen and (max-width: 599px) { .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content { padding: 0 24px; width: calc(100% - 48px); } } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content h1 { margin: 0; padding-top: 32px; } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .cmp-share { margin: 24px 0 32px; } @media only screen and (max-width: 1023px) { .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .cmp-share { margin: 16px 0 24px; } } .dark-theme .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .cmp-share { display: none; } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1 { margin-top: 0; } .dark-theme .section-header .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1 { display: none; } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .right-panel { flex: 1; } .dark-theme .section-header .heading-main-wrapper .heading-main-container .heading-content-container .right-panel { display: none; } .section-header .heading-main-wrapper .heading-main-container .heading-content-container .right-panel .cmp-image { height: 100%; } .section-header .heading-extras-container { position: relative; display: flex; justify-content: center; } .dark-theme .section-header .heading-extras-container { display: none; } @media only screen and (min-width: 1024px) { .section-header .heading-extras-container { z-index: 2; } } .section-header .heading-extras-container .heading-extras { flex: 1; display: flex; flex-direction: column; } .section-header .heading-extras-container .heading-extras .cmp-add-page { width: 50%; padding-top: 32px; padding-bottom: 40px; } .dark-theme .section-header .heading-extras-container .heading-extras .cmp-add-page { display: none; } @media only screen and (max-width: 1023px) { .section-header .heading-extras-container .heading-extras .cmp-add-page { width: 100%; } } .dark-theme .section-header .heading-extras-container .heading-extras .cmp-add-page { display: none; } .section-header .heading-extras-container .heading-extras .childlist ul { margin-top: 0; margin-bottom: 0; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container { flex-direction: column-reverse; gap: 0; } } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .blog-badge { margin-top: 64px; } } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .blog-badge { margin-top: 32px; } } .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .blog-badge + h1 { padding-top: 24px; } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container .heading-content p.body1 { margin-bottom: 64px; } } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container .right-panel { position: relative; } } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-text.heading-text-and-image .heading-main-wrapper .heading-main-container .heading-content-container .right-panel .cmp-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } } @media only screen and (max-width: 1023px) { .section-header .corp-blog-article .heading-main-wrapper .heading-content-container { flex-direction: column-reverse; gap: 0; } } @media only screen and (min-width: 1024px) { .section-header .corp-blog-article .heading-main-wrapper .heading-content-container .heading-content { justify-content: center; padding-top: 64px; padding-bottom: 64px; } } .section-header .corp-blog-article .heading-main-wrapper .heading-content-container .heading-content .blog-badge { display: flex; gap: 16px; flex-flow: wrap; } @media only screen and (min-width: 1024px) { .section-header .corp-blog-article .heading-main-wrapper .heading-content-container .heading-content .blog-badge { margin-top: 0; } } @media only screen and (max-width: 1023px) { .section-header .corp-blog-article .heading-main-wrapper .heading-content-container .heading-content .blog-badge { margin-top: 32px; } } @media only screen and (min-width: 1024px) { .section-header .corp-blog-article .heading-main-wrapper .heading-content-container .heading-content .body1 { margin-bottom: 0; } } .section-header .mysb-landing-page .heading-main-wrapper { background: linear-gradient(132deg, rgba(0, 103, 177, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #002e53; width: 100%; padding: 64px 0; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container { margin: 0; } @media only screen and (max-width: 1023px) { .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container { padding: 0 24px; } } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .left-section { display: flex; flex-direction: column; gap: 32px; flex: 1; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .left-section .search-bar { width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: white; border-radius: 4px; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .left-section .search-bar .icon-container { display: flex; justify-content: center; align-items: center; padding: 4px; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .left-section .search-bar .search-input { width: 100%; padding-right: 40px; border: transparent; font-size: 16px; padding-left: 16px; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section { display: flex; flex: 1; align-items: flex-start; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title p { color: #fff; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title h4, .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .desc-title, .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title button.trail-accordion__button, .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-steps .heading-h4, .cmp-steps .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .heading-h4, .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-tabs__tab--active { color: #ffffff; margin: 0; padding-top: 0; } .section-header .mysb-landing-page .heading-main-wrapper .heading-main-container .grid-container .right-section .cmp-add-page-pills p { color: #002e53; } .section-header .mysb-landing-page h1 { color: #ffffff; margin: 0; padding: 0; } .section-header .mysb-landing-page p { color: #ffffff; } .section-header .mysb-detail-page { background: #ffffff; width: 100%; padding: 32px 0 64px 0; } .section-header .mysb-detail-page .heading-main-container .grid-container { margin: 0; } @media only screen and (max-width: 1023px) { .section-header .mysb-detail-page .heading-main-container .grid-container { padding: 0 24px; } } .section-header .mysb-detail-page .heading-main-container .grid-container .left-section { display: flex; flex: 1; flex-direction: column; justify-content: flex-start; gap: 24px; } .section-header .mysb-detail-page .heading-main-container .grid-container .left-section h1 { margin: 0; } .section-header .mysb-detail-page .heading-main-container .grid-container .left-section p { margin: 0; } .section-header .mysb-detail-page .heading-main-container .grid-container .right-section { flex: 1; } .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title h4, .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .desc-title, .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title button.trail-accordion__button, .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-steps .heading-h4, .cmp-steps .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .heading-h4, .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .section-header .mysb-detail-page .heading-main-container .grid-container .right-section .cmp-add-page .cmp-add-page-title .cmp-tabs__tab--active { margin: 0; } .section-header .corp-blog-article._bg-rockPool .heading-main-wrapper, .section-header .corp-detail-page-image-fullbleed-text._bg-rockPool .heading-main-wrapper, .section-header .corp-landing-page._bg-rockPool .heading-main-wrapper, .section-header .corp-detail-page-image-text._bg-rockPool .heading-main-wrapper, .section-header .corp-detail-page-text-only._bg-rockPool .heading-main-wrapper, .section-header .corp-detail-page._bg-rockPool .heading-main-wrapper { background-color: #ecf5fb; } .section-header .corp-blog-article._bg-offWhite .heading-main-wrapper, .section-header .corp-detail-page-image-fullbleed-text._bg-offWhite .heading-main-wrapper, .section-header .corp-detail-page-image-text._bg-offWhite .heading-main-wrapper, .section-header .corp-landing-page._bg-offWhite .heading-main-wrapper, .section-header .corp-detail-page-text-only._bg-offWhite .heading-main-wrapper, .section-header .corp-detail-page._bg-offWhite .heading-main-wrapper { background-color: #f8f8f8; } .section-header .corp-detail-page-text-only .heading-main-wrapper .heading-main-container .heading-content-container { display: grid; z-index: 1; gap: 16px; } .section-header .corp-detail-page-text-only .heading-main-wrapper .heading-main-container .heading-content-container .blog-badge { margin-top: 32px; } .section-header .corp-detail-page-text-only .heading-main-wrapper .heading-main-container .heading-content-container .blog-badge + h1 { padding-top: 24px; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container h1 { padding-top: 0; } } .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .blog-badge { margin-bottom: 32px; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .blog-badge { margin-top: 32px; } } .section-header .corp-detail-page-image-fullbleed-text, .section-header .corp-landing-page { overflow-x: hidden; } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper, .section-header .corp-landing-page .heading-main-wrapper { padding: 72px 0 176px; } } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .heading-content h1, .section-header .corp-landing-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content h1 { padding-top: 0; } } .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1, .section-header .corp-landing-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1 { padding-bottom: 56px; margin-bottom: 0; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1, .section-header .corp-landing-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1 { padding-bottom: 0; } } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .cmp-add-page, .section-header .corp-landing-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .cmp-add-page { display: none; } } .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .right-panel, .section-header .corp-landing-page .heading-main-wrapper .heading-main-container .heading-content-container .right-panel { position: relative; } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-fullbleed-text .heading-main-wrapper .heading-main-container .heading-content-container .right-panel .cmp-image, .section-header .corp-landing-page .heading-main-wrapper .heading-main-container .heading-content-container .right-panel .cmp-image { position: absolute; width: calc(50vw - 12px); } } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-fullbleed-text .image-text-edge, .section-header .corp-landing-page .image-text-edge { padding: 72px 0; } } .dark-theme .section-header .corp-detail-page-image-fullbleed-text .heading-extras-container, .dark-theme .section-header .corp-landing-page .heading-extras-container { display: none; } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-fullbleed-text .heading-extras-container, .section-header .corp-landing-page .heading-extras-container { margin-top: -120px; } .section-header .corp-detail-page-image-fullbleed-text .heading-extras-container .cmp-add-page, .section-header .corp-landing-page .heading-extras-container .cmp-add-page { display: none; } } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page-image-fullbleed-text .heading-extras-container .childlist, .section-header .corp-landing-page .heading-extras-container .childlist { padding-bottom: 32px; background-color: #f8fcff; } } .section-header .corp-detail-page-image-fullbleed-text .heading-extras-container .heading-extras, .section-header .corp-landing-page .heading-extras-container .heading-extras { padding-bottom: 64px; } @media only screen and (min-width: 1024px) { .section-header .corp-detail-page-image-fullbleed-text .image-text-edge-container, .section-header .corp-landing-page .image-text-edge-container { margin-top: 0; } } .section-header .corp-detail-page { background-color: #ffffff; padding-bottom: 80px; } .section-header .corp-detail-page ~ .grid-container { padding-top: 48px; padding-bottom: 56px; margin: auto; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page ~ .grid-container { padding-top: 32px; padding-bottom: 40px; } } .section-header .corp-detail-page._bg-offWhite { background-color: #f8f8f8; } .section-header .corp-detail-page._bg-rockPool { background-color: #ecf5fb; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page { padding-bottom: 56px; } } .section-header .corp-detail-page .heading-main-wrapper .heading-main-container .heading-content-container { display: grid; gap: 16px; } .section-header .corp-detail-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content h1 { padding-top: 48px; } .section-header .corp-detail-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content.image-text-variation h1 { padding-top: 24px; } .section-header .corp-detail-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1 { margin-bottom: 72px; } @media only screen and (max-width: 1023px) { .section-header .corp-detail-page .heading-main-wrapper .heading-main-container .heading-content-container .heading-content .body1 { margin-bottom: 48px; } } .section-header .section-header-level-2-extra { margin-top: 48px; margin-bottom: 56px; } @media only screen and (max-width: 1023px) { .section-header .section-header-level-2-extra { margin-top: 32px; margin-bottom: 40px; } } .section-header .portal-banner .mysb-portal-banner { position: relative; background-color: #ffffff; } .section-header .portal-banner .mysb-portal-banner .mysb-portal-banner-curtain { background: linear-gradient(144deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 79.07%), #0067b1; position: absolute; top: 0; left: 0; width: 100%; height: 323px; } .section-header .portal-banner .mysb-portal-banner .heading-main-wrapper { width: 100%; padding-top: 64px; } .section-header .portal-banner .mysb-portal-banner .heading-main-wrapper .heading-main-container { display: block; padding: 0 32px; } @media only screen and (max-width: 599px) { .section-header .portal-banner .mysb-portal-banner .heading-main-wrapper .heading-main-container { padding: 0 24px; } } .section-header .portal-banner .mysb-portal-banner h1 { color: #ffffff; margin: 0; padding: 0; } .section-header .portal-banner .title-links-wrapper { display: flex; width: 100%; flex-direction: column; gap: 40px; margin-top: -170px; margin-bottom: 40px; } @media only screen and (min-width: 1024px) { .section-header .portal-banner .title-links-wrapper .childlist ul { gap: 24px; } } @media only screen and (max-width: 599px) { .section-header .portal-banner .title-links-wrapper .childlist ul { padding: 0; } } .section-header .portal-banner .title-links-wrapper .childlist ul li a { padding: 32px; } @media only screen and (max-width: 1023px) { .section-header .portal-banner .title-links-wrapper .childlist ul li a { padding: 24px; position: relative; border-bottom: none; } } @media only screen and (max-width: 1023px) { .section-header .portal-banner .title-links-wrapper .childlist ul li a:after { content: ""; position: absolute; bottom: 0; left: 24px; right: 24px; border-bottom: 2px solid #eef2f5; } } .section-header .portal-banner .title-links-wrapper .cmp-title__text { color: #ffffff; margin: 0; } .section-header .home-page-banner { background: linear-gradient(144deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 79.07%), #0067b1; } @media only screen and (min-width: 1024px) { .section-header .home-page-banner { position: relative; } } .dark-theme .section-header .home-page-banner { background-color: #181818; } @media only screen and (min-width: 1024px) { .section-header .home-page-banner .banner-container-main { display: grid; grid-template-columns: 1fr 1fr; max-width: 1232px; margin: auto; padding-left: 32px; } } @media only screen and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main { display: flex; flex-direction: column-reverse; } } .section-header .home-page-banner .banner-container-main .left-section { padding: 72px 82px 152px 0; display: flex; gap: 32px; flex-direction: column; } @media only screen and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .left-section { max-width: 768px; margin: auto; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .left-section { padding: 56px 32px 136px 32px; } .dark-theme .section-header .home-page-banner .banner-container-main .left-section { width: 100%; } } @media only screen and (max-width: 599px) { .section-header .home-page-banner .banner-container-main .left-section { padding: 40px 24px 48px 24px; } } .section-header .home-page-banner .banner-container-main .left-section .banner-title-wrapper { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; align-self: stretch; } .section-header .home-page-banner .banner-container-main .left-section .banner-title-wrapper h1 { font-size: 1.25rem; color: #002e53; line-height: 28px; font-weight: 600; margin-bottom: 16px; margin-top: 40px; color: #fff; margin: 0; } @media only screen and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .left-section .banner-title-wrapper h1 { font-size: 1.125rem; line-height: 24px; margin-top: 32px; } } @media only screen and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .left-section .banner-title-wrapper h1 { margin: 0; } } .section-header .home-page-banner .banner-container-main .left-section .banner-title-wrapper .banner-subtitle { color: #fff; font-size: 2.25rem; font-weight: 500; line-height: 40px; } @media only screen and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .left-section .banner-title-wrapper .banner-subtitle { font-size: 2rem; } } @media only screen and (max-width: 599px) { .section-header .home-page-banner .banner-container-main .left-section .banner-add-page { display: none; } } .section-header .home-page-banner .banner-container-main .left-section .content-section { display: grid; gap: 24px; } .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section { gap: 24px; } @media only screen and (min-width: 1024px) { .section-header .home-page-banner .banner-container-main .left-section .content-section { flex-direction: column; } } .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title h4, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .desc-title, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title button.trail-accordion__button, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .cmp-steps .heading-h4, .cmp-steps .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .heading-h4, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title .cmp-tabs__tab--active, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page-title div { margin: 0; color: #fff; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills { max-height: 46px; overflow: hidden; } } @media only screen and (max-width: 599px) { .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills { max-height: 96px; overflow: hidden; } } .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills p.body3, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills .cmp-timestamp p, .cmp-timestamp .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills p, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image p.cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills p.cmp-image__title, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills .cmp-audio-player .audio-player-wrapper p.btn-time, .cmp-audio-player .audio-player-wrapper .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills p.btn-time, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills .cmp-audio-player .audio-player-wrapper .audio-title-sec p.audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills p.audio-desc, .section-header .home-page-banner .banner-container-main .left-section .content-section .cmp-add-page .cmp-add-page-pills p.tippy-box { color: #002e53; } .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper { display: flex; gap: 8px; flex-direction: column; } .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text { margin: 0; color: #fff; } .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .description p, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .description a { color: #fff; margin: 0; font-weight: 400; font-size: 0.875rem; line-height: 20px; } .dark-theme .section-header .home-page-banner .banner-container-main .left-section { background: transparent; } .section-header .home-page-banner .banner-container-main .right-section { width: 100%; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel { width: 100%; height: 100%; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content { position: relative; width: 100%; height: 100%; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block !important; visibility: hidden; transition: visibility 0.5s, opacity 0.5s ease-in-out; opacity: 0; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item--active { opacity: 1; visibility: visible; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image { width: 100%; height: 100%; position: relative; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .cmp-text-image { width: 100%; height: 100%; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .cmp-text-image img { width: 100%; height: 100%; object-fit: cover; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info { position: absolute; height: 24px; left: 24px; bottom: 88px; background: rgba(0, 0, 0, 0.5); border-radius: 48px; padding: 8px; display: flex; overflow: hidden; cursor: pointer; transition: 0.7s ease, bottom 0s ease; } @media only screen and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info { bottom: 16px; } } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info:hover { background: rgba(0, 0, 0, 0.8); padding-right: 20px; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info:hover .image-info-text { max-width: 280px; opacity: 1; transform: translateX(8px); } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info .cmp-button__icon { width: 24px; height: 24px; fill: #ffffff; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info-text { opacity: 0; max-width: 0; transform: translateX(0); transition: 0.7s ease; display: flex; align-items: center; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info-text p { margin-bottom: 16px; margin-top: 16px; color: #333333; font-weight: 400; font-size: 0.875rem; line-height: 20px; margin: 0; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__content .cmp-carousel__item .text-image .image-info-text a { margin-bottom: 16px; margin-top: 16px; color: #333333; font-weight: 400; font-size: 0.875rem; line-height: 20px; color: #ffffff; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__actions { display: none; } .section-header .home-page-banner .banner-container-main .right-section .cmp-carousel .cmp-carousel__indicators { display: none; } @media only screen and (min-width: 1024px) { .section-header .home-page-banner .banner-container-main .right-section { position: absolute; left: 50%; height: 100%; width: 50%; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .section-header .home-page-banner .banner-container-main .right-section { height: 370px; } } @media only screen and (max-width: 599px) { .section-header .home-page-banner .banner-container-main .right-section { height: 200px; } } .section-header .corp-home-page .infocus-overlay-section, .section-header .corp-home-page-carousel .infocus-overlay-section { position: relative; margin-top: -80px; } @media only screen and (max-width: 599px) { .section-header .corp-home-page .infocus-overlay-section, .section-header .corp-home-page-carousel .infocus-overlay-section { margin-top: 0; } } .cmp-tabs__tablist { margin: 64px auto; margin-bottom: 0px; display: flex; max-width: 1200px; background-color: #f8f8f8; } .cmp-tabs__tablist .cmp-tabs__tab { display: flex; flex-grow: 1; justify-content: center; cursor: pointer; font-weight: 400; font-size: 1.25rem; color: #002e53; line-height: 28px; margin-bottom: 0px; padding: 16px 8px; border-bottom: 2px solid #f8f8f8; border-right: 2px solid #cccccc; border-left: 2px solid #cccccc; border-top: 4px solid #cccccc; border-radius: 4px; background-color: #ffffff; } .cmp-tabs__tablist .cmp-tabs__tab--active { margin-bottom: 0; margin-top: 0; background-color: #f8f8f8; font-weight: 600; border-top: 4px solid #0067b1; border-right: 0; border-left: 0; border-bottom: none; } .cmp-tabs__tablist .cmp-tabs__tab--active:hover { background-color: #f8f8f8; } .cmp-tabs__tablist .cmp-tabs__tab:active { border-top: 4px solid #0067b1; background-color: #002e53; color: #fff; outline: none; } .cmp-tabs__tablist .cmp-tabs__tab:not(.cmp-tabs__tab--active):hover { border-color: #cccccc; background-color: #e9ecef; border-bottom: none; } .cmp-tabs__tablist .cmp-tabs__tab:hover:active { border-top: 4px solid #0067b1; background-color: #002e53; color: #fff; outline: none; } .cmp-tabs__tablist .cmp-tabs__tab:focus-visible { outline: 2px solid #015ea0; outline-offset: -2px; } .cmp-tabs__tabpanel { padding: 16px 16px 80px 16px; background-color: #f8f8f8; overflow: hidden; } .cmp-tabs__tabpanel--active { display: block; } .cmp-tabs.variation-in-focus { max-width: 1200px; margin: auto; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); border-radius: 0 0 4px 4px; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-tabs.variation-in-focus { max-width: 768px; } } @media only screen and (max-width: 599px) { .cmp-tabs.variation-in-focus { border-radius: 0; } } .cmp-tabs.variation-in-focus .cmp-tabs__tab { margin: 24px 0; border: none; padding: 4px 0; color: #666666; flex-grow: 0; } .cmp-tabs.variation-in-focus .cmp-tabs__tab--active { position: relative; border-radius: 0; background-color: transparent; color: #002e53; } .cmp-tabs.variation-in-focus .cmp-tabs__tab--active::after { content: ""; border-bottom: 4px solid #ffd200; position: absolute; top: 52px; left: 0; width: 100%; } .cmp-tabs.variation-in-focus .cmp-tabs__tabpanel { padding: 24px; border-radius: 0 0 4px 4px; background-color: #fff; } @media only screen and (max-width: 599px) { .cmp-tabs.variation-in-focus .cmp-tabs__tabpanel { border-radius: 0; } } .cmp-tabs.variation-in-focus .cmp-tabs__tablist { gap: 32px; padding: 0 24px; margin: auto; border-radius: 4px 4px 0 0; background-color: #fff; border-bottom: 1px solid #f8f8f8; } @media only screen and (max-width: 600px) { .cmp-tabs.variation-in-focus .cmp-tabs__tablist { justify-content: center; } } .cmp-tabs.variation-in-focus .cmp-tabs__tab:hover { color: #015895; background-color: #fff; } .cmp-tabs.variation-in-focus .cmp-tabs__tab:hover:active { border-top: 0; background-color: #fff; color: #002e53; outline: none; } .cmp-tabs.variation-in-focus .cmp-tabs__tab:focus-visible { outline: #015ea0 auto 1px; outline-offset: 2px; } .cmp-tabs.variation-in-focus + .accordion { display: none; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .tabs .accordion { max-width: 768px; margin: 0 auto; } } @media only screen and (max-width: 600px) { .tabs .accordion { margin-left: 32px; margin-right: 32px; } } .back-to-top { position: sticky; bottom: 0; float: none !important; z-index: 4; display: flex; height: 0; justify-content: center; } @media only screen and (max-width: 1023px) { .back-to-top { left: 0; right: 0; } } .back-to-top .cmp-back-to-top-wrapper { position: relative; width: 100%; max-width: 1200px; margin: 0 32px; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .back-to-top .cmp-back-to-top-wrapper { max-width: 768px; } } @media only screen and (max-width: 600px) { .back-to-top .cmp-back-to-top-wrapper { margin: 0 24px; } } .back-to-top button.cmp-back-to-top { padding: 12px 16px; justify-content: center; align-items: center; gap: 8px; border-radius: 24px; background-color: #eef2f5; display: none; position: absolute; bottom: 24px; right: 0; z-index: 2; width: 155px; height: 48px; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); border: none; cursor: pointer; transition: background-color 400ms ease-in-out; } @media only screen and (max-width: 1023px) { .back-to-top button.cmp-back-to-top { padding: 12px; width: 48px; } } .back-to-top button.cmp-back-to-top span, .back-to-top button.cmp-back-to-top svg { color: #0067b1; } @media only screen and (max-width: 1023px) { .back-to-top button.cmp-back-to-top span { display: none; } } .back-to-top button.cmp-back-to-top:hover { background-color: #e9ecef; } .back-to-top button.cmp-back-to-top:focus-visible { background-color: #e9ecef; outline: 2px solid #0067b1; outline-offset: 3px; } .back-to-top button.cmp-back-to-top:active { background-color: #002e53; } .back-to-top button.cmp-back-to-top:active span, .back-to-top button.cmp-back-to-top:active svg { color: #ffffff; } .back-to-top .fadeout { opacity: 1; animation: fadeOut 1s ease-in-out forwards; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .back-to-top:not(:has(button)) { display: none; } .root { position: relative; } @media only screen and (min-width: 1024px) { .root.has-sticky-visible .cmp-container:has(.cmp-stickycta) .back-to-top { bottom: 85px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .root.has-sticky-visible .cmp-container:has(.cmp-stickycta) .back-to-top { bottom: 85px; } } @media only screen and (max-width: 600px) { .root.has-sticky-visible .cmp-container:has(.cmp-stickycta) .back-to-top { bottom: 135px; } } .root:not(.has-sticky-visible) .back-to-top button.cmp-back-to-top { bottom: 24px; } button.cmp-pill-suggestion { display: inline-block; position: relative; padding: 12px; border-radius: 24px; border: none; cursor: pointer; text-decoration: none; } button.cmp-pill-suggestion .body3, button.cmp-pill-suggestion .cmp-timestamp p, .cmp-timestamp button.cmp-pill-suggestion p, button.cmp-pill-suggestion .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image button.cmp-pill-suggestion .cmp-image__title, button.cmp-pill-suggestion .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper button.cmp-pill-suggestion .btn-time, button.cmp-pill-suggestion .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec button.cmp-pill-suggestion .audio-desc, button.cmp-pill-suggestion .tippy-box { margin: 0; } button.cmp-pill-suggestion:disabled { color: #666666; background-color: #cccccc; pointer-events: none; cursor: default; } button.cmp-pill-suggestion:disabled:hover, button.cmp-pill-suggestion:disabled:active, button.cmp-pill-suggestion:disabled:focus-visible { box-shadow: none; outline: none; } button.cmp-pill-suggestion:disabled:hover::before, button.cmp-pill-suggestion:disabled:active::before, button.cmp-pill-suggestion:disabled:focus-visible::before { border: none; } button.cmp-pill-suggestion:hover:not(:disabled) { box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } button.cmp-pill-suggestion:focus-visible:not(:disabled) { outline: none; overflow: visible; } button.cmp-pill-suggestion:focus-visible:not(:disabled)::before { content: ""; position: absolute; left: -6px; top: -6px; width: calc(100% + 8px); height: calc(100% + 8px); border: 2px solid #015ea0; border-radius: 4px; z-index: 999; } button.cmp-pill-suggestion-primary { background-color: #002e53; } button.cmp-pill-suggestion-primary .body3, button.cmp-pill-suggestion-primary .cmp-timestamp p, .cmp-timestamp button.cmp-pill-suggestion-primary p, button.cmp-pill-suggestion-primary .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image button.cmp-pill-suggestion-primary .cmp-image__title, button.cmp-pill-suggestion-primary .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper button.cmp-pill-suggestion-primary .btn-time, button.cmp-pill-suggestion-primary .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec button.cmp-pill-suggestion-primary .audio-desc, button.cmp-pill-suggestion-primary .tippy-box { color: #ffffff; } button.cmp-pill-suggestion-primary:hover:not(:disabled) { background-color: #203e5e; } button.cmp-pill-suggestion-primary:focus-visible:not(:disabled) { background-color: #294665; } button.cmp-pill-suggestion-primary:active:not(:disabled) { background-color: #0067b1; } button.cmp-pill-suggestion-secondary { background-color: #d4e7f4; } button.cmp-pill-suggestion-secondary:hover:not(:disabled) { background-color: #d0e1ef; } button.cmp-pill-suggestion-secondary:focus-visible:not(:disabled) { background-color: #c4dced; } button.cmp-pill-suggestion-secondary:active:not(:disabled) { background-color: #002e53; } button.cmp-pill-suggestion-secondary:active:not(:disabled) .body3, button.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-timestamp p, .cmp-timestamp button.cmp-pill-suggestion-secondary:active:not(:disabled) p, button.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image button.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-image__title, button.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper button.cmp-pill-suggestion-secondary:active:not(:disabled) .btn-time, button.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec button.cmp-pill-suggestion-secondary:active:not(:disabled) .audio-desc, button.cmp-pill-suggestion-secondary:active:not(:disabled) .tippy-box { color: #ffffff; } button.cmp-pill-suggestion-tertiary { background-color: #eef2f5; } button.cmp-pill-suggestion-tertiary:hover:not(:disabled) { background-color: #e9ecef; } button.cmp-pill-suggestion-tertiary:focus-visible:not(:disabled) { background-color: #dce3e9; } button.cmp-pill-suggestion-tertiary:active:not(:disabled) { background-color: #d4e7f4; } button.cmp-pill-suggestion-primary-reversed { background-color: #ffffff; } button.cmp-pill-suggestion-primary-reversed:hover:not(:disabled) { background-color: #f6f9fc; } button.cmp-pill-suggestion-primary-reversed:focus-visible:not(:disabled) { background-color: #ecf3f8; } button.cmp-pill-suggestion-primary-reversed:active:not(:disabled) { background-color: #d4e7f4; } a.cmp-pill-suggestion { display: flex; padding: 10px 16px; justify-content: center; align-items: center; gap: 12px; cursor: pointer; line-height: 1; position: relative; border-radius: 24px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } a.cmp-pill-suggestion .body3, a.cmp-pill-suggestion .cmp-timestamp p, .cmp-timestamp a.cmp-pill-suggestion p, a.cmp-pill-suggestion .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.cmp-pill-suggestion .cmp-image__title, a.cmp-pill-suggestion .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.cmp-pill-suggestion .btn-time, a.cmp-pill-suggestion .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.cmp-pill-suggestion .audio-desc, a.cmp-pill-suggestion .tippy-box { display: inline; margin: 0; color: #002e53; } a.cmp-pill-suggestion:active { border: none; } a.cmp-pill-suggestion.disabled { pointer-events: none; cursor: default; color: #666666; background-color: #cccccc; } a.cmp-pill-suggestion.disabled:hover, a.cmp-pill-suggestion.disabled:active, a.cmp-pill-suggestion.disabled:focus-visible { box-shadow: none; outline: none; } a.cmp-pill-suggestion.disabled:hover::before, a.cmp-pill-suggestion.disabled:active::before, a.cmp-pill-suggestion.disabled:focus-visible::before { border: none; } a.cmp-pill-suggestion:hover:not(:disabled) { box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); text-decoration: underline; color: #002e53; } a.cmp-pill-suggestion:focus-visible:not(:disabled) { outline: none; overflow: visible; } a.cmp-pill-suggestion:focus-visible:not(:disabled)::before { content: ""; position: absolute; left: -6px; top: -6px; width: calc(100% + 8px); height: calc(100% + 8px); border: 2px solid #015ea0; border-radius: 4px; z-index: 999; } a.cmp-pill-suggestion:focus-visible:not(:disabled).cmp-pill-suggestion-tertiary::before { border-color: #ffd200; } a.cmp-pill-suggestion-primary { background-color: #002e53; } a.cmp-pill-suggestion-primary .body3, a.cmp-pill-suggestion-primary .cmp-timestamp p, .cmp-timestamp a.cmp-pill-suggestion-primary p, a.cmp-pill-suggestion-primary .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.cmp-pill-suggestion-primary .cmp-image__title, a.cmp-pill-suggestion-primary .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.cmp-pill-suggestion-primary .btn-time, a.cmp-pill-suggestion-primary .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.cmp-pill-suggestion-primary .audio-desc, a.cmp-pill-suggestion-primary .tippy-box { color: #ffffff; } a.cmp-pill-suggestion-primary:hover:not(:disabled) { background-color: #203e5e; } a.cmp-pill-suggestion-primary:focus-visible:not(:disabled) { background-color: #294665; } a.cmp-pill-suggestion-primary:active:not(:disabled) { background-color: #0067b1; } a.cmp-pill-suggestion-secondary { background-color: #d4e7f4; } a.cmp-pill-suggestion-secondary:hover:not(:disabled) { background-color: #d0e1ef; } a.cmp-pill-suggestion-secondary:focus-visible:not(:disabled) { background-color: #c4dced; } a.cmp-pill-suggestion-secondary:active:not(:disabled) { background-color: #002e53; } a.cmp-pill-suggestion-secondary:active:not(:disabled) .body3, a.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-timestamp p, .cmp-timestamp a.cmp-pill-suggestion-secondary:active:not(:disabled) p, a.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-image__title, a.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.cmp-pill-suggestion-secondary:active:not(:disabled) .btn-time, a.cmp-pill-suggestion-secondary:active:not(:disabled) .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.cmp-pill-suggestion-secondary:active:not(:disabled) .audio-desc, a.cmp-pill-suggestion-secondary:active:not(:disabled) .tippy-box { color: #ffffff; } a.cmp-pill-suggestion-tertiary { background-color: #eef2f5; } a.cmp-pill-suggestion-tertiary:hover:not(:disabled) { background-color: #e9ecef; } a.cmp-pill-suggestion-tertiary:focus-visible:not(:disabled) { background-color: #dce3e9; } a.cmp-pill-suggestion-tertiary:active:not(:disabled) { background-color: #d4e7f4; } a.cmp-pill-suggestion-primary-reversed { background-color: #ffffff; } a.cmp-pill-suggestion-primary-reversed:hover:not(:disabled) { background-color: #f6f9fc; } a.cmp-pill-suggestion-primary-reversed:focus-visible:not(:disabled) { background-color: #ecf3f8; } a.cmp-pill-suggestion-primary-reversed:active:not(:disabled) { background-color: #d4e7f4; } a.cmp-pill-suggestion-deepOcean { background-color: #002e53; } a.cmp-pill-suggestion-deepOcean .body3, a.cmp-pill-suggestion-deepOcean .cmp-timestamp p, .cmp-timestamp a.cmp-pill-suggestion-deepOcean p, a.cmp-pill-suggestion-deepOcean .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.cmp-pill-suggestion-deepOcean .cmp-image__title, a.cmp-pill-suggestion-deepOcean .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.cmp-pill-suggestion-deepOcean .btn-time, a.cmp-pill-suggestion-deepOcean .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.cmp-pill-suggestion-deepOcean .audio-desc, a.cmp-pill-suggestion-deepOcean .tippy-box { color: #ffffff; } a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) { background-color: #203e5e; } a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .body3, a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .cmp-timestamp p, .cmp-timestamp a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) p, a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .cmp-image__title, a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .btn-time, a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .audio-desc, a.cmp-pill-suggestion-deepOcean:hover:not(:disabled) .tippy-box { text-decoration: underline; } a.cmp-pill-suggestion-deepOcean:active:not(:disabled) { background-color: #0067b1; } a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .body3, a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .cmp-timestamp p, .cmp-timestamp a.cmp-pill-suggestion-deepOcean:active:not(:disabled) p, a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .cmp-image__title, a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .btn-time, a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .audio-desc, a.cmp-pill-suggestion-deepOcean:active:not(:disabled) .tippy-box { text-decoration: underline; } .cmp-tablist .tablist-wrapper { border-left: 2px solid #0067b1; } .cmp-tablist .tablist-wrapper .tablist-heading { padding-left: 32px; font-size: 1.25rem; margin-top: 0; margin-bottom: 24px; color: #002e53; font-weight: 600; } @media only screen and (max-width: 600px) { .cmp-tablist .tablist-wrapper .tablist-heading { font-size: 1rem; margin-bottom: 16px; } } .cmp-tablist .tablist-wrapper .tablist-list { list-style: none; padding-left: 32px; padding-right: 32px; margin: 0; } .cmp-tablist .tablist-wrapper .tablist-list__item { margin-top: 16px; margin-bottom: 0; font-size: 1rem; } .cmp-tablist .tablist-wrapper .tablist-list__item-link { color: #0067b1; } .cmp-tablist .tablist-wrapper .tablist-list__item::before { content: none; } .normal-font { font-size: 1rem; line-height: 24px; transition: line-height 0.3s ease; } .medium-font { margin-left: 0; font-size: 1.5rem !important; line-height: 36px !important; transition: line-height 0.3s ease; } .larger-font { margin-left: 0; font-size: 2rem !important; line-height: 48px !important; transition: line-height 0.3s ease; } .cmp-share { display: inline-flex; position: relative; } .cmp-share__wrapper { display: flex; gap: 8px; } .cmp-share button.cmp-button:active { background-color: transparent; text-decoration: underline; } .cmp-share button.cmp-button:active svg { fill: #015895; } .cmp-share button.cmp-button:active span.cmp-button__text { color: #015895; } .cmp-share button.cmp-button:focus-within { color: #015895; } .cmp-share.__white .cmp-share__wrapper button { color: #fff; } .cmp-share.__white .cmp-share__wrapper button:active { background-color: transparent; text-decoration: underline; } .cmp-share.__white .cmp-share__wrapper button:active span.cmp-button__text { color: #fff; } .cmp-share.__white .cmp-share__wrapper button:focus-within { outline-color: #fff; } .cmp-share.__white .cmp-share__wrapper button .cmp-button__text { color: #fff; } .cmp-share.__white .cmp-share__wrapper button svg { fill: #fff; } .cmp-share__separator { color: #0067b1; font-weight: 400; font-size: 1.25rem; line-height: 20px; margin: 16px; } .cmp-share__button.cmp-button, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.cmp-share__button { min-height: 1.5rem; min-width: 1.5rem; justify-content: space-around; } .cmp-share__button.cmp-button svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.cmp-share__button svg { fill: #0067b1; } .cmp-share__button:hover { cursor: pointer; } .cmp-share__button:hover.cmp-button.text-btn:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.cmp-share__button:hover:hover { text-decoration: underline; } .cmp-share__button:hover svg { fill: #015895; } .cmp-share__button[data-share-type=font-normal] { font-size: 1rem; } .cmp-share__button[data-share-type=font-medium] { font-size: 1.25rem; } .cmp-share__button[data-share-type=font-large] { font-size: 1.5rem; } .cmp-share__button.cmp-button.text-btn, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.cmp-share__button { align-items: center; } .cmp-share__button.cmp-button.text-btn:hover, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.cmp-share__button:hover { text-decoration: none; } .cmp-share__button.cmp-button.text-btn.active, .my-sb-form-widget #dform_controls #dform_control_buttons ul li a.cmp-share__button.active { text-decoration: underline; } .cmp-share__font { display: inline-flex; flex-direction: row; justify-content: center; align-items: baseline; gap: 8px; } .cmp-share__popover { visibility: hidden; position: absolute; background-color: #fff; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.15); border-radius: 4px; opacity: 0; top: calc(100% + 12px); right: -60px; transition: transform 0.3s ease-in-out; } .cmp-share__popover-arrow { position: absolute; top: -10px; left: 90px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; width: 0; height: 0; } .cmp-share__popover-content { display: inline-flex; max-width: 250px; gap: 4px; } .cmp-share__popover.show { visibility: visible; opacity: 1; } .cmp-share__snackbar { display: flex; visibility: hidden; opacity: 0; left: 1%; bottom: 1.5%; transform: translateX(-100%); position: fixed; gap: 16px; height: 56px; background-color: #eef2f5; color: #333333; border-radius: 8px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 2px 6px 0px rgba(0, 0, 0, 0.15); z-index: 999; transition: opacity 0.4s ease-in-out; } .cmp-share__snackbar.show { display: flex !important; visibility: visible; opacity: 1; animation: slideIn 0.6s ease-in-out forwards, fadeOut 0.4s ease-in-out 3.6s forwards; } @media only screen and (max-width: 1023px) { .cmp-share__snackbar { width: 94%; left: 50%; bottom: 1.5%; transform: translateX(-50%); } } .cmp-share__snackbar__box { display: flex; gap: 16px; justify-content: space-between; align-items: center; width: 100%; margin-right: 16px; } .cmp-share__snackbar__left-sidebar { width: 8px; background-color: #0067b1; border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .cmp-share__snackbar__button { display: flex; justify-content: center; align-items: center; border: none; background-color: transparent; cursor: pointer; } .cmp-share__snackbar__button svg { fill: #0067b1; } @keyframes slideIn { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @media only screen and (max-width: 1023px) { @keyframes slideIn { from { left: -100%; bottom: 1.5%; transform: translateX(0); } to { left: 2.9%; bottom: 1.5%; transform: translateX(0); } } } .cmp-steps .cmp-steps-title { margin-top: 0; } .cmp-steps .heading-h2 { display: block; } .cmp-steps .heading-h3 { display: block; } .cmp-steps .heading-h4 { display: block; } .cmp-steps .heading-h5 { display: block; } .cmp-steps .heading-h3:not(.cmp-steps-title), .cmp-steps .heading-h4:not(.cmp-steps-title), .cmp-steps .heading-h5:not(.cmp-steps-title) { margin: 0; } .cmp-steps .cmp-steps-content { display: flex; flex-direction: column; gap: 48px; } @media only screen and (max-width: 600px) { .cmp-steps .cmp-steps-content { gap: 32px; } } .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title { display: grid; gap: 16px; grid-template-columns: 28px auto; position: relative; } .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title h3, .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .heading-h3, .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title h4, .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .desc-title, .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title button.trail-accordion__button, .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .cmp-tabs__tab--active, .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .heading-h4 { margin: 0; } .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title svg { position: relative; fill: #002e53; width: 28px; height: 28px; } .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title svg text { font-size: 1rem; font-weight: 600; fill: #ffffff; } .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .step-subheading { font-size: 1.25rem; color: #002e53; line-height: 28px; font-weight: 600; } @media only screen and (max-width: 1023px) { .cmp-steps .cmp-steps-content .cmp-step .cmp-step-title .step-subheading { font-size: 1.125rem; line-height: 24px; } } .cmp-steps .cmp-steps-content .cmp-step:not(:last-of-type) .cmp-step-title::before { content: ""; position: absolute; border-left: 2px solid #cccccc; top: 30px; left: 14px; height: calc(100% - 26px); } .steps-small .cmp-steps-content { gap: 0; } .steps-small .cmp-steps-content .cmp-step .cmp-step-content { margin-left: 14px; padding-left: 28px; border-left: 2px solid #cccccc; padding-bottom: 44px; padding-top: 20px; margin-bottom: 4px; margin-top: 4px; } @media only screen and (max-width: 600px) { .steps-small .cmp-steps-content .cmp-step .cmp-step-content { padding-bottom: 28px; } } .steps-small .cmp-steps-content .cmp-step .cmp-step-content h3, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-steps .heading-h3, .cmp-steps .steps-small .cmp-steps-content .cmp-step .cmp-step-content .heading-h3, .steps-small .cmp-steps-content .cmp-step .cmp-step-content h4, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .steps-small .cmp-steps-content .cmp-step .cmp-step-content .desc-title, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .steps-small .cmp-steps-content .cmp-step .cmp-step-content button.trail-accordion__button, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-tabs__tab--active, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-steps .heading-h4, .cmp-steps .steps-small .cmp-steps-content .cmp-step .cmp-step-content .heading-h4, .steps-small .cmp-steps-content .cmp-step .cmp-step-content h5, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .steps-small .cmp-steps-content .cmp-step .cmp-step-content .list_item--title, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .steps-small .cmp-steps-content .cmp-step .cmp-step-content .read-more-link, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .steps-small .cmp-steps-content .cmp-step .cmp-step-content .audio-heading, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .steps-small .cmp-steps-content .cmp-step .cmp-step-content .footer-links-heading, .steps-small .cmp-steps-content .cmp-step .cmp-step-content a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .steps-small .cmp-steps-content .cmp-step .cmp-step-content .download-heading, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .steps-small .cmp-steps-content .cmp-step .cmp-step-content .text, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-tabs__tab, .steps-small .cmp-steps-content .cmp-step .cmp-step-content .cmp-steps .heading-h5, .cmp-steps .steps-small .cmp-steps-content .cmp-step .cmp-step-content .heading-h5, .steps-small .cmp-steps-content .cmp-step .cmp-step-content h6 { margin: 0; } .steps-small .cmp-steps-content .cmp-step .cmp-step-content ul, .steps-small .cmp-steps-content .cmp-step .cmp-step-content p { margin-top: 0; margin-bottom: 16px; } .steps-small .cmp-steps-content .cmp-step:last-of-type .cmp-step-content { border-left: none; padding-bottom: 0; margin-bottom: 0; } .steps-small.no-border .cmp-steps-content .cmp-step .cmp-step-content { border-left: 2px solid transparent; } a.download-card-outer { display: inline-block; border: 1px solid transparent; border-radius: 4px; text-decoration: none !important; width: 100%; } a.download-card-outer:hover .download-card-main { box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } a.download-card-outer:hover .download-card-main .inner-content-heading h5, a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link a.download-card-outer:hover .download-card-main .inner-content-heading .list_item--title, a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-trail-accordion .read-more-link, .cmp-trail-accordion a.download-card-outer:hover .download-card-main .inner-content-heading .read-more-link, a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.download-card-outer:hover .download-card-main .inner-content-heading .audio-heading, a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section a.download-card-outer:hover .download-card-main .inner-content-heading .footer-links-heading, a.download-card-outer:hover .download-card-main .inner-content-heading .download-heading, a.download-card-outer:hover .download-card-main .inner-content-heading .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper a.download-card-outer:hover .download-card-main .inner-content-heading .text, a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-tabs__tab, a.download-card-outer:hover .download-card-main .inner-content-heading .cmp-steps .heading-h5, .cmp-steps a.download-card-outer:hover .download-card-main .inner-content-heading .heading-h5 { color: #0067b1; } a.download-card-outer:hover .download-card-main .inner-content-heading svg { fill: #0067b1; } a.download-card-outer:focus-visible { outline-offset: 4px; outline: 2px solid #015ea0; } a.download-card-outer:focus-visible .download-card-main .inner-content-heading h5, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link a.download-card-outer:focus-visible .download-card-main .inner-content-heading .list_item--title, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-trail-accordion .read-more-link, .cmp-trail-accordion a.download-card-outer:focus-visible .download-card-main .inner-content-heading .read-more-link, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.download-card-outer:focus-visible .download-card-main .inner-content-heading .audio-heading, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section a.download-card-outer:focus-visible .download-card-main .inner-content-heading .footer-links-heading, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .download-heading, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper a.download-card-outer:focus-visible .download-card-main .inner-content-heading .text, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-tabs__tab, a.download-card-outer:focus-visible .download-card-main .inner-content-heading .cmp-steps .heading-h5, .cmp-steps a.download-card-outer:focus-visible .download-card-main .inner-content-heading .heading-h5 { color: #0067b1; } a.download-card-outer:focus-visible .download-card-main .inner-content-heading svg { fill: #0067b1; } a.download-card-outer:active { display: inline-block; background: unset; } a.download-card-outer:active .download-card-main .inner-content-heading h5, a.download-card-outer:active .download-card-main .inner-content-heading .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link a.download-card-outer:active .download-card-main .inner-content-heading .list_item--title, a.download-card-outer:active .download-card-main .inner-content-heading .cmp-trail-accordion .read-more-link, .cmp-trail-accordion a.download-card-outer:active .download-card-main .inner-content-heading .read-more-link, a.download-card-outer:active .download-card-main .inner-content-heading .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.download-card-outer:active .download-card-main .inner-content-heading .audio-heading, a.download-card-outer:active .download-card-main .inner-content-heading .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section a.download-card-outer:active .download-card-main .inner-content-heading .footer-links-heading, a.download-card-outer:active .download-card-main .inner-content-heading .download-heading, a.download-card-outer:active .download-card-main .inner-content-heading .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper a.download-card-outer:active .download-card-main .inner-content-heading .text, a.download-card-outer:active .download-card-main .inner-content-heading .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus a.download-card-outer:active .download-card-main .inner-content-heading .cmp-tabs__tab, a.download-card-outer:active .download-card-main .inner-content-heading .cmp-steps .heading-h5, .cmp-steps a.download-card-outer:active .download-card-main .inner-content-heading .heading-h5 { color: #002e53; } a.download-card-outer:active .download-card-main .inner-content-heading svg { fill: #002e53; } a.download-card-outer .download-card-main { display: flex; flex-direction: row; border: 1px solid #cccccc; padding: 24px; gap: 8px; align-items: flex-start; background: #ffffff; border-radius: 4px; } @media only screen and (max-width: 600px) { a.download-card-outer .download-card-main { flex-direction: column; } } a.download-card-outer .download-card-main .icon-file-type { display: flex; width: 36px; height: 36px; } a.download-card-outer .download-card-main .icon-file-type .icon { width: 100%; height: 100%; } a.download-card-outer .download-card-main .icon-file-type.pdf svg { fill: #ae0000; } a.download-card-outer .download-card-main .icon-file-type.xls svg { fill: #117e68; } a.download-card-outer .download-card-main .icon-file-type.doc svg { fill: #0067b1; } a.download-card-outer .download-card-main .inner-content { display: flex; align-items: flex-start; align-items: flex-start; justify-content: flex-start; flex: 1; flex-direction: column; } a.download-card-outer .download-card-main .inner-content-heading { display: flex; flex-wrap: nowrap; gap: 8px; } a.download-card-outer .download-card-main .inner-content-heading .download-heading { text-decoration: underline; color: #002e53; margin-bottom: 8px; margin-top: 0; } a.download-card-outer .download-card-main .inner-content-heading svg { width: 24px; height: 24px; fill: #002e53; } a.download-card-outer .download-card-main .inner-content .body3, a.download-card-outer .download-card-main .inner-content .cmp-timestamp p, .cmp-timestamp a.download-card-outer .download-card-main .inner-content p, a.download-card-outer .download-card-main .inner-content .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image a.download-card-outer .download-card-main .inner-content .cmp-image__title, a.download-card-outer .download-card-main .inner-content .cmp-audio-player .audio-player-wrapper .btn-time, .cmp-audio-player .audio-player-wrapper a.download-card-outer .download-card-main .inner-content .btn-time, a.download-card-outer .download-card-main .inner-content .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc, .cmp-audio-player .audio-player-wrapper .audio-title-sec a.download-card-outer .download-card-main .inner-content .audio-desc, a.download-card-outer .download-card-main .inner-content .tippy-box { margin-top: 0; margin-bottom: 0; color: #666666; text-decoration: none !important; } .articlelist .cmp-list { padding: 0; margin: 0; display: grid; gap: 24px; align-items: start; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .articlelist .cmp-list { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 600px) { .articlelist .cmp-list { grid-template-columns: auto; } } @media only screen and (min-width: 1024px) { .articlelist .cmp-list { grid-template-columns: 1fr 1fr 1fr; } } .articlelist .cmp-list__item { display: inline-block; margin-bottom: 0; padding-left: 0; border-radius: 0px 0px 4px 4px; } .articlelist .cmp-list__item:not(:has(.cmp-teaser__image)) { border-radius: 4px; } .articlelist .cmp-list__item::before { content: none; } .articlelist .cmp-list__item.__box-shadow { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 2px 6px 0px rgba(0, 0, 0, 0.15); } @media (forced-colors: active) { .articlelist .cmp-list__item.__box-shadow { border: 1px solid transparent; } } .articlelist .cmp-list__item.__mist-bg { background-color: #f8fcff; } .articlelist .cmp-list__item.__offwhite-bg { background-color: #f8f8f8; } .articlelist .cmp-list__item.__white-bg { background-color: #ffffff; } .articlelist .cmp-list__item .cmp-teaser__link { display: flex; flex-direction: column-reverse; color: #002e53; text-decoration: none; } .articlelist .cmp-list__item .cmp-teaser__link:hover, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible { background: #ecf5fb; } .articlelist .cmp-list__item .cmp-teaser__link:hover .cmp-teaser__title, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible .cmp-teaser__title { text-decoration: underline; color: #015895; } .articlelist .cmp-list__item .cmp-teaser__link:hover .cmp-teaser__title::after, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23015895'/%3E%3C/svg%3E"); } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item .cmp-teaser__link:hover .cmp-teaser__title::after, .articlelist .cmp-list__item .cmp-teaser__link:focus-visible .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23015895'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item .cmp-teaser__link:active { background-color: #d4e7f4; } .articlelist .cmp-list__item .cmp-teaser__link:active .cmp-teaser__title { color: #002e53; } .articlelist .cmp-list__item .cmp-teaser__link:active .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); } .articlelist .cmp-list__item .cmp-teaser__link .cmp-image { height: 216px; } .articlelist .cmp-list__item .cmp-teaser__link .cmp-image img { width: 100%; border-radius: 4px 4px 0px 0px; height: 216px; object-fit: cover; } .articlelist .cmp-list__item .cmp-teaser__content { padding: 24px 24px 32px; min-height: 200px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item .cmp-teaser__content { padding: 24px; min-height: 192px; } } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title { margin: 0; margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; align-items: flex-start; } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); position: relative; right: 0; top: 2px; margin-left: 8px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item .cmp-teaser__content .cmp-teaser__description { color: #333333; overflow: hidden; font-size: 1rem; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .articlelist .cmp-list__item._no-image { padding: 24px 24px 32px; height: 194px; display: flex; flex-direction: column; gap: 16px; border-radius: 4px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item._no-image { padding: 24px; } } .articlelist .cmp-list__item._no-image .cmp-list__item-description { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .articlelist .cmp-list__item._no-image .cmp-list__item-link { width: 100%; text-decoration: none; } .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title { color: #002e53; display: flex; margin: 0; justify-content: space-between; } .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); position: relative; right: 0; top: 2px; margin-left: 8px; } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item._no-image .cmp-list__item-link .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item._no-image:hover, .articlelist .cmp-list__item._no-image:focus-visible { background: #ecf5fb; } .articlelist .cmp-list__item._no-image:hover .cmp-list__item-title, .articlelist .cmp-list__item._no-image:focus-visible .cmp-list__item-title { text-decoration: underline; color: #015895; } .articlelist .cmp-list__item._no-image:hover .cmp-list__item-title::after, .articlelist .cmp-list__item._no-image:focus-visible .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23015895'/%3E%3C/svg%3E"); } @media only screen and (max-width: 600px) { .articlelist .cmp-list__item._no-image:hover .cmp-list__item-title::after, .articlelist .cmp-list__item._no-image:focus-visible .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23015895'/%3E%3C/svg%3E"); } } .articlelist .cmp-list__item._no-image:active { background-color: #d4e7f4; } .articlelist .cmp-list__item._no-image:active .cmp-list__item-title { color: #002e53; } .articlelist .cmp-list__item._no-image:active .cmp-list__item-title::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M10.0217 19.3433L15.3651 14L10.0217 8.645L11.6667 7L18.6667 14L11.6667 21L10.0217 19.3433Z' fill='%23002E53'/%3E%3C/svg%3E"); } .articlelist .cmp-list__item._no-image._no-description { min-height: 112px; } @media only screen and (max-width: 1023px) { .articlelist .cmp-list__item._no-image._no-description { min-height: 104px; } } .cmp-benefithighlight { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 24px; max-width: 792px; } @media only screen and (max-width: 600px) { .cmp-benefithighlight { gap: 32px; grid-template-columns: auto; } } .cmp-benefithighlight .cmp-benefithighlight__box { display: flex; padding-top: 32px; max-width: 382px; border-top: 2px solid #cccccc; flex-direction: column; align-items: flex-start; gap: 16px; } @media only screen and (max-width: 600px) { .cmp-benefithighlight .cmp-benefithighlight__box { padding-top: 24px; } } .cmp-benefithighlight .cmp-benefithighlight__box svg.cmp-button__icon { width: 32px; height: 32px; fill: #0067b1; } .cmp-benefithighlight .cmp-benefithighlight__box__header { margin: 0; } .cmp-benefithighlight .cmp-benefithighlight__box__title { color: #002e53; font-size: 1.25rem; font-weight: 600; line-height: 24px; display: flex; align-items: center; width: 100%; justify-content: space-between; } @media only screen and (min-width: 1024px) { .cmp-benefithighlight .cmp-benefithighlight__box__title { line-height: 28px; align-items: flex-start; } } .cmp-benefithighlight .cmp-benefithighlight__box__text p { margin-top: 0; } .cmp-benefithighlight .cmp-benefithighlight__box__text p:last-child { margin-bottom: 0; } .pageheading.teaser { display: flex; justify-content: center; align-items: center; left: 0; background-color: #ecf5fb; } .pageheading.teaser .cmp-teaser { display: flex; max-width: 1200px; gap: 24px; } @media only screen and (max-width: 600px) { .pageheading.teaser .cmp-teaser { flex-direction: column; gap: 0; } } .pageheading.teaser .cmp-teaser__content { display: flex; flex-direction: column; justify-content: space-between; flex: 1; gap: 32px; padding-bottom: 64px; } @media only screen and (max-width: 600px) { .pageheading.teaser .cmp-teaser__content { padding-bottom: 48px; } } .pageheading.teaser .cmp-teaser__content .cmp-teaser__description { font-size: 1.25rem; line-height: 28px; } @media only screen and (max-width: 600px) { .pageheading.teaser .cmp-teaser__content .cmp-teaser__description { font-size: 1.125rem; } } .pageheading.teaser .cmp-teaser__content .cmp-teaser__title { font-size: 2.75rem; line-height: 52px; } @media only screen and (max-width: 600px) { .pageheading.teaser .cmp-teaser__content .cmp-teaser__title { font-size: 2rem; line-height: 40px; } } .pageheading.teaser .cmp-teaser__content .popular-pages { display: block; margin-bottom: 12px; } .pageheading.teaser .cmp-teaser__content .popular-pages::before { content: url("../resources/images/ic_outline-flag.svg"); position: relative; top: 4px; margin-right: 8px; } .pageheading.teaser .cmp-teaser__image { flex: 1; } .pageheading.teaser .cmp-teaser__image .cmp-image { height: 100%; width: 100%; display: block; } .pageheading.teaser .cmp-teaser__image .cmp-image__image { object-fit: cover; width: 100%; height: 100%; } .pageheading.teaser .cmp-teaser__action-container .cmp-teaser__action-link { display: inline-flex; padding: 12px; background-color: #d4e7f4; border-radius: 20px; margin-right: 8px; margin-bottom: 8px; color: #002e53; text-decoration: none; font-size: 0.875rem; line-height: 20px; } .pageheading.teaser .cmp-teaser__action-container .cmp-teaser__action-link .cmp-link__screen-reader-only { display: none; font-size: 0.75rem; } .pageheading.teaser.variation-2 { background-color: #fff; } .pageheading.teaser.variation-2 .cmp-teaser { padding: 10px; } .pageheading.teaser.variation-2 .cmp-teaser__content { flex-basis: 100%; } .pageheading.teaser.variation-2 .cmp-teaser__image { display: none; } .pageheading.teaser.variation-2 .cmp-teaser__action-container, .pageheading.teaser.variation-2 .popular-pages { display: none; } .pageheading.teaser.variation-2 .cmp-teaser__content { margin-bottom: 0; } .pageheading.teaser.variation-3 .cmp-teaser { padding: 0; } @media only screen and (max-width: 600px) { .pageheading.teaser.variation-3 .cmp-teaser { flex-direction: column-reverse; } } .pageheading.teaser.variation-3 .cmp-teaser__content { justify-content: center; padding: 10px; margin-bottom: 0px; width: 50%; } @media only screen and (max-width: 600px) { .pageheading.teaser.variation-3 .cmp-teaser__content { width: auto; } } .pageheading.teaser.variation-3 .cmp-teaser__content .cmp-teaser__description { margin-bottom: 0; } .pageheading.teaser.variation-3 .cmp-teaser__action-container, .pageheading.teaser.variation-3 .popular-pages { display: none; } .card .cmp-teaser .cmp-teaser__title-with-icon .icon { display: none !important; } .card.variation-no-img .cmp-teaser:not(.variation-promo-banner) .cmp-teaser__title-with-icon { display: flex; gap: 8px; } .card.variation-no-img .cmp-teaser:not(.variation-promo-banner) .cmp-teaser__title-with-icon .icon { display: inline-block !important; width: 24px; height: 24px; flex-shrink: 0; fill: #0067b1; } .cmp-add-page .cmp-add-page-title { display: flex; flex-direction: row; gap: 8px; margin-bottom: 16px; } .cmp-add-page .cmp-add-page-title svg { fill: #002e53; } .cmp-add-page .cmp-add-page-title p { margin: 0; color: #002e53; } .cmp-add-page .cmp-add-page-title h4, .cmp-add-page .cmp-add-page-title .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .cmp-add-page .cmp-add-page-title .desc-title, .cmp-add-page .cmp-add-page-title .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .cmp-add-page .cmp-add-page-title button.trail-accordion__button, .cmp-add-page .cmp-add-page-title .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .cmp-add-page .cmp-add-page-title .cmp-tabs__tab--active, .cmp-add-page .cmp-add-page-title .cmp-steps .heading-h4, .cmp-steps .cmp-add-page .cmp-add-page-title .heading-h4 { margin-top: 24px; } .cmp-add-page .cmp-add-page-title div { font-size: 1.25rem; color: #002e53; line-height: 28px; font-weight: 600; margin-bottom: 16px; margin-top: 40px; margin: 0; } @media only screen and (max-width: 1023px) { .cmp-add-page .cmp-add-page-title div { font-size: 1.125rem; line-height: 24px; margin-top: 32px; } } @media only screen and (max-width: 1023px) { .cmp-add-page .cmp-add-page-title div { margin: 0; } } .cmp-add-page .cmp-add-page-pills { display: flex; align-items: flex-start; align-content: flex-start; align-self: stretch; flex-wrap: wrap; gap: 8px; } .cmp-add-page .cmp-link-list-container { display: flex; flex-direction: column; padding-top: 0; padding-left: 32px; gap: 24px; } .cmp-add-page .border-rockpool { border-left: 2px solid #0067b1; } .cmp-add-page .border-offwhite { border-left: 2px solid #f8f8f8; } .card .cmp-teaser { display: flex; border-radius: 4px; background-color: #ecf5fb; justify-content: space-between; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); overflow: hidden; } @media only screen and (max-width: 600px) { .card .cmp-teaser { flex-direction: column-reverse; } } .card .cmp-teaser__content { flex: 5; max-width: 100%; } .card .cmp-teaser__content .content-wrapper { padding: 32px 24px; } @media only screen and (max-width: 600px) { .card .cmp-teaser__content .content-wrapper { padding: 24px; } } .card .cmp-teaser__content .cmp-teaser__title { margin: 0; margin-bottom: 16px; } .card .cmp-teaser__content .cmp-teaser__description { margin-bottom: 16px; color: #333333; } .card .cmp-teaser__content .cmp-teaser__action-container { display: flex; gap: 24px; align-items: flex-start; } @media only screen and (max-width: 600px) { .card .cmp-teaser__content .cmp-teaser__action-container { flex-direction: column; } } @media only screen and (max-width: 1023px) { .card .cmp-teaser__content .cmp-teaser__action-container { gap: 16px; } } .card .cmp-teaser__content .cmp-teaser__action-container img { max-height: 48px; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { background: #0067b1; border-radius: 4px; color: #fff; display: inline-block; font-weight: 600; padding: 12px 16px; border: none; font-size: 1rem; line-height: 24px; display: flex; width: max-content; text-decoration: none; align-items: center; } @media only screen and (max-width: 600px) { .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link { width: 100%; justify-content: center; margin-bottom: 16px; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:last-child { margin-bottom: 0; } } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:hover { background: #015895; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible { background: #015ea0; outline: 2px solid #015ea0; outline-offset: 2px; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card .cmp-teaser__content .cmp-teaser__action-container .cmp-teaser__action-link:active { background: #002e53; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } @media only screen and (min-width: 600px) { .card:not(.variation-no-img) .card .cmp-teaser__content:has(+ .cmp-teaser__image) { flex: 0 0 65%; max-width: 65%; } } .card .cmp-teaser__image { flex: 3; } @media only screen and (min-width: 600px) { .card .cmp-teaser__image { flex: 0 0 35%; max-width: 35%; } } .card .cmp-teaser__image .cmp-image { height: 100%; width: 100%; } @media only screen and (max-width: 599px) { .card .cmp-teaser__image .cmp-image { height: 184px; } } .card .cmp-teaser__image .cmp-image img { width: 100%; height: 100%; object-fit: cover; } .card .cmp-teaser.variation-promo-banner { gap: 24px; } @media only screen and (max-width: 600px) { .card .cmp-teaser.variation-promo-banner { gap: unset; } } .card .cmp-teaser.variation-promo-banner .cmp-teaser__image { flex: 1; max-width: 100%; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content { flex: 1; display: flex; max-width: 100%; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content .cmp-teaser__description { margin-bottom: 32px; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content .cmp-teaser__description p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin: 0; } .card .cmp-teaser.variation-promo-banner .cmp-teaser__content .content-wrapper { flex-direction: column; justify-content: center; display: flex; } .card .cmp-teaser.bb-yellow { border-bottom: 2px solid #ffd200; } .card .cmp-teaser.white-bg { background-color: #ffffff; } .card.variation-img-left .cmp-teaser { flex-direction: row-reverse; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); } @media only screen and (max-width: 600px) { .card.variation-img-left .cmp-teaser { flex-direction: column-reverse; } } .card.variation-no-img .cmp-teaser { background-color: #ecf5fb; } .card.variation-no-img .cmp-teaser .cmp-teaser__image { display: none; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link { background: #d4e7f4; color: #0067b1; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:hover { background: #d0e1ef; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:active { background: #0067b1; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); color: #fff; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:active::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:active[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.tonal-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible { background: #d0e1ef; outline: 2px solid #015ea0; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link { background: none; color: #0067b1; text-decoration: none; padding: 0; } @media only screen and (max-width: 600px) { .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link { width: auto; } } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:hover { text-decoration: underline; background: none; color: #015895; box-shadow: unset; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:hover::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:hover[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible { background: none; color: #015895; outline: 2px solid #015ea0; outline-offset: 2px; box-shadow: unset; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:focus-visible[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:active { color: #002e53; background: none; box-shadow: unset; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:active::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link:active[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .card.text-button .cmp-teaser__action-container .cmp-teaser__action-link[target=_blank]::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .iconlist .cmp-iconlist .icons-section .icons-list { display: flex; flex-wrap: wrap; margin: 16px 0; gap: 8px; } .iconlist .cmp-iconlist .icons-section .icons-list.vertical { flex-direction: column; } .iconlist .cmp-iconlist .icons-section .icons-list_item { display: inline-flex; gap: 16px; padding: 16px; width: max-content; border-radius: 8px; position: relative; background-color: #ffffff; } .iconlist .cmp-iconlist .icons-section .icons-list_item.bgDark { background-color: #f8f8f8; } .iconlist .cmp-iconlist .icons-section .icons-list_item .strong { color: #333333; margin: 0; } .iconlist .cmp-iconlist .icons-section .icons-list_item p { margin: 0; } .iconlist .cmp-iconlist .icons-section .icons-list_item svg { min-width: 24px; } .iconlist .cmp-iconlist .icons-section .icons-list_item .tooltiptext { visibility: hidden; width: 188px; background-color: #333333; color: #fff; border-radius: 4px; padding: 12px; margin: 0; position: absolute; left: calc(100% - 36px); top: calc(100% + 12px); z-index: 1; } @media only screen and (max-width: 1023px) { .iconlist .cmp-iconlist .icons-section .icons-list_item .tooltiptext { left: unset; right: 0; } } .iconlist .cmp-iconlist .icons-section .icons-list_item .tooltiptext::after { content: ""; position: absolute; bottom: 100%; left: 12px; border-width: 8px; border-style: solid; border-color: transparent transparent #333333 transparent; } .iconlist .cmp-iconlist .icons-section .icons-list_item .icon-list-tooltip-icon:hover + .tooltiptext { visibility: visible; } header .cmp-container { position: fixed; width: 100%; z-index: 1100; } header .cmp-container.animated { animation-duration: 0.5s; } .cmp-header { position: relative; } .cmp-header .cmp-header-main { width: 100%; padding: 0 32px; background-color: #ffffff; display: flex; justify-content: center; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-main { border-bottom: 1px solid #cccccc; } } @media print { .cmp-header .cmp-header-main { display: none !important; } } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main { box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1); } } @media only screen and (max-width: 600px) { .cmp-header .cmp-header-main { padding: 0 24px; } } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper { position: relative; justify-content: space-between; } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper::before { content: ""; position: absolute; left: 0; display: block; height: 100%; border-image: repeating-linear-gradient(180deg, #0067b1, #0067b1 11.1111111111%, #ffd200 11.1111111111%, #ffd200 22.2222222222%) 1; border-left: 8px solid; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper::before { border-left: 4px solid; } } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper .header-nav { width: auto; flex: 1 0 auto; } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding { flex: 1; display: flex; align-items: center; gap: 16px; margin: 12px 0 12px 32px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding { gap: 4px; margin: 8px 0 8px 20px; flex: 2; } } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding .header-logo { flex: 1; display: flex; } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-logo-thumb { width: 90px; height: 90px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-logo-thumb { width: 48px; height: 48px; } } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-title { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-title { gap: 0; } } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-title #bcc-header-title-name { flex: 0; height: 24px; max-height: 24px; position: relative; left: 2px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-title #bcc-header-title-name { height: 12px; max-height: 12px; width: 109px; } } .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-title p { flex: 0; font-size: 1.875rem; font-weight: 600; line-height: 1.875rem; color: #0067b1; margin: 0; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main.cmp-header-main-mysb .cmp-header-wrapper #bcc-header-branding #bcc-header-title p { font-size: 15px; line-height: 18px; } } .cmp-header .cmp-header-main .cmp-header-wrapper { flex-basis: 100%; max-width: 1200px; display: flex; flex-direction: row; align-items: center; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-main .cmp-header-wrapper { gap: 32px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper { max-width: 768px; } } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a { all: unset; cursor: pointer; display: block; height: 100%; border-radius: 4px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a:focus-visible { outline: 2px solid #0067b1; outline-offset: 2px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo .B { fill: #0067b1; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo .C { fill: #ffd200; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo .D { fill-rule: evenodd; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo #bcc-header-logo-large { display: block; height: 116px; width: 288px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo #bcc-header-logo-mourning { display: none; height: 116px; width: 288px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo #bcc-header-logo-small { display: none; height: 64px; width: 172px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo .bcc-metro-logo { width: max-content !important; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo #bcc-header-logo-large, .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo .bcc-header-logo-large { display: none; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo #bcc-header-logo-small, .cmp-header .cmp-header-main .cmp-header-wrapper .header-logo a#bcc-header-logo .bcc-header-logo-small { display: block; } } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav { width: 100%; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav { flex-direction: row-reverse; justify-content: flex-start; gap: 16px; } } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu { display: flex; gap: 16px; flex-direction: row-reverse; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu { flex-direction: row-reverse; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .cmp-button, .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .my-sb-form-widget #dform_controls #dform_control_buttons ul li a, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu a { padding: 8px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .cmp-button .cmp-button__text, .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu a .cmp-button__text { display: none; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .cmp-button svg, .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .my-sb-form-widget #dform_controls #dform_control_buttons ul li a svg, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu a svg { width: 32px; height: 32px; margin: 0; } } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button { align-items: center; width: max-content !important; cursor: pointer; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-icon { margin: 6px 3px; width: 18px; height: 12px; position: relative; display: block; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-icon { margin: 10px 7px; } } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-icon .icon-dash { position: absolute; width: 100%; height: 2px; left: 0px; top: 0px; background-color: #ffffff; opacity: 1; transition: all 0.2s linear 0s; border-radius: 1px; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-icon .icon-dash:nth-child(1) { transform: translate(0px, 5px); } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-icon .icon-dash:nth-child(2) { transform: translate(0px, 10px); } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-text { width: 45px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button-text { display: none; } } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] { background-color: #002e53; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] .metro-menu-toggle-button-icon .icon-dash:nth-child(1) { transform: translate3d(0px, 5px, 0px) rotate(45deg); } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] .metro-menu-toggle-button-icon .icon-dash:nth-child(2) { opacity: 0; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] .metro-menu-toggle-button-icon .icon-dash:nth-child(3) { transform: translate3d(0px, 5px, 0px) rotate(-45deg); } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .nav-list-items { display: flex; gap: 32px; align-items: center; } .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .nav-list-items .nav-links { display: flex; gap: 24px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-main .cmp-header-wrapper .header-nav .nav-list-items .nav-links { display: none; } } .cmp-header .cmp-header-main .cmp-header-wrapper .metro-header-menu { position: absolute; background-color: #ffffff; top: calc(100% + 1px); right: 0; border-top: 4px solid #002e53; padding: 32px 24px 40px; } .cmp-header .cmp-header-main .cmp-header-wrapper .metro-header-menu-item { all: unset; cursor: pointer; width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; border-bottom: 1px solid #eef2f5; font-weight: 600; font-size: 1rem; line-height: 24px; color: #002e53; } .cmp-header .cmp-header-main .cmp-header-wrapper .metro-header-menu-item:hover { background-color: #ecf5fb; color: #0067b1; } .cmp-header .cmp-header-main .cmp-header-wrapper .metro-header-menu-item:focus-visible { outline: 2px solid #015ea0; border-radius: 4px; background-color: #ecf5fb; color: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper { position: absolute; top: 100%; left: 0; width: 100%; display: flex; justify-content: center; backdrop-filter: blur(12px); background: rgba(0, 0, 0, 0.5); z-index: 9; animation-duration: 300ms; animation-timing-function: ease-in-out; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu { width: 100%; height: max-content; max-width: 1200px; position: relative; box-sizing: content-box; transition-timing-function: ease-in-out; transition: 300ms; animation-duration: 300ms; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu { padding-left: 32px; padding-right: 32px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 { margin: 0; list-style: none; display: flex; align-items: center; flex-direction: column; box-sizing: border-box; position: relative; background-color: #ffffff; border-top: 4px solid #002e53; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 { width: 33.3333333333%; padding: 32px 0 40px 24px; } } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 { width: 100%; padding: 32px 32px; } } @media only screen and (max-width: 599px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 { padding: 32px 24px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 { all: unset; display: block; width: 100%; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0::before { all: unset; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 { max-width: 768px; } } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 { padding-right: 24px; box-sizing: border-box; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0:hover { background-color: #ecf5fb; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0:hover .cmp-navigation-side-container { display: flex !important; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button { all: unset; cursor: pointer; width: 100%; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; border-bottom: 1px solid #eef2f5; font-weight: 600; font-size: 1rem; line-height: 24px; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button-text { color: #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button svg { fill: #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button:hover { background-color: #ecf5fb; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button:hover-text { color: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button:hover svg { color: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button:focus-visible { outline: 2px solid #015ea0; border-radius: 4px; background-color: #ecf5fb; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button:focus-visible-text { color: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .nav-menu-button:focus-visible svg { color: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container { display: flex; flex-direction: row; box-sizing: content-box; height: 100%; width: 200%; position: absolute; left: 100%; top: -4px; border-top: 4px solid #0067b1; z-index: 9; animation-duration: 300ms; animation-timing-function: ease-in-out; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container { flex-direction: column; height: fit-content; width: 100%; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container { all: unset; display: flex; flex-direction: column; align-items: center; width: 50%; box-sizing: border-box; background-color: #ecf5fb; overflow: scroll; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container::-webkit-scrollbar { display: none; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container { padding: 32px 24px 40px; height: 100%; } } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container { padding: 32px 32px 40px; height: fit-content; width: 100%; } } @media only screen and (max-width: 599px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container { padding: 32px 24px 40px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content { display: flex; flex-direction: column; gap: 16px; width: 100%; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content { max-width: 768px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button { all: unset; display: flex; cursor: pointer; gap: 8px; color: #0067b1; line-height: 24px; font-weight: 600; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button { display: none; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button svg { fill: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button:hover { color: #002e53; text-decoration: underline; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button:hover svg { fill: #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button:focus-visible { color: #002e53; text-decoration: underline; outline: 2px solid #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .level-1-back-button:focus-visible svg { fill: #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .brand-icon { height: 48px; width: 48px; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .brand-icon svg { fill: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__level-1-header-link { all: unset; display: flex; cursor: pointer; gap: 16px; align-items: center; font-size: 1.25rem; line-height: 28px; font-weight: 600; color: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__level-1-header-link svg { fill: #0067b1; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__level-1-header-link:hover { color: #002e53; text-decoration: underline; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__level-1-header-link:hover svg { fill: #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__level-1-header-link:focus-visible { color: #002e53; text-decoration: underline; outline: 2px solid #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__level-1-header-link:focus-visible svg { fill: #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 { all: unset; list-style: none; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 .cmp-navigation__item--level-1 { all: unset; width: 100%; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 .cmp-navigation__item--level-1::before { all: unset; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 .cmp-navigation__item--level-1 .nav-menu-link { display: block; width: 100%; box-sizing: border-box; padding: 12px 16px; color: #002e53; border-bottom: 1px solid #d4e7f4; font-size: 1rem; line-height: 24px; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 .cmp-navigation__item--level-1 .nav-menu-link:hover { background-color: #d4e7f4; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 .cmp-navigation__item--level-1 .nav-menu-link:focus-visible { background-color: #d4e7f4; outline: 2px solid #002e53; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .cmp-navigation__group-level-1-container .cmp-navigation__group-level-1-content .cmp-navigation__group-level-1 .cmp-navigation__item--level-1 .nav-menu-link:active { background-color: #002e53; color: #ffffff; } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .nav-menu-extra { display: flex; align-items: center; flex-direction: column; width: 50%; box-sizing: border-box; background-color: #d4e7f4; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .nav-menu-extra { padding: 96px 24px 40px; height: 100%; overflow: scroll; } } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .nav-menu-extra { padding: 32px 32px 40px; height: fit-content; width: 100%; gap: 32px; } } @media only screen and (max-width: 599px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .nav-menu-extra { padding: 32px 24px 40px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .nav-menu-extra .nav-menu-extra-content { display: flex; width: 100%; gap: 40px; flex-direction: column; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .cmp-navigation .cmp-navigation__group-level-0 .cmp-navigation__item--level-0 .cmp-navigation-side-container .nav-menu-extra .nav-menu-extra-content { max-width: 768px; gap: 32px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper { width: 100%; background-color: #ffffff; flex-direction: column; margin: 0; padding-bottom: 40px; display: none; align-items: center; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper { display: flex; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu { display: flex; flex-direction: column; align-items: center; gap: 16px; padding-left: 32px; padding-right: 32px; width: 100%; box-sizing: border-box; } @media only screen and (max-width: 599px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu { padding-left: 24px; padding-right: 24px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu .service-button { display: none; box-sizing: border-box; } @media only screen and (max-width: 599px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu .service-button { display: flex; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu .top-menu-links { max-width: 768px; width: 100%; display: flex; flex-direction: column; gap: 24px; } @media only screen and (max-width: 599px) { .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu .top-menu-links { gap: 16px; } } .cmp-header .cmp-header-nav-menu-wrapper .cmp-header-nav-menu .nav-top-menu-wraper .nav-top-menu .top-menu-links .top-menu-link { box-sizing: border-box; } .cmp-header .cmp-header-search-wrapper { position: fixed; z-index: 11; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(12px); animation-duration: 200ms; animation-timing-function: ease-in-out; } .cmp-header .cmp-header-search-wrapper .cmp-header-search { display: flex; background: #f8f8f8; animation-duration: 200ms; animation-timing-function: ease-in-out; align-items: center; justify-content: center; } @media only screen and (min-width: 1024px) { .cmp-header .cmp-header-search-wrapper .cmp-header-search { border-bottom: 1px solid #cccccc; padding-top: 26px; padding-bottom: 24px; } } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-search-wrapper .cmp-header-search { padding: 8px 24px 6px; box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, 0.1); } } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper { display: flex; justify-content: center; align-items: center; gap: 24px; width: 60%; max-width: 1200px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper { gap: 16px; width: 100%; } } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input { flex-grow: 1; padding: 8px 16px; border-radius: 4px; border: 1px solid #0067b1; background-color: #ffffff; display: flex; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input { padding: 0 8px; } } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input input { all: unset; flex-grow: 1; font-size: 1.25rem; color: #333333; font-weight: 400; line-height: 28px; } @media only screen and (max-width: 1023px) { .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input input { font-size: 1.125rem; } } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input .cmp-header-search-button { padding: 8px; } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input .cmp-header-search-button:active { border: none; } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-input .cmp-header-search-button svg { height: 32px; width: 32px; } .cmp-header .cmp-header-search-wrapper .cmp-header-search .cmp-header-search-input-wrapper .cmp-header-search-close svg { height: 32px; width: 32px; } .checklist .cmp-checklist .cmp-accordion__item { margin-bottom: 16px; border-radius: 4px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__header { font-size: 1rem; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button { border-bottom: 1px solid transparent; background-color: transparent; padding: 24px 16px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button .cmp-accordion__title { color: #002e53; align-items: center; padding-right: 0; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button .cmp-accordion__title .cmp-accordion__checkbox { margin-right: 16px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button .cmp-accordion__title .cmp-accordion__checkbox:focus-visible { outline: 2px solid #015ea0; border-radius: 4px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon { display: flex; flex-direction: row-reverse; align-items: center; padding-left: 16px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon:focus-visible { outline: 2px solid #015ea0; border-radius: 4px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%230067B1'/%3E%3C/svg%3E"); } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button.cmp-accordion__button--expanded { background-color: transparent; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon::before { top: -3px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__panel { padding-left: 61px; } @media only screen and (max-width: 600px) { .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__panel { padding-left: 60px; } } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__panel > div { padding: 0; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__panel--expanded { border-bottom: none; padding-bottom: 8px; } .checklist .cmp-checklist .cmp-accordion__item .cmp-accordion__panel--expanded .cmp-text p { padding-top: 0; margin-right: 16px; } .checklist.variation--grey-bg .cmp-checklist .cmp-accordion__item { background-color: #f8f8f8; } .checklist.variation--white-bg .cmp-checklist .cmp-accordion__item { background-color: #fff; } .cmp-footer { box-sizing: border-box; background-color: #d4e7f4; } @media print { .cmp-footer { display: none !important; } } .cmp-footer .footer-container { margin: 0 auto; max-width: 1200px; margin-bottom: 24px; } @media screen and (min-width: 1024px) and (max-width: 1264px) { .cmp-footer .footer-container { margin-left: 32px; margin-right: 32px; } } @media only screen and (max-width: 600px) { .cmp-footer .footer-container { margin-bottom: 0; } } @media only screen and (max-width: 1023px) { .cmp-footer .footer-container { padding: 0 38px; } } .cmp-footer .footer-container > * { box-sizing: border-box; } .cmp-footer .footer-container .footer-main-content { margin: auto; } @media only screen and (max-width: 1023px) { .cmp-footer .footer-container .footer-main-content { flex-direction: column; } } .cmp-footer .footer-container .footer-main-content .__mobile { display: block; } @media only screen and (min-width: 1024px) { .cmp-footer .footer-container .footer-main-content .__mobile { display: none; } } .cmp-footer .footer-container .footer-main-content .__desktop { display: none; } @media only screen and (min-width: 1024px) { .cmp-footer .footer-container .footer-main-content .__desktop { display: block; } } @media only screen and (max-width: 1023px) { .cmp-footer .footer-container .footer-main-content .footer-logo-section { padding-right: 0; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-footer .footer-container .footer-main-content .footer-logo-section { margin-bottom: 48px; } } @media only screen and (min-width: 1024px) { .cmp-footer .footer-container .footer-main-content .footer-logo-section .grid-container { display: inline; } } .cmp-footer .footer-container .footer-main-content .footer-logo-section .footer-description { font-size: 14px; text-align: left; line-height: 20px; margin-bottom: 32px; } @media only screen and (max-width: 600px) { .cmp-footer .footer-container .footer-main-content .footer-logo-section .footer-description { margin-top: 24px; } } .cmp-footer .footer-container .footer-main-content .footer-logo-section .logo { text-align: center; margin-bottom: 24px; } .cmp-footer .footer-container .footer-main-content .footer-logo-section .logo img { max-width: 100%; } .cmp-footer .footer-container .footer-main-content .footer-logo-section .o-logo { text-align: center; } .dark-theme .cmp-footer .footer-container .footer-main-content .footer-logo-section .o-logo { display: none; } @media only screen and (min-width: 1024px) { .cmp-footer .footer-container .footer-main-content .footer-logo-section .o-logo { margin-bottom: 24px; } } .cmp-footer .footer-container .footer-main-content .footer-logo-section .o-logo img { max-width: 100%; } @media only screen and (max-width: 600px) { .cmp-footer .footer-container .footer-main-content .footer-logo-section .footer-select-optn { margin-bottom: 50px; } } .cmp-footer .footer-container .footer-main-content .footer-logo-section .footer-select-optn select { padding: 12px 16px; width: 100%; border-radius: 4px; border: 1px solid #666666; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%230067B1'/%3E%3C/svg%3E") no-repeat right; appearance: none; background-position-x: 97%; background-position-y: 12px; background-color: #fff; color: #333333; } .cmp-footer .footer-container .footer-main-content .footer-link-section { flex: 1; box-sizing: border-box; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading { margin-top: 0; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links { list-style: none; padding: 0; margin-left: 0; } @media (forced-colors: active) { .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .social-share img { filter: brightness(0) invert(1); } } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .social-share-item { display: inline-block; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .social-share-item--facebook { display: inline-block; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-item { color: #002e53; margin-bottom: 16px; padding-left: 0; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-item p { margin-top: 0; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-item::before { content: none; margin-right: 0; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .contact-us-btn { margin-bottom: 24px; display: flex; flex-direction: row; align-items: center; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .contact-us-btn .cta-links-item { background-color: #d4e7f4; } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .contact-us-btn .cta-links-item:hover { border-color: #002e53; background-color: #002e53; color: #fff; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links .contact-us-btn .cta-links-item:active { background-color: #203e5e; color: #fff; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile { padding: 24px; border-bottom: 1px solid #aaaaaa; max-height: initial; } @media only screen and (max-width: 600px) { .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile { margin-left: -38px; margin-right: -38px; } } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile .footer-links { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; margin: 0; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile .footer-links li:first-child { margin-top: 24px; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile.__last { border-bottom: none; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile .footer-links-heading { display: flex; justify-content: space-between; margin: 0; color: #0067b1; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile .footer-links-heading::after { content: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%230067B1'/%3E%3C/svg%3E"); height: 24px; width: 24px; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile .footer-links-heading a { color: #0067b1; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile.active .footer-links { max-height: 600px; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__mobile.active .footer-links-heading::after { content: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 15.41L12 10.83L16.59 15.41L18 14L12 8L6 14L7.41 15.41Z' fill='%230067B1'/%3E%3C/svg%3E"); } .cmp-footer .footer-container .footer-main-content .footer-link-section.__last .footer-links-item { margin-bottom: 24px; } .cmp-footer .footer-container .footer-main-content .footer-link-section.__last .footer-links-item p { margin-bottom: 2px; } .cmp-footer .footer-top-banner { background: #ecf5fb; margin-bottom: 48px; height: 80px; } @media only screen and (max-width: 1023px) { .cmp-footer .footer-top-banner { padding: 32px 66px 32px 66px; } } @media only screen and (max-width: 600px) { .cmp-footer .footer-top-banner { height: auto; padding: 32px 24px 32px 24px; } } .cmp-footer .footer-top-banner-content { display: flex; justify-content: space-between; align-items: center; height: 100%; flex-direction: row; max-width: 1200px; margin: auto; } @media screen and (min-width: 1024px) and (max-width: 1264px) { .cmp-footer .footer-top-banner-content { padding-left: 32px; padding-right: 32px; } } @media only screen and (max-width: 600px) { .cmp-footer .footer-top-banner-content { flex-direction: column; justify-content: unset; align-items: flex-start; gap: 8px; } } .cmp-footer .footer-top-banner-content > * { margin-top: 0; margin-bottom: 0; } .cmp-footer .footer-top-banner-content a.menu-link { padding: 0; border: none; color: #0067b1; } .cmp-footer .footor-bottom-section { padding: 16px 24px 40px; background-color: #c4dced; } .cmp-footer .footor-bottom-section .footor-bottom-wrapper { margin: 0 auto; max-width: 1200px; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-footer .footor-bottom-section .footor-bottom-wrapper .footer-copyright-txt { margin-left: 32px; } } .cmp-footer .footor-bottom-section .footer-bottom-links { list-style: none; margin-bottom: 24px; margin-left: -44px; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-footer .footor-bottom-section .footer-bottom-links { margin-left: -12px; } } .cmp-footer .footor-bottom-section .footer-bottom-links li { display: inline-block; margin-right: 12px; } @media only screen and (max-width: 1023px) { .cmp-footer .footor-bottom-section .footer-bottom-links li { display: block; margin-bottom: 12px; } } .cmp-footer:has(#feedback-form) { border-top: 1px solid #cccccc; } .icon .cmp-icon { display: inline-flex; border: 1px 1px 1px solid; } .icon .cmp-icon svg { fill: #0067b1; } .icon .cmp-icon svg.filled-white { fill: #fff; } .icon .cmp-icon svg.icon-small { width: 24px; height: 24px; } .icon .cmp-icon svg.icon-small.icon-two-stars { width: 48px; } .icon .cmp-icon svg.icon-small.icon-three-stars { width: 72px; } .icon .cmp-icon svg.icon-small.icon-four-stars { width: 96px; } .icon .cmp-icon svg.icon-small.icon-five-stars { width: 120px; } .icon .cmp-icon svg.icon-medium { width: 40px; height: 40px; } .icon .cmp-icon svg.icon-large { width: 122px; height: 122px; } .accordion .cmp-accordion__item[data-cmp-expanded] { border-bottom: 1px solid #d4e7f4; } .accordion .cmp-accordion__item .cmp-accordion__header { font-size: 1.375rem; line-height: 30px; font-weight: 700; } @media only screen and (max-width: 600px) { .accordion .cmp-accordion__item .cmp-accordion__header { line-height: 26px; } } @media only screen and (max-width: 1023px) { .accordion .cmp-accordion__item .cmp-accordion__header { font-size: 1.25rem; } } .accordion .cmp-accordion__item .cmp-accordion__button { border: none; color: #0067b1; border-bottom: 1px solid #d4e7f4; padding: 24px; background-color: #fff; display: flex; justify-content: space-between; align-items: center; cursor: pointer; } @media only screen and (max-width: 600px) { .accordion .cmp-accordion__item .cmp-accordion__button { padding: 24px 16px; } } .accordion .cmp-accordion__item .cmp-accordion__button:hover { color: #015895; } .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__title { display: flex; padding-right: 16px; } .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__button-icon { position: relative; width: 32px; height: 32px; margin-right: 16px; } @media only screen and (max-width: 600px) { .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__button-icon { width: 24px; height: 24px; top: 2px; } } .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon { line-height: 18px; } .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.88 11.4399L16 17.5599L22.12 11.4399L24 13.3333L16 21.3333L8 13.3333L9.88 11.4399Z' fill='%230067B1'/%3E%3C/svg%3E"); transition: all 0.3s ease-in-out; display: inline-block; position: relative; top: 0px; } @media only screen and (max-width: 600px) { .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.57996L12 13.17L16.59 8.57996L18 9.99996L12 16L6 9.99996L7.41 8.57996Z' fill='%230067B1'/%3E%3C/svg%3E"); } } @media (prefers-contrast: more) { .accordion .cmp-accordion__item .cmp-accordion__button .cmp-accordion__icon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.88 11.4399L16 17.5599L22.12 11.4399L24 13.3333L16 21.3333L8 13.3333L9.88 11.4399Z' fill='%23ffffff'/%3E%3C/svg%3E"); } } .accordion .cmp-accordion__item .cmp-accordion__button.cmp-accordion__button--expanded { background-color: #eef2f5; border-bottom: 1px solid transparent; color: #0067b1; transition: background-color 0.3s ease-in-out; } .accordion .cmp-accordion__item .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon::before { transform: rotate(-180deg); top: 0px; } .accordion .cmp-accordion__item .cmp-accordion__panel { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .accordion .cmp-accordion__item .cmp-accordion__panel > div { padding: 24px 24px 80px; } @media only screen and (max-width: 1023px) { .accordion .cmp-accordion__item .cmp-accordion__panel > div { padding-bottom: 60px; } } .accordion .cmp-accordion__item .cmp-accordion__panel .cmp-text p { color: #333; margin-top: 0; } .accordion .cmp-accordion__item .cmp-accordion__panel--expanded, .accordion .cmp-accordion__item .cmp-accordion__panel--hidden { display: block; } @media only screen and (max-width: 600px) { .accordion .cmp-accordion__item .cmp-accordion__panel--expanded { max-height: fit-content !important; overflow: scroll; } .accordion .cmp-accordion__item .cmp-accordion__panel--expanded h2:first-of-type, .accordion .cmp-accordion__item .cmp-accordion__panel--expanded .cmp-steps .heading-h2:first-of-type, .cmp-steps .accordion .cmp-accordion__item .cmp-accordion__panel--expanded .heading-h2:first-of-type { margin-top: 0; } .accordion .cmp-accordion__item .cmp-accordion__panel--expanded .column-control .grid-container { margin: 0; } .accordion .cmp-accordion__item .cmp-accordion__panel--expanded .text ol li { overflow-wrap: break-word; } } .accordion .cmp-accordion__item .cmp-accordion__panel--hidden > div:not(.cq-Editable-dom) { display: none; } .accordion .cmp-accordion__item .cmp-accordion__panel--hidden > div:not(.cq-Editable-dom).--visible { display: block; } .accordion.size-small .cmp-accordion__item .cmp-accordion__header { font-size: 1.25rem; line-height: 28px; font-weight: 600; } @media only screen and (max-width: 600px) { .accordion.size-small .cmp-accordion__item .cmp-accordion__header { font-size: 1.125rem; line-height: 24px; } } @media only screen and (max-width: 600px) { .accordion.size-small .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button { padding: 24px 16px; } } .accordion.size-small .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button .cmp-accordion__button-icon { width: 24px; height: 24px; top: 2px; } .accordion.size-small .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button .cmp-accordion__icon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%230067B1'/%3E%3C/svg%3E"); top: 2px; } @media (prefers-contrast: more) { .accordion.size-small .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button .cmp-accordion__icon::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } } .accordion.size-small .cmp-accordion__item .cmp-accordion__header .cmp-accordion__button.cmp-accordion__button--expanded .cmp-accordion__icon::before { top: 0px; } .accordion.bg-dark .cmp-accordion__panel.cmp-accordion__panel--expanded { background-color: #f8f8f8; } .accordion.bg-white .cmp-accordion__panel.cmp-accordion__panel--expanded { background-color: #ffffff; } .accordion.cq-Editable-dom .cmp-accordion__panel { max-height: unset; } .stickycta { position: sticky; left: 0; z-index: 4; bottom: 0; right: 0; background-color: #ecf5fb; gap: 8px; } @media only screen and (min-width: 1024px) { .stickycta { padding: 16px 120px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .stickycta { padding: 16px 33px; } } @media only screen and (max-width: 600px) { .stickycta { padding: 16px 24px 8px 24px; } } .stickycta .cmp-stickycta { display: flex; align-items: center; gap: 16px; margin: 0 auto; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .stickycta .cmp-stickycta { max-width: 768px; } } @media only screen and (min-width: 1024px) { .stickycta .cmp-stickycta { max-width: 1200px; } } @media only screen and (max-width: 600px) { .stickycta .cmp-stickycta { flex-direction: column; justify-content: center; align-items: flex-start; gap: 8px; align-self: stretch; } } .stickycta .cmp-stickycta .cmp-stickycta__title { color: #333; margin: 0; font-size: 1rem; margin: 28px 0; font-weight: 600; line-height: 24px; display: none; } @media only screen and (min-width: 1024px) { .stickycta .cmp-stickycta .cmp-stickycta__title { display: block; } } .stickycta .cmp-button, .stickycta .my-sb-form-widget #dform_controls #dform_control_buttons ul li a, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .stickycta a { display: flex; align-items: flex-start; border-radius: 4px; } @media only screen and (max-width: 600px) { .stickycta .cmp-button, .stickycta .my-sb-form-widget #dform_controls #dform_control_buttons ul li a, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .stickycta a { align-self: stretch; } } .stickycta .cmp-button .cmp-button__text, .stickycta .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .stickycta a .cmp-button__text { display: flex; align-items: center; color: #fff; } @media only screen and (max-width: 600px) { .stickycta .cmp-button .cmp-button__text, .stickycta .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .stickycta a .cmp-button__text { justify-content: center; } } .stickycta .cmp-button .cmp-button__text::after, .stickycta .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__text::after, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .stickycta a .cmp-button__text::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .stickycta .cmp-button[target=_blank] .cmp-button__text::after, .stickycta .my-sb-form-widget #dform_controls #dform_control_buttons ul li a[target=_blank] .cmp-button__text::after, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .stickycta a[target=_blank] .cmp-button__text::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .stickycta .cmp-stickycta__dismiss { display: flex; padding: 12px 16px; justify-content: center; align-items: center; gap: 8px; border-radius: 4px; background-color: transparent; border: none; color: #0067b1; font-family: "Noto Sans"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; } @media only screen and (max-width: 600px) { .stickycta .cmp-stickycta__dismiss { align-self: stretch; } } body.page.basicpage #asset-share-commons { font-family: "Noto Sans", system-ui, "Helvetica", Arial, sans-serif !important; color: #333; } body.page.basicpage #asset-share-commons .ui.ui.ui.primary.label { background-color: #0067b1 !important; } body.page.basicpage #asset-share-commons .ui.input input:focus { border-color: #0067b1; } body.page.basicpage #asset-share-commons a { display: inline; color: #0067b1 !important; text-decoration: underline; width: fit-content; line-height: 1; border-radius: 2px; outline-offset: 0; } body.page.basicpage #asset-share-commons a:active { text-decoration-color: #ffd200; } body.page.basicpage #asset-share-commons a:active { display: inline; background: #ffd200; color: #002e53; } body.page.basicpage #asset-share-commons a:active:focus { outline: none; } body.page.basicpage #asset-share-commons a:focus-visible { outline: 2px solid #0067b1; color: #0067b1; } body.page.basicpage #asset-share-commons a:hover { color: #0067b1 !important; text-decoration-color: transparent; } body.page.basicpage #asset-share-commons a:visited { color: #002e53; } body.page.basicpage #asset-share-commons a.ui.basic.label { display: inline-block; } body.page.basicpage #asset-share-commons .ui.modals .ui.button { padding: 8px; font-size: 12px; line-height: 12px; } body.page.basicpage #asset-share-commons .ui.modals .ui.button i { font-size: 12px; height: 12px; width: 12px; line-height: 12px; } body.page.basicpage #asset-share-commons .ui.button { background: #0067b1; border-radius: 4px; color: #fff; display: inline-flex; font-weight: 600; padding: 12px 16px; border: none; font-size: 1rem; line-height: 24px; gap: 8px; width: max-content; height: max-content; text-decoration: none; min-width: auto; } body.page.basicpage #asset-share-commons .ui.button i { height: 24px; width: 24px; line-height: 24px; font-size: 24px; } @media only screen and (max-width: 599px) { body.page.basicpage #asset-share-commons .ui.button { width: 100%; justify-content: center; box-sizing: border-box; } } body.page.basicpage #asset-share-commons .ui.button:hover { background: #015895; color: #fff !important; outline: none; } body.page.basicpage #asset-share-commons .ui.button:hover i { color: #fff !important; } body.page.basicpage #asset-share-commons .ui.button:focus-visible { outline: 2px solid #015ea0; outline-offset: 2px; background-color: #015ea0; } body.page.basicpage #asset-share-commons .ui.button:active { background-color: #002e53; color: #fff !important; outline: none; } body.page.basicpage #asset-share-commons .ui.button:active i { color: #fff !important; } body.page.basicpage #asset-share-commons .ui.button.link { background: none; color: #0067b1; padding: 0; } body.page.basicpage #asset-share-commons .ui.button.link i { color: #0067b1; margin: 0; } body.page.basicpage #asset-share-commons .ui.button.link:hover { text-decoration: underline; color: #015895 !important; } body.page.basicpage #asset-share-commons .ui.button.link:hover i { color: #015895; } body.page.basicpage #asset-share-commons .ui.button.link:focus-visible { background: transparent; color: #015895; } body.page.basicpage #asset-share-commons .ui.button.link:focus-visible i { color: #015895; } body.page.basicpage #asset-share-commons .ui.button.link:active { color: #002e53; } body.page.basicpage #asset-share-commons .ui.button.link:active i { color: #002e53; } body.page.basicpage #asset-share-commons .ui.button.labeled { background: #d4e7f4; color: #0067b1; } body.page.basicpage #asset-share-commons .ui.button.labeled i { color: #0067b1; } body.page.basicpage #asset-share-commons .ui.button.labeled:hover { background: #d0e1ef; color: #0067b1 !important; } body.page.basicpage #asset-share-commons .ui.button.labeled:hover i { color: #0067b1 !important; } body.page.basicpage #asset-share-commons .ui.button.labeled:focus-visible { background: #c4dced; } body.page.basicpage #asset-share-commons .ui.button.labeled:active { background: #0067b1; color: #fff !important; outline: none; } body.page.basicpage #asset-share-commons .ui.button.labeled:active i { color: #fff !important; } body.page.basicpage #asset-share-commons .cmp-modal-downloads__table-header tr { display: flex; justify-content: space-between; } body.page.basicpage #asset-share-commons .ui.accordion .ui.accordion-title { display: flex; justify-content: space-between; } body.page.basicpage #asset-share-commons #main { background-color: #ffffff; } body.page.basicpage #asset-share-commons #main .ui.header a { text-decoration: none; } body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu { align-items: center; } body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .cmp-header { margin-left: 24px; } body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .cmp-header h1 { margin: 0; } body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .cmp-header h2, body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .cmp-header .cmp-steps .heading-h2, .cmp-steps body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .cmp-header .heading-h2 { margin: 0; } body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .primary.menu { display: none; } body.page.basicpage #asset-share-commons #main .cmp-structure-header .assetshare-header .ui.secondary.menu .primary.menu a.item.active { border-bottom: 2px solid #002e53; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards { grid-template-columns: repeat(auto-fill, 330px); } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card { border: none; margin: 0; width: auto; background-color: #f8fcff; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card .image.cmp-image__wrapper--card { width: 100%; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card .image.cmp-image__wrapper--card .cmp-image--card { object-fit: contain; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card .cmp_card__action-buttons { justify-content: start; gap: 12px; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card .cmp_card__action-buttons li { padding: 0; margin: 0; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card .content .header a { word-break: break-word; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card .content .meta .property.three { color: #333333; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card[data-media-type=MULTIMEDIA] .image.cmp-image__wrapper--card, body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card[data-media-type=VIDEO] .image.cmp-image__wrapper--card { position: relative; opacity: 0.7; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card[data-media-type=MULTIMEDIA] .image.cmp-image__wrapper--card::after, body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .cards.cmp-cards .ui.card.cmp-card[data-media-type=VIDEO] .image.cmp-image__wrapper--card::after { position: absolute; left: calc(50% - 24px); top: calc(50% - 24px); content: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_46069_6674' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='48' height='48'%3E%3Crect width='48' height='48' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_46069_6674)'%3E%3Cpath d='M18 36H26C26.5667 36 27.0417 35.8083 27.425 35.425C27.8083 35.0417 28 34.5667 28 34V32L32 34.1V25.9L28 28V26C28 25.4333 27.8083 24.9583 27.425 24.575C27.0417 24.1917 26.5667 24 26 24H18C17.4333 24 16.9583 24.1917 16.575 24.575C16.1917 24.9583 16 25.4333 16 26V34C16 34.5667 16.1917 35.0417 16.575 35.425C16.9583 35.8083 17.4333 36 18 36ZM12 44C10.9 44 9.95833 43.6083 9.175 42.825C8.39167 42.0417 8 41.1 8 40V8C8 6.9 8.39167 5.95833 9.175 5.175C9.95833 4.39167 10.9 4 12 4H28L40 16V40C40 41.1 39.6083 42.0417 38.825 42.825C38.0417 43.6083 37.1 44 36 44H12ZM26 18V8H12V40H36V18H26Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E"); } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .selectable.table tbody tr td.image a { display: block; width: 100%; height: 100%; position: relative; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .selectable.table tbody tr td.image a img { width: 100%; height: 100%; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .selectable.table tbody tr td.image[data-media-type=MULTIMEDIA], body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .selectable.table tbody tr td.image[data-media-type=VIDEO] { opacity: 0.7; } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .selectable.table tbody tr td.image[data-media-type=MULTIMEDIA] a::after, body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .selectable.table tbody tr td.image[data-media-type=VIDEO] a::after { position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); content: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_46069_6671' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect width='24.7273' height='24.7273' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_46069_6671)'%3E%3Cpath d='M9.27273 18.5454H13.3939C13.6859 18.5454 13.9306 18.4467 14.128 18.2492C14.3255 18.0517 14.4242 17.807 14.4242 17.5151V16.4848L16.4849 17.5666V13.3424L14.4242 14.4242V13.3939C14.4242 13.102 14.3255 12.8573 14.128 12.6598C13.9306 12.4623 13.6859 12.3636 13.3939 12.3636H9.27273C8.98081 12.3636 8.73611 12.4623 8.53864 12.6598C8.34117 12.8573 8.24243 13.102 8.24243 13.3939V17.5151C8.24243 17.807 8.34117 18.0517 8.53864 18.2492C8.73611 18.4467 8.98081 18.5454 9.27273 18.5454ZM6.18182 22.6666C5.61516 22.6666 5.13005 22.4648 4.72652 22.0613C4.32298 21.6578 4.12122 21.1727 4.12122 20.606V4.12115C4.12122 3.55449 4.32298 3.06939 4.72652 2.66585C5.13005 2.26231 5.61516 2.06055 6.18182 2.06055H14.4242L20.6061 8.24236V20.606C20.6061 21.1727 20.4043 21.6578 20.0008 22.0613C19.5972 22.4648 19.1121 22.6666 18.5455 22.6666H6.18182ZM13.3939 9.27267V4.12115H6.18182V20.606H18.5455V9.27267H13.3939Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E"); } body.page.basicpage #asset-share-commons #main .cmp.cmp-search-results .ui.simple.dropdown .menu .item:hover { background: #0067b1; } body.page.basicpage #asset-share-commons #rail { background-color: #f8f8f8; } body.page.basicpage #asset-share-commons #rail .ui.sidebar { background-color: #f8f8f8; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .title.right { color: #333333; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .title.right.active { color: #000000; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .title.right.active .dropdown.icon { color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .content.field label { color: #333333; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox input:hover ~ label::before { border-color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox input:focus ~ label::before { border-color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox input:checked ~ label::before { border-color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox input:checked ~ label::after { color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.radio input:focus ~ label::before { border-color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.radio input:checked ~ label::after { background-color: #0067b1; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.slider input:focus ~ label::before { background-color: #0067b1 !important; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.slider input:checked ~ label::before { background-color: #0067b1 !important; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.slider input:checked ~ label::after { background-color: #ffffff !important; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.toggle input:focus ~ label::before { background-color: #0067b1 !important; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.toggle input:checked ~ label::before { background-color: #0067b1 !important; } body.page.basicpage #asset-share-commons #rail .ui.sidebar .ui.checkbox.toggle input:checked ~ label::after { background-color: #ffffff !important; } body.page.basicpage #asset-share-commons .cmp-structure-messages .cmp-messages .cmp-message--wrapper .cmp-message h3, body.page.basicpage #asset-share-commons .cmp-structure-messages .cmp-messages .cmp-message--wrapper .cmp-message .cmp-steps .heading-h3, .cmp-steps body.page.basicpage #asset-share-commons .cmp-structure-messages .cmp-messages .cmp-message--wrapper .cmp-message .heading-h3 { color: #333333; } body.page.basicpage #asset-share-commons .cmp-structure-messages .cmp-messages .cmp-message--wrapper .cmp-message.positive { background-color: #e8f5f3; } body.page.basicpage #asset-share-commons .cmp-structure-messages .cmp-messages .cmp-message--wrapper .cmp-message.info { background-color: #eef2f5; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button { background: #0067b1; border-radius: 4px; color: #fff; display: inline-flex; font-weight: 600; padding: 12px 16px; border: none; font-size: 1rem; line-height: 24px; gap: 8px; width: max-content; height: max-content; text-decoration: none; min-width: auto; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button i { height: 24px; width: 24px; line-height: 24px; font-size: 24px; } @media only screen and (max-width: 599px) { body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button { width: 100%; justify-content: center; box-sizing: border-box; } } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button:hover { background: #015895; color: #fff !important; outline: none; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button:hover i { color: #fff !important; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button:focus-visible { outline: 2px solid #015ea0; outline-offset: 2px; background-color: #015ea0; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button:active { background-color: #002e53; color: #fff !important; outline: none; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button:active i { color: #fff !important; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link { background: none; color: #0067b1; padding: 0; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link i { color: #0067b1; margin: 0; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link:hover { text-decoration: underline; color: #015895; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link:hover i { color: #015895; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link:focus-visible { background: transparent; color: #015895; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link:focus-visible i { color: #015895; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link:active { color: #002e53; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.link:active i { color: #002e53; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled { background: #d4e7f4; color: #0067b1; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled i { color: #0067b1; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled:hover { background: #d0e1ef; color: #0067b1 !important; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled:hover i { color: #0067b1 !important; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled:focus-visible { background: #c4dced; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled:active { background: #0067b1; color: #fff !important; outline: none; } body.page.basicpage .ui.modals.page:has(#asset-share-commons__download-modal--timezone) .ui.button.labeled:active i { color: #fff !important; } .cmp-address-card { max-width: 792px; background: #f8fcff; padding: 32px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); border-radius: 4px; } @media only screen and (max-width: 1023px) { .cmp-address-card { padding: 24px; } } .cmp-address-card .address-card__box { display: flex; flex-direction: column; align-items: flex-start; gap: 24px; } .cmp-address-card .address-card__box .card-item { display: grid; grid-template-columns: 24px auto; gap: 8px; line-height: 24px; } .cmp-address-card .address-card__box .card-item svg { vertical-align: top; } .cmp-address-card .address-card__box .card-item.item_email { word-break: break-all; } .cmp-address-card .address-card__box .card-item__text p { margin-top: 0; } .cmp-address-card .address-card__box .card-item__text p:last-child { margin-bottom: 0; } .cmp-address-card .address-card__box .address-card-title { margin: 0; } .image .cmp-image { display: grid; } .image .cmp-image .cmp-image__title { padding: 24px; } .image .cmp-image .cmp-image__title p { margin: 0; font-size: 0.875rem; line-height: 20px; } .image .cmp-image .cmp-image__title._bg-offWhite { background-color: #f8f8f8; } .image .cmp-image .cmp-image__title._bg-rockPool { background-color: #ecf5fb; } .image .cmp-image .cmp-image__title._bg-sky { background-color: #d4e7f4; } .event-details { max-width: 792px; margin-top: 24px; margin-bottom: 80px; } @media only screen and (max-width: 1023px) { .event-details { margin-top: 8px; margin-bottom: 64px; } } @media only screen and (max-width: 600px) { .event-details { margin-bottom: 48px; } } .event-details .event-info { background-color: #f8f8f8; border-radius: 0px 0px 4px 4px; padding: 24px; gap: 16px; display: flex; flex-direction: column; align-items: flex-start; } @media only screen and (min-width: 600px) { .event-details .event-info { flex-direction: row; } } .event-details .event-info-items { display: flex; flex: 0 0 100%; max-width: 100%; align-items: flex-start; flex-direction: row; gap: 32px; align-self: stretch; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .event-details .event-info-items { flex-direction: row; flex-wrap: wrap; gap: 16px; } } @media only screen and (max-width: 599px) { .event-details .event-info-items { flex-direction: column; gap: 16px; } } .event-details .event-info-dates-label { display: flex; align-items: flex-start; gap: 8px; align-self: stretch; } .event-details .event-info-dates-label h5, .event-details .event-info-dates-label .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .event-details .event-info-dates-label .list_item--title, .event-details .event-info-dates-label .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .event-details .event-info-dates-label .read-more-link, .event-details .event-info-dates-label .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .event-details .event-info-dates-label .audio-heading, .event-details .event-info-dates-label .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .event-details .event-info-dates-label .text, .event-details .event-info-dates-label .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .event-details .event-info-dates-label .cmp-tabs__tab, .event-details .event-info-dates-label .cmp-steps .heading-h5, .cmp-steps .event-details .event-info-dates-label .heading-h5, .event-details .event-info-dates-label a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .event-details .event-info-dates-label .download-heading, .event-details .event-info-dates-label .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .event-details .event-info-dates-label .footer-links-heading { margin: 0; } .event-details .event-info-dates-label .icon { height: 24px; width: 24px; } .event-details .event-info-dates-label .icon svg { fill: #0067b1; } .event-details .event-info-item { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } .event-details .event-info-item_content { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; padding-left: 32px; } .event-details .event-info-item_content h5, .event-details .event-info-item_content .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .event-details .event-info-item_content .list_item--title, .event-details .event-info-item_content .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .event-details .event-info-item_content .read-more-link, .event-details .event-info-item_content .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .event-details .event-info-item_content .audio-heading, .event-details .event-info-item_content .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .event-details .event-info-item_content .text, .event-details .event-info-item_content .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .event-details .event-info-item_content .cmp-tabs__tab, .event-details .event-info-item_content .cmp-steps .heading-h5, .cmp-steps .event-details .event-info-item_content .heading-h5, .event-details .event-info-item_content a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .event-details .event-info-item_content .download-heading, .event-details .event-info-item_content .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .event-details .event-info-item_content .footer-links-heading, .event-details .event-info-item_content p { margin: 0; } @media only screen and (min-width: 600px) { .event-details .event-info-item { flex: 0 0 48%; max-width: 48%; } } @media only screen and (min-width: 1024px) { .event-details .event-info-item:first-child { flex: 0 0 25%; max-width: 25%; } .event-details .event-info-item:nth-child(2) { flex: 0 0 33%; max-width: 33%; } .event-details .event-info-item:nth-child(3) { flex: 0 0 15%; max-width: 15%; } .event-details .event-info-item:last-child { flex: 0 0 13%; max-width: 13%; } } .event-details .event-info-btn-link { color: #0067b1; line-height: 24px; border-radius: 4px; text-decoration: underline; } .event-details .event-info-btn-link:visited:not(.MuiButton-root):not(.MuiButtonBase-root) { color: #002e53; } .event-details .event-info-btn-link:hover:not(.MuiButton-root):not(.MuiButtonBase-root) { text-decoration: none; } .event-details .event-info-btn-link:focus:not(.MuiButton-root):not(.MuiButtonBase-root), .event-details .event-info-btn-link:focus-visible:not(.MuiButton-root):not(.MuiButtonBase-root) { background: transparent; color: #0067b1; text-decoration: underline; outline: 2px solid #0067b1; } .event-details .event-info-btn-link:active:not(.MuiButton-root):not(.MuiButtonBase-root) { background: #ffd200; color: #002e53; text-decoration: none; outline: none; } .event-details .cmp-image__image { width: 100%; display: block; aspect-ratio: 16/9; object-fit: cover; } .event-details .event-details-content { margin-top: 48px; margin-bottom: 64px; } .tooltip--dashed { color: #0067b1; text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness: 2px; text-decoration-color: #0067b1; display: inline-block; cursor: pointer; } .tooltip--dashed:hover { text-decoration: none; } .tooltip--dashed:focus-visible { outline: 2px solid #0067b1; border-radius: 4px; text-decoration: none; } .tippy-box { background-color: #333333 !important; /* Background color */ color: #ffffff !important; margin-bottom: 0; margin-top: 0; } .tippy-box[data-theme~=custom] { background-color: #333333 !important; /* Background color */ color: #ffffff !important; margin-bottom: 0; margin-top: 0; } .cmp-hero-banner h1.cmp-hero-banner__title, .cmp-hero-banner p.cmp-hero-banner__description { margin-bottom: 16px; color: #fff; } @media only screen and (min-width: 600px) { .cmp-hero-banner h1.cmp-hero-banner__title, .cmp-hero-banner p.cmp-hero-banner__description { margin-bottom: 24px; } } .cmp-hero-banner p.cmp-hero-banner__description { max-width: 580px; font-size: 1.25rem; } .cmp-hero-banner__content { position: relative; display: flex; flex-direction: column; justify-content: center; height: 420px; } @media only screen and (min-width: 600px) { .cmp-hero-banner__content { height: 480px; } } @media only screen and (min-width: 1024px) { .cmp-hero-banner__content { height: 560px; } } .cmp-hero-banner__image { position: absolute; height: 420px; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; } .cmp-hero-banner__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .cmp-hero-banner__image .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #000000; background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); } @media only screen and (min-width: 600px) { .cmp-hero-banner__image { height: 480px; } } @media only screen and (min-width: 1024px) { .cmp-hero-banner__image { height: 560px; } } .cmp-hero-banner .cmp-hero-banner__text-block { padding-top: 16px; padding-bottom: 16px; padding-left: 16px; border-left-width: 8px; border-left-style: solid; } @media only screen and (min-width: 600px) { .cmp-hero-banner .cmp-hero-banner__text-block { padding-left: 32px; } } @media only screen and (min-width: 1024px) { .cmp-hero-banner .cmp-hero-banner__text-block { padding-top: 24px; padding-bottom: 24px; } } .cmp-hero-banner__blue .cmp-hero-banner__text-block { border-left-color: #0067b1; } .cmp-hero-banner__yellow .cmp-hero-banner__text-block { border-left-color: #ffd200; } .cmp-in-page-nav._horizontal { padding: 32px; } @media only screen and (max-width: 1023px) { .cmp-in-page-nav._horizontal { padding: 24px 32px; } } @media only screen and (max-width: 600px) { .cmp-in-page-nav._horizontal { padding: 24px; } } @media only screen and (max-width: 1023px) { .cmp-in-page-nav._horizontal .page-nav-wrapper { position: relative; } } @media only screen and (min-width: 1024px) { .cmp-in-page-nav._horizontal .page-nav-wrapper { max-width: 1200px; margin: auto; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-in-page-nav._horizontal .page-nav-wrapper { max-width: 768px; margin: auto; } } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-heading { margin: 0; color: #0067b1; line-height: 22px; display: flex; align-items: center; gap: 8px; width: fit-content; } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-heading:focus-visible { outline: 2px solid #0067b1; border-radius: 4px; text-decoration: underline; } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-heading:active { text-decoration: underline; } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-heading::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58008L12 13.1701L16.59 8.58008L18 10.0001L12 16.0001L6 10.0001L7.41 8.58008Z' fill='%230067B1'/%3E%3C/svg%3E"); line-height: 10px; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 1023px) { .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-heading { font-size: 1rem; } } @media only screen and (min-width: 1024px) { .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-heading { display: none; } } .cmp-in-page-nav._horizontal .page-nav-wrapper.active .page-nav-heading::after { transform: rotate(-180deg); } @media only screen and (max-width: 1023px) { .cmp-in-page-nav._horizontal .page-nav-wrapper.active .page-nav-list { max-height: 500px; display: block; top: 48px; min-width: 327px; border-radius: 0 0 4px 4px; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); background-color: #fff; transition: max-height 0.3s ease-out; } .cmp-in-page-nav._horizontal .page-nav-wrapper.active .page-nav-list__item { padding: 16px; } .cmp-in-page-nav._horizontal .page-nav-wrapper.active .page-nav-list__item:active { background-color: #d4e7f4; } .cmp-in-page-nav._horizontal .page-nav-wrapper.active .page-nav-list__item:first-child { box-shadow: inset 0px 16px 16px -8px rgba(0, 0, 0, 0.08); } } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-list { display: flex; list-style: none; margin: 0; padding: 0; gap: 32px; } @media only screen and (max-width: 1023px) { .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-list { max-height: 0; overflow: hidden; position: absolute; z-index: 1; } } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-list__item { margin: 0; padding: 0; } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-list__item a.page-nav-list__item-link { text-decoration: none; font-size: 1rem; line-height: 24px; font-weight: 600; color: #0067b1; } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-list__item a.page-nav-list__item-link:hover { text-decoration: underline; } .cmp-in-page-nav._horizontal .page-nav-wrapper .page-nav-list__item a.page-nav-list__item-link:active { background-color: transparent; text-decoration: underline; color: #002e53; } .cmp-in-page-nav._horizontal._box-shadow { box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); } .cmp-in-page-nav._vertical .page-nav-wrapper { border-left: 2px solid #0067b1; } .cmp-in-page-nav._vertical .page-nav-wrapper .page-nav-heading { padding-left: 32px; font-size: 1.25rem; margin-top: 0; margin-bottom: 24px; color: #002e53; } @media only screen and (max-width: 600px) { .cmp-in-page-nav._vertical .page-nav-wrapper .page-nav-heading { font-size: 1rem; margin-bottom: 16px; } } .cmp-in-page-nav._vertical .page-nav-wrapper .page-nav-list { list-style: none; padding-left: 32px; padding-right: 32px; margin: 0; } .cmp-in-page-nav._vertical .page-nav-wrapper .page-nav-list__item { margin-top: 16px; margin-bottom: 0; font-size: 1rem; } .cmp-in-page-nav._vertical .page-nav-wrapper .page-nav-list__item-link { color: #0067b1; } .cmp-in-page-nav._vertical .page-nav-wrapper .page-nav-list__item-link:active { background-color: transparent; color: #002e53; } .cmp-table-simple .cmp-table-simple__content .table { width: 100%; border-bottom: 1px solid #eef2f5; border-collapse: collapse; } .cmp-table-simple .cmp-table-simple__content .table caption { padding-bottom: 16px; font-weight: 600; color: #002e53; text-align: left; } .cmp-table-simple .cmp-table-simple__content .table tr { border-top: 1px solid #eef2f5; } .cmp-table-simple .cmp-table-simple__content .table th, .cmp-table-simple .cmp-table-simple__content .table td { padding: 16px; background-color: #fff; text-align: left; } .cmp-table-simple .cmp-table-simple__content .table th { width: 50%; font-weight: 600; color: #002e53; vertical-align: top; } .cmp-table-simple .cmp-table-simple__content .table th .cell-wrapper { display: flex; align-items: center; } .cmp-table-simple .cmp-table-simple__content .table th svg { margin-right: 8px; } @media only screen and (min-width: 600px) { .cmp-table-simple .cmp-table-simple__content .table th { width: 198px; } } @media only screen and (min-width: 1024px) { .cmp-table-simple .cmp-table-simple__content .table th { width: 204px; } } .cmp-table-simple .cmp-table-simple__content .table td p, .cmp-table-simple .cmp-table-simple__content .table td ul, .cmp-table-simple .cmp-table-simple__content .table td ol, .cmp-table-simple .cmp-table-simple__content .table td li { margin-top: 0; } .cmp-table-simple .cmp-table-simple__content .table td p:last-child, .cmp-table-simple .cmp-table-simple__content .table td ul:last-child, .cmp-table-simple .cmp-table-simple__content .table td ol:last-child, .cmp-table-simple .cmp-table-simple__content .table td li:last-child { margin-bottom: 0; } .cmp-table-simple .cmp-table-simple__content .table td .tooltip--dashed { padding-left: 8px; } .cmp-full-width-banner h2, .cmp-full-width-banner .cmp-steps .heading-h2, .cmp-steps .cmp-full-width-banner .heading-h2 { margin: 16px 0; color: #fff; } .cmp-full-width-banner p { color: #fff; margin: 0 0 24px 0; } @media only screen and (min-width: 1024px) { .cmp-full-width-banner p { margin: 0 0 32px 0; } } .cmp-full-width-banner__content { position: relative; } @media only screen and (min-width: 600px) { .cmp-full-width-banner__content { padding: 56px 0px 64px 0px; } } @media only screen and (min-width: 1024px) { .cmp-full-width-banner__content { padding: 72px 0px 80px 0px; } } @media only screen and (min-width: 600px) { .cmp-full-width-banner__content .content-container-main { display: grid; grid-template-columns: 1fr 1fr; } } .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block { grid-column-start: 2; border-radius: 4px 0px 0px 4px; border-bottom: 4px solid #ffd200; background: linear-gradient(144deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.2) 79.07%), #0067b1; } @media only screen and (min-width: 1024px) { .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block { padding: 24px 120px 32px 32px; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block { padding: 24px 66px 32px 32px; } } @media only screen and (max-width: 600px) { .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block { border-radius: 0; padding: 24px; } } .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block svg.icon { fill: #fff; width: 48px; height: 48px; } @media only screen and (max-width: 600px) { .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block svg.icon { width: 32px; height: 32px; } } .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block .cmp-full-width-banner__link { text-decoration: none; } .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block .cmp-full-width-banner__link:hover { text-decoration: underline; text-decoration-color: #ecf3f8; } .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block .cmp-full-width-banner__link:active { background-color: transparent; text-decoration: underline; text-decoration-color: #ecf3f8; } .cmp-full-width-banner__content .content-container-main .cmp-full-width-banner__text-block .cmp-full-width-banner__link:focus-visible { outline: 2px solid #ecf3f8; outline-offset: 4px; } .cmp-full-width-banner__link { display: inline-block; } .cmp-full-width-banner__link .banner__link-button { font-size: 16px; font-weight: 600; line-height: 24px; color: #fff; margin: 0; display: flex; align-items: center; gap: 8px; text-decoration: none; } .cmp-full-width-banner__link .banner__link-button::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; line-height: 0px; } .cmp-full-width-banner__link[target=_blank] .banner__link-button::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } @media only screen and (min-width: 600px) { .cmp-full-width-banner__image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; } } @media only screen and (max-width: 600px) { .cmp-full-width-banner__image { height: 216px; } } .cmp-full-width-banner__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; } .cmp-timeline .timeline-item .label { display: flex; align-items: center; } .cmp-timeline .timeline-item .label .tick { width: 32px; height: 32px; min-width: 32px; min-height: 32px; margin-right: 16px; } .cmp-timeline .timeline-item .label .tick svg { width: 100%; height: auto; } .cmp-timeline .timeline-item .label .badge { min-width: auto; } .cmp-timeline .timeline-item .description { margin: 4px 0 4px 16px; padding: 8px 0 4px 32px; border-left: 2px solid #cccccc; } @media only screen and (min-width: 600px) { .cmp-timeline .timeline-item .description { padding-bottom: 28px; } } .cmp-timeline .timeline-item:last-child .description { border-left: 0; } .cmp-icon-card .icon-card-benefit-section .icon-card-benefit-item { display: flex; gap: 24px; flex-direction: column; align-items: center; } .cmp-icon-card .icon-card-benefit-section .icon-card-benefit-item p { text-align: center; margin: 0; } .badge { display: inline-flex; padding: 8px 12px; font-size: 0.875rem; font-weight: 600; border-radius: 8px; line-height: 16px; text-transform: uppercase; } .badge-primary-yellow { background-color: #ffd200; color: #333333; } .badge-primary-green { background-color: #c4e7d4; color: #002e53; } .badge-secondary-rockpool { background-color: #ecf5fb; color: #002e53; } .badge-secondary-sky { background-color: #d4e7f4; color: #002e53; } .badge-feedback-background-negative-light { background-color: #ffe7e7; color: #ae0000; } .badge-dark { background-color: #002e53; color: #ffffff; } .cmp-way-finder { padding: 32px; } @media only screen and (max-width: 1023px) { .cmp-way-finder { padding: 24px 32px; } } @media only screen and (max-width: 600px) { .cmp-way-finder { padding: 24px; } } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper { position: relative; } } @media only screen and (min-width: 1024px) { .cmp-way-finder .way-finder-wrapper { max-width: 1200px; margin: auto; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper { max-width: 768px; margin: auto; } } .cmp-way-finder .way-finder-wrapper .way-finder-heading { margin: 0; color: #0067b1; line-height: 22px; display: flex; align-items: center; gap: 8px; width: fit-content; } .cmp-way-finder .way-finder-wrapper .way-finder-heading:focus-visible { outline: 2px solid #0067b1; border-radius: 4px; text-decoration: underline; } .cmp-way-finder .way-finder-wrapper .way-finder-heading:active { text-decoration: underline; } .cmp-way-finder .way-finder-wrapper .way-finder-heading::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58008L12 13.1701L16.59 8.58008L18 10.0001L12 16.0001L6 10.0001L7.41 8.58008Z' fill='%230067B1'/%3E%3C/svg%3E"); line-height: 10px; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper .way-finder-heading { font-size: 1rem; } } @media only screen and (min-width: 1024px) { .cmp-way-finder .way-finder-wrapper .way-finder-heading { display: none; } } .cmp-way-finder .way-finder-wrapper.active .way-finder-heading::after { transform: rotate(-180deg); } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper.active .way-finder-list { max-height: 500px; display: block; top: 48px; min-width: 327px; border-radius: 0 0 4px 4px; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); background-color: #fff; transition: max-height 0.3s ease-out; } .cmp-way-finder .way-finder-wrapper.active .way-finder-list__item { padding: 16px; } .cmp-way-finder .way-finder-wrapper.active .way-finder-list__item:active { background-color: #d4e7f4; } .cmp-way-finder .way-finder-wrapper.active .way-finder-list__item:first-child { box-shadow: inset 0px 16px 16px -8px rgba(0, 0, 0, 0.08); } } .cmp-way-finder .way-finder-wrapper .way-finder-list { display: flex; list-style: none; margin: 0; padding: 0; gap: 32px; } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper .way-finder-list { max-height: 0; overflow: hidden; position: absolute; z-index: 1; } } .cmp-way-finder .way-finder-wrapper .way-finder-list__item { margin: 0; padding: 0; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link { text-decoration: none; font-size: 1rem; line-height: 24px; font-weight: 600; color: #0067b1; display: flex; gap: 8px; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link svg.icon { fill: #0067b1; width: 24px; height: 24px; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link:hover { text-decoration: underline; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link:active { background-color: transparent; text-decoration: underline; color: #002e53; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link:active svg.icon { fill: #002e53; } .cmp-way-finder._box-shadow { box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); } .cmp-compact-card { display: grid; gap: 24px; align-items: start; } @media only screen and (min-width: 1024px) { .cmp-compact-card { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-compact-card { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 600px) { .cmp-compact-card { grid-template-columns: auto; } } .cmp-compact-card .compact-card-link { text-decoration: none; width: 100%; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.03); border-radius: 4px; min-height: 104px; } .cmp-compact-card .compact-card-link:hover { text-decoration: underline; } .cmp-compact-card .compact-card-link:hover .compact-card-title { color: #015ea0; } .cmp-compact-card .compact-card-link:active { text-decoration: underline; } .cmp-compact-card .compact-card-link:active .compact-card-title { color: #294665; } .cmp-compact-card .compact-card-link .compact-card-content { display: flex; } .cmp-compact-card .compact-card-link .compact-card-content img { width: 104px; min-height: 104px; object-fit: cover; border-radius: 4px 0 0 4px; } .cmp-compact-card .compact-card-link .compact-card-content .compact-card-title { font-size: 1rem; font-weight: 600; line-height: 1.4; margin: 0; padding: 16px; display: flex; align-items: center; justify-content: space-between; align-items: flex-start; width: 100%; gap: 8px; } .cmp-compact-card .compact-card-link .compact-card-content .compact-card-title::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; line-height: 0; } .cmp-compact-card .compact-card-link .compact-card-content .compact-card-title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .cmp-compact-card .compact-card-link:focus-visible, .cmp-compact-card .compact-card-link:hover { text-decoration: underline; text-decoration-color: #0067b1; } .cmp-compact-card .compact-card-link:focus-visible .compact-card-title, .cmp-compact-card .compact-card-link:hover .compact-card-title { color: #0067b1; } .cmp-compact-card .compact-card-link:focus-visible .compact-card-title::after, .cmp-compact-card .compact-card-link:hover .compact-card-title::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } .cmp-compact-card .compact-card-link:active { text-decoration-color: #203e5e; } .cmp-compact-card .compact-card-link:active .compact-card-title::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } .cmp-compact-card .compact-card-link:active .compact-card-title span { color: #203e5e; } .cmp-compact-card .compact-card-link.bg-mist:hover, .cmp-compact-card .compact-card-link.bg-mist:focus-visible { background-color: #ecf5fb; } .cmp-compact-card .compact-card-link.bg-mist:active { background-color: #d4e7f4; } .cmp-compact-card .compact-card-link.bg-white:active { background-color: #fff; } .cmp-compact-card.variation-in-focus .compact-card-link { min-height: 132px; box-shadow: none; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-compact-card.variation-in-focus .compact-card-link { min-height: 80px; } } @media only screen and (max-width: 600px) { .cmp-compact-card.variation-in-focus .compact-card-link { min-height: 76px; border-bottom: 1px solid #eef2f5; } } .cmp-compact-card.variation-in-focus .compact-card-link .compact-card-content { gap: 16px; } .cmp-compact-card.variation-in-focus .compact-card-link .compact-card-content .compact-card-title { padding: 0; } .cmp-compact-card.variation-in-focus .compact-card-link .compact-card-content img { width: 132px; min-height: 132px; border-radius: 4px; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-compact-card.variation-in-focus .compact-card-link .compact-card-content img { width: 80px; min-height: 80px; } } @media only screen and (max-width: 600px) { .cmp-compact-card.variation-in-focus .compact-card-link .compact-card-content img { width: 60px; min-height: 60px; } } .cmp-compact-card .compact-card-link[target=_blank] .compact-card-content .compact-card-title::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } .cmp-compact-card .compact-card-link[target=_blank]:hover .compact-card-title::after, .cmp-compact-card .compact-card-link[target=_blank]:focus-visible .compact-card-title::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } .cmp-compact-card .compact-card-link[target=_blank]:active .compact-card-title::after { content: ""; display: inline-block; margin-left: 0px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } .cmp-title { width: 100%; } .cmp-title--center { text-align: center; } .cmp-title--left { text-align: left; } .cmp-title--right { text-align: right; } .cmp-title--no-margin h1, .cmp-title--no-margin h2, .cmp-title--no-margin .cmp-steps .heading-h2, .cmp-steps .cmp-title--no-margin .heading-h2, .cmp-title--no-margin h3, .cmp-title--no-margin .cmp-steps .heading-h3, .cmp-steps .cmp-title--no-margin .heading-h3, .cmp-title--no-margin h4, .cmp-title--no-margin .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .cmp-title--no-margin .desc-title, .cmp-title--no-margin .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .cmp-title--no-margin button.trail-accordion__button, .cmp-title--no-margin .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .cmp-title--no-margin .cmp-tabs__tab--active, .cmp-title--no-margin .cmp-steps .heading-h4, .cmp-steps .cmp-title--no-margin .heading-h4, .cmp-title--no-margin h5, .cmp-title--no-margin .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link .cmp-title--no-margin .list_item--title, .cmp-title--no-margin .cmp-trail-accordion .read-more-link, .cmp-trail-accordion .cmp-title--no-margin .read-more-link, .cmp-title--no-margin .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading, .cmp-audio-player .audio-player-wrapper .audio-title-sec .cmp-title--no-margin .audio-heading, .cmp-title--no-margin .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .text, .dark-theme .section-header .home-page-banner .banner-container-main .left-section .content-section .caption-wrapper .cmp-title--no-margin .text, .cmp-title--no-margin .cmp-tabs.variation-in-focus .cmp-tabs__tab, .cmp-tabs.variation-in-focus .cmp-title--no-margin .cmp-tabs__tab, .cmp-title--no-margin .cmp-steps .heading-h5, .cmp-steps .cmp-title--no-margin .heading-h5, .cmp-title--no-margin a.download-card-outer .download-card-main .inner-content-heading .download-heading, a.download-card-outer .download-card-main .inner-content-heading .cmp-title--no-margin .download-heading, .cmp-title--no-margin .cmp-footer .footer-container .footer-main-content .footer-link-section .footer-links-heading, .cmp-footer .footer-container .footer-main-content .footer-link-section .cmp-title--no-margin .footer-links-heading, .cmp-title--no-margin h6 { margin: 0; } .cmp-way-finder { padding: 32px; } @media only screen and (max-width: 1023px) { .cmp-way-finder { padding: 24px 32px; } } @media only screen and (max-width: 600px) { .cmp-way-finder { padding: 24px; } } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper { position: relative; } } @media only screen and (min-width: 1024px) { .cmp-way-finder .way-finder-wrapper { max-width: 1200px; margin: auto; } } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper { max-width: 768px; margin: auto; } } .cmp-way-finder .way-finder-wrapper .way-finder-heading { margin: 0; color: #0067b1; line-height: 22px; display: flex; align-items: center; gap: 8px; width: fit-content; } .cmp-way-finder .way-finder-wrapper .way-finder-heading:focus-visible { outline: 2px solid #0067b1; border-radius: 4px; text-decoration: underline; } .cmp-way-finder .way-finder-wrapper .way-finder-heading:active { text-decoration: underline; } .cmp-way-finder .way-finder-wrapper .way-finder-heading::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58008L12 13.1701L16.59 8.58008L18 10.0001L12 16.0001L6 10.0001L7.41 8.58008Z' fill='%230067B1'/%3E%3C/svg%3E"); line-height: 10px; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper .way-finder-heading { font-size: 1rem; } } @media only screen and (min-width: 1024px) { .cmp-way-finder .way-finder-wrapper .way-finder-heading { display: none; } } .cmp-way-finder .way-finder-wrapper.active .way-finder-heading::after { transform: rotate(-180deg); } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper.active .way-finder-list { max-height: 500px; display: block; top: 48px; min-width: 327px; border-radius: 0 0 4px 4px; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); background-color: #fff; transition: max-height 0.3s ease-out; } .cmp-way-finder .way-finder-wrapper.active .way-finder-list__item { padding: 16px; } .cmp-way-finder .way-finder-wrapper.active .way-finder-list__item:active { background-color: #d4e7f4; } .cmp-way-finder .way-finder-wrapper.active .way-finder-list__item:first-child { box-shadow: inset 0px 16px 16px -8px rgba(0, 0, 0, 0.08); } } .cmp-way-finder .way-finder-wrapper .way-finder-list { display: flex; list-style: none; margin: 0; padding: 0; gap: 32px; } @media only screen and (max-width: 1023px) { .cmp-way-finder .way-finder-wrapper .way-finder-list { max-height: 0; overflow: hidden; position: absolute; z-index: 1; } } .cmp-way-finder .way-finder-wrapper .way-finder-list__item { margin: 0; padding: 0; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link { text-decoration: none; font-size: 1rem; line-height: 24px; font-weight: 600; color: #0067b1; display: flex; gap: 8px; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link svg.icon { fill: #0067b1; width: 24px; height: 24px; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link:hover { text-decoration: underline; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link:active { background-color: transparent; text-decoration: underline; color: #002e53; } .cmp-way-finder .way-finder-wrapper .way-finder-list__item a.way-finder-list__item-link:active svg.icon { fill: #002e53; } .cmp-way-finder._box-shadow { box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); } .foodtrucks-page header, .greenfactor-page header { height: 116px; } @media only screen and (max-width: 600px) { .foodtrucks-page header, .greenfactor-page header { height: 64px; } } .foodtrucks-page header .cmp-container, .greenfactor-page header .cmp-container { position: fixed; z-index: 1000; } .foodtruck .cmp-header { position: relative; } .foodtruck .cmp-header-main { display: flex; z-index: 999; align-items: center; background-color: #ffffff; justify-content: center; width: 100%; padding: 0 16px; } .foodtruck .cmp-header-wrapper { flex-basis: 100%; max-width: 100% !important; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .foodtruck .cmp-header .header-cleat { margin-right: 24px; display: flex; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-cleat { height: 64px; } } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-cleat .desktop_cleat { display: none; } } @media only screen and (min-width: 1024px) { .foodtruck .cmp-header .header-cleat .mobile_cleat { display: none; } } @media only screen and (min-width: 600px) { .foodtruck .cmp-header .header-cleat .mobile_cleat { display: none; } } .foodtruck .cmp-header .menu-vendor-buttons { display: flex; align-items: center; gap: 15px; } .foodtruck .cmp-header .ft-dropdown { position: relative; display: inline-block; font-weight: 600; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-button { background-color: #0067b1; color: #ffffff; padding: 12px 16px; font-size: 16px; cursor: pointer; border-radius: 4px; display: flex; align-items: center; justify-content: center; gap: 10px; outline: none; border: inherit; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-button:focus-visible { outline: 2px solid #0067b1; outline-offset: 2px; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-button:hover { background-color: #00497e; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-button .menu-icon { width: 24px; height: 24px; stroke: #ffffff; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-button .button-label { font-size: 16px; margin-left: 5px; } @media (max-width: 768px) { .foodtruck .cmp-header .ft-dropdown .ft-dropdown-button .button-label { display: none; } } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; background-color: #ffffff; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); z-index: 1; border-radius: 4px; min-width: 160px; padding: 5px 0; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-menu .dropdown-item { color: #666666; padding: 10px 20px; text-decoration: none; display: block; width: 100%; } .foodtruck .cmp-header .ft-dropdown .ft-dropdown-menu .dropdown-item:hover { background-color: #d4e7f4; } .foodtruck .cmp-header .ft-dropdown.open .dropdown-menu { display: block; } .foodtruck .cmp-header .header-container { display: flex; padding: 16px 0; align-items: center; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-container { padding: 8px 0; } } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .foodtruck-logo-lge { display: none; } } .foodtruck .cmp-header .foodtruck-logo-sml { display: none; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .foodtruck-logo-sml { display: block; } } .foodtruck .cmp-header .header-logo { width: 256px; height: 78px; padding: 16px 0; margin-right: 38px; flex-shrink: 0; } .foodtruck .cmp-header .header-logo a::after { display: none !important; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-logo { margin-right: 24px; width: auto; } } .foodtruck .cmp-header .header-logo .desktop-logo { display: block; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-logo .desktop-logo { display: none; } } .foodtruck .cmp-header .header-logo .mobile-logo { display: none; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-logo .mobile-logo { display: block; width: 48px; height: 48px; } } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-logo #bcc-council-header-logo { display: flex; align-items: center; margin-left: 8px; } } .foodtruck .cmp-header .header-logo img { width: 100%; height: 100%; object-fit: contain; } .foodtruck .cmp-header .header-title { margin-left: 28px; font-family: auto; font-size: 24px; font-weight: 500; color: #0067b1; width: 240px; margin-bottom: 0; margin-top: 0; } @media only screen and (max-width: 600px) { .foodtruck .cmp-header .header-title { font-size: 15px; width: 114px; line-height: 16px; } } .foodtruck .cmp-header .header-image { margin-left: 24px; } .foodtruck .cmp-header .header-image img { max-width: 80px; } .foodtruck .cmp-header .cmp-button, .foodtruck .cmp-header .my-sb-form-widget #dform_controls #dform_control_buttons ul li a, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .foodtruck .cmp-header a { display: flex; align-items: center; background: #ffffff; color: #0067b1; padding: 12px 16px; border-radius: 4px; border: 1px solid #0067b1; text-decoration: none; } .foodtruck .cmp-header .cmp-button .cmp-button__icon, .foodtruck .cmp-header .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__icon, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .foodtruck .cmp-header a .cmp-button__icon { fill: #0067b1; width: 24px; height: 24px; } @media only screen and (min-width: 1024px) { .foodtruck .cmp-header .cmp-button .cmp-button__icon, .foodtruck .cmp-header .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__icon, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .foodtruck .cmp-header a .cmp-button__icon { margin-right: 8px; } } .foodtruck .cmp-header .cmp-button .cmp-button__text, .foodtruck .cmp-header .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .foodtruck .cmp-header a .cmp-button__text { display: inline-block; color: #0067b1; } @media (max-width: 768px) { .foodtruck .cmp-header .cmp-button .cmp-button__text, .foodtruck .cmp-header .my-sb-form-widget #dform_controls #dform_control_buttons ul li a .cmp-button__text, .my-sb-form-widget #dform_controls #dform_control_buttons ul li .foodtruck .cmp-header a .cmp-button__text { display: none; } } .foodtruck-footer { padding: 24px 16px; background-color: #f8f8f8; } .foodtruck-footer .footer-text { display: flex; flex-direction: column; align-items: center; gap: 8px; position: relative; color: #666666; } .foodtruck-footer .footer-text h3, .foodtruck-footer .footer-text .cmp-steps .heading-h3, .cmp-steps .foodtruck-footer .footer-text .heading-h3, .foodtruck-footer .footer-text p { margin: 0; color: #666666; } .foodtruck-footer .footer-text h3, .foodtruck-footer .footer-text .cmp-steps .heading-h3, .cmp-steps .foodtruck-footer .footer-text .heading-h3 { text-transform: uppercase; padding-bottom: 8px; } .foodtruck-footer .footer-links { display: flex; justify-content: center; gap: 16px; padding: 24px 0; } .foodtruck-footer .footer-links a { color: #0067b1; text-decoration: underline; cursor: pointer; } .foodtruck-footer .footer-logo { display: flex; justify-content: center; } .foodtruck-footer .footer-logo .logo { width: 240px; height: 133px; } .page-360-digital-assets header { height: 116px !important; } @media only screen and (min-width: 1024px) { .page-360-digital-assets header { border-bottom: 1px solid #cccccc; } } @media only screen and (max-width: 600px) { .page-360-digital-assets header { height: 64px !important; } } .page-360-digital-assets header .cmp-container { position: fixed; z-index: 1000; transform: none !important; visibility: initial !important; } .digital-assets-header-360 .cmp-header { position: relative; } .digital-assets-header-360 .cmp-header .cmp-header-main { width: 100%; padding: 0 16px; background-color: #ffffff; } @media only screen and (min-width: 1024px) { .digital-assets-header-360 .cmp-header .cmp-header-main { border-bottom: 1px solid #cccccc; padding: 0 32px; } } .digital-assets-header-360 .cmp-header-main { display: flex; z-index: 999; align-items: center; background-color: #ffffff; justify-content: center; width: 100%; padding: 0 16px; } @media only screen and (min-width: 1024px) { .digital-assets-header-360 .cmp-header-main { border-bottom: none !important; } } .digital-assets-header-360 .cmp-header-wrapper { flex-basis: 100%; max-width: 100% !important; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .digital-assets-header-360 .cmp-header .header-nav .header-menu { margin-top: 34px; } .digital-assets-header-360 .cmp-header .header-cleat { margin-right: 24px; display: flex; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-cleat { height: 64px; } } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-cleat .desktop_cleat { display: none; } } @media only screen and (min-width: 1024px) { .digital-assets-header-360 .cmp-header .header-cleat .mobile_cleat { display: none; } } @media only screen and (min-width: 600px) { .digital-assets-header-360 .cmp-header .header-cleat .mobile_cleat { display: none; } } .digital-assets-header-360 .cmp-header .menu-vendor-buttons { display: flex; align-items: center; gap: 16px; } .digital-assets-header-360 .cmp-header .menu-vendor-buttons .metro-menu-toggle-button { background-color: #0067b1; color: #ffffff; padding: 12px 16px; font-size: 16px; cursor: pointer; border-radius: 4px; display: flex; align-items: center; justify-content: center; gap: 9.6px; outline: none; border: inherit; margin-top: 34px; } .digital-assets-header-360 .cmp-header .menu-vendor-buttons .metro-menu-toggle-button:focus-visible { outline: 2px solid #0067b1; outline-offset: 2px; } .digital-assets-header-360 .cmp-header .menu-vendor-buttons .metro-menu-toggle-button:hover { background-color: #00497e; } .digital-assets-header-360 .cmp-header .menu-vendor-buttons .metro-menu-toggle-button .menu-icon { width: 24px; height: 24px; stroke: #ffffff; } .digital-assets-header-360 .cmp-header .menu-vendor-buttons .metro-menu-toggle-button .button-label { font-size: 16px; margin-left: 4px; } @media (max-width: 768px) { .digital-assets-header-360 .cmp-header .menu-vendor-buttons .metro-menu-toggle-button .button-label { display: none; } } .digital-assets-header-360 .cmp-header .header-container { display: flex; align-items: center; } .digital-assets-header-360 .cmp-header .header-container h3, .digital-assets-header-360 .cmp-header .header-container .cmp-steps .heading-h3, .cmp-steps .digital-assets-header-360 .cmp-header .header-container .heading-h3 { color: #0067b1; font-size: 24px; font-weight: 500; margin: 0; line-height: 1.2; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-container h3, .digital-assets-header-360 .cmp-header .header-container .cmp-steps .heading-h3, .cmp-steps .digital-assets-header-360 .cmp-header .header-container .heading-h3 { font-size: 18px; line-height: 1.2; } } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-container { padding: 8px 0; } } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .dal-360-logo-lge { display: none; } } .digital-assets-header-360 .cmp-header .dal-360-logo-sml { display: none; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .dal-360-logo-sml { display: block; } } .digital-assets-header-360 .cmp-header .header-logo { width: 256px; height: 78px; margin-right: 38px; flex-shrink: 0; } .digital-assets-header-360 .cmp-header .header-logo a::after { display: none !important; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-logo { margin-right: 24px; width: auto; } } .digital-assets-header-360 .cmp-header .header-logo .desktop-logo { display: block; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-logo .desktop-logo { display: none; } } .digital-assets-header-360 .cmp-header .header-logo .mobile-logo { display: none; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-logo .mobile-logo { display: block; height: 48px; } } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-logo #bcc-council-header-logo { display: flex; align-items: center; margin-left: 8px; } } .digital-assets-header-360 .cmp-header .header-logo img { width: 100%; height: 100%; object-fit: contain; } .digital-assets-header-360 .cmp-header .header-title { margin-left: 28px; font-family: auto; font-size: 24px; font-weight: 500; color: #0067b1; width: 240px; margin-bottom: 0; margin-top: 0; } @media only screen and (max-width: 600px) { .digital-assets-header-360 .cmp-header .header-title { font-size: 15px; width: 114px; line-height: 16px; } } .digital-assets-header-360 .cmp-header .header-image { margin-left: 24px; } .digital-assets-header-360 .cmp-header .header-image img { max-width: 80px; } @media print { .page-green-factor header { display: none; } } .page-green-factor header .greenfactor-header .cmp-header { position: relative; background: #ffffff; } .page-green-factor header .greenfactor-header .cmp-header-main { display: flex; justify-content: center; align-items: center; width: 100%; z-index: 999; padding: 0 16px; } @media only screen and (max-width: 1023px) { .page-green-factor header .greenfactor-header .cmp-header-main { padding: 0 24px; } } .page-green-factor header .greenfactor-header .cmp-header-wrapper { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1200px; margin: 0 auto; } .page-green-factor header .greenfactor-header .cmp-header .header-logo { display: flex; align-items: center; gap: 24px; flex-shrink: 0; } @media only screen and (max-width: 600px) { .page-green-factor header .greenfactor-header .cmp-header .header-logo { gap: 16px !important; } } .page-green-factor header .greenfactor-header .cmp-header .header-logo .desktop_cleat { display: block; } @media only screen and (max-width: 1023px) { .page-green-factor header .greenfactor-header .cmp-header .header-logo .desktop_cleat { display: none; } } .page-green-factor header .greenfactor-header .cmp-header .header-logo .mobile_cleat { display: none; } .page-green-factor header .greenfactor-header .cmp-header .header-logo a.logo { display: flex; align-items: center; text-decoration: none; } .page-green-factor header .greenfactor-header .cmp-header .header-logo a.logo img { display: block; object-fit: contain; height: 78px; width: auto; } .page-green-factor header .greenfactor-header .cmp-header .header-logo a.logo #bcc-header-logo-large { height: 90px !important; } @media only screen and (max-width: 600px) { .page-green-factor header .greenfactor-header .cmp-header .header-logo a.logo #bcc-header-logo-large { display: none; } } .page-green-factor header .greenfactor-header .cmp-header .header-logo a.logo #bcc-header-logo-small { display: none; height: 64px; width: 172px; } @media only screen and (max-width: 600px) { .page-green-factor header .greenfactor-header .cmp-header .header-logo a.logo #bcc-header-logo-small { display: block; } } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu { align-items: flex-end; margin-right: auto; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button { align-items: center; width: max-content !important; cursor: pointer; padding: 12px 16px !important; } @media only screen and (max-width: 600px) { .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button { padding: 12px !important; } } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-icon { margin: 6px 3px; width: 18px; height: 12px; position: relative; display: block; } @media only screen and (max-width: 1023px) { .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-icon { margin: 10px 7px; } } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-icon .icon-dash { position: absolute; width: 100%; height: 2px; left: 0px; top: 0px; background-color: #ffffff; opacity: 1; transition: all 0.2s linear 0s; border-radius: 1px; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-icon .icon-dash:nth-child(1) { transform: translate(0px, 5px); } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-icon .icon-dash:nth-child(2) { transform: translate(0px, 10px); } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-text { width: 45px; display: block !important; } @media only screen and (max-width: 600px) { .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button-text { display: none !important; } } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] { background-color: #002e53; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] .metro-menu-toggle-button-icon .icon-dash:nth-child(1) { transform: translate3d(0px, 5px, 0px) rotate(45deg); } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] .metro-menu-toggle-button-icon .icon-dash:nth-child(2) { opacity: 0; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-menu-toggle-button[aria-expanded=true] .metro-menu-toggle-button-icon .icon-dash:nth-child(3) { transform: translate3d(0px, 5px, 0px) rotate(-45deg); } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-header-menu { position: absolute; top: 100%; right: 0; background-color: #ffffff; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); border-radius: 4px; min-width: 200px; padding: 5px 0; z-index: 1001; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-header-menu.hide { display: none; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-header-menu .metro-header-menu-item { display: block; padding: 10px 20px; text-decoration: none; color: #666666; } .page-green-factor header .greenfactor-header .cmp-header .header-nav .header-menu .metro-header-menu .metro-header-menu-item:hover { background-color: #d4e7f4; } .page-green-factor footer { margin-top: 0; } .page-green-factor footer .greenfactor-footer .cmp-footer .footer-main-content { justify-content: space-between; gap: 32px; } @media only screen and (max-width: 600px) { .page-green-factor footer .greenfactor-footer .cmp-footer .footer-main-content { flex-direction: column; gap: 24px; } } @media only screen and (max-width: 600px) { .page-green-factor footer .greenfactor-footer .cmp-footer .footer-main-content .footer-logo-section .footer-select-optn { margin-bottom: 0 !important; } } .page-green-factor footer .greenfactor-footer .cmp-footer .footer-main-content .footer-logo-section .footer-description { margin-top: 0px !important; } .page-green-factor footer .greenfactor-footer .cmp-footer .footer-bottom-section { background: #c4dced; padding-bottom: 32px; padding-top: 32px; } .page-green-factor footer .greenfactor-footer .cmp-footer .footer-bottom-section .footer-bottom-links { display: flex; gap: 24px; list-style: none; margin: 0; padding: 0; } .page-green-factor footer .greenfactor-footer .cmp-footer .footer-bottom-section .footer-bottom-wrapper { max-width: 1200px; margin: 0 auto; } @media only screen and (max-width: 600px) { #arcgis-experience-wrapper { display: none; } } @media only screen and (min-width: 600px) { #arcgis-experience-wrapper { display: none; } } @media only screen and (min-width: 1024px) { #arcgis-experience-wrapper { display: block; } } @media only screen and (max-width: 600px) { #arcgis-experience-wrapper-tablet { display: none; } } @media only screen and (min-width: 600px) { #arcgis-experience-wrapper-tablet { display: block; } } @media only screen and (min-width: 1024px) { #arcgis-experience-wrapper-tablet { display: none; } } @media only screen and (max-width: 600px) { #arcgis-experience-wrapper-mobile { display: block; } } @media only screen and (min-width: 600px) { #arcgis-experience-wrapper-mobile { display: none; } } @media only screen and (min-width: 1024px) { #arcgis-experience-wrapper-mobile { display: none; } } .embed iframe { width: 100%; } .cmp-audio-player { align-items: center; padding: 24px; width: 100%; background-color: #f8f8f8; border-radius: 4px; } .cmp-audio-player .audio-image { display: none; } .cmp-audio-player .audio-player-wrapper { display: flex; flex-wrap: wrap; } .cmp-audio-player .audio-player-wrapper .audio-title-sec { flex: 1 1 100%; text-align: center; } .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-heading { margin: 0; display: block; } .cmp-audio-player .audio-player-wrapper .audio-title-sec .audio-desc { margin: 8px 0 0 0; color: #666666; display: inline-block; } .cmp-audio-player .audio-player-wrapper .audio-controls-main { flex: 0; } .cmp-audio-player .audio-player-wrapper .audio-controls-main .audio-controls-btn { display: flex; } .cmp-audio-player .audio-player-wrapper .audio-controls-main .audio-controls-btn .btn-play { background-color: #0067b1; padding: 12px; border-radius: 50%; display: flex; } .cmp-audio-player .audio-player-wrapper .audio-controls-main .audio-controls-btn .btn-play:hover { background-color: #015895; box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.3); } .cmp-audio-player .audio-player-wrapper .audio-controls-main .audio-controls-btn .btn-play:focus-visible { background-color: #015ea0; outline: 2px solid #015ea0; outline-offset: 2px; } .cmp-audio-player .audio-player-wrapper .audio-controls-main .audio-controls-btn .btn-play:active { background-color: #002e53; } .cmp-audio-player .audio-player-wrapper .timeline-container { display: flex; flex: 2; align-items: center; width: 100%; gap: 16px; } .cmp-audio-player .audio-player-wrapper button { background-color: transparent; border: none; display: flex; align-items: center; justify-content: center; } .cmp-audio-player .audio-player-wrapper button:not(.btn-play):not(.download-btn) { width: 48px; border-radius: 50%; } .cmp-audio-player .audio-player-wrapper button:not(.btn-play):not(.download-btn):hover { background-color: #e9ecef; } .cmp-audio-player .audio-player-wrapper button:not(.btn-play):not(.download-btn):focus-within { background-color: #dce3e9; outline: none; } .cmp-audio-player .audio-player-wrapper #timeline { width: 100%; height: 2px; background: linear-gradient(to right, #0067b1 0%, #0067b1 var(--progress, 0%), #dce3e9 var(--progress, 0%), #dce3e9 100%); -webkit-appearance: none; appearance: none; } .cmp-audio-player .audio-player-wrapper #timeline::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 16px; height: 16px; background: #0067b1; border-radius: 50%; position: relative; z-index: 1; } .cmp-audio-player .audio-player-wrapper #timeline::-webkit-slider-thumb:hover { outline: 10px solid #d4e7f4; background: #0067b1; } .cmp-audio-player .audio-player-wrapper .btn-time { margin: 0; } .cmp-audio-player.full-width-player .audio-player-wrapper { row-gap: 16px; column-gap: 32px; } @media only screen and (max-width: 600px) { .cmp-audio-player.full-width-player .audio-player-wrapper { flex-direction: column; align-items: center; } } .cmp-audio-player.full-width-player .audio-player-wrapper .audio-title-sec { text-align: left; width: 100%; } @media only screen and (max-width: 600px) { .cmp-audio-player.full-width-player .audio-player-wrapper .audio-controls-main { width: 100%; } } .cmp-audio-player.full-width-player .audio-player-wrapper .audio-controls-btn { gap: 16px; } @media only screen and (max-width: 600px) { .cmp-audio-player.full-width-player .audio-player-wrapper .audio-controls-btn { justify-content: center; } } @media only screen and (max-width: 600px) { .cmp-audio-player.full-width-player .audio-player-wrapper .timeline-container, .cmp-audio-player.full-width-player .audio-player-wrapper .download-btn { width: 100%; justify-content: flex-end; } } .cmp-audio-player.player-with-img { display: flex; } @media only screen and (max-width: 600px) { .cmp-audio-player.player-with-img { flex-direction: column; gap: 32px; } } .cmp-audio-player.player-with-img .audio-image { display: inline-block; border-radius: 4px; box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.08); } @media only screen and (min-width: 600px) { .cmp-audio-player.player-with-img .audio-image { width: 222px; height: 228px; } } @media only screen and (max-width: 600px) { .cmp-audio-player.player-with-img .audio-image { width: 100%; height: 287px; } } .cmp-audio-player.player-with-img .audio-player-wrapper { flex-direction: column; padding: 0 24px; flex: 2; } @media only screen and (max-width: 600px) { .cmp-audio-player.player-with-img .audio-player-wrapper { padding: 0; } } .cmp-audio-player.player-with-img .audio-player-wrapper .audio-controls-main { text-align: center; margin-bottom: 32px; } .cmp-audio-player.player-with-img .audio-player-wrapper .audio-controls-main .audio-controls-btn { margin-top: 32px; justify-content: center; gap: 24px; } .cmp-audio-player.player-with-img .audio-player-wrapper .timeline-container { margin: auto; } @media only screen and (min-width: 600px) { .cmp-audio-player.player-with-img .audio-player-wrapper .timeline-container { max-width: 330px; } } @media only screen and (max-width: 600px) { .cmp-audio-player.player-with-img .audio-player-wrapper .timeline-container { min-width: 279px; } } .cmp-audio-player.player-with-img .audio-player-wrapper .download-btn { justify-content: flex-end; } .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link { font-size: 0.875rem; } .dark-theme .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link { filter: grayscale(100%); } .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link .item-wrapper { max-width: 1200px; margin: auto; } @media only screen and (max-width: 1023px) { .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link .item-wrapper { max-width: 768px; } } .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link:focus-visible { position: static; overflow: visible; width: 100%; height: auto; margin: 0; background-color: #002e53; color: #fff !important; padding: 24px 16px; display: inline-block; } .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link:focus-visible span { border: 2px solid #fff; border-radius: 4px; } .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link:visited { color: #fff !important; } .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link:focus, .cmp-page__skiptomaincontent a.cmp-page__skiptomaincontent-link:active { border: none; } .cmp-alert-section { background-color: #f8f8f8; padding: 32px; display: flex; gap: 24px; border-radius: 4px; } @media only screen and (max-width: 599px) { .cmp-alert-section { flex-direction: column; } } .cmp-alert-section p { margin: 0; } .cmp-alert-section svg.icon { width: 48px; height: 48px; } .cmp-alert-section .alert-section__content { display: flex; gap: 16px; flex-direction: column; } .cmp-trail-accordion button.trail-accordion__button { width: 100%; background-color: #fff; border: none; padding: 24px; color: #0067b1; border-bottom: 1px solid #d4e7f4; display: flex; justify-content: space-between; align-items: center; cursor: pointer; transition: background-color 0.2s linear; margin: 0; } .cmp-trail-accordion button.trail-accordion__button:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.88 11.4399L16 17.5599L22.12 11.4399L24 13.3333L16 21.3333L8 13.3333L9.88 11.4399Z' fill='%230067B1'/%3E%3C/svg%3E"); transition: all 0.3s ease-in-out; display: inline-block; position: relative; top: 4px; } @media only screen and (max-width: 600px) { .cmp-trail-accordion button.trail-accordion__button:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.57996L12 13.17L16.59 8.57996L18 9.99996L12 16L6 9.99996L7.41 8.57996Z' fill='%230067B1'/%3E%3C/svg%3E"); } } @media (prefers-contrast: more) { .cmp-trail-accordion button.trail-accordion__button:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M9.88 11.4399L16 17.5599L22.12 11.4399L24 13.3333L16 21.3333L8 13.3333L9.88 11.4399Z' fill='%23ffffff'/%3E%3C/svg%3E"); } } .cmp-trail-accordion button.trail-accordion__button.is-open { background-color: #eef2f5; } .cmp-trail-accordion button.trail-accordion__button.is-open:after { transform: rotate(-180deg); top: 0px; } .cmp-trail-accordion button.trail-accordion__button .trail-accordion__title { display: flex; align-items: center; gap: 16px; text-align: left; } .cmp-trail-accordion button.trail-accordion__button .trail-accordion__title svg { flex-shrink: 0; } @media only screen and (max-width: 599px) { .cmp-trail-accordion button.trail-accordion__button .trail-accordion__title svg { width: 24px; } } .cmp-trail-accordion .short-desc p:first-of-type, .cmp-trail-accordion .long-desc p:first-of-type { margin-top: 0; } .cmp-trail-accordion .short-desc p:last-of-type, .cmp-trail-accordion .long-desc p:last-of-type { margin-bottom: 0; } .cmp-trail-accordion .short-desc p > b, .cmp-trail-accordion .short-desc p > strong, .cmp-trail-accordion .long-desc p > b, .cmp-trail-accordion .long-desc p > strong { color: #002e53; } .cmp-trail-accordion .short-desc + .long-desc-wrapper > .long-desc { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .cmp-trail-accordion .read-more-link { background: none; border: none; padding: 0; width: fit-content; align-items: center; gap: 8px; color: #0067b1; margin: 0; } .cmp-trail-accordion .read-more-link:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.57996L12 13.17L16.59 8.57996L18 9.99996L12 16L6 9.99996L7.41 8.57996Z' fill='%230067B1'/%3E%3C/svg%3E"); transition: all 0.3s ease-in-out; display: inline-block; position: relative; top: 1px; line-height: 10px; } .cmp-trail-accordion .read-more-link.is-open { margin-top: 8px; } .cmp-trail-accordion .read-more-link.is-open:after { transform: rotate(-180deg); top: 1px; } .cmp-trail-accordion .trail-accordion__panel { padding: 0 24px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content { padding: 24px 0; display: grid; gap: 24px; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .location-wrapper p { margin: 0; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .content-direction { line-height: 24px; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image { display: flex; flex-direction: column; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title { padding: 24px; background-color: #d4e7f4; margin: 0; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .trail-image .cmp-image__title p { margin: 0; font-size: 0.875rem; line-height: 20px; } .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title { margin: 0; } .cmp-trail-accordion.bg-dark .trail-accordion__panel.trail-accordion__panel { background-color: #f8f8f8; } .cmp-trail-accordion.bg-white .trail-accordion__panel.trail-accordion__panel { background-color: #ffffff; } .cmp-timestamp { max-width: 1200px; margin: auto; width: calc(100% - 64px); } @media only screen and (max-width: 1023px) { .cmp-timestamp { max-width: 768px; } } @media only screen and (max-width: 600px) { .cmp-timestamp { width: calc(100% - 48px); } } .cmp-timestamp p { color: #666666; margin-top: 8px; } .cmp-external-list .ext-list { padding: 0; margin: 0; display: grid; gap: 24px; align-items: start; } @media only screen and (min-width: 600px) and (max-width: 1023px) { .cmp-external-list .ext-list { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 600px) { .cmp-external-list .ext-list { grid-template-columns: auto; } } @media only screen and (min-width: 1024px) { .cmp-external-list .ext-list { grid-template-columns: 1fr 1fr 1fr; } } .cmp-external-list .ext-list_item { display: inline-block; margin-bottom: 0; padding-left: 0; border-radius: 0px 0px 4px 4px; } .cmp-external-list .ext-list_item h4, .cmp-external-list .ext-list_item .cmp-tabs__tablist .cmp-tabs__tab--active, .cmp-tabs__tablist .cmp-external-list .ext-list_item .cmp-tabs__tab--active, .cmp-external-list .ext-list_item .cmp-steps .heading-h4, .cmp-steps .cmp-external-list .ext-list_item .heading-h4, .cmp-external-list .ext-list_item .cmp-trail-accordion button.trail-accordion__button, .cmp-trail-accordion .cmp-external-list .ext-list_item button.trail-accordion__button, .cmp-external-list .ext-list_item .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .desc-title, .cmp-trail-accordion .trail-accordion__panel .accordion__panel-content .cmp-external-list .ext-list_item .desc-title, .cmp-external-list .ext-list_item p { margin: 0; } .cmp-external-list .ext-list_item::before { content: none; } .cmp-external-list .ext-list_item.__box-shadow { box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.03), 0px 2px 6px 0px rgba(0, 0, 0, 0.15); } @media (forced-colors: active) { .cmp-external-list .ext-list_item.__box-shadow { border: 1px solid transparent; } } .cmp-external-list .ext-list_item.__mist-bg { background-color: #f8fcff; } .cmp-external-list .ext-list_item.__mist-bg:hover, .cmp-external-list .ext-list_item.__mist-bg:focus-visible { background-color: #ecf5fb; } .cmp-external-list .ext-list_item.__mist-bg:active, .cmp-external-list .ext-list_item.__mist-bg .list_item-link:active { background-color: #d4e7f4; } .cmp-external-list .ext-list_item.__offwhite-bg { background-color: #f8f8f8; } .cmp-external-list .ext-list_item.__offwhite-bg:hover, .cmp-external-list .ext-list_item.__offwhite-bg:focus-visible { background-color: #ecf5fb; } .cmp-external-list .ext-list_item.__offwhite-bg:active, .cmp-external-list .ext-list_item.__offwhite-bg .list_item-link:active { background-color: #d4e7f4; } .cmp-external-list .ext-list_item.__none-bg:hover, .cmp-external-list .ext-list_item.__none-bg:focus-visible { background-color: #ecf5fb; } .cmp-external-list .ext-list_item.__none-bg:active, .cmp-external-list .ext-list_item.__none-bg .list_item-link:active { background-color: #d4e7f4; } .cmp-external-list .ext-list_item .list_item--title { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; align-items: flex-start; margin-top: 0; } .cmp-external-list .ext-list_item .list_item--title span { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .cmp-external-list .ext-list_item .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } @media only screen and (max-width: 600px) { .cmp-external-list .ext-list_item .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } } .cmp-external-list .ext-list_item .list_item--desktop-title { display: flex; } .cmp-external-list .ext-list_item .list_item--mobile-title { display: none; } @media only screen and (max-width: 1023px) { .cmp-external-list .ext-list_item .list_item--desktop-title { display: none !important; } .cmp-external-list .ext-list_item .list_item--mobile-title { display: flex; } } .cmp-external-list .ext-list_item .list_item--img { width: 100%; border-radius: 4px 4px 0px 0px; height: 216px; object-fit: cover; } .cmp-external-list .ext-list_item .list_item--content { padding: 24px 24px 32px; min-height: 128px; } .cmp-external-list .ext-list_item .list_item--content:has(.list_item--desc) { min-height: 200px; } .cmp-external-list .ext-list_item .list_item--content:has(.list_item--desc) h3.list_item--title, .cmp-external-list .ext-list_item .list_item--content:has(.list_item--desc) .cmp-steps .list_item--title.heading-h3, .cmp-steps .cmp-external-list .ext-list_item .list_item--content:has(.list_item--desc) .list_item--title.heading-h3 { margin-bottom: 16px; } @media only screen and (max-width: 600px) { .cmp-external-list .ext-list_item .list_item--content:has(.list_item--desc) { min-height: 192px; } } @media only screen and (max-width: 1023px) { .cmp-external-list .ext-list_item .list_item--content { padding: 24px; min-height: 112px; } } .cmp-external-list .ext-list_item .list_item--content h3.list_item--title, .cmp-external-list .ext-list_item .list_item--content .cmp-steps .list_item--title.heading-h3, .cmp-steps .cmp-external-list .ext-list_item .list_item--content .list_item--title.heading-h3 { margin-bottom: 10px; } .cmp-external-list .ext-list_item .list_item--desc { color: #333333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .cmp-external-list .ext-list_item .list_item-link { color: #002e53; text-decoration: none; display: inline-block; width: 100%; } .cmp-external-list .ext-list_item .list_item-link:hover .list_item--title, .cmp-external-list .ext-list_item .list_item-link:focus-visible .list_item--title { text-decoration: underline; color: #015895; } .cmp-external-list .ext-list_item .list_item-link:active { background-color: transparent; } .cmp-external-list .ext-list_item .list_item-link:active .list_item--title { color: #002e53; } .cmp-external-list .ext-list.__compact-variation .list_item-link { display: flex; min-height: 104px; width: 100%; } .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--img { width: 104px; height: 104px; object-fit: cover; border-radius: 4px 0 0 4px; } .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--desc { display: none; } .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--content { min-height: unset; padding: 16px; width: 100%; } .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title { margin: 0; position: relative; padding-right: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } @media only screen and (max-width: 600px) { .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } } .cmp-external-list .ext-list.__compact-variation .list_item-link .list_item--title span { display: inline; } .cmp-external-list .ext-list.__compact-variation .list_item-link:not([target=_blank]):hover .list_item--title, .cmp-external-list .ext-list.__compact-variation .list_item-link:not([target=_blank]):focus-visible .list_item--title { text-decoration: underline; color: #015895; } .cmp-external-list .ext-list.__compact-variation .list_item-link:not([target=_blank]):active { background-color: transparent; } .cmp-external-list .ext-list.__compact-variation .list_item-link:not([target=_blank]):active .list_item--title { color: #002e53; } .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg:hover, .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg:focus-visible { background-color: transparent; } .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg:active, .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg .list_item-link:active { background-color: transparent; } .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg:hover, .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg:focus-visible { background-color: transparent; } .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg:active, .cmp-external-list .ext-list.__compact-variation .ext-list_item.__none-bg .list_item-link:active { background-color: transparent; } @media only screen and (max-width: 1023px) { .cmp-external-list .ext-list.__compact-tablet .list_item-link { display: flex; min-height: 104px; width: 100%; } .cmp-external-list .ext-list.__compact-tablet .list_item-link .list_item--img { width: 104px; height: 104px; object-fit: cover; border-radius: 4px 0 0 4px; } .cmp-external-list .ext-list.__compact-tablet .list_item-link .list_item--desc { display: none; } .cmp-external-list .ext-list.__compact-tablet .list_item-link .list_item--content { min-height: unset; padding: 16px; width: 100%; } .cmp-external-list .ext-list.__compact-tablet .list_item-link .list_item--title { margin: 0; font-size: 1rem; color: #002e53; line-height: 22px; font-weight: 600; position: relative; padding-right: 44px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .cmp-external-list .ext-list.__compact-tablet .list_item-link .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.58997 16.58L13.17 12L8.58997 7.41L9.99997 6L16 12L9.99997 18L8.58997 16.58Z' fill='%23002E53'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } .cmp-external-list .ext-list.__compact-tablet .list_item-link .list_item--title span { display: inline; } .cmp-external-list .ext-list.__compact-tablet .list_item-link:hover .list_item--title, .cmp-external-list .ext-list.__compact-tablet .list_item-link:focus-visible .list_item--title, .cmp-external-list .ext-list.__compact-tablet .list_item-link:active .list_item--title { color: #0067b1; } .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg:hover, .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg:focus-visible { background-color: transparent; } .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg:active, .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg .list_item-link:active { background-color: transparent; } .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg:hover, .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg:focus-visible { background-color: transparent; } .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg:active, .cmp-external-list .ext-list.__compact-tablet .ext-list_item.__none-bg .list_item-link:active { background-color: transparent; } } .cmp-external-list .list_item-link[target=_blank] .list_item--content .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 28px; background-color: currentColor; flex-shrink: 0; } @media only screen and (max-width: 599px) { .cmp-external-list .list_item-link[target=_blank] .list_item--content .list_item--title::after { content: ""; display: inline-block; margin-left: 8px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11.82 3V4.57H14.65L7.05 12.17L8.16 13.28L15.76 5.68V8.51H17.33V3H11.82ZM15.76 15.76H4.57V4.57H10.09V3H4.57C4.15 3 3.76 3.16 3.47 3.47C3.16 3.76 3 4.15 3 4.57V15.76C3 16.18 3.16 16.57 3.47 16.86C3.76 17.16 4.15 17.33 4.57 17.33H15.76C16.18 17.33 16.57 17.16 16.86 16.86C17.16 16.57 17.33 16.18 17.33 15.76V10.24H15.76V15.76Z' fill='%230067B1'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; vertical-align: middle; width: 1em; height: 1em; font-size: 24px; background-color: currentColor; flex-shrink: 0; } } .default-infocus-tabs { display: none; } .alert-infocus-tabs { display: none; } @media only screen and (max-width: 600px) { #emergency-info-banner { display: none; } } @media only screen and (min-width: 600px) { #emergency-info-banner { display: flex; } } @media only screen and (min-width: 1024px) { #emergency-info-banner { display: flex; } } @media only screen and (max-width: 600px) { #emergency-info-banner-mobile { display: flex; } } @media only screen and (min-width: 600px) { #emergency-info-banner-mobile { display: none; } } @media only screen and (min-width: 1024px) { #emergency-info-banner-mobile { display: none; } } .my-sb-form-widget { /* Chrome, Safari, Edge, Opera */ /* Firefox */ } @media only screen and (max-width: 1023px) { .my-sb-form-widget div[role=heading][aria-level="2"] { font-size: 24px !important; font-style: normal; font-weight: 700; line-height: 32px; margin-bottom: 32px; } .my-sb-form-widget div[role=heading][aria-level="3"] { font-size: 20px !important; font-style: normal; font-weight: 700; line-height: 26px; margin-bottom: 32px; } } .my-sb-form-widget input[type=number]::-webkit-outer-spin-button, .my-sb-form-widget input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .my-sb-form-widget input, .my-sb-form-widget textarea { width: 100% !important; border-radius: 4px; font-size: 1rem; } .my-sb-form-widget input:hover, .my-sb-form-widget textarea:hover { background: #eef2f5; border: 1px solid #666666; } .my-sb-form-widget input:focus, .my-sb-form-widget textarea:focus { border: 1px solid #0067b1; } .my-sb-form-widget input[type=number] { -moz-appearance: textfield; } .my-sb-form-widget select { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 100% !important; display: flex; padding: 12px 24px 12px 16px !important; align-items: center; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid #666666; background: #ffffff; font-size: 1rem; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%230067B1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0 center; background-size: 24px 24px; outline: none; } .my-sb-form-widget select:hover { background: #eef2f5; border: 1px solid #666666; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.41 8.58002L12 13.17L16.59 8.58002L18 10L12 16L6 10L7.41 8.58002Z' fill='%230067B1'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0 center; background-size: 24px 24px; } .my-sb-form-widget select:focus { border: 2px solid #0067b1; } .my-sb-form-widget #dform_widget_sel_week_month, .my-sb-form-widget #dform_widget_sel_day_month { width: auto !important; } .my-sb-form-widget label input, .my-sb-form-widget label textarea { width: auto !important; } .my-sb-form-widget label select { width: auto !important; } .my-sb-form-widget .dform_widget.inline input, .my-sb-form-widget .dform_widget.inline textarea, .my-sb-form-widget .dform_widget.input_inline_m input, .my-sb-form-widget .dform_widget.input_inline_m textarea { width: auto !important; } .my-sb-form-widget .dform_widget.inline select, .my-sb-form-widget .dform_widget.input_inline_m select { width: auto !important; } .my-sb-form-widget input[maxlength] { width: auto !important; } .my-sb-form-widget #dform_controls #dform_control_buttons { float: left; } .my-sb-form-widget #dform_controls #dform_control_buttons li:first-child { padding-left: 0; } .my-sb-form-widget #dform_controls #dform_control_buttons ul li a { border-left: none; padding: 0; } .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:hover { background: none; } .my-sb-form-widget #dform_controls #dform_control_buttons ul li a:focus-visible { text-decoration: underline; }.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}/*! * Photo Sphere Viewer 5.13.3 * @copyright 2014-2015 Jérémy Heleine * @copyright 2015-2025 Damien "Mistic" Sorel * @licence MIT (https://opensource.org/licenses/MIT) */ /* src/styles/index.scss */ .psv-container { --psv-core-loaded: true; container-name: psv-container; container-type: size; width: 100%; height: 100%; margin: 0; padding: 0; position: relative; background: radial-gradient( #fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%); overflow: hidden; } .psv-container * { box-sizing: content-box; } .psv-canvas-container { position: absolute; top: 0; left: 0; z-index: 0; transition: opacity linear 100ms; } .psv-fullscreen-emulation { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .psv-loader-container { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 80; } .psv-loader { --psv-loader-border: 3px; --psv-loader-tickness: 10px; position: relative; display: flex; justify-content: center; align-items: center; color: rgba(255, 255, 255, 0.7); width: 150px; height: 150px; } .psv-loader-canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: rgba(61, 61, 61, 0.5); z-index: -1; } .psv-loader-text { font: 600 16px sans-serif; text-align: center; } .psv-loader--undefined .psv-loader-canvas { animation: psv-loader 2s cubic-bezier(0.75, 0.25, 0.25, 0.75) infinite; } @keyframes psv-loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .psv-navbar { display: flex; position: absolute; z-index: 90; bottom: -40px; left: 0; width: 100%; height: 40px; background: rgba(61, 61, 61, 0.5); transition: bottom ease-in-out 0.1s; font: 16px sans-serif; cursor: default; } .psv-navbar--open { bottom: 0; } .psv-navbar, .psv-navbar * { box-sizing: content-box; } .psv-button { flex: 0 0 auto; padding: 10px; position: relative; cursor: pointer; height: 20px; width: 20px; background: transparent; color: rgba(255, 255, 255, 0.7); } .psv-button--active { background: rgba(255, 255, 255, 0.2); } .psv-button--disabled { pointer-events: none; opacity: 0.5; } .psv-button-svg { width: 100%; transform: scale(1); transition: transform 200ms ease; vertical-align: initial; } .psv-button:not(.psv-button--disabled):focus-visible { outline: 2px solid #007cff; outline-offset: -2px; } .psv-container:not(.psv--is-touch) .psv-button--hover-scale:not(.psv-button--disabled):hover .psv-button-svg { transform: scale(1.2); } .psv-move-button + .psv-move-button { margin-left: -10px; } .psv-download-button { color: rgba(255, 255, 255, 0.7) !important; text-decoration: none !important; } .psv-download-button::before, .psv-download-button::after { display: none !important; } .psv-custom-button { width: auto; min-width: 20px; } .psv-custom-button--no-padding { padding: 0; height: 100%; } .psv-caption { flex: 1 1 100%; color: rgba(255, 255, 255, 0.7); overflow: hidden; text-align: center; cursor: unset; padding: unset; height: unset; width: unset; } .psv-caption-content { display: inline-block; padding: 10px; white-space: nowrap; } .psv-zoom-range.psv-button { width: 80px; height: 1px; margin: 10px 0; padding: 9.5px 0; max-width: 600px; } .psv-zoom-range-line { position: relative; width: 80px; height: 1px; background: rgba(255, 255, 255, 0.7); transition: all 0.3s ease; } .psv-zoom-range-handle { position: absolute; border-radius: 50%; top: -3px; width: 7px; height: 7px; background: rgba(255, 255, 255, 0.7); transform: scale(1); transition: transform 0.3s ease; } .psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-line { box-shadow: 0 0 2px rgba(255, 255, 255, 0.7); } .psv-zoom-range:not(.psv-button--disabled):hover .psv-zoom-range-handle { transform: scale(1.3); } .psv-notification { position: absolute; z-index: 100; bottom: -40px; display: flex; justify-content: center; box-sizing: border-box; width: 100%; padding: 0 2em; opacity: 0; transition-property: opacity, bottom; transition-timing-function: ease-in-out; transition-duration: 200ms; } .psv-notification-content { max-width: 50em; background: rgba(61, 61, 61, 0.8); border-radius: 4px; padding: 0.5em 1em; font: 14px sans-serif; color: rgb(255, 255, 255); } .psv-notification--visible { opacity: 100; bottom: 80px; } .psv-overlay { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; z-index: 110; inset: 0; background: radial-gradient( #fff 0%, #fdfdfd 16%, #fbfbfb 33%, #f8f8f8 49%, #efefef 66%, #dfdfdf 82%, #bfbfbf 100%); opacity: 0.8; cursor: default; } .psv-overlay-image { width: 100%; text-align: center; color: rgb(48, 48, 48); } .psv-overlay-image svg { width: 50%; } @container psv-container (orientation: landscape) { .psv-overlay-image svg { width: 33%; } } .psv-overlay-title { color: black; margin-top: 1em; font: 30px sans-serif; text-align: center; } .psv-overlay-text { color: rgba(0, 0, 0, 0.8); font: 20px sans-serif; opacity: 0.8; text-align: center; } .psv-panel { position: absolute; z-index: 90; right: 0; height: 100%; width: 400px; max-width: calc(100% - 9px); background: rgba(10, 10, 10, 0.7); transform: translate3d(100%, 0, 0); opacity: 0; transition-property: opacity, transform; transition-timing-function: ease-in-out; transition-duration: 100ms; cursor: default; margin-left: 9px; } .psv--has-navbar .psv-panel { height: calc(100% - 40px); } .psv-panel-close-button { display: none; position: absolute; top: -1px; right: 0; width: 19.2px; height: 19.2px; padding: 6.4px; background: transparent; color: #fff; transition: background 300ms ease-in-out; cursor: pointer; } .psv-panel-close-button svg { transition: transform 300ms ease-in-out; } .psv-panel-close-button:hover { background: rgba(0, 0, 0, 0.9); } .psv-panel-close-button:hover svg { transform: scale(-1); } .psv-panel-resizer { display: none; position: absolute; top: 0; left: -9px; width: 9px; height: 100%; background-color: rgba(0, 0, 0, 0.9); cursor: col-resize; } .psv-panel-resizer::before { content: ""; position: absolute; top: 50%; left: 5.5px; margin-top: -14.5px; width: 1px; height: 1px; box-shadow: 1px 0 #fff, 3px 0px #fff, 5px 0px #fff, 1px 2px #fff, 3px 2px #fff, 5px 2px #fff, 1px 4px #fff, 3px 4px #fff, 5px 4px #fff, 1px 6px #fff, 3px 6px #fff, 5px 6px #fff, 1px 8px #fff, 3px 8px #fff, 5px 8px #fff, 1px 10px #fff, 3px 10px #fff, 5px 10px #fff, 1px 12px #fff, 3px 12px #fff, 5px 12px #fff, 1px 14px #fff, 3px 14px #fff, 5px 14px #fff, 1px 16px #fff, 3px 16px #fff, 5px 16px #fff, 1px 18px #fff, 3px 18px #fff, 5px 18px #fff, 1px 20px #fff, 3px 20px #fff, 5px 20px #fff, 1px 22px #fff, 3px 22px #fff, 5px 22px #fff, 1px 24px #fff, 3px 24px #fff, 5px 24px #fff, 1px 26px #fff, 3px 26px #fff, 5px 26px #fff, 1px 28px #fff, 3px 28px #fff, 5px 28px #fff; background: transparent; } .psv-panel-content { width: 100%; height: 100%; box-sizing: border-box; color: rgb(220, 220, 220); font: 16px sans-serif; overflow: auto; } .psv-panel-content:not(.psv-panel-content--no-margin) { padding: 1em; } .psv-panel-content--no-interaction { user-select: none; pointer-events: none; } .psv-panel--open { transform: translate3d(0, 0, 0); opacity: 1; transition-duration: 0.2s; } .psv-panel--open .psv-panel-close-button, .psv-panel--open .psv-panel-resizer { display: block; } @container psv-container (max-width: 400px) { .psv-panel { width: 100% !important; max-width: none; } .psv-panel-resizer { display: none !important; } } .psv-panel-menu { height: 100%; display: flex; flex-direction: column; } .psv-panel-menu-title { flex: none; display: flex; align-items: center; font: 24px sans-serif; margin: 24px 12px; } .psv-panel-menu-title svg { width: 24px; height: 24px; margin-right: 12px; } .psv-panel-menu-list { flex: 1; list-style: none; margin: 0; padding: 0; overflow-x: hidden; } .psv-panel-menu-item { min-height: 1.5em; padding: 0.5em 1em; cursor: pointer; display: flex; align-items: center; justify-content: flex-start; transition: background 0.1s ease-in-out; } .psv-panel-menu-item--active { outline: 1px solid currentcolor; outline-offset: -1px; } .psv-panel-menu-item-icon { flex: none; height: 1.5em; width: 1.5em; margin-right: 0.5em; } .psv-panel-menu-item-icon img { max-width: 100%; max-height: 100%; } .psv-panel-menu-item-icon svg { width: 100%; height: 100%; } .psv-panel-menu-item:focus-visible { outline: 2px solid #007cff; outline-offset: -2px; } .psv-panel-menu--stripped .psv-panel-menu-item:hover { background: rgba(255, 255, 255, 0.2); } .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd), .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(odd)::before { background: rgba(255, 255, 255, 0.1); } .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even), .psv-panel-menu--stripped .psv-panel-menu-item:nth-child(even)::before { background: transparent; } .psv-container:not(.psv--is-touch) .psv-panel-menu-item:hover { background: rgba(255, 255, 255, 0.2); } .psv-tooltip { position: absolute; z-index: 50; box-sizing: border-box; max-width: 200px; background: rgba(61, 61, 61, 0.8); border-radius: 4px; opacity: 0; transition-property: opacity, transform; transition-timing-function: ease-in-out; transition-duration: 100ms; cursor: default; } .psv-tooltip-content { color: rgb(255, 255, 255); font: 14px sans-serif; text-shadow: 0 1px #000; padding: 0.5em 1em; } .psv-tooltip-arrow { position: absolute; height: 0; width: 0; border: 7px solid transparent; } .psv-tooltip--top-left, .psv-tooltip--top-center, .psv-tooltip--top-right { transform: translate3d(0, 5px, 0); } .psv-tooltip--top-left .psv-tooltip-arrow, .psv-tooltip--top-center .psv-tooltip-arrow, .psv-tooltip--top-right .psv-tooltip-arrow { border-top-color: rgba(61, 61, 61, 0.8); } .psv-tooltip--bottom-left, .psv-tooltip--bottom-center, .psv-tooltip--bottom-right { transform: translate3d(0, -5px, 0); } .psv-tooltip--bottom-left .psv-tooltip-arrow, .psv-tooltip--bottom-center .psv-tooltip-arrow, .psv-tooltip--bottom-right .psv-tooltip-arrow { border-bottom-color: rgba(61, 61, 61, 0.8); } .psv-tooltip--left-top, .psv-tooltip--center-left, .psv-tooltip--left-bottom { transform: translate3d(5px, 0, 0); } .psv-tooltip--left-top .psv-tooltip-arrow, .psv-tooltip--center-left .psv-tooltip-arrow, .psv-tooltip--left-bottom .psv-tooltip-arrow { border-left-color: rgba(61, 61, 61, 0.8); } .psv-tooltip--right-top, .psv-tooltip--center-right, .psv-tooltip--right-bottom { transform: translate3d(-5px, 0, 0); } .psv-tooltip--right-top .psv-tooltip-arrow, .psv-tooltip--center-right .psv-tooltip-arrow, .psv-tooltip--right-bottom .psv-tooltip-arrow { border-right-color: rgba(61, 61, 61, 0.8); } .psv-tooltip--left-top, .psv-tooltip--top-left { box-shadow: -3px -3px 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--top-center { box-shadow: 0 -3px 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--right-top, .psv-tooltip--top-right { box-shadow: 3px -3px 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--left-bottom, .psv-tooltip--bottom-left { box-shadow: -3px 3px 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--bottom-center { box-shadow: 0 3px 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--right-bottom, .psv-tooltip--bottom-right { box-shadow: 3px 3px 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--center-left { box-shadow: -3px 0 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--center-right { box-shadow: 3px 0 0 rgba(90, 90, 90, 0.7); } .psv-tooltip--visible { transform: translate3d(0, 0, 0); opacity: 1; } /*# sourceMappingURL=index.css.map */