/*!*********************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/glightbox/dist/css/glightbox.min.css ***! \*********************************************************************************************************************************/ .glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}} /*!*********************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/swiper/swiper-bundle.css ***! \*********************************************************************************************************************/ /** * Swiper 11.2.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 23, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } :root { /* --swiper-scrollbar-border-radius: 10px; --swiper-scrollbar-top: auto; --swiper-scrollbar-bottom: 4px; --swiper-scrollbar-left: auto; --swiper-scrollbar-right: 4px; --swiper-scrollbar-sides-offset: 1%; --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1); --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5); --swiper-scrollbar-size: 4px; */ } .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset, 1%); bottom: var(--swiper-scrollbar-bottom, 4px); top: var(--swiper-scrollbar-top, auto); z-index: 50; height: var(--swiper-scrollbar-size, 4px); width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; left: var(--swiper-scrollbar-left, auto); right: var(--swiper-scrollbar-right, 4px); top: var(--swiper-scrollbar-sides-offset, 1%); z-index: 50; width: var(--swiper-scrollbar-size, 4px); height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); border-radius: var(--swiper-scrollbar-border-radius, 10px); left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } /* Zoom container styles start */ .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } /* Zoom container styles end */ .swiper-slide-zoomed { cursor: move; touch-action: none; } /* a11y */ .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper.swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } /* Cube slide shadows start */ .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube slide shadows end */ .swiper.swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Flip slide shadows start */ .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Flip slide shadows end */ .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/import-glob-loader/index.js!./wp-content/themes/hartbrugreizen/assets/styles/app.scss ***! \*****************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* stylelint-disable */ /** * Foundation for Sites * Version 6.9.0 * https://get.foundation * Licensed under MIT Open Source */ @media print, screen and (min-width: 40em) { .reveal.large, .reveal.small, .reveal.tiny, .reveal { right: auto; left: auto; margin: 0 auto; } } /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: 0; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } [data-whatintent=mouse] *, [data-whatintent=mouse] *:focus, [data-whatintent=touch] *, [data-whatintent=touch] *:focus, [data-whatinput=mouse] *, [data-whatinput=mouse] *:focus, [data-whatinput=touch] *, [data-whatinput=touch] *:focus { outline: none; } [draggable=false] { -webkit-touch-callout: none; -webkit-user-select: none; } .foundation-mq { font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em&fhd=97.5em"; } html { box-sizing: border-box; font-size: 1rem; } *, *::before, *::after { box-sizing: inherit; } body { margin: 0; padding: 0; background: #fff; font-family: "Inter", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: 1.85; color: #252525; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } textarea { height: auto; min-height: 50px; border-radius: 1.25rem; } select { box-sizing: border-box; width: 100%; border-radius: 1.25rem; } .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } button { padding: 0; appearance: none; border: 0; border-radius: 1.25rem; background: transparent; line-height: 1; cursor: auto; } [data-whatinput=mouse] button { outline: 0; } pre { overflow: auto; -webkit-overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; } .is-visible { display: block !important; } .is-hidden { display: none !important; } [type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea { appearance: none; display: block; box-sizing: border-box; width: 100%; height: 3.01875rem; margin: 0 0 1rem; padding: 0.5rem; border: 3px solid #fff; border-radius: 4.6875rem; background-color: #fff; box-shadow: inherit; font-family: inherit; font-size: 1.125rem; font-weight: 500; line-height: 1.85; color: #133478; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } [type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus { outline: none; border: 3px solid #133478; background-color: #fff; box-shadow: inherit; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } textarea { max-width: 100%; } textarea[rows] { height: auto; } input:disabled, input[readonly], textarea:disabled, textarea[readonly] { background-color: #e6e6e6; cursor: not-allowed; } [type=submit], [type=button] { appearance: none; border-radius: 1.25rem; } input[type=search] { box-sizing: border-box; } ::placeholder { color: #CFCFCF; } [type=file], [type=checkbox], [type=radio] { margin: 0 0 1rem; } [type=checkbox] + label, [type=radio] + label { display: inline-block; vertical-align: baseline; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; } [type=checkbox] + label[for], [type=radio] + label[for] { cursor: pointer; } label > [type=checkbox], label > [type=radio] { margin-right: 0.5rem; } [type=file] { width: 100%; } label { display: block; margin: 0; font-size: 1.125rem; font-weight: 500; line-height: normal; color: #FBE2CA; } label.middle { margin: 0 0 1rem; line-height: 1.85; padding: 0.6875rem 0; } .help-text { margin-top: -0.5rem; font-size: 0.8125rem; font-style: italic; color: #000; } .input-group { display: flex; width: 100%; margin-bottom: 1rem; align-items: stretch; } .input-group > :first-child, .input-group > :first-child.input-group-button > * { border-radius: 4.6875rem 0 0 4.6875rem; } .input-group > :last-child, .input-group > :last-child.input-group-button > * { border-radius: 0 4.6875rem 4.6875rem 0; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label, .input-group-button, .input-group-field, .input-group-label { margin: 0; white-space: nowrap; } .input-group-label { padding: 0 1rem; border: 1px solid #cacaca; background: #e6e6e6; color: #000; text-align: center; white-space: nowrap; display: flex; flex: 0 0 auto; align-items: center; } .input-group-label:first-child { border-right: 0; } .input-group-label:last-child { border-left: 0; } .input-group-field { border-radius: 0; flex: 1 1 0px; min-width: 0; } .input-group-button { padding-top: 0; padding-bottom: 0; text-align: center; display: flex; flex: 0 0 auto; } .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label { align-self: stretch; height: auto; padding-top: 0; padding-bottom: 0; font-size: 1.125rem; } fieldset { margin: 0; padding: 0; border: 0; } legend { max-width: 100%; margin-bottom: 0.5rem; } .fieldset { margin: 1.125rem 0; padding: 1.25rem; border: 1px solid #cacaca; } .fieldset legend { margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } select { height: 3.01875rem; margin: 0 0 1rem; padding: 0.5rem; appearance: none; border: 3px solid #fff; border-radius: 1.25rem; background-color: #fff; font-family: inherit; font-size: 1.125rem; font-weight: 500; line-height: 1.85; color: #133478; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; background-origin: content-box; background-position: right -1rem center; background-repeat: no-repeat; background-size: 9px 6px; padding-right: 1.5rem; background-image: url('data:image/svg+xml;utf8,'); } @media screen and (min-width: 0\0 ) { select { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } select:focus { outline: none; border: 3px solid #133478; background-color: #fff; box-shadow: inherit; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } select:disabled { background-color: #e6e6e6; cursor: not-allowed; } select::-ms-expand { display: none; } select[multiple] { height: auto; background-image: none; } select:not([multiple]) { padding-top: 0; padding-bottom: 0; } .is-invalid-input:not(:focus) { border-color: #E63329; background-color: rgb(252.5, 234.6, 233.6); } .is-invalid-input:not(:focus)::placeholder { color: #E63329; } .is-invalid-label { color: #E63329; } .form-error { display: none; margin-top: -0.5rem; margin-bottom: 1rem; font-size: 0.75rem; font-weight: 700; color: #E63329; } .form-error.is-visible { display: block; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } p { margin-bottom: 1rem; font-size: inherit; line-height: inherit; text-rendering: optimizeLegibility; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 700; line-height: inherit; } small { font-size: 80%; line-height: inherit; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: "Maven Pro", sans-serif; font-style: normal; font-weight: 600; color: #133478; text-rendering: optimizeLegibility; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { line-height: 0; color: #cacaca; } h1, .h1 { font-size: 2.1875rem; line-height: 1.1; margin-top: 0; margin-bottom: 1rem; } h2, .h2 { font-size: 2rem; line-height: 1.1; margin-top: 0; margin-bottom: 1rem; } h3, .h3 { font-size: 1.5625rem; line-height: 1.1; margin-top: 0; margin-bottom: 1rem; } h4, .h4 { font-size: 1.4375rem; line-height: 1.1; margin-top: 0; margin-bottom: 1rem; } h5, .h5 { font-size: 1.3125rem; line-height: 1.1; margin-top: 0; margin-bottom: 1rem; } h6, .h6 { font-size: 1.125rem; line-height: 1.1; margin-top: 0; margin-bottom: 1rem; } @media print, screen and (min-width: 40em) { h1, .h1 { font-size: 3.125rem; } h2, .h2 { font-size: 3.125rem; } h5, .h5 { font-size: 1.5625rem; } h6, .h6 { font-size: 1.25rem; } } @media print, screen and (min-width: 64em) { h1, .h1 { font-size: 3.75rem; } h2, .h2 { font-size: 3.75rem; } h3, .h3 { font-size: 2.5rem; } h4, .h4 { font-size: 2rem; } } a { line-height: inherit; color: #133478; text-decoration: none; cursor: pointer; } a:hover, a:focus { color: #DD1A1D; } a img { border: 0; } hr { clear: both; max-width: 82.25rem; height: 0; margin: 1.25rem auto; border-top: 0; border-right: 0; border-bottom: 1px solid #cacaca; border-left: 0; } ul, ol, dl { margin-bottom: 1rem; list-style-position: outside; line-height: inherit; } li { font-size: inherit; } ul { margin-left: 1.25rem; list-style-type: disc; } ol { margin-left: 1.25rem; } ul ul, ul ol, ol ul, ol ol { margin-left: 1.25rem; margin-bottom: 0; } dl { margin-bottom: 1rem; } dl dt { margin-bottom: 0.3rem; font-weight: 700; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #cacaca; } blockquote, blockquote p { line-height: inherit; color: #252525; } abbr, abbr[title] { border-bottom: 1px dotted #000; cursor: help; text-decoration: none; } figure { margin: 0; } kbd { margin: 0; padding: 0.125rem 0.25rem 0; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; color: #000; border-radius: 1.25rem; } .subheader { margin-top: 0.2rem; margin-bottom: 0.5rem; font-weight: 400; line-height: 1.4; color: #252525; } .lead { font-size: 1.25rem; line-height: 1.6; } .stat { font-size: 2.5rem; line-height: 1; } p + .stat { margin-top: -1rem; } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } .cite-block, cite { display: block; color: #252525; font-size: 0.8125rem; } .cite-block:before, cite:before { content: "— "; } .code-inline, code { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: 400; color: #000; display: inline; max-width: 100%; word-wrap: break-word; padding: 0.125rem 0.3125rem 0.0625rem; } .code-block { border: 1px solid #cacaca; background-color: #e6e6e6; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: 400; color: #000; display: block; overflow: auto; white-space: pre; padding: 1rem; margin-bottom: 1.5rem; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } @media print, screen and (min-width: 40em) { .medium-text-left { text-align: left; } .medium-text-right { text-align: right; } .medium-text-center { text-align: center; } .medium-text-justify { text-align: justify; } } @media print, screen and (min-width: 64em) { .large-text-left { text-align: left; } .large-text-right { text-align: right; } .large-text-center { text-align: center; } .large-text-justify { text-align: justify; } } @media print, screen and (min-width: 75em) { .xlarge-text-left { text-align: left; } .xlarge-text-right { text-align: right; } .xlarge-text-center { text-align: center; } .xlarge-text-justify { text-align: justify; } } @media screen and (min-width: 90em) { .xxlarge-text-left { text-align: left; } .xxlarge-text-right { text-align: right; } .xxlarge-text-center { text-align: center; } .xxlarge-text-justify { text-align: justify; } } .show-for-print { display: none !important; } @media print { * { background: transparent !important; color: black !important; print-color-adjust: economy; box-shadow: none !important; text-shadow: none !important; } .show-for-print { display: block !important; } .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } abbr[title]:after { content: " (" attr(title) ")"; } pre, blockquote { border: 1px solid #252525; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .print-break-inside { page-break-inside: auto; } } .grid-container { max-width: 82.25rem; margin-left: auto; margin-right: auto; padding-right: 1.5rem; padding-left: 1.5rem; } .grid-container.fluid { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 1.5rem; padding-left: 1.5rem; } .grid-container.full { max-width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; padding-left: 0; } .grid-x { display: flex; flex-flow: row wrap; } .cell { flex: 0 0 auto; min-height: 0; min-width: 0; width: 100%; } .cell.auto { flex: 1 1 0; } .cell.shrink { flex: 0 0 auto; } .grid-x > .auto { width: auto; } .grid-x > .shrink { width: auto; } .grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 { flex-basis: auto; } } @media print, screen and (min-width: 75em) { .grid-x > .xlarge-shrink, .grid-x > .xlarge-full, .grid-x > .xlarge-1, .grid-x > .xlarge-2, .grid-x > .xlarge-3, .grid-x > .xlarge-4, .grid-x > .xlarge-5, .grid-x > .xlarge-6, .grid-x > .xlarge-7, .grid-x > .xlarge-8, .grid-x > .xlarge-9, .grid-x > .xlarge-10, .grid-x > .xlarge-11, .grid-x > .xlarge-12 { flex-basis: auto; } } @media screen and (min-width: 90em) { .grid-x > .xxlarge-shrink, .grid-x > .xxlarge-full, .grid-x > .xxlarge-1, .grid-x > .xxlarge-2, .grid-x > .xxlarge-3, .grid-x > .xxlarge-4, .grid-x > .xxlarge-5, .grid-x > .xxlarge-6, .grid-x > .xxlarge-7, .grid-x > .xxlarge-8, .grid-x > .xxlarge-9, .grid-x > .xxlarge-10, .grid-x > .xxlarge-11, .grid-x > .xxlarge-12 { flex-basis: auto; } } .grid-x > .small-12, .grid-x > .small-11, .grid-x > .small-10, .grid-x > .small-9, .grid-x > .small-8, .grid-x > .small-7, .grid-x > .small-6, .grid-x > .small-5, .grid-x > .small-4, .grid-x > .small-3, .grid-x > .small-2, .grid-x > .small-1 { flex: 0 0 auto; } .grid-x > .small-1 { width: 8.3333333333%; } .grid-x > .small-2 { width: 16.6666666667%; } .grid-x > .small-3 { width: 25%; } .grid-x > .small-4 { width: 33.3333333333%; } .grid-x > .small-5 { width: 41.6666666667%; } .grid-x > .small-6 { width: 50%; } .grid-x > .small-7 { width: 58.3333333333%; } .grid-x > .small-8 { width: 66.6666666667%; } .grid-x > .small-9 { width: 75%; } .grid-x > .small-10 { width: 83.3333333333%; } .grid-x > .small-11 { width: 91.6666666667%; } .grid-x > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .grid-x > .medium-auto { flex: 1 1 0; width: auto; } .grid-x > .medium-12, .grid-x > .medium-11, .grid-x > .medium-10, .grid-x > .medium-9, .grid-x > .medium-8, .grid-x > .medium-7, .grid-x > .medium-6, .grid-x > .medium-5, .grid-x > .medium-4, .grid-x > .medium-3, .grid-x > .medium-2, .grid-x > .medium-1, .grid-x > .medium-shrink { flex: 0 0 auto; } .grid-x > .medium-shrink { width: auto; } .grid-x > .medium-1 { width: 8.3333333333%; } .grid-x > .medium-2 { width: 16.6666666667%; } .grid-x > .medium-3 { width: 25%; } .grid-x > .medium-4 { width: 33.3333333333%; } .grid-x > .medium-5 { width: 41.6666666667%; } .grid-x > .medium-6 { width: 50%; } .grid-x > .medium-7 { width: 58.3333333333%; } .grid-x > .medium-8 { width: 66.6666666667%; } .grid-x > .medium-9 { width: 75%; } .grid-x > .medium-10 { width: 83.3333333333%; } .grid-x > .medium-11 { width: 91.6666666667%; } .grid-x > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .grid-x > .large-auto { flex: 1 1 0; width: auto; } .grid-x > .large-12, .grid-x > .large-11, .grid-x > .large-10, .grid-x > .large-9, .grid-x > .large-8, .grid-x > .large-7, .grid-x > .large-6, .grid-x > .large-5, .grid-x > .large-4, .grid-x > .large-3, .grid-x > .large-2, .grid-x > .large-1, .grid-x > .large-shrink { flex: 0 0 auto; } .grid-x > .large-shrink { width: auto; } .grid-x > .large-1 { width: 8.3333333333%; } .grid-x > .large-2 { width: 16.6666666667%; } .grid-x > .large-3 { width: 25%; } .grid-x > .large-4 { width: 33.3333333333%; } .grid-x > .large-5 { width: 41.6666666667%; } .grid-x > .large-6 { width: 50%; } .grid-x > .large-7 { width: 58.3333333333%; } .grid-x > .large-8 { width: 66.6666666667%; } .grid-x > .large-9 { width: 75%; } .grid-x > .large-10 { width: 83.3333333333%; } .grid-x > .large-11 { width: 91.6666666667%; } .grid-x > .large-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .grid-x > .xlarge-auto { flex: 1 1 0; width: auto; } .grid-x > .xlarge-12, .grid-x > .xlarge-11, .grid-x > .xlarge-10, .grid-x > .xlarge-9, .grid-x > .xlarge-8, .grid-x > .xlarge-7, .grid-x > .xlarge-6, .grid-x > .xlarge-5, .grid-x > .xlarge-4, .grid-x > .xlarge-3, .grid-x > .xlarge-2, .grid-x > .xlarge-1, .grid-x > .xlarge-shrink { flex: 0 0 auto; } .grid-x > .xlarge-shrink { width: auto; } .grid-x > .xlarge-1 { width: 8.3333333333%; } .grid-x > .xlarge-2 { width: 16.6666666667%; } .grid-x > .xlarge-3 { width: 25%; } .grid-x > .xlarge-4 { width: 33.3333333333%; } .grid-x > .xlarge-5 { width: 41.6666666667%; } .grid-x > .xlarge-6 { width: 50%; } .grid-x > .xlarge-7 { width: 58.3333333333%; } .grid-x > .xlarge-8 { width: 66.6666666667%; } .grid-x > .xlarge-9 { width: 75%; } .grid-x > .xlarge-10 { width: 83.3333333333%; } .grid-x > .xlarge-11 { width: 91.6666666667%; } .grid-x > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .grid-x > .xxlarge-auto { flex: 1 1 0; width: auto; } .grid-x > .xxlarge-12, .grid-x > .xxlarge-11, .grid-x > .xxlarge-10, .grid-x > .xxlarge-9, .grid-x > .xxlarge-8, .grid-x > .xxlarge-7, .grid-x > .xxlarge-6, .grid-x > .xxlarge-5, .grid-x > .xxlarge-4, .grid-x > .xxlarge-3, .grid-x > .xxlarge-2, .grid-x > .xxlarge-1, .grid-x > .xxlarge-shrink { flex: 0 0 auto; } .grid-x > .xxlarge-shrink { width: auto; } .grid-x > .xxlarge-1 { width: 8.3333333333%; } .grid-x > .xxlarge-2 { width: 16.6666666667%; } .grid-x > .xxlarge-3 { width: 25%; } .grid-x > .xxlarge-4 { width: 33.3333333333%; } .grid-x > .xxlarge-5 { width: 41.6666666667%; } .grid-x > .xxlarge-6 { width: 50%; } .grid-x > .xxlarge-7 { width: 58.3333333333%; } .grid-x > .xxlarge-8 { width: 66.6666666667%; } .grid-x > .xxlarge-9 { width: 75%; } .grid-x > .xxlarge-10 { width: 83.3333333333%; } .grid-x > .xxlarge-11 { width: 91.6666666667%; } .grid-x > .xxlarge-12 { width: 100%; } } .grid-margin-x:not(.grid-x) > .cell { width: auto; } .grid-margin-y:not(.grid-y) > .cell { height: auto; } .grid-margin-x { margin-left: -0.625rem; margin-right: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x { margin-left: -0.9375rem; margin-right: -0.9375rem; } } .grid-margin-x > .cell { width: calc(100% - 1.25rem); margin-left: 0.625rem; margin-right: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-x > .cell { width: calc(100% - 1.875rem); margin-left: 0.9375rem; margin-right: 0.9375rem; } } .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.25rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.25rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.25rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.25rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.25rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.25rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.25rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.25rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.25rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x > .auto { width: auto; } .grid-margin-x > .shrink { width: auto; } .grid-margin-x > .small-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .small-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .small-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .small-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .small-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .small-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .small-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .small-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .small-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .small-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .small-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .small-12 { width: calc(100% - 1.875rem); } .grid-margin-x > .medium-auto { width: auto; } .grid-margin-x > .medium-shrink { width: auto; } .grid-margin-x > .medium-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .medium-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .medium-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .medium-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .medium-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .medium-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .medium-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .medium-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .medium-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .medium-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .medium-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .medium-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x > .large-auto { width: auto; } .grid-margin-x > .large-shrink { width: auto; } .grid-margin-x > .large-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .large-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .large-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .large-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .large-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .large-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .large-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .large-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .large-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .large-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .large-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .large-12 { width: calc(100% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-x > .xlarge-auto { width: auto; } .grid-margin-x > .xlarge-shrink { width: auto; } .grid-margin-x > .xlarge-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .xlarge-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .xlarge-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .xlarge-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .xlarge-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .xlarge-12 { width: calc(100% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-x > .xxlarge-auto { width: auto; } .grid-margin-x > .xxlarge-shrink { width: auto; } .grid-margin-x > .xxlarge-1 { width: calc(8.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-2 { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-3 { width: calc(25% - 1.875rem); } .grid-margin-x > .xxlarge-4 { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-5 { width: calc(41.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-6 { width: calc(50% - 1.875rem); } .grid-margin-x > .xxlarge-7 { width: calc(58.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-8 { width: calc(66.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-9 { width: calc(75% - 1.875rem); } .grid-margin-x > .xxlarge-10 { width: calc(83.3333333333% - 1.875rem); } .grid-margin-x > .xxlarge-11 { width: calc(91.6666666667% - 1.875rem); } .grid-margin-x > .xxlarge-12 { width: calc(100% - 1.875rem); } } .grid-padding-x .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-container:not(.full) > .grid-padding-x { margin-right: -0.625rem; margin-left: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-container:not(.full) > .grid-padding-x { margin-right: -0.9375rem; margin-left: -0.9375rem; } } .grid-padding-x > .cell { padding-right: 0.625rem; padding-left: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-x > .cell { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-up-1 > .cell { width: 100%; } .small-up-2 > .cell { width: 50%; } .small-up-3 > .cell { width: 33.3333333333%; } .small-up-4 > .cell { width: 25%; } .small-up-5 > .cell { width: 20%; } .small-up-6 > .cell { width: 16.6666666667%; } .small-up-7 > .cell { width: 14.2857142857%; } .small-up-8 > .cell { width: 12.5%; } @media print, screen and (min-width: 40em) { .medium-up-1 > .cell { width: 100%; } .medium-up-2 > .cell { width: 50%; } .medium-up-3 > .cell { width: 33.3333333333%; } .medium-up-4 > .cell { width: 25%; } .medium-up-5 > .cell { width: 20%; } .medium-up-6 > .cell { width: 16.6666666667%; } .medium-up-7 > .cell { width: 14.2857142857%; } .medium-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 64em) { .large-up-1 > .cell { width: 100%; } .large-up-2 > .cell { width: 50%; } .large-up-3 > .cell { width: 33.3333333333%; } .large-up-4 > .cell { width: 25%; } .large-up-5 > .cell { width: 20%; } .large-up-6 > .cell { width: 16.6666666667%; } .large-up-7 > .cell { width: 14.2857142857%; } .large-up-8 > .cell { width: 12.5%; } } @media print, screen and (min-width: 75em) { .xlarge-up-1 > .cell { width: 100%; } .xlarge-up-2 > .cell { width: 50%; } .xlarge-up-3 > .cell { width: 33.3333333333%; } .xlarge-up-4 > .cell { width: 25%; } .xlarge-up-5 > .cell { width: 20%; } .xlarge-up-6 > .cell { width: 16.6666666667%; } .xlarge-up-7 > .cell { width: 14.2857142857%; } .xlarge-up-8 > .cell { width: 12.5%; } } @media screen and (min-width: 90em) { .xxlarge-up-1 > .cell { width: 100%; } .xxlarge-up-2 > .cell { width: 50%; } .xxlarge-up-3 > .cell { width: 33.3333333333%; } .xxlarge-up-4 > .cell { width: 25%; } .xxlarge-up-5 > .cell { width: 20%; } .xxlarge-up-6 > .cell { width: 16.6666666667%; } .xxlarge-up-7 > .cell { width: 14.2857142857%; } .xxlarge-up-8 > .cell { width: 12.5%; } } .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.25rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.25rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.25rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.25rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.25rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.25rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.25rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-x.small-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.small-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.small-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.small-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.small-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.small-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.small-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.small-up-8 > .cell { width: calc(12.5% - 1.875rem); } .grid-margin-x.medium-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.medium-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.medium-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.medium-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.medium-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.medium-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.medium-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.medium-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-x.large-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.large-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.large-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.large-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.large-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.large-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.large-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.large-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-x.xlarge-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.xlarge-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.xlarge-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.xlarge-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.xlarge-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.xlarge-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.xlarge-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.xlarge-up-8 > .cell { width: calc(12.5% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-x.xxlarge-up-1 > .cell { width: calc(100% - 1.875rem); } .grid-margin-x.xxlarge-up-2 > .cell { width: calc(50% - 1.875rem); } .grid-margin-x.xxlarge-up-3 > .cell { width: calc(33.3333333333% - 1.875rem); } .grid-margin-x.xxlarge-up-4 > .cell { width: calc(25% - 1.875rem); } .grid-margin-x.xxlarge-up-5 > .cell { width: calc(20% - 1.875rem); } .grid-margin-x.xxlarge-up-6 > .cell { width: calc(16.6666666667% - 1.875rem); } .grid-margin-x.xxlarge-up-7 > .cell { width: calc(14.2857142857% - 1.875rem); } .grid-margin-x.xxlarge-up-8 > .cell { width: calc(12.5% - 1.875rem); } } .small-margin-collapse { margin-right: 0; margin-left: 0; } .small-margin-collapse > .cell { margin-right: 0; margin-left: 0; } .small-margin-collapse > .small-1 { width: 8.3333333333%; } .small-margin-collapse > .small-2 { width: 16.6666666667%; } .small-margin-collapse > .small-3 { width: 25%; } .small-margin-collapse > .small-4 { width: 33.3333333333%; } .small-margin-collapse > .small-5 { width: 41.6666666667%; } .small-margin-collapse > .small-6 { width: 50%; } .small-margin-collapse > .small-7 { width: 58.3333333333%; } .small-margin-collapse > .small-8 { width: 66.6666666667%; } .small-margin-collapse > .small-9 { width: 75%; } .small-margin-collapse > .small-10 { width: 83.3333333333%; } .small-margin-collapse > .small-11 { width: 91.6666666667%; } .small-margin-collapse > .small-12 { width: 100%; } @media print, screen and (min-width: 40em) { .small-margin-collapse > .medium-1 { width: 8.3333333333%; } .small-margin-collapse > .medium-2 { width: 16.6666666667%; } .small-margin-collapse > .medium-3 { width: 25%; } .small-margin-collapse > .medium-4 { width: 33.3333333333%; } .small-margin-collapse > .medium-5 { width: 41.6666666667%; } .small-margin-collapse > .medium-6 { width: 50%; } .small-margin-collapse > .medium-7 { width: 58.3333333333%; } .small-margin-collapse > .medium-8 { width: 66.6666666667%; } .small-margin-collapse > .medium-9 { width: 75%; } .small-margin-collapse > .medium-10 { width: 83.3333333333%; } .small-margin-collapse > .medium-11 { width: 91.6666666667%; } .small-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .small-margin-collapse > .large-1 { width: 8.3333333333%; } .small-margin-collapse > .large-2 { width: 16.6666666667%; } .small-margin-collapse > .large-3 { width: 25%; } .small-margin-collapse > .large-4 { width: 33.3333333333%; } .small-margin-collapse > .large-5 { width: 41.6666666667%; } .small-margin-collapse > .large-6 { width: 50%; } .small-margin-collapse > .large-7 { width: 58.3333333333%; } .small-margin-collapse > .large-8 { width: 66.6666666667%; } .small-margin-collapse > .large-9 { width: 75%; } .small-margin-collapse > .large-10 { width: 83.3333333333%; } .small-margin-collapse > .large-11 { width: 91.6666666667%; } .small-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .small-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xlarge-3 { width: 25%; } .small-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xlarge-6 { width: 50%; } .small-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xlarge-9 { width: 75%; } .small-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .small-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .small-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .small-margin-collapse > .xxlarge-3 { width: 25%; } .small-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .small-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .small-margin-collapse > .xxlarge-6 { width: 50%; } .small-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .small-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .small-margin-collapse > .xxlarge-9 { width: 75%; } .small-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .small-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .small-margin-collapse > .xxlarge-12 { width: 100%; } } .small-padding-collapse { margin-right: 0; margin-left: 0; } .small-padding-collapse > .cell { padding-right: 0; padding-left: 0; } @media print, screen and (min-width: 40em) { .medium-margin-collapse { margin-right: 0; margin-left: 0; } .medium-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .small-1 { width: 8.3333333333%; } .medium-margin-collapse > .small-2 { width: 16.6666666667%; } .medium-margin-collapse > .small-3 { width: 25%; } .medium-margin-collapse > .small-4 { width: 33.3333333333%; } .medium-margin-collapse > .small-5 { width: 41.6666666667%; } .medium-margin-collapse > .small-6 { width: 50%; } .medium-margin-collapse > .small-7 { width: 58.3333333333%; } .medium-margin-collapse > .small-8 { width: 66.6666666667%; } .medium-margin-collapse > .small-9 { width: 75%; } .medium-margin-collapse > .small-10 { width: 83.3333333333%; } .medium-margin-collapse > .small-11 { width: 91.6666666667%; } .medium-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-margin-collapse > .medium-1 { width: 8.3333333333%; } .medium-margin-collapse > .medium-2 { width: 16.6666666667%; } .medium-margin-collapse > .medium-3 { width: 25%; } .medium-margin-collapse > .medium-4 { width: 33.3333333333%; } .medium-margin-collapse > .medium-5 { width: 41.6666666667%; } .medium-margin-collapse > .medium-6 { width: 50%; } .medium-margin-collapse > .medium-7 { width: 58.3333333333%; } .medium-margin-collapse > .medium-8 { width: 66.6666666667%; } .medium-margin-collapse > .medium-9 { width: 75%; } .medium-margin-collapse > .medium-10 { width: 83.3333333333%; } .medium-margin-collapse > .medium-11 { width: 91.6666666667%; } .medium-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .medium-margin-collapse > .large-1 { width: 8.3333333333%; } .medium-margin-collapse > .large-2 { width: 16.6666666667%; } .medium-margin-collapse > .large-3 { width: 25%; } .medium-margin-collapse > .large-4 { width: 33.3333333333%; } .medium-margin-collapse > .large-5 { width: 41.6666666667%; } .medium-margin-collapse > .large-6 { width: 50%; } .medium-margin-collapse > .large-7 { width: 58.3333333333%; } .medium-margin-collapse > .large-8 { width: 66.6666666667%; } .medium-margin-collapse > .large-9 { width: 75%; } .medium-margin-collapse > .large-10 { width: 83.3333333333%; } .medium-margin-collapse > .large-11 { width: 91.6666666667%; } .medium-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .medium-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xlarge-3 { width: 25%; } .medium-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xlarge-6 { width: 50%; } .medium-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xlarge-9 { width: 75%; } .medium-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .medium-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .medium-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .medium-margin-collapse > .xxlarge-3 { width: 25%; } .medium-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .medium-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .medium-margin-collapse > .xxlarge-6 { width: 50%; } .medium-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .medium-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .medium-margin-collapse > .xxlarge-9 { width: 75%; } .medium-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .medium-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .medium-margin-collapse > .xxlarge-12 { width: 100%; } } @media print, screen and (min-width: 40em) { .medium-padding-collapse { margin-right: 0; margin-left: 0; } .medium-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse { margin-right: 0; margin-left: 0; } .large-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .small-1 { width: 8.3333333333%; } .large-margin-collapse > .small-2 { width: 16.6666666667%; } .large-margin-collapse > .small-3 { width: 25%; } .large-margin-collapse > .small-4 { width: 33.3333333333%; } .large-margin-collapse > .small-5 { width: 41.6666666667%; } .large-margin-collapse > .small-6 { width: 50%; } .large-margin-collapse > .small-7 { width: 58.3333333333%; } .large-margin-collapse > .small-8 { width: 66.6666666667%; } .large-margin-collapse > .small-9 { width: 75%; } .large-margin-collapse > .small-10 { width: 83.3333333333%; } .large-margin-collapse > .small-11 { width: 91.6666666667%; } .large-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .medium-1 { width: 8.3333333333%; } .large-margin-collapse > .medium-2 { width: 16.6666666667%; } .large-margin-collapse > .medium-3 { width: 25%; } .large-margin-collapse > .medium-4 { width: 33.3333333333%; } .large-margin-collapse > .medium-5 { width: 41.6666666667%; } .large-margin-collapse > .medium-6 { width: 50%; } .large-margin-collapse > .medium-7 { width: 58.3333333333%; } .large-margin-collapse > .medium-8 { width: 66.6666666667%; } .large-margin-collapse > .medium-9 { width: 75%; } .large-margin-collapse > .medium-10 { width: 83.3333333333%; } .large-margin-collapse > .medium-11 { width: 91.6666666667%; } .large-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-margin-collapse > .large-1 { width: 8.3333333333%; } .large-margin-collapse > .large-2 { width: 16.6666666667%; } .large-margin-collapse > .large-3 { width: 25%; } .large-margin-collapse > .large-4 { width: 33.3333333333%; } .large-margin-collapse > .large-5 { width: 41.6666666667%; } .large-margin-collapse > .large-6 { width: 50%; } .large-margin-collapse > .large-7 { width: 58.3333333333%; } .large-margin-collapse > .large-8 { width: 66.6666666667%; } .large-margin-collapse > .large-9 { width: 75%; } .large-margin-collapse > .large-10 { width: 83.3333333333%; } .large-margin-collapse > .large-11 { width: 91.6666666667%; } .large-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .large-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xlarge-3 { width: 25%; } .large-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xlarge-6 { width: 50%; } .large-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xlarge-9 { width: 75%; } .large-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .large-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .large-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .large-margin-collapse > .xxlarge-3 { width: 25%; } .large-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .large-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .large-margin-collapse > .xxlarge-6 { width: 50%; } .large-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .large-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .large-margin-collapse > .xxlarge-9 { width: 75%; } .large-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .large-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .large-margin-collapse > .xxlarge-12 { width: 100%; } } @media print, screen and (min-width: 64em) { .large-padding-collapse { margin-right: 0; margin-left: 0; } .large-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media print, screen and (min-width: 75em) { .xlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media print, screen and (min-width: 75em) { .xlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .small-3 { width: 25%; } .xlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .small-6 { width: 50%; } .xlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .small-9 { width: 75%; } .xlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .small-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .xlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .medium-3 { width: 25%; } .xlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .medium-6 { width: 50%; } .xlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .medium-9 { width: 75%; } .xlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .medium-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .xlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .large-3 { width: 25%; } .xlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .large-6 { width: 50%; } .xlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .large-9 { width: 75%; } .xlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .large-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .xlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xlarge-3 { width: 25%; } .xlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xlarge-6 { width: 50%; } .xlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xlarge-9 { width: 75%; } .xlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .xlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media print, screen and (min-width: 75em) { .xlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse { margin-right: 0; margin-left: 0; } .xxlarge-margin-collapse > .cell { margin-right: 0; margin-left: 0; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .small-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .small-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .small-3 { width: 25%; } .xxlarge-margin-collapse > .small-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .small-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .small-6 { width: 50%; } .xxlarge-margin-collapse > .small-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .small-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .small-9 { width: 75%; } .xxlarge-margin-collapse > .small-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .small-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .small-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .medium-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .medium-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .medium-3 { width: 25%; } .xxlarge-margin-collapse > .medium-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .medium-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .medium-6 { width: 50%; } .xxlarge-margin-collapse > .medium-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .medium-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .medium-9 { width: 75%; } .xxlarge-margin-collapse > .medium-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .medium-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .medium-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .large-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .large-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .large-3 { width: 25%; } .xxlarge-margin-collapse > .large-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .large-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .large-6 { width: 50%; } .xxlarge-margin-collapse > .large-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .large-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .large-9 { width: 75%; } .xxlarge-margin-collapse > .large-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .large-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .large-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .xlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-margin-collapse > .xxlarge-1 { width: 8.3333333333%; } .xxlarge-margin-collapse > .xxlarge-2 { width: 16.6666666667%; } .xxlarge-margin-collapse > .xxlarge-3 { width: 25%; } .xxlarge-margin-collapse > .xxlarge-4 { width: 33.3333333333%; } .xxlarge-margin-collapse > .xxlarge-5 { width: 41.6666666667%; } .xxlarge-margin-collapse > .xxlarge-6 { width: 50%; } .xxlarge-margin-collapse > .xxlarge-7 { width: 58.3333333333%; } .xxlarge-margin-collapse > .xxlarge-8 { width: 66.6666666667%; } .xxlarge-margin-collapse > .xxlarge-9 { width: 75%; } .xxlarge-margin-collapse > .xxlarge-10 { width: 83.3333333333%; } .xxlarge-margin-collapse > .xxlarge-11 { width: 91.6666666667%; } .xxlarge-margin-collapse > .xxlarge-12 { width: 100%; } } @media screen and (min-width: 90em) { .xxlarge-padding-collapse { margin-right: 0; margin-left: 0; } .xxlarge-padding-collapse > .cell { padding-right: 0; padding-left: 0; } } .small-offset-0 { margin-left: 0%; } .grid-margin-x > .small-offset-0 { margin-left: calc(0% + 1.25rem / 2); } .small-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .small-offset-1 { margin-left: calc(8.3333333333% + 1.25rem / 2); } .small-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .small-offset-2 { margin-left: calc(16.6666666667% + 1.25rem / 2); } .small-offset-3 { margin-left: 25%; } .grid-margin-x > .small-offset-3 { margin-left: calc(25% + 1.25rem / 2); } .small-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .small-offset-4 { margin-left: calc(33.3333333333% + 1.25rem / 2); } .small-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .small-offset-5 { margin-left: calc(41.6666666667% + 1.25rem / 2); } .small-offset-6 { margin-left: 50%; } .grid-margin-x > .small-offset-6 { margin-left: calc(50% + 1.25rem / 2); } .small-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .small-offset-7 { margin-left: calc(58.3333333333% + 1.25rem / 2); } .small-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .small-offset-8 { margin-left: calc(66.6666666667% + 1.25rem / 2); } .small-offset-9 { margin-left: 75%; } .grid-margin-x > .small-offset-9 { margin-left: calc(75% + 1.25rem / 2); } .small-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .small-offset-10 { margin-left: calc(83.3333333333% + 1.25rem / 2); } .small-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .small-offset-11 { margin-left: calc(91.6666666667% + 1.25rem / 2); } @media print, screen and (min-width: 40em) { .medium-offset-0 { margin-left: 0%; } .grid-margin-x > .medium-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .medium-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .medium-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .medium-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .medium-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .medium-offset-3 { margin-left: 25%; } .grid-margin-x > .medium-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .medium-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .medium-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .medium-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .medium-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .medium-offset-6 { margin-left: 50%; } .grid-margin-x > .medium-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .medium-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .medium-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .medium-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .medium-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .medium-offset-9 { margin-left: 75%; } .grid-margin-x > .medium-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .medium-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .medium-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .medium-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .medium-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } @media print, screen and (min-width: 64em) { .large-offset-0 { margin-left: 0%; } .grid-margin-x > .large-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .large-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .large-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .large-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .large-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .large-offset-3 { margin-left: 25%; } .grid-margin-x > .large-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .large-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .large-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .large-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .large-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .large-offset-6 { margin-left: 50%; } .grid-margin-x > .large-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .large-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .large-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .large-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .large-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .large-offset-9 { margin-left: 75%; } .grid-margin-x > .large-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .large-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .large-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .large-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .large-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } @media print, screen and (min-width: 75em) { .xlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xlarge-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .xlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xlarge-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .xlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xlarge-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .xlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xlarge-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .xlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xlarge-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .xlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xlarge-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .xlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xlarge-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .xlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xlarge-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .xlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xlarge-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .xlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xlarge-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .xlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xlarge-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .xlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xlarge-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } @media screen and (min-width: 90em) { .xxlarge-offset-0 { margin-left: 0%; } .grid-margin-x > .xxlarge-offset-0 { margin-left: calc(0% + 1.875rem / 2); } .xxlarge-offset-1 { margin-left: 8.3333333333%; } .grid-margin-x > .xxlarge-offset-1 { margin-left: calc(8.3333333333% + 1.875rem / 2); } .xxlarge-offset-2 { margin-left: 16.6666666667%; } .grid-margin-x > .xxlarge-offset-2 { margin-left: calc(16.6666666667% + 1.875rem / 2); } .xxlarge-offset-3 { margin-left: 25%; } .grid-margin-x > .xxlarge-offset-3 { margin-left: calc(25% + 1.875rem / 2); } .xxlarge-offset-4 { margin-left: 33.3333333333%; } .grid-margin-x > .xxlarge-offset-4 { margin-left: calc(33.3333333333% + 1.875rem / 2); } .xxlarge-offset-5 { margin-left: 41.6666666667%; } .grid-margin-x > .xxlarge-offset-5 { margin-left: calc(41.6666666667% + 1.875rem / 2); } .xxlarge-offset-6 { margin-left: 50%; } .grid-margin-x > .xxlarge-offset-6 { margin-left: calc(50% + 1.875rem / 2); } .xxlarge-offset-7 { margin-left: 58.3333333333%; } .grid-margin-x > .xxlarge-offset-7 { margin-left: calc(58.3333333333% + 1.875rem / 2); } .xxlarge-offset-8 { margin-left: 66.6666666667%; } .grid-margin-x > .xxlarge-offset-8 { margin-left: calc(66.6666666667% + 1.875rem / 2); } .xxlarge-offset-9 { margin-left: 75%; } .grid-margin-x > .xxlarge-offset-9 { margin-left: calc(75% + 1.875rem / 2); } .xxlarge-offset-10 { margin-left: 83.3333333333%; } .grid-margin-x > .xxlarge-offset-10 { margin-left: calc(83.3333333333% + 1.875rem / 2); } .xxlarge-offset-11 { margin-left: 91.6666666667%; } .grid-margin-x > .xxlarge-offset-11 { margin-left: calc(91.6666666667% + 1.875rem / 2); } } .grid-y { display: flex; flex-flow: column nowrap; } .grid-y > .cell { height: auto; max-height: none; } .grid-y > .auto { height: auto; } .grid-y > .shrink { height: auto; } .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 { flex-basis: auto; } @media print, screen and (min-width: 40em) { .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 { flex-basis: auto; } } @media print, screen and (min-width: 64em) { .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 { flex-basis: auto; } } @media print, screen and (min-width: 75em) { .grid-y > .xlarge-shrink, .grid-y > .xlarge-full, .grid-y > .xlarge-1, .grid-y > .xlarge-2, .grid-y > .xlarge-3, .grid-y > .xlarge-4, .grid-y > .xlarge-5, .grid-y > .xlarge-6, .grid-y > .xlarge-7, .grid-y > .xlarge-8, .grid-y > .xlarge-9, .grid-y > .xlarge-10, .grid-y > .xlarge-11, .grid-y > .xlarge-12 { flex-basis: auto; } } @media screen and (min-width: 90em) { .grid-y > .xxlarge-shrink, .grid-y > .xxlarge-full, .grid-y > .xxlarge-1, .grid-y > .xxlarge-2, .grid-y > .xxlarge-3, .grid-y > .xxlarge-4, .grid-y > .xxlarge-5, .grid-y > .xxlarge-6, .grid-y > .xxlarge-7, .grid-y > .xxlarge-8, .grid-y > .xxlarge-9, .grid-y > .xxlarge-10, .grid-y > .xxlarge-11, .grid-y > .xxlarge-12 { flex-basis: auto; } } .grid-y > .small-12, .grid-y > .small-11, .grid-y > .small-10, .grid-y > .small-9, .grid-y > .small-8, .grid-y > .small-7, .grid-y > .small-6, .grid-y > .small-5, .grid-y > .small-4, .grid-y > .small-3, .grid-y > .small-2, .grid-y > .small-1 { flex: 0 0 auto; } .grid-y > .small-1 { height: 8.3333333333%; } .grid-y > .small-2 { height: 16.6666666667%; } .grid-y > .small-3 { height: 25%; } .grid-y > .small-4 { height: 33.3333333333%; } .grid-y > .small-5 { height: 41.6666666667%; } .grid-y > .small-6 { height: 50%; } .grid-y > .small-7 { height: 58.3333333333%; } .grid-y > .small-8 { height: 66.6666666667%; } .grid-y > .small-9 { height: 75%; } .grid-y > .small-10 { height: 83.3333333333%; } .grid-y > .small-11 { height: 91.6666666667%; } .grid-y > .small-12 { height: 100%; } @media print, screen and (min-width: 40em) { .grid-y > .medium-auto { flex: 1 1 0; height: auto; } .grid-y > .medium-12, .grid-y > .medium-11, .grid-y > .medium-10, .grid-y > .medium-9, .grid-y > .medium-8, .grid-y > .medium-7, .grid-y > .medium-6, .grid-y > .medium-5, .grid-y > .medium-4, .grid-y > .medium-3, .grid-y > .medium-2, .grid-y > .medium-1, .grid-y > .medium-shrink { flex: 0 0 auto; } .grid-y > .medium-shrink { height: auto; } .grid-y > .medium-1 { height: 8.3333333333%; } .grid-y > .medium-2 { height: 16.6666666667%; } .grid-y > .medium-3 { height: 25%; } .grid-y > .medium-4 { height: 33.3333333333%; } .grid-y > .medium-5 { height: 41.6666666667%; } .grid-y > .medium-6 { height: 50%; } .grid-y > .medium-7 { height: 58.3333333333%; } .grid-y > .medium-8 { height: 66.6666666667%; } .grid-y > .medium-9 { height: 75%; } .grid-y > .medium-10 { height: 83.3333333333%; } .grid-y > .medium-11 { height: 91.6666666667%; } .grid-y > .medium-12 { height: 100%; } } @media print, screen and (min-width: 64em) { .grid-y > .large-auto { flex: 1 1 0; height: auto; } .grid-y > .large-12, .grid-y > .large-11, .grid-y > .large-10, .grid-y > .large-9, .grid-y > .large-8, .grid-y > .large-7, .grid-y > .large-6, .grid-y > .large-5, .grid-y > .large-4, .grid-y > .large-3, .grid-y > .large-2, .grid-y > .large-1, .grid-y > .large-shrink { flex: 0 0 auto; } .grid-y > .large-shrink { height: auto; } .grid-y > .large-1 { height: 8.3333333333%; } .grid-y > .large-2 { height: 16.6666666667%; } .grid-y > .large-3 { height: 25%; } .grid-y > .large-4 { height: 33.3333333333%; } .grid-y > .large-5 { height: 41.6666666667%; } .grid-y > .large-6 { height: 50%; } .grid-y > .large-7 { height: 58.3333333333%; } .grid-y > .large-8 { height: 66.6666666667%; } .grid-y > .large-9 { height: 75%; } .grid-y > .large-10 { height: 83.3333333333%; } .grid-y > .large-11 { height: 91.6666666667%; } .grid-y > .large-12 { height: 100%; } } @media print, screen and (min-width: 75em) { .grid-y > .xlarge-auto { flex: 1 1 0; height: auto; } .grid-y > .xlarge-12, .grid-y > .xlarge-11, .grid-y > .xlarge-10, .grid-y > .xlarge-9, .grid-y > .xlarge-8, .grid-y > .xlarge-7, .grid-y > .xlarge-6, .grid-y > .xlarge-5, .grid-y > .xlarge-4, .grid-y > .xlarge-3, .grid-y > .xlarge-2, .grid-y > .xlarge-1, .grid-y > .xlarge-shrink { flex: 0 0 auto; } .grid-y > .xlarge-shrink { height: auto; } .grid-y > .xlarge-1 { height: 8.3333333333%; } .grid-y > .xlarge-2 { height: 16.6666666667%; } .grid-y > .xlarge-3 { height: 25%; } .grid-y > .xlarge-4 { height: 33.3333333333%; } .grid-y > .xlarge-5 { height: 41.6666666667%; } .grid-y > .xlarge-6 { height: 50%; } .grid-y > .xlarge-7 { height: 58.3333333333%; } .grid-y > .xlarge-8 { height: 66.6666666667%; } .grid-y > .xlarge-9 { height: 75%; } .grid-y > .xlarge-10 { height: 83.3333333333%; } .grid-y > .xlarge-11 { height: 91.6666666667%; } .grid-y > .xlarge-12 { height: 100%; } } @media screen and (min-width: 90em) { .grid-y > .xxlarge-auto { flex: 1 1 0; height: auto; } .grid-y > .xxlarge-12, .grid-y > .xxlarge-11, .grid-y > .xxlarge-10, .grid-y > .xxlarge-9, .grid-y > .xxlarge-8, .grid-y > .xxlarge-7, .grid-y > .xxlarge-6, .grid-y > .xxlarge-5, .grid-y > .xxlarge-4, .grid-y > .xxlarge-3, .grid-y > .xxlarge-2, .grid-y > .xxlarge-1, .grid-y > .xxlarge-shrink { flex: 0 0 auto; } .grid-y > .xxlarge-shrink { height: auto; } .grid-y > .xxlarge-1 { height: 8.3333333333%; } .grid-y > .xxlarge-2 { height: 16.6666666667%; } .grid-y > .xxlarge-3 { height: 25%; } .grid-y > .xxlarge-4 { height: 33.3333333333%; } .grid-y > .xxlarge-5 { height: 41.6666666667%; } .grid-y > .xxlarge-6 { height: 50%; } .grid-y > .xxlarge-7 { height: 58.3333333333%; } .grid-y > .xxlarge-8 { height: 66.6666666667%; } .grid-y > .xxlarge-9 { height: 75%; } .grid-y > .xxlarge-10 { height: 83.3333333333%; } .grid-y > .xxlarge-11 { height: 91.6666666667%; } .grid-y > .xxlarge-12 { height: 100%; } } .grid-padding-y .grid-padding-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y .grid-padding-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-padding-y > .cell { padding-top: 0.625rem; padding-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-padding-y > .cell { padding-top: 0.9375rem; padding-bottom: 0.9375rem; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-y > .xxlarge-auto { height: auto; } .grid-margin-y > .xxlarge-shrink { height: auto; } .grid-margin-y > .xxlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xxlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xxlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xxlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-12 { height: calc(100% - 1.875rem); } } .grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .grid-frame { width: 100%; } .cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } @media print, screen and (min-width: 40em) { .medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .medium-grid-frame { width: 100%; } .medium-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .medium-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .medium-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .medium-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 64em) { .large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .large-grid-frame { width: 100%; } .large-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .large-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .large-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .large-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media print, screen and (min-width: 75em) { .xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xlarge-grid-frame { width: 100%; } .xlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } @media screen and (min-width: 90em) { .xxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100vw; } .cell .xxlarge-grid-frame { width: 100%; } .xxlarge-cell-block { overflow-x: auto; max-width: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .xxlarge-cell-block-container { display: flex; flex-direction: column; max-height: 100%; } .xxlarge-cell-block-container > .grid-x { max-height: 100%; flex-wrap: nowrap; } .xxlarge-cell-block-y { overflow-y: auto; max-height: 100%; min-height: 100%; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } } .grid-y.grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } @media print, screen and (min-width: 40em) { .grid-y.medium-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } @media print, screen and (min-width: 64em) { .grid-y.large-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } @media print, screen and (min-width: 75em) { .grid-y.xlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } @media screen and (min-width: 90em) { .grid-y.xxlarge-grid-frame { overflow: hidden; position: relative; flex-wrap: nowrap; align-items: stretch; height: 100vh; width: auto; } } .cell .grid-y.grid-frame { height: 100%; } @media print, screen and (min-width: 40em) { .cell .grid-y.medium-grid-frame { height: 100%; } } @media print, screen and (min-width: 64em) { .cell .grid-y.large-grid-frame { height: 100%; } } @media print, screen and (min-width: 75em) { .cell .grid-y.xlarge-grid-frame { height: 100%; } } @media screen and (min-width: 90em) { .cell .grid-y.xxlarge-grid-frame { height: 100%; } } .grid-margin-y { margin-top: -0.625rem; margin-bottom: -0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y { margin-top: -0.9375rem; margin-bottom: -0.9375rem; } } .grid-margin-y > .cell { height: calc(100% - 1.25rem); margin-top: 0.625rem; margin-bottom: 0.625rem; } @media print, screen and (min-width: 40em) { .grid-margin-y > .cell { height: calc(100% - 1.875rem); margin-top: 0.9375rem; margin-bottom: 0.9375rem; } } .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.25rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.25rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.25rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.25rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.25rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.25rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.25rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.25rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.25rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.25rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.25rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.25rem); } @media print, screen and (min-width: 40em) { .grid-margin-y > .auto { height: auto; } .grid-margin-y > .shrink { height: auto; } .grid-margin-y > .small-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .small-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .small-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .small-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .small-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .small-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .small-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .small-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .small-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .small-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .small-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .small-12 { height: calc(100% - 1.875rem); } .grid-margin-y > .medium-auto { height: auto; } .grid-margin-y > .medium-shrink { height: auto; } .grid-margin-y > .medium-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .medium-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .medium-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .medium-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .medium-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .medium-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .medium-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .medium-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .medium-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .medium-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .medium-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .medium-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y > .large-auto { height: auto; } .grid-margin-y > .large-shrink { height: auto; } .grid-margin-y > .large-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .large-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .large-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .large-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .large-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .large-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .large-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .large-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .large-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .large-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .large-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .large-12 { height: calc(100% - 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-y > .xlarge-auto { height: auto; } .grid-margin-y > .xlarge-shrink { height: auto; } .grid-margin-y > .xlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xlarge-12 { height: calc(100% - 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-y > .xxlarge-auto { height: auto; } .grid-margin-y > .xxlarge-shrink { height: auto; } .grid-margin-y > .xxlarge-1 { height: calc(8.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-2 { height: calc(16.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-3 { height: calc(25% - 1.875rem); } .grid-margin-y > .xxlarge-4 { height: calc(33.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-5 { height: calc(41.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-6 { height: calc(50% - 1.875rem); } .grid-margin-y > .xxlarge-7 { height: calc(58.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-8 { height: calc(66.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-9 { height: calc(75% - 1.875rem); } .grid-margin-y > .xxlarge-10 { height: calc(83.3333333333% - 1.875rem); } .grid-margin-y > .xxlarge-11 { height: calc(91.6666666667% - 1.875rem); } .grid-margin-y > .xxlarge-12 { height: calc(100% - 1.875rem); } } .grid-frame.grid-margin-y { height: calc(100vh + 1.25rem); } @media print, screen and (min-width: 40em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 90em) { .grid-frame.grid-margin-y { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 40em) { .grid-margin-y.medium-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 64em) { .grid-margin-y.large-grid-frame { height: calc(100vh + 1.875rem); } } @media print, screen and (min-width: 75em) { .grid-margin-y.xlarge-grid-frame { height: calc(100vh + 1.875rem); } } @media screen and (min-width: 90em) { .grid-margin-y.xxlarge-grid-frame { height: calc(100vh + 1.875rem); } } .button { display: inline-block; vertical-align: middle; margin: 0 0 1rem 0; border: 1px solid transparent; border-radius: 5rem; transition: background-color 0.25s ease-out, color 0.25s ease-out; font-family: inherit; font-size: 1.125rem; font-weight: 500; -webkit-appearance: none; line-height: 1; text-align: center; cursor: pointer; padding: 1.18rem 1.81rem; } [data-whatinput=mouse] .button { outline: 0; } .button.tiny { font-size: 0.6rem; } .button.small { font-size: 0.75rem; } .button.large { font-size: 1.25rem; } .button.expanded { display: block; width: 100%; margin-right: 0; margin-left: 0; } .button, .button.disabled, .button[disabled], .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus { background-color: #DD1A1D; color: #fff; } .button:hover, .button:focus { background-color: rgb(187.85, 22.1, 24.65); color: #fff; } .button.primary, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus { background-color: #DD1A1D; color: #fff; } .button.primary:hover, .button.primary:focus { background-color: rgb(176.8, 20.8, 23.2); color: #fff; } .button.secondary, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus { background-color: #133478; color: #fff; } .button.secondary:hover, .button.secondary:focus { background-color: rgb(15.2, 41.6, 96); color: #fff; } .button.success, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus { background-color: #3adb76; color: #000; } .button.success:hover, .button.success:focus { background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); color: #000; } .button.warning, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus { background-color: #ffae00; color: #000; } .button.warning:hover, .button.warning:focus { background-color: rgb(204, 139.2, 0); color: #000; } .button.alert, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus { background-color: #E63329; color: #000; } .button.alert:hover, .button.alert:focus { background-color: rgb(194.1221757322, 31.7489539749, 22.6778242678); color: #000; } .button.hollow, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus { background-color: transparent; } .button.hollow, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus { border: 1px solid #DD1A1D; color: #DD1A1D; } .button.hollow:hover, .button.hollow:focus { border-color: rgb(110.5, 13, 14.5); color: rgb(110.5, 13, 14.5); } .button.hollow.primary, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus { border: 1px solid #DD1A1D; color: #DD1A1D; } .button.hollow.primary:hover, .button.hollow.primary:focus { border-color: rgb(110.5, 13, 14.5); color: rgb(110.5, 13, 14.5); } .button.hollow.secondary, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus { border: 1px solid #133478; color: #133478; } .button.hollow.secondary:hover, .button.hollow.secondary:focus { border-color: rgb(9.5, 26, 60); color: rgb(9.5, 26, 60); } .button.hollow.success, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button.hollow.success:hover, .button.hollow.success:focus { border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button.hollow.warning, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button.hollow.warning:hover, .button.hollow.warning:focus { border-color: rgb(127.5, 87, 0); color: rgb(127.5, 87, 0); } .button.hollow.alert, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus { border: 1px solid #E63329; color: #E63329; } .button.hollow.alert:hover, .button.hollow.alert:focus { border-color: rgb(121.3263598326, 19.8430962343, 14.1736401674); color: rgb(121.3263598326, 19.8430962343, 14.1736401674); } .button.clear, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus { border-color: transparent; background-color: transparent; } .button.clear, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus { color: #DD1A1D; } .button.clear:hover, .button.clear:focus { color: rgb(110.5, 13, 14.5); } .button.clear.primary, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus { color: #DD1A1D; } .button.clear.primary:hover, .button.clear.primary:focus { color: rgb(110.5, 13, 14.5); } .button.clear.secondary, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus { color: #133478; } .button.clear.secondary:hover, .button.clear.secondary:focus { color: rgb(9.5, 26, 60); } .button.clear.success, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus { color: #3adb76; } .button.clear.success:hover, .button.clear.success:focus { color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button.clear.warning, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus { color: #ffae00; } .button.clear.warning:hover, .button.clear.warning:focus { color: rgb(127.5, 87, 0); } .button.clear.alert, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus { color: #E63329; } .button.clear.alert:hover, .button.clear.alert:focus { color: rgb(121.3263598326, 19.8430962343, 14.1736401674); } .button.disabled, .button[disabled] { opacity: 0.25; cursor: not-allowed; } .button.dropdown::after { display: block; width: 0; height: 0; border-style: solid; border-width: 0.4em; content: ""; border-bottom-width: 0; border-color: #fff transparent transparent; position: relative; top: 0.4em; display: inline-block; float: right; margin-left: 1.81rem; } .button.dropdown.hollow::after, .button.dropdown.clear::after { border-top-color: #DD1A1D; } .button.dropdown.hollow.primary::after, .button.dropdown.clear.primary::after { border-top-color: #DD1A1D; } .button.dropdown.hollow.secondary::after, .button.dropdown.clear.secondary::after { border-top-color: #133478; } .button.dropdown.hollow.success::after, .button.dropdown.clear.success::after { border-top-color: #3adb76; } .button.dropdown.hollow.warning::after, .button.dropdown.clear.warning::after { border-top-color: #ffae00; } .button.dropdown.hollow.alert::after, .button.dropdown.clear.alert::after { border-top-color: #E63329; } .button.arrow-only::after { top: -0.1em; float: none; margin-left: 0; } a.button:hover, a.button:focus { text-decoration: none; } .button-group { margin-bottom: 1rem; display: flex; flex-wrap: wrap; align-items: stretch; flex-grow: 1; } .button-group::before, .button-group::after { display: none; } .button-group::before, .button-group::after { display: table; content: " "; flex-basis: 0; order: 1; } .button-group::after { clear: both; } .button-group .button { margin: 0; margin-right: 1px; margin-bottom: 1px; font-size: 1.125rem; flex: 0 0 auto; } .button-group .button:last-child { margin-right: 0; } .button-group.tiny .button { font-size: 0.6rem; } .button-group.small .button { font-size: 0.75rem; } .button-group.large .button { font-size: 1.25rem; } .button-group.expanded .button { flex: 1 1 0px; } .button-group.primary .button, .button-group.primary .button.disabled, .button-group.primary .button[disabled], .button-group.primary .button.disabled:hover, .button-group.primary .button[disabled]:hover, .button-group.primary .button.disabled:focus, .button-group.primary .button[disabled]:focus { background-color: #DD1A1D; color: #fff; } .button-group.primary .button:hover, .button-group.primary .button:focus { background-color: rgb(176.8, 20.8, 23.2); color: #fff; } .button-group.secondary .button, .button-group.secondary .button.disabled, .button-group.secondary .button[disabled], .button-group.secondary .button.disabled:hover, .button-group.secondary .button[disabled]:hover, .button-group.secondary .button.disabled:focus, .button-group.secondary .button[disabled]:focus { background-color: #133478; color: #fff; } .button-group.secondary .button:hover, .button-group.secondary .button:focus { background-color: rgb(15.2, 41.6, 96); color: #fff; } .button-group.success .button, .button-group.success .button.disabled, .button-group.success .button[disabled], .button-group.success .button.disabled:hover, .button-group.success .button[disabled]:hover, .button-group.success .button.disabled:focus, .button-group.success .button[disabled]:focus { background-color: #3adb76; color: #000; } .button-group.success .button:hover, .button-group.success .button:focus { background-color: rgb(34.2386266094, 187.3613733906, 91.3030042918); color: #000; } .button-group.warning .button, .button-group.warning .button.disabled, .button-group.warning .button[disabled], .button-group.warning .button.disabled:hover, .button-group.warning .button[disabled]:hover, .button-group.warning .button.disabled:focus, .button-group.warning .button[disabled]:focus { background-color: #ffae00; color: #000; } .button-group.warning .button:hover, .button-group.warning .button:focus { background-color: rgb(204, 139.2, 0); color: #000; } .button-group.alert .button, .button-group.alert .button.disabled, .button-group.alert .button[disabled], .button-group.alert .button.disabled:hover, .button-group.alert .button[disabled]:hover, .button-group.alert .button.disabled:focus, .button-group.alert .button[disabled]:focus { background-color: #E63329; color: #000; } .button-group.alert .button:hover, .button-group.alert .button:focus { background-color: rgb(194.1221757322, 31.7489539749, 22.6778242678); color: #000; } .button-group.hollow .button, .button-group.hollow .button:hover, .button-group.hollow .button:focus, .button-group.hollow .button.disabled, .button-group.hollow .button.disabled:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled], .button-group.hollow .button[disabled]:hover, .button-group.hollow .button[disabled]:focus { background-color: transparent; } .button-group.hollow .button, .button-group.hollow .button.disabled, .button-group.hollow .button[disabled], .button-group.hollow .button.disabled:hover, .button-group.hollow .button[disabled]:hover, .button-group.hollow .button.disabled:focus, .button-group.hollow .button[disabled]:focus { border: 1px solid #DD1A1D; color: #DD1A1D; } .button-group.hollow .button:hover, .button-group.hollow .button:focus { border-color: rgb(110.5, 13, 14.5); color: rgb(110.5, 13, 14.5); } .button-group.hollow.primary .button, .button-group.hollow.primary .button.disabled, .button-group.hollow.primary .button[disabled], .button-group.hollow.primary .button.disabled:hover, .button-group.hollow.primary .button[disabled]:hover, .button-group.hollow.primary .button.disabled:focus, .button-group.hollow.primary .button[disabled]:focus, .button-group.hollow .button.primary, .button-group.hollow .button.primary.disabled, .button-group.hollow .button.primary[disabled], .button-group.hollow .button.primary.disabled:hover, .button-group.hollow .button.primary[disabled]:hover, .button-group.hollow .button.primary.disabled:focus, .button-group.hollow .button.primary[disabled]:focus { border: 1px solid #DD1A1D; color: #DD1A1D; } .button-group.hollow.primary .button:hover, .button-group.hollow.primary .button:focus, .button-group.hollow .button.primary:hover, .button-group.hollow .button.primary:focus { border-color: rgb(110.5, 13, 14.5); color: rgb(110.5, 13, 14.5); } .button-group.hollow.secondary .button, .button-group.hollow.secondary .button.disabled, .button-group.hollow.secondary .button[disabled], .button-group.hollow.secondary .button.disabled:hover, .button-group.hollow.secondary .button[disabled]:hover, .button-group.hollow.secondary .button.disabled:focus, .button-group.hollow.secondary .button[disabled]:focus, .button-group.hollow .button.secondary, .button-group.hollow .button.secondary.disabled, .button-group.hollow .button.secondary[disabled], .button-group.hollow .button.secondary.disabled:hover, .button-group.hollow .button.secondary[disabled]:hover, .button-group.hollow .button.secondary.disabled:focus, .button-group.hollow .button.secondary[disabled]:focus { border: 1px solid #133478; color: #133478; } .button-group.hollow.secondary .button:hover, .button-group.hollow.secondary .button:focus, .button-group.hollow .button.secondary:hover, .button-group.hollow .button.secondary:focus { border-color: rgb(9.5, 26, 60); color: rgb(9.5, 26, 60); } .button-group.hollow.success .button, .button-group.hollow.success .button.disabled, .button-group.hollow.success .button[disabled], .button-group.hollow.success .button.disabled:hover, .button-group.hollow.success .button[disabled]:hover, .button-group.hollow.success .button.disabled:focus, .button-group.hollow.success .button[disabled]:focus, .button-group.hollow .button.success, .button-group.hollow .button.success.disabled, .button-group.hollow .button.success[disabled], .button-group.hollow .button.success.disabled:hover, .button-group.hollow .button.success[disabled]:hover, .button-group.hollow .button.success.disabled:focus, .button-group.hollow .button.success[disabled]:focus { border: 1px solid #3adb76; color: #3adb76; } .button-group.hollow.success .button:hover, .button-group.hollow.success .button:focus, .button-group.hollow .button.success:hover, .button-group.hollow .button.success:focus { border-color: rgb(21.3991416309, 117.1008583691, 57.0643776824); color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button-group.hollow.warning .button, .button-group.hollow.warning .button.disabled, .button-group.hollow.warning .button[disabled], .button-group.hollow.warning .button.disabled:hover, .button-group.hollow.warning .button[disabled]:hover, .button-group.hollow.warning .button.disabled:focus, .button-group.hollow.warning .button[disabled]:focus, .button-group.hollow .button.warning, .button-group.hollow .button.warning.disabled, .button-group.hollow .button.warning[disabled], .button-group.hollow .button.warning.disabled:hover, .button-group.hollow .button.warning[disabled]:hover, .button-group.hollow .button.warning.disabled:focus, .button-group.hollow .button.warning[disabled]:focus { border: 1px solid #ffae00; color: #ffae00; } .button-group.hollow.warning .button:hover, .button-group.hollow.warning .button:focus, .button-group.hollow .button.warning:hover, .button-group.hollow .button.warning:focus { border-color: rgb(127.5, 87, 0); color: rgb(127.5, 87, 0); } .button-group.hollow.alert .button, .button-group.hollow.alert .button.disabled, .button-group.hollow.alert .button[disabled], .button-group.hollow.alert .button.disabled:hover, .button-group.hollow.alert .button[disabled]:hover, .button-group.hollow.alert .button.disabled:focus, .button-group.hollow.alert .button[disabled]:focus, .button-group.hollow .button.alert, .button-group.hollow .button.alert.disabled, .button-group.hollow .button.alert[disabled], .button-group.hollow .button.alert.disabled:hover, .button-group.hollow .button.alert[disabled]:hover, .button-group.hollow .button.alert.disabled:focus, .button-group.hollow .button.alert[disabled]:focus { border: 1px solid #E63329; color: #E63329; } .button-group.hollow.alert .button:hover, .button-group.hollow.alert .button:focus, .button-group.hollow .button.alert:hover, .button-group.hollow .button.alert:focus { border-color: rgb(121.3263598326, 19.8430962343, 14.1736401674); color: rgb(121.3263598326, 19.8430962343, 14.1736401674); } .button-group.clear .button, .button-group.clear .button:hover, .button-group.clear .button:focus, .button-group.clear .button.disabled, .button-group.clear .button.disabled:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled], .button-group.clear .button[disabled]:hover, .button-group.clear .button[disabled]:focus { border-color: transparent; background-color: transparent; } .button-group.clear .button, .button-group.clear .button.disabled, .button-group.clear .button[disabled], .button-group.clear .button.disabled:hover, .button-group.clear .button[disabled]:hover, .button-group.clear .button.disabled:focus, .button-group.clear .button[disabled]:focus { color: #DD1A1D; } .button-group.clear .button:hover, .button-group.clear .button:focus { color: rgb(110.5, 13, 14.5); } .button-group.clear.primary .button, .button-group.clear.primary .button.disabled, .button-group.clear.primary .button[disabled], .button-group.clear.primary .button.disabled:hover, .button-group.clear.primary .button[disabled]:hover, .button-group.clear.primary .button.disabled:focus, .button-group.clear.primary .button[disabled]:focus, .button-group.clear .button.primary, .button-group.clear .button.primary.disabled, .button-group.clear .button.primary[disabled], .button-group.clear .button.primary.disabled:hover, .button-group.clear .button.primary[disabled]:hover, .button-group.clear .button.primary.disabled:focus, .button-group.clear .button.primary[disabled]:focus { color: #DD1A1D; } .button-group.clear.primary .button:hover, .button-group.clear.primary .button:focus, .button-group.clear .button.primary:hover, .button-group.clear .button.primary:focus { color: rgb(110.5, 13, 14.5); } .button-group.clear.secondary .button, .button-group.clear.secondary .button.disabled, .button-group.clear.secondary .button[disabled], .button-group.clear.secondary .button.disabled:hover, .button-group.clear.secondary .button[disabled]:hover, .button-group.clear.secondary .button.disabled:focus, .button-group.clear.secondary .button[disabled]:focus, .button-group.clear .button.secondary, .button-group.clear .button.secondary.disabled, .button-group.clear .button.secondary[disabled], .button-group.clear .button.secondary.disabled:hover, .button-group.clear .button.secondary[disabled]:hover, .button-group.clear .button.secondary.disabled:focus, .button-group.clear .button.secondary[disabled]:focus { color: #133478; } .button-group.clear.secondary .button:hover, .button-group.clear.secondary .button:focus, .button-group.clear .button.secondary:hover, .button-group.clear .button.secondary:focus { color: rgb(9.5, 26, 60); } .button-group.clear.success .button, .button-group.clear.success .button.disabled, .button-group.clear.success .button[disabled], .button-group.clear.success .button.disabled:hover, .button-group.clear.success .button[disabled]:hover, .button-group.clear.success .button.disabled:focus, .button-group.clear.success .button[disabled]:focus, .button-group.clear .button.success, .button-group.clear .button.success.disabled, .button-group.clear .button.success[disabled], .button-group.clear .button.success.disabled:hover, .button-group.clear .button.success[disabled]:hover, .button-group.clear .button.success.disabled:focus, .button-group.clear .button.success[disabled]:focus { color: #3adb76; } .button-group.clear.success .button:hover, .button-group.clear.success .button:focus, .button-group.clear .button.success:hover, .button-group.clear .button.success:focus { color: rgb(21.3991416309, 117.1008583691, 57.0643776824); } .button-group.clear.warning .button, .button-group.clear.warning .button.disabled, .button-group.clear.warning .button[disabled], .button-group.clear.warning .button.disabled:hover, .button-group.clear.warning .button[disabled]:hover, .button-group.clear.warning .button.disabled:focus, .button-group.clear.warning .button[disabled]:focus, .button-group.clear .button.warning, .button-group.clear .button.warning.disabled, .button-group.clear .button.warning[disabled], .button-group.clear .button.warning.disabled:hover, .button-group.clear .button.warning[disabled]:hover, .button-group.clear .button.warning.disabled:focus, .button-group.clear .button.warning[disabled]:focus { color: #ffae00; } .button-group.clear.warning .button:hover, .button-group.clear.warning .button:focus, .button-group.clear .button.warning:hover, .button-group.clear .button.warning:focus { color: rgb(127.5, 87, 0); } .button-group.clear.alert .button, .button-group.clear.alert .button.disabled, .button-group.clear.alert .button[disabled], .button-group.clear.alert .button.disabled:hover, .button-group.clear.alert .button[disabled]:hover, .button-group.clear.alert .button.disabled:focus, .button-group.clear.alert .button[disabled]:focus, .button-group.clear .button.alert, .button-group.clear .button.alert.disabled, .button-group.clear .button.alert[disabled], .button-group.clear .button.alert.disabled:hover, .button-group.clear .button.alert[disabled]:hover, .button-group.clear .button.alert.disabled:focus, .button-group.clear .button.alert[disabled]:focus { color: #E63329; } .button-group.clear.alert .button:hover, .button-group.clear.alert .button:focus, .button-group.clear .button.alert:hover, .button-group.clear .button.alert:focus { color: rgb(121.3263598326, 19.8430962343, 14.1736401674); } .button-group.no-gaps .button { margin-right: -0.0625rem; } .button-group.no-gaps .button + .button { border-left-color: transparent; } .button-group.stacked, .button-group.stacked-for-small, .button-group.stacked-for-medium { flex-wrap: wrap; } .button-group.stacked .button, .button-group.stacked-for-small .button, .button-group.stacked-for-medium .button { flex: 0 0 100%; } .button-group.stacked .button:last-child, .button-group.stacked-for-small .button:last-child, .button-group.stacked-for-medium .button:last-child { margin-bottom: 0; } .button-group.stacked.expanded .button, .button-group.stacked-for-small.expanded .button, .button-group.stacked-for-medium.expanded .button { flex: 1 1 0px; } @media print, screen and (min-width: 40em) { .button-group.stacked-for-small .button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .button-group.stacked-for-medium .button { flex: 0 0 auto; margin-bottom: 0; } } @media print, screen and (max-width: 39.99875em) { .button-group.stacked-for-small.expanded { display: block; } .button-group.stacked-for-small.expanded .button { display: block; margin-right: 0; } } @media print, screen and (max-width: 63.99875em) { .button-group.stacked-for-medium.expanded { display: block; } .button-group.stacked-for-medium.expanded .button { display: block; margin-right: 0; } } .close-button { position: absolute; z-index: 10; color: #252525; cursor: pointer; } [data-whatinput=mouse] .close-button { outline: 0; } .close-button:hover, .close-button:focus { color: #000; } .close-button.small { right: 0.66rem; top: 0.33em; font-size: 1.5em; line-height: 1; } .close-button.medium, .close-button { right: 1rem; top: 0.5rem; font-size: 2em; line-height: 1; } .label { display: inline-block; padding: 0.33333rem 0.5rem; border-radius: 1.25rem; font-size: 0.8rem; line-height: 1; white-space: nowrap; cursor: default; background: #DD1A1D; color: #fff; } .label.primary { background: #DD1A1D; color: #fff; } .label.secondary { background: #133478; color: #fff; } .label.success { background: #3adb76; color: #000; } .label.warning { background: #ffae00; color: #000; } .label.alert { background: #E63329; color: #000; } .progress { height: 1rem; margin-bottom: 1rem; border-radius: 1.25rem; background-color: #cacaca; } .progress.primary .progress-meter { background-color: #DD1A1D; } .progress.secondary .progress-meter { background-color: #133478; } .progress.success .progress-meter { background-color: #3adb76; } .progress.warning .progress-meter { background-color: #ffae00; } .progress.alert .progress-meter { background-color: #E63329; } .progress-meter { position: relative; display: block; width: 0%; height: 100%; background-color: #DD1A1D; border-radius: 1.25rem; } .progress-meter-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; font-size: 0.75rem; font-weight: bold; color: #fff; white-space: nowrap; border-radius: 1.25rem; } .slider { position: relative; height: 0.5rem; margin-top: 1.25rem; margin-bottom: 2.25rem; background-color: #e6e6e6; cursor: pointer; user-select: none; touch-action: none; } .slider-fill { position: absolute; top: 0; left: 0; display: inline-block; max-width: 100%; height: 0.5rem; background-color: #cacaca; transition: all 0.25s ease-in-out; } .slider-fill.is-dragging { transition: all 0s linear; } .slider-handle { left: 0; z-index: 1; cursor: grab; display: inline-block; width: 1.4rem; height: 1.4rem; border-radius: 1.25rem; background-color: #DD1A1D; transition: all 0.25s ease-in-out; touch-action: manipulation; position: absolute; top: 50%; transform: translateY(-50%); } [data-whatinput=mouse] .slider-handle { outline: 0; } .slider-handle:hover { background-color: rgb(187.85, 22.1, 24.65); } .slider-handle.is-dragging { transition: all 0s linear; cursor: grabbing; } .slider.disabled, .slider[disabled] { opacity: 0.25; cursor: not-allowed; } .slider.vertical { display: inline-block; width: 0.5rem; height: 12.5rem; margin: 0 1.25rem; transform: scale(1, -1); } .slider.vertical .slider-fill { top: 0; width: 0.5rem; max-height: 100%; } .slider.vertical .slider-handle { position: absolute; top: 0; left: 50%; width: 1.4rem; height: 1.4rem; transform: translateX(-50%); } .switch { position: relative; margin-bottom: 1rem; outline: 0; font-size: 0.875rem; font-weight: bold; color: #fff; user-select: none; height: 2rem; } .switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .switch-paddle { position: relative; display: block; width: 4rem; height: 2rem; border-radius: 1.25rem; background: #cacaca; transition: all 0.25s ease-out; font-weight: inherit; color: inherit; cursor: pointer; } input + .switch-paddle { margin: 0; } .switch-paddle::after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translate3d(0, 0, 0); border-radius: 1.25rem; background: #fff; transition: all 0.25s ease-out; content: ""; } input:checked ~ .switch-paddle { background: #DD1A1D; } input:checked ~ .switch-paddle::after { left: 2.25rem; } input:focus-visible ~ .switch-paddle { background: rgb(181.8, 181.8, 181.8); } input:focus-visible ~ .switch-paddle::after { background: #fff; } input:checked:focus-visible ~ .switch-paddle { background: rgb(187.85, 22.1, 24.65); } input:disabled ~ .switch-paddle { cursor: not-allowed; opacity: 0.5; } [data-whatinput=mouse] input:focus ~ .switch-paddle { outline: 0; } .switch-inactive, .switch-active { position: absolute; top: 50%; transform: translateY(-50%); } .switch-active { left: 8%; display: none; } input:checked + label > .switch-active { display: block; } .switch-inactive { right: 15%; } input:checked + label > .switch-inactive { display: none; } .switch.tiny { height: 1.5rem; } .switch.tiny .switch-paddle { width: 3rem; height: 1.5rem; font-size: 0.625rem; } .switch.tiny .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1rem; height: 1rem; } .switch.tiny input:checked ~ .switch-paddle::after { left: 1.75rem; } .switch.small { height: 1.75rem; } .switch.small .switch-paddle { width: 3.5rem; height: 1.75rem; font-size: 0.75rem; } .switch.small .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 1.25rem; height: 1.25rem; } .switch.small input:checked ~ .switch-paddle::after { left: 2rem; } .switch.large { height: 2.5rem; } .switch.large .switch-paddle { width: 5rem; height: 2.5rem; font-size: 1rem; } .switch.large .switch-paddle::after { top: 0.25rem; left: 0.25rem; width: 2rem; height: 2rem; } .switch.large input:checked ~ .switch-paddle::after { left: 2.75rem; } table { border-collapse: collapse; width: 100%; margin-bottom: 1rem; border-radius: 1.25rem; } thead, tbody, tfoot { border: 1px solid rgb(203.85, 230.3722222222, 255); background-color: #E4F2FF; } caption { padding: 0.125rem 0; font-weight: 700; } thead { background: rgb(215.925, 236.1861111111, 255); color: #252525; } tfoot { background: rgb(203.85, 230.3722222222, 255); color: #252525; } thead tr, tfoot tr { background: transparent; } thead th, thead td, tfoot th, tfoot td { padding: 0.125rem 0; font-weight: 700; text-align: left; } tbody th, tbody td { padding: 0.125rem 0; } tbody tr:nth-child(even) { border-bottom: 0; background-color: rgb(203.85, 230.3722222222, 255); } table.unstriped tbody { background-color: #E4F2FF; } table.unstriped tbody tr { border-bottom: 1px solid rgb(203.85, 230.3722222222, 255); background-color: #E4F2FF; } @media print, screen and (max-width: 63.99875em) { table.stack thead { display: none; } table.stack tfoot { display: none; } table.stack tr, table.stack th, table.stack td { display: block; } table.stack td { border-top: 0; } } table.scroll { display: block; width: 100%; overflow-x: auto; } table.hover thead tr:hover { background-color: rgb(205.725, 231.275, 255); } table.hover tfoot tr:hover { background-color: rgb(193.65, 225.4611111111, 255); } table.hover tbody tr:hover { background-color: rgb(217.8, 237.0888888889, 255); } table.hover:not(.unstriped) tr:nth-of-type(even):hover { background-color: rgb(192.3, 224.8111111111, 255); } .table-scroll { overflow-x: auto; } .badge { display: inline-block; min-width: 2.1em; padding: 0.3em; border-radius: 50%; font-size: 0.6rem; text-align: center; background: #DD1A1D; color: #fff; } .badge.primary { background: #DD1A1D; color: #fff; } .badge.secondary { background: #133478; color: #fff; } .badge.success { background: #3adb76; color: #000; } .badge.warning { background: #ffae00; color: #000; } .badge.alert { background: #E63329; color: #000; } .breadcrumbs { margin: 0 0 1rem 0; list-style: none; } .breadcrumbs::before, .breadcrumbs::after { display: table; content: " "; flex-basis: 0; order: 1; } .breadcrumbs::after { clear: both; } .breadcrumbs li { float: left; font-size: 0.6875rem; color: #000; cursor: default; text-transform: uppercase; } .breadcrumbs li:not(:last-child)::after { position: relative; margin: 0 0.75rem; opacity: 1; content: "/"; color: #cacaca; } .breadcrumbs a { color: #DD1A1D; } .breadcrumbs a:hover { text-decoration: underline; } .breadcrumbs .disabled { color: #cacaca; cursor: not-allowed; } .callout { background-color: white; color: #252525; position: relative; margin: 0 0 1rem 0; padding: 1rem; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 1.25rem; } .callout > :first-child { margin-top: 0; } .callout > :last-child { margin-bottom: 0; } .callout.primary { background-color: rgb(250.8473684211, 219.7026315789, 220.1817813765); color: #252525; } .callout.secondary { background-color: rgb(206.9568345324, 220.168705036, 247.3931654676); color: #252525; } .callout.success { background-color: rgb(225.45, 249.6, 234.45); color: #252525; } .callout.warning { background-color: rgb(255, 242.85, 216.75); color: #252525; } .callout.alert { background-color: rgb(251.25, 224.4, 222.9); color: #252525; } .callout.small { padding-top: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; } .callout.large { padding-top: 3rem; padding-right: 3rem; padding-bottom: 3rem; padding-left: 3rem; } .card { display: flex; flex-direction: column; flex-grow: 1; margin-bottom: 1rem; border: 1px solid #e6e6e6; border-radius: 1.25rem; background: #fff; box-shadow: none; overflow: hidden; color: #252525; } .card > :last-child { margin-bottom: 0; } .card-divider { display: flex; flex: 0 1 auto; padding: 1rem; background: #e6e6e6; } .card-divider > :last-child { margin-bottom: 0; } .card-section { flex: 1 0 auto; padding: 1rem; } .card-section > :last-child { margin-bottom: 0; } .card-image { min-height: 1px; } .dropdown-pane { position: absolute; z-index: 10; display: none; width: 300px; padding: 1rem; visibility: hidden; border: 1px solid #cacaca; border-radius: 1.25rem; background-color: #fff; font-size: 1rem; } .dropdown-pane.is-opening { display: block; } .dropdown-pane.is-open { display: block; visibility: visible; } .dropdown-pane.tiny { width: 100px; } .dropdown-pane.small { width: 200px; } .dropdown-pane.large { width: 400px; } .pagination { margin-left: 0; margin-bottom: 1rem; } .pagination::before, .pagination::after { display: table; content: " "; flex-basis: 0; order: 1; } .pagination::after { clear: both; } .pagination li { margin-right: 0.0625rem; border-radius: 1.25rem; font-size: 0.875rem; display: none; } .pagination li:last-child, .pagination li:first-child { display: inline-block; } @media print, screen and (min-width: 40em) { .pagination li { display: inline-block; } } .pagination a, .pagination button { display: block; padding: 0.1875rem 0.625rem; border-radius: 1.25rem; color: #000; } .pagination a:hover, .pagination button:hover { background: #e6e6e6; } .pagination .current { padding: 0.1875rem 0.625rem; background: #DD1A1D; color: #fff; cursor: default; } .pagination .disabled { padding: 0.1875rem 0.625rem; color: #cacaca; cursor: not-allowed; } .pagination .disabled:hover { background: transparent; } .pagination .ellipsis::after { padding: 0.1875rem 0.625rem; content: "…"; color: #000; } .pagination-previous a::before, .pagination-previous.disabled::before { display: inline-block; margin-right: 0.5rem; content: "«"; } .pagination-next a::after, .pagination-next.disabled::after { display: inline-block; margin-left: 0.5rem; content: "»"; } .has-tip { position: relative; display: inline-block; border-bottom: dotted 1px #252525; font-weight: 700; cursor: help; } .tooltip { position: absolute; top: calc(100% + 0.6495rem); z-index: 1200; max-width: 10rem; padding: 0.75rem; border-radius: 1.25rem; background-color: #000; font-size: 80%; color: #fff; } .tooltip::before { position: absolute; } .tooltip.bottom::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-top-width: 0; border-color: transparent transparent #000; bottom: 100%; } .tooltip.bottom.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.top::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-bottom-width: 0; border-color: #000 transparent transparent; top: 100%; bottom: auto; } .tooltip.top.align-center::before { left: 50%; transform: translateX(-50%); } .tooltip.left::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-right-width: 0; border-color: transparent transparent transparent #000; left: 100%; } .tooltip.left.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.right::before { display: block; width: 0; height: 0; border-style: solid; border-width: 0.75rem; content: ""; border-left-width: 0; border-color: transparent #000 transparent transparent; right: 100%; left: auto; } .tooltip.right.align-center::before { bottom: auto; top: 50%; transform: translateY(-50%); } .tooltip.align-top::before { bottom: auto; top: 10%; } .tooltip.align-bottom::before { bottom: 10%; top: auto; } .tooltip.align-left::before { left: 10%; right: auto; } .tooltip.align-right::before { left: auto; right: 10%; } .accordion { margin-left: 0; background: #fff; list-style-type: none; } .accordion[disabled] .accordion-title { cursor: not-allowed; } .accordion-item:first-child > :first-child { border-radius: 1.25rem 1.25rem 0 0; } .accordion-item:last-child > :last-child { border-radius: 0 0 1.25rem 1.25rem; } .accordion-title { position: relative; display: block; padding: 1.688rem 5rem 1.938rem 2.625rem; border: inherit; border-bottom: 0; font-size: 1.5625rem; line-height: 1; color: #DD1A1D; } :last-child:not(.is-active) > .accordion-title { border-bottom: inherit; border-radius: 0 0 1.25rem 1.25rem; } .accordion-title:hover, .accordion-title:focus { background-color: #E4F2FF; } .accordion-content { display: none; padding: 0 2.625rem 2.625rem 2.625rem; border: inherit; border-bottom: 0; background-color: #E4F2FF; color: #252525; } :last-child > .accordion-content:last-child { border-bottom: inherit; } .media-object { display: flex; margin-bottom: 1rem; flex-wrap: nowrap; } .media-object img { max-width: none; } @media print, screen and (max-width: 39.99875em) { .media-object.stack-for-small { flex-wrap: wrap; } } .media-object-section { flex: 0 1 auto; } .media-object-section:first-child { padding-right: 1rem; } .media-object-section:last-child:not(:nth-child(2)) { padding-left: 1rem; } .media-object-section > :last-child { margin-bottom: 0; } @media print, screen and (max-width: 39.99875em) { .stack-for-small .media-object-section { padding: 0; padding-bottom: 1rem; flex-basis: 100%; max-width: 100%; } .stack-for-small .media-object-section img { width: 100%; } } .media-object-section.main-section { flex: 1 1 0px; } .orbit { position: relative; } .orbit-container { position: relative; height: 0; margin: 0; list-style: none; overflow: hidden; } .orbit-slide { width: 100%; position: absolute; } .orbit-slide.no-motionui.is-active { top: 0; left: 0; } .orbit-figure { margin: 0; } .orbit-image { width: 100%; max-width: 100%; margin: 0; } .orbit-caption { position: absolute; bottom: 0; width: 100%; margin-bottom: 0; padding: 1rem; background-color: rgba(0, 0, 0, 0.5); color: #fff; } .orbit-next, .orbit-previous { z-index: 10; padding: 1rem; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); } [data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { outline: 0; } .orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { background-color: rgba(0, 0, 0, 0.5); } .orbit-previous { left: 0; } .orbit-next { left: auto; right: 0; } .orbit-bullets { position: relative; margin-top: 0.8rem; margin-bottom: 0.8rem; text-align: center; } [data-whatinput=mouse] .orbit-bullets { outline: 0; } .orbit-bullets button { width: 1.2rem; height: 1.2rem; margin: 0.1rem; border-radius: 50%; background-color: #cacaca; } .orbit-bullets button:hover { background-color: #252525; } .orbit-bullets button.is-active { background-color: #252525; } .responsive-embed, .flex-video { position: relative; height: 0; margin-bottom: 1rem; padding-bottom: 75%; overflow: hidden; } .responsive-embed iframe, .responsive-embed object, .responsive-embed embed, .responsive-embed video, .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .responsive-embed.widescreen, .flex-video.widescreen { padding-bottom: 56.25%; } .tabs { margin: 0; border: 1px solid #e6e6e6; background: #fff; list-style-type: none; } .tabs::before, .tabs::after { display: table; content: " "; flex-basis: 0; order: 1; } .tabs::after { clear: both; } .tabs.vertical > li { display: block; float: none; width: auto; } .tabs.simple > li > a { padding: 0; } .tabs.simple > li > a:hover { background: transparent; } .tabs.primary { background: #DD1A1D; } .tabs.primary > li > a { color: #fff; } .tabs.primary > li > a:hover, .tabs.primary > li > a:focus { background: rgb(209.95, 24.7, 27.55); } .tabs-title { float: left; } .tabs-title > a { display: block; padding: 1.25rem 1.5rem; font-size: 0.75rem; line-height: 1; color: #DD1A1D; } [data-whatinput=mouse] .tabs-title > a { outline: 0; } .tabs-title > a:hover { background: #fff; color: rgb(190.06, 22.36, 24.94); } .tabs-title > a:focus, .tabs-title > a[aria-selected=true] { background: #e6e6e6; color: #DD1A1D; } .tabs-content { border: 1px solid #e6e6e6; border-top: 0; background: #fff; color: #252525; transition: all 0.5s ease; } .tabs-content.vertical { border: 1px solid #e6e6e6; border-left: 0; } .tabs-panel { display: none; padding: 1rem; } .tabs-panel.is-active { display: block; } .thumbnail { display: inline-block; max-width: 100%; margin-bottom: 1rem; border: 4px solid #fff; border-radius: 1.25rem; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); line-height: 0; } a.thumbnail { transition: box-shadow 200ms ease-out; } a.thumbnail:hover, a.thumbnail:focus { box-shadow: 0 0 6px 1px rgba(221, 26, 29, 0.5); } a.thumbnail image { box-shadow: none; } .menu { padding: 0; margin: 0; list-style: none; position: relative; display: flex; flex-wrap: wrap; } [data-whatinput=mouse] .menu li { outline: 0; } .menu a, .menu .button { line-height: 1; text-decoration: none; display: block; padding: 0.7rem 1rem; } .menu input, .menu select, .menu a, .menu button { margin-bottom: 0; } .menu input { display: inline-block; } .menu, .menu.horizontal { flex-wrap: wrap; flex-direction: row; } .menu.vertical { flex-wrap: nowrap; flex-direction: column; } .menu.vertical.icon-top li a img, .menu.vertical.icon-top li a i, .menu.vertical.icon-top li a svg, .menu.vertical.icon-bottom li a img, .menu.vertical.icon-bottom li a i, .menu.vertical.icon-bottom li a svg { text-align: left; } .menu.expanded li { flex: 1 1 0px; } .menu.expanded.icon-top li a img, .menu.expanded.icon-top li a i, .menu.expanded.icon-top li a svg, .menu.expanded.icon-bottom li a img, .menu.expanded.icon-bottom li a i, .menu.expanded.icon-bottom li a svg { text-align: left; } .menu.simple { align-items: center; } .menu.simple li + li { margin-left: 1rem; } .menu.simple a { padding: 0; } @media print, screen and (min-width: 40em) { .menu.medium-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.medium-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.medium-expanded li { flex: 1 1 0px; } .menu.medium-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 64em) { .menu.large-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.large-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.large-expanded li { flex: 1 1 0px; } .menu.large-simple li { flex: 1 1 0px; } } @media print, screen and (min-width: 75em) { .menu.xlarge-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.xlarge-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.xlarge-expanded li { flex: 1 1 0px; } .menu.xlarge-simple li { flex: 1 1 0px; } } @media screen and (min-width: 90em) { .menu.xxlarge-horizontal { flex-wrap: wrap; flex-direction: row; } .menu.xxlarge-vertical { flex-wrap: nowrap; flex-direction: column; } .menu.xxlarge-expanded li { flex: 1 1 0px; } .menu.xxlarge-simple li { flex: 1 1 0px; } } .menu.nested { margin-right: 0; margin-left: 1rem; } .menu.icons a { display: flex; } .menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a { display: flex; } .menu.icon-left li a, .menu.nested.icon-left li a { flex-flow: row nowrap; } .menu.icon-left li a img, .menu.icon-left li a i, .menu.icon-left li a svg, .menu.nested.icon-left li a img, .menu.nested.icon-left li a i, .menu.nested.icon-left li a svg { margin-right: 0.25rem; } .menu.icon-right li a, .menu.nested.icon-right li a { flex-flow: row nowrap; } .menu.icon-right li a img, .menu.icon-right li a i, .menu.icon-right li a svg, .menu.nested.icon-right li a img, .menu.nested.icon-right li a i, .menu.nested.icon-right li a svg { margin-left: 0.25rem; } .menu.icon-top li a, .menu.nested.icon-top li a { flex-flow: column nowrap; } .menu.icon-top li a img, .menu.icon-top li a i, .menu.icon-top li a svg, .menu.nested.icon-top li a img, .menu.nested.icon-top li a i, .menu.nested.icon-top li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu.icon-bottom li a, .menu.nested.icon-bottom li a { flex-flow: column nowrap; } .menu.icon-bottom li a img, .menu.icon-bottom li a i, .menu.icon-bottom li a svg, .menu.nested.icon-bottom li a img, .menu.nested.icon-bottom li a i, .menu.nested.icon-bottom li a svg { align-self: stretch; margin-bottom: 0.25rem; text-align: center; } .menu .is-active > a { background: #DD1A1D; color: #fff; } .menu .active > a { background: #DD1A1D; color: #fff; } .menu.align-left { justify-content: flex-start; } .menu.align-right li { display: flex; justify-content: flex-end; } .menu.align-right li .submenu li { justify-content: flex-start; } .menu.align-right.vertical li { display: block; text-align: right; } .menu.align-right.vertical li .submenu li { text-align: right; } .menu.align-right.icon-top li a img, .menu.align-right.icon-top li a i, .menu.align-right.icon-top li a svg, .menu.align-right.icon-bottom li a img, .menu.align-right.icon-bottom li a i, .menu.align-right.icon-bottom li a svg { text-align: right; } .menu.align-right .nested { margin-right: 1rem; margin-left: 0; } .menu.align-center li { display: flex; justify-content: center; } .menu.align-center li .submenu li { justify-content: flex-start; } .menu .menu-text { padding: 0.7rem 1rem; font-weight: bold; line-height: 1; color: inherit; } .menu-centered > .menu { justify-content: center; } .menu-centered > .menu li { display: flex; justify-content: center; } .menu-centered > .menu li .submenu li { justify-content: flex-start; } .no-js [data-responsive-menu] ul { display: none; } .menu-icon { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #fff; box-shadow: 0 7px 0 #fff, 0 14px 0 #fff; content: ""; } .menu-icon:hover::after { background: #cacaca; box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; } .menu-icon.dark { position: relative; display: inline-block; vertical-align: middle; width: 20px; height: 16px; cursor: pointer; } .menu-icon.dark::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 2px; background: #000; box-shadow: 0 7px 0 #000, 0 14px 0 #000; content: ""; } .menu-icon.dark:hover::after { background: #252525; box-shadow: 0 7px 0 #252525, 0 14px 0 #252525; } .accordion-menu li { width: 100%; } .accordion-menu a { padding: 0.7rem 1rem; } .accordion-menu .is-accordion-submenu a { padding: 0.7rem 1rem; } .accordion-menu .nested.is-accordion-submenu { margin-right: 0; margin-left: 1rem; } .accordion-menu.align-right .nested.is-accordion-submenu { margin-right: 1rem; margin-left: 0; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { position: relative; } .accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #DD1A1D transparent transparent; position: absolute; top: 50%; margin-top: -3px; right: 1rem; } .accordion-menu.align-left .is-accordion-submenu-parent > a::after { right: 1rem; left: auto; } .accordion-menu.align-right .is-accordion-submenu-parent > a::after { right: auto; left: 1rem; } .accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { transform: rotate(180deg); transform-origin: 50% 50%; } .is-accordion-submenu-parent { position: relative; } .has-submenu-toggle > a { margin-right: 40px; } .submenu-toggle { position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer; } .submenu-toggle::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #DD1A1D transparent transparent; top: 0; bottom: 0; margin: auto; } .submenu-toggle[aria-expanded=true]::after { transform: scaleY(-1); transform-origin: 50% 50%; } .submenu-toggle-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .is-drilldown { position: relative; overflow: hidden; } .is-drilldown li { display: block; } .is-drilldown.animate-height { transition: height 0.5s; } .drilldown a { padding: 0.7rem 1rem; background: #fff; } .drilldown .is-drilldown-submenu { position: absolute; top: 0; left: 100%; z-index: -1; width: 100%; background: #fff; transition: transform 0.15s linear; } .drilldown .is-drilldown-submenu.is-active { z-index: 1; display: block; transform: translateX(-100%); } .drilldown .is-drilldown-submenu.is-closing { transform: translateX(100%); } .drilldown .is-drilldown-submenu a { padding: 0.7rem 1rem; } .drilldown .nested.is-drilldown-submenu { margin-right: 0; margin-left: 0; } .drilldown .drilldown-submenu-cover-previous { min-height: 100%; } .drilldown .is-drilldown-submenu-parent > a { position: relative; } .drilldown .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #DD1A1D; position: absolute; top: 50%; margin-top: -6px; right: 1rem; } .drilldown.align-left .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; right: 1rem; left: auto; } .drilldown.align-right .is-drilldown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 1rem; } .drilldown .js-drilldown-back > a::before { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #DD1A1D transparent transparent; display: inline-block; vertical-align: middle; margin-right: 0.75rem; } .dropdown.menu > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #133478 transparent transparent; right: 5px; left: auto; margin-top: -3px; } [data-whatinput=mouse] .dropdown.menu a { outline: 0; } .dropdown.menu > li > a { padding: 0.7rem 1rem; } .dropdown.menu > li.is-active > a { background: transparent; color: #DD1A1D; } .no-js .dropdown.menu ul { display: none; } .dropdown.menu .nested.is-dropdown-submenu { margin-right: 0; margin-left: 0; } .dropdown.menu.vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.vertical > li > a::after { right: 14px; } .dropdown.menu.vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 5px; } .dropdown.menu.vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; } @media print, screen and (min-width: 40em) { .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #133478 transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.medium-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.medium-vertical > li > a::after { right: 14px; } .dropdown.menu.medium-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 5px; } .dropdown.menu.medium-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; } } @media print, screen and (min-width: 64em) { .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #133478 transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.large-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.large-vertical > li > a::after { right: 14px; } .dropdown.menu.large-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 5px; } .dropdown.menu.large-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; } } @media print, screen and (min-width: 75em) { .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #133478 transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.xlarge-vertical > li > a::after { right: 14px; } .dropdown.menu.xlarge-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 5px; } .dropdown.menu.xlarge-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; } } @media screen and (min-width: 90em) { .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu { top: 100%; right: 0; left: auto; } .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu { top: 100%; right: auto; left: 0; } .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a { position: relative; padding-right: 1.5rem; } .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-bottom-width: 0; border-color: #133478 transparent transparent; right: 5px; left: auto; margin-top: -3px; } .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu { top: 0; } .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu { top: 0; right: 100%; left: auto; } .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .dropdown.menu.xxlarge-vertical > li > a::after { right: 14px; } .dropdown.menu.xxlarge-vertical > li.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 5px; } .dropdown.menu.xxlarge-vertical > li.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; } } .dropdown.menu.align-right .is-dropdown-submenu.first-sub { top: 100%; right: 0; left: auto; } .is-dropdown-menu.vertical { width: 100px; } .is-dropdown-menu.vertical.align-right { float: right; } .is-dropdown-submenu-parent { position: relative; } .is-dropdown-submenu-parent a::after { position: absolute; top: 50%; right: 5px; left: auto; margin-top: -6px; } .is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { top: 100%; left: auto; } .is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { right: 100%; left: auto; } .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { right: auto; left: 100%; } .is-dropdown-submenu { position: absolute; top: 0; left: 100%; z-index: 1; display: none; min-width: 200px; border: 1px solid #cacaca; background: #fff; } .dropdown .is-dropdown-submenu a { padding: 0.7rem 1rem; } .is-dropdown-submenu .is-dropdown-submenu-parent > a::after { right: 14px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-left-width: 0; border-color: transparent #133478 transparent transparent; right: auto; left: 5px; } .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { display: block; width: 0; height: 0; border-style: solid; border-width: 6px; content: ""; border-right-width: 0; border-color: transparent transparent transparent #133478; } .is-dropdown-submenu .is-dropdown-submenu { margin-top: -1px; } .is-dropdown-submenu > li { width: 100%; } .is-dropdown-submenu.js-dropdown-active { display: block; } .is-off-canvas-open { overflow: hidden; } .js-off-canvas-overlay { position: absolute; top: 0; left: 0; z-index: 11; width: 100%; height: 100%; transition: opacity 0.5s ease, visibility 0.5s ease; background: rgba(255, 255, 255, 0.25); opacity: 0; visibility: hidden; overflow: hidden; } .js-off-canvas-overlay.is-visible { opacity: 1; visibility: visible; } .js-off-canvas-overlay.is-closable { cursor: pointer; } .js-off-canvas-overlay.is-overlay-absolute { position: absolute; } .js-off-canvas-overlay.is-overlay-fixed { position: fixed; } .off-canvas-wrapper { position: relative; overflow: hidden; } .off-canvas { z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; position: fixed; } [data-whatinput=mouse] .off-canvas { outline: 0; } .off-canvas.is-transition-push { z-index: 12; } .off-canvas.is-closed { visibility: hidden; } .off-canvas.is-transition-overlap { z-index: 13; } .off-canvas.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .off-canvas.is-open { transform: translate(0, 0); } .off-canvas-absolute { z-index: 12; transition: transform 0.5s ease; backface-visibility: hidden; background: #e6e6e6; position: absolute; } [data-whatinput=mouse] .off-canvas-absolute { outline: 0; } .off-canvas-absolute.is-transition-push { z-index: 12; } .off-canvas-absolute.is-closed { visibility: hidden; } .off-canvas-absolute.is-transition-overlap { z-index: 13; } .off-canvas-absolute.is-transition-overlap.is-open { box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } .off-canvas-absolute.is-open { transform: translate(0, 0); } .position-left { top: 0; left: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left { transform: translateX(-250px); } .off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-left.has-transition-push { transform: translateX(250px); } .position-left.is-transition-push { box-shadow: inset -13px 0 20px -13px rgba(0, 0, 0, 0.25); } .position-right { top: 0; right: 0; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; width: 250px; transform: translateX(250px); } .off-canvas-content .off-canvas.position-right { transform: translateX(250px); } .off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-right.has-transition-push { transform: translateX(-250px); } .position-right.is-transition-push { box-shadow: inset 13px 0 20px -13px rgba(0, 0, 0, 0.25); } .position-top { top: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 250px; transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top { transform: translateY(-250px); } .off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-top.has-transition-push { transform: translateY(250px); } .position-top.is-transition-push { box-shadow: inset 0 -13px 20px -13px rgba(0, 0, 0, 0.25); } .position-bottom { bottom: 0; left: 0; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; height: 250px; transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom { transform: translateY(250px); } .off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { transform: translate(0, 0); } .off-canvas-content.is-open-bottom.has-transition-push { transform: translateY(-250px); } .position-bottom.is-transition-push { box-shadow: inset 0 13px 20px -13px rgba(0, 0, 0, 0.25); } .off-canvas-content { transform: none; backface-visibility: hidden; } .off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { transition: transform 0.5s ease; } .off-canvas-content.has-transition-push { transform: translate(0, 0); } .off-canvas-content .off-canvas.is-open { transform: translate(0, 0); } @media print, screen and (min-width: 40em) { .position-left.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-left.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-medium ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-right.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-medium ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-top.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-medium ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-medium { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-medium .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-medium { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-medium ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 64em) { .position-left.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-large .close-button { display: none; } .off-canvas-content .position-left.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-large ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-large .close-button { display: none; } .off-canvas-content .position-right.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-large ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-large .close-button { display: none; } .off-canvas-content .position-top.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-large ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-large { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-large .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-large { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-large ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 75em) { .position-left.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-left.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-xlarge ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-right.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-xlarge ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-top.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-xlarge ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-xlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-xlarge .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-xlarge { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-xlarge ~ .off-canvas-content { margin-bottom: 250px; } } @media screen and (min-width: 90em) { .position-left.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-left.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-left.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-left { margin-left: 250px; } .position-left.reveal-for-xxlarge ~ .off-canvas-content { margin-left: 250px; } .position-right.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-right.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-right.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-right { margin-right: 250px; } .position-right.reveal-for-xxlarge ~ .off-canvas-content { margin-right: 250px; } .position-top.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-top.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-top.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-top { margin-top: 250px; } .position-top.reveal-for-xxlarge ~ .off-canvas-content { margin-top: 250px; } .position-bottom.reveal-for-xxlarge { transform: none; z-index: 12; transition: none; visibility: visible; } .position-bottom.reveal-for-xxlarge .close-button { display: none; } .off-canvas-content .position-bottom.reveal-for-xxlarge { transform: none; } .off-canvas-content.has-reveal-bottom { margin-bottom: 250px; } .position-bottom.reveal-for-xxlarge ~ .off-canvas-content { margin-bottom: 250px; } } @media print, screen and (min-width: 40em) { .off-canvas.in-canvas-for-medium { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-medium .close-button { display: none; } } @media print, screen and (min-width: 64em) { .off-canvas.in-canvas-for-large { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-large .close-button { display: none; } } @media print, screen and (min-width: 75em) { .off-canvas.in-canvas-for-xlarge { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-xlarge .close-button { display: none; } } @media screen and (min-width: 90em) { .off-canvas.in-canvas-for-xxlarge { visibility: visible; height: auto; position: static; background: none; width: auto; overflow: visible; transition: none; } .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom { box-shadow: none; transform: none; } .off-canvas.in-canvas-for-xxlarge .close-button { display: none; } } html.is-reveal-open { position: fixed; width: 100%; overflow-y: hidden; } html.is-reveal-open.zf-has-scroll { overflow-y: scroll; -webkit-overflow-scrolling: touch; } html.is-reveal-open body { overflow-y: hidden; } .reveal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1005; display: none; background-color: rgba(0, 0, 0, 0.45); overflow-y: auto; -webkit-overflow-scrolling: touch; } .reveal { position: relative; top: 100px; margin-right: auto; margin-left: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1006; backface-visibility: hidden; display: none; padding: 1rem; border: 1px solid #cacaca; border-radius: 1.25rem; background-color: #fff; } [data-whatinput=mouse] .reveal { outline: 0; } @media print, screen and (min-width: 40em) { .reveal { min-height: 0; } } .reveal .column { min-width: 0; } .reveal > :last-child { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .reveal { width: 600px; max-width: 82.25rem; } } .reveal.collapse { padding: 0; } @media print, screen and (min-width: 40em) { .reveal.tiny { width: 30%; max-width: 82.25rem; } } @media print, screen and (min-width: 40em) { .reveal.small { width: 50%; max-width: 82.25rem; } } @media print, screen and (min-width: 40em) { .reveal.large { width: 90%; max-width: 82.25rem; } } .reveal.full { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } @media print, screen and (max-width: 39.99875em) { .reveal { top: 0; right: 0; bottom: 0; left: 0; width: 100%; max-width: none; height: 100%; min-height: 100%; margin-left: 0; border: 0; border-radius: 0; } } .reveal.without-overlay { position: fixed; } .sticky-container { position: relative; } .sticky { position: relative; z-index: 0; transform: translate3d(0, 0, 0); } .sticky.is-stuck { position: fixed; z-index: 5; width: 100%; } .sticky.is-stuck.is-at-top { top: 0; } .sticky.is-stuck.is-at-bottom { bottom: 0; } .sticky.is-anchored { position: relative; right: auto; left: auto; } .sticky.is-anchored.is-at-bottom { bottom: 0; } .title-bar { padding: 0.5rem; background: #000; color: #fff; display: flex; justify-content: flex-start; align-items: center; } .title-bar .menu-icon { margin-left: 0.25rem; margin-right: 0.25rem; } .title-bar-left, .title-bar-right { flex: 1 1 0px; } .title-bar-right { text-align: right; } .title-bar-title { display: inline-block; vertical-align: middle; font-weight: bold; } .top-bar { padding: 0.5rem; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .top-bar, .top-bar ul { background-color: #e6e6e6; } .top-bar input { max-width: 200px; margin-right: 1rem; } .top-bar .input-group-field { width: 100%; margin-right: 0; } .top-bar input.button { width: auto; } .top-bar { flex-wrap: wrap; } .top-bar .top-bar-left, .top-bar .top-bar-right { flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 40em) { .top-bar { flex-wrap: nowrap; } .top-bar .top-bar-left { flex: 1 1 auto; margin-right: auto; } .top-bar .top-bar-right { flex: 0 1 auto; margin-left: auto; } } @media print, screen and (max-width: 63.99875em) { .top-bar.stacked-for-medium { flex-wrap: wrap; } .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right { flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 74.99875em) { .top-bar.stacked-for-large { flex-wrap: wrap; } .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right { flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 89.99875em) { .top-bar.stacked-for-xlarge { flex-wrap: wrap; } .top-bar.stacked-for-xlarge .top-bar-left, .top-bar.stacked-for-xlarge .top-bar-right { flex: 0 0 100%; max-width: 100%; } } @media print, screen and (max-width: 97.49875em) { .top-bar.stacked-for-xxlarge { flex-wrap: wrap; } .top-bar.stacked-for-xxlarge .top-bar-left, .top-bar.stacked-for-xxlarge .top-bar-right { flex: 0 0 100%; max-width: 100%; } } .top-bar-title { flex: 0 0 auto; margin: 0.5rem 1rem 0.5rem 0; } .top-bar-left, .top-bar-right { flex: 0 0 auto; } .float-left { float: left !important; } .float-right { float: right !important; } .float-center { display: block; margin-right: auto; margin-left: auto; } .clearfix::before, .clearfix::after { display: table; content: " "; flex-basis: 0; order: 1; } .clearfix::after { clear: both; } .align-left { justify-content: flex-start; } .align-right { justify-content: flex-end; } .align-center { justify-content: center; } .align-justify { justify-content: space-between; } .align-spaced { justify-content: space-around; } .align-left.vertical.menu > li > a { justify-content: flex-start; } .align-right.vertical.menu > li > a { justify-content: flex-end; } .align-center.vertical.menu > li > a { justify-content: center; } .align-top { align-items: flex-start; } .align-self-top { align-self: flex-start; } .align-bottom { align-items: flex-end; } .align-self-bottom { align-self: flex-end; } .align-middle { align-items: center; } .align-self-middle { align-self: center; } .align-stretch { align-items: stretch; } .align-self-stretch { align-self: stretch; } .align-center-middle { justify-content: center; align-items: center; align-content: center; } .small-order-1 { order: 1; } .small-order-2 { order: 2; } .small-order-3 { order: 3; } .small-order-4 { order: 4; } .small-order-5 { order: 5; } .small-order-6 { order: 6; } @media print, screen and (min-width: 40em) { .medium-order-1 { order: 1; } .medium-order-2 { order: 2; } .medium-order-3 { order: 3; } .medium-order-4 { order: 4; } .medium-order-5 { order: 5; } .medium-order-6 { order: 6; } } @media print, screen and (min-width: 64em) { .large-order-1 { order: 1; } .large-order-2 { order: 2; } .large-order-3 { order: 3; } .large-order-4 { order: 4; } .large-order-5 { order: 5; } .large-order-6 { order: 6; } } @media print, screen and (min-width: 75em) { .xlarge-order-1 { order: 1; } .xlarge-order-2 { order: 2; } .xlarge-order-3 { order: 3; } .xlarge-order-4 { order: 4; } .xlarge-order-5 { order: 5; } .xlarge-order-6 { order: 6; } } @media screen and (min-width: 90em) { .xxlarge-order-1 { order: 1; } .xxlarge-order-2 { order: 2; } .xxlarge-order-3 { order: 3; } .xxlarge-order-4 { order: 4; } .xxlarge-order-5 { order: 5; } .xxlarge-order-6 { order: 6; } } .flex-container { display: flex; } .flex-child-auto { flex: 1 1 auto; } .flex-child-grow { flex: 1 0 auto; } .flex-child-shrink { flex: 0 1 auto; } .flex-dir-row { flex-direction: row; } .flex-dir-row-reverse { flex-direction: row-reverse; } .flex-dir-column { flex-direction: column; } .flex-dir-column-reverse { flex-direction: column-reverse; } @media print, screen and (min-width: 40em) { .medium-flex-container { display: flex; } .medium-flex-child-auto { flex: 1 1 auto; } .medium-flex-child-grow { flex: 1 0 auto; } .medium-flex-child-shrink { flex: 0 1 auto; } .medium-flex-dir-row { flex-direction: row; } .medium-flex-dir-row-reverse { flex-direction: row-reverse; } .medium-flex-dir-column { flex-direction: column; } .medium-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 64em) { .large-flex-container { display: flex; } .large-flex-child-auto { flex: 1 1 auto; } .large-flex-child-grow { flex: 1 0 auto; } .large-flex-child-shrink { flex: 0 1 auto; } .large-flex-dir-row { flex-direction: row; } .large-flex-dir-row-reverse { flex-direction: row-reverse; } .large-flex-dir-column { flex-direction: column; } .large-flex-dir-column-reverse { flex-direction: column-reverse; } } @media print, screen and (min-width: 75em) { .xlarge-flex-container { display: flex; } .xlarge-flex-child-auto { flex: 1 1 auto; } .xlarge-flex-child-grow { flex: 1 0 auto; } .xlarge-flex-child-shrink { flex: 0 1 auto; } .xlarge-flex-dir-row { flex-direction: row; } .xlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xlarge-flex-dir-column { flex-direction: column; } .xlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } @media screen and (min-width: 90em) { .xxlarge-flex-container { display: flex; } .xxlarge-flex-child-auto { flex: 1 1 auto; } .xxlarge-flex-child-grow { flex: 1 0 auto; } .xxlarge-flex-child-shrink { flex: 0 1 auto; } .xxlarge-flex-dir-row { flex-direction: row; } .xxlarge-flex-dir-row-reverse { flex-direction: row-reverse; } .xxlarge-flex-dir-column { flex-direction: column; } .xxlarge-flex-dir-column-reverse { flex-direction: column-reverse; } } .hide { display: none !important; } .invisible { visibility: hidden; } .visible { visibility: visible; } @media print, screen and (max-width: 39.99875em) { .hide-for-small-only { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } @media print, screen and (min-width: 40em) { .hide-for-medium { display: none !important; } } @media screen and (max-width: 39.99875em) { .show-for-medium { display: none !important; } } @media print, screen and (min-width: 40em) and (max-width: 63.99875em) { .hide-for-medium-only { display: none !important; } } @media screen and (max-width: 39.99875em), screen and (min-width: 64em) { .show-for-medium-only { display: none !important; } } @media print, screen and (min-width: 64em) { .hide-for-large { display: none !important; } } @media screen and (max-width: 63.99875em) { .show-for-large { display: none !important; } } @media print, screen and (min-width: 64em) and (max-width: 74.99875em) { .hide-for-large-only { display: none !important; } } @media screen and (max-width: 63.99875em), screen and (min-width: 75em) { .show-for-large-only { display: none !important; } } @media print, screen and (min-width: 75em) { .hide-for-xlarge { display: none !important; } } @media screen and (max-width: 74.99875em) { .show-for-xlarge { display: none !important; } } @media print, screen and (min-width: 75em) and (max-width: 89.99875em) { .hide-for-xlarge-only { display: none !important; } } @media screen and (max-width: 74.99875em), screen and (min-width: 90em) { .show-for-xlarge-only { display: none !important; } } @media screen and (min-width: 90em) { .hide-for-xxlarge { display: none !important; } } @media screen and (max-width: 89.99875em) { .show-for-xxlarge { display: none !important; } } @media screen and (min-width: 90em) and (max-width: 97.49875em) { .hide-for-xxlarge-only { display: none !important; } } @media screen and (max-width: 89.99875em), screen and (min-width: 97.5em) { .show-for-xxlarge-only { display: none !important; } } .show-for-sr, .show-on-focus { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .show-on-focus:active, .show-on-focus:focus { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; white-space: normal !important; } .show-for-landscape, .hide-for-portrait { display: block !important; } @media screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: block !important; } } @media screen and (orientation: portrait) { .show-for-landscape, .hide-for-portrait { display: none !important; } } .hide-for-landscape, .show-for-portrait { display: none !important; } @media screen and (orientation: landscape) { .hide-for-landscape, .show-for-portrait { display: none !important; } } @media screen and (orientation: portrait) { .hide-for-landscape, .show-for-portrait { display: block !important; } } .show-for-dark-mode { display: none; } .hide-for-dark-mode { display: block; } @media screen and (prefers-color-scheme: dark) { .show-for-dark-mode { display: block !important; } .hide-for-dark-mode { display: none !important; } } .show-for-ie { display: none; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .show-for-ie { display: block !important; } .hide-for-ie { display: none !important; } } .show-for-sticky { display: none; } .is-stuck .show-for-sticky { display: block; } .is-stuck .hide-for-sticky { display: none; } html { font-size: 1rem; } body { font-size: 1.125rem; font-weight: 500; } body.is-menu-open { overflow: hidden; } a { outline: 0; display: inline-block; transition: all 0.25s ease-in-out; } .clear::before, .clear::after { display: table; content: " "; flex-basis: 0; order: 1; } .clear::after { clear: both; } @media print, screen and (max-width: 63.99875em) { h1 { font-size: 2.2rem; } } @media print, screen and (max-width: 63.99875em) { h2 { font-size: 2rem; } } @media print, screen and (max-width: 63.99875em) { h3 { font-size: 1.8rem; } } .grid-container.fluid { max-width: 116.8125rem; } .sub-title { color: #DD1A1D; line-height: normal; margin-bottom: 0.5rem; font-weight: 500; } .accordion-item:first-child > :first-child { border-radius: 0; } .accordion-item { border-top: solid 1px #E4F2FF; } .accordion-item:last-child { border-bottom: solid 1px #E4F2FF; } .accordion-item:last-child:not(.is-active) > .accordion-title { border-radius: 0; } .accordion-item.is-active { border-top: 0; } .accordion-item.is-active .accordion-title { color: #133478; background-color: #E4F2FF; border-radius: 1.25rem 1.25rem 0 0; } .accordion-item.is-active .accordion-title:after { color: #fff; transform: rotate(-90deg); background-color: #DD1A1D; } .accordion-item.is-active + .accordion-item { border-color: transparent; } .accordion-title { font-size: 1.375rem; padding: 1.5625rem 4.375rem 1.5625rem 1.25rem; font-family: "Maven Pro", sans-serif; font-weight: 600; } @media print, screen and (min-width: 64em) { .accordion-title { padding: 1.688rem 5rem 1.938rem 2.625rem; font-size: 1.5625rem; } } .accordion-title:after { font-size: 0.6875rem; content: "\e902"; position: absolute; top: 1.5rem; right: 0.9375rem; width: 1.875rem; height: 1.875rem; border-radius: 4.6875rem; display: flex; align-items: center; justify-content: center; font-family: "icomoon", sans-serif; border: solid 2px #DD1A1D; transform: rotate(90deg); transition: all 0.3s; } @media print, screen and (min-width: 64em) { .accordion-title:after { right: 2.125rem; } } .accordion-title:focus, .accordion-title:hover { color: #133478; } .accordion-title:focus:after, .accordion-title:hover:after { color: #fff; background: #DD1A1D; } .accordion-content { border-radius: 0 0 1.25rem 1.25rem; } @media print, screen and (max-width: 63.99875em) { .accordion-content { padding: 0 1.25rem 1.25rem 1.25rem; } } tbody { border: 0; } tbody tr:nth-child(even) { background-color: #E4F2FF; } .wrapper { width: 100%; display: block; position: relative; min-height: 100%; overflow: hidden; } .button { display: inline-flex; align-items: center; justify-content: center; } @media print, screen and (max-width: 39.99875em) { .button { width: 100%; padding: 1.18rem; } } .button i { font-size: 0.375rem; margin-left: 1.125rem; width: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; border: solid 2px #fff; transition: all 0.25s ease-in-out; border-radius: 5rem; flex: none; } .button:focus, .button:hover { background-image: linear-gradient(45deg, #f07f13 0%, #dd1a1d 100%); } .button:focus i, .button:hover i { border: solid 2px #133478; background-color: #133478; } .button.secondary { background-color: #133478; } .button.secondary:focus, .button.secondary:hover { background-image: linear-gradient(45deg, #1a4ab1 0%, #133478 100%); } .button.secondary:focus i, .button.secondary:hover i { border: 0; background-image: linear-gradient(45deg, #f07f13 0%, #dd1a1d 100%); } .button.hollow { border: solid 2px rgba(255, 255, 255, 0.5); } .button.hollow:hover { border: solid 2px rgba(255, 255, 255, 0.5); } .button.hollow.blue { border: solid 2px #E4F2FF; } .button.hollow.blue:hover { color: #fff; background-image: none; border-color: #002866; background-color: #002866; } .button.hollow.blue:hover i { color: #fff; } .button.hollow.white:hover { color: #fff; background-image: none; border-color: #002866; background-color: #002866; } .button.hollow.white:hover i { color: #fff; } .button.blue, .button.white { padding: 12px 22px 12px 17px; font-size: 15px; color: #002866; font-weight: 500; } .button.blue i, .button.white i { color: #002866; font-size: 23px; border: 0; width: unset; height: unset; margin-left: 0; margin-right: 15px; background: transparent; } .button.blue:hover, .button.white:hover { color: #1A4AB1; background-image: none; background-color: #fff; } .button.blue:hover i, .button.white:hover i { color: #1A4AB1; } .button.blue:hover { color: #fff; background-color: #E4F2FF; } .button.blue:hover i { color: #fff; } .button.button-link { padding: 0; color: #133478; justify-content: flex-start; } .button.button-link i { font-size: 0.75rem; color: #fff; width: 1.875rem; height: 1.875rem; border: 0; background-color: #DD1A1D; } .button.button-link:focus, .button.button-link:hover { color: #DD1A1D; background-image: none; } .button.button-link:focus i, .button.button-link:hover i { background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } @media print, screen and (min-width: 40em) { .button + .button { margin-left: 0.625rem; } } @media print, screen and (min-width: 64em) { .button + .button { margin-left: 1.875rem; } } /* stylelint-disable */ .accordion-block { margin-bottom: 3.125rem; } @media print, screen and (min-width: 64em) { .accordion-block { margin-bottom: 5rem; } } .accordion-block h3 { margin-bottom: 1.625rem; } .accordion-block__heading { margin-bottom: 2.5rem; } @media print, screen and (min-width: 75em) { .accordion-block__heading { margin-bottom: 3rem; } } .accordion-block__wrap { margin-bottom: 1.875rem; } @media print, screen and (min-width: 64em) { .accordion-block__wrap { margin-bottom: 3.125rem; padding: 0 1.6875rem; } } .accordion-block__content h6, .accordion-block__content h4, .accordion-block__content h5 { margin-bottom: 0.3125rem; font-size: 1.25rem; color: #252525; } .accordion-block__content h5 { color: #133478; } .accordion-block__content h6 { font-size: 1.125rem; } .accordion-block__content p { margin-bottom: 2.5rem; } .accordion-block__content ul { margin: 0 0 3.125rem; list-style: none; } .accordion-block__content ul li { padding-left: 1.125rem; position: relative; } .accordion-block__content ul li:after { position: absolute; top: 0.875rem; left: 0; width: 0.375rem; height: 0.375rem; border-radius: 4.6875rem; background-color: #252525; content: ""; } .accordion-block__button { flex-wrap: wrap; } /* stylelint-disable */ .action-block { margin-bottom: 5rem; } @media print, screen and (min-width: 64em) { .action-block { margin-bottom: 11.5625rem; } } .action-block h2 { margin-bottom: 1.3125rem; color: #fff; } @media print, screen and (min-width: 64em) { .action-block h2 { font-size: 3.125rem; } } .action-block__block { padding: 1.875rem; position: relative; border-radius: 1.25rem; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 50%); } @media print, screen and (min-width: 64em) { .action-block__block { padding: 4.1875rem 1.875rem 0.625rem 1.875rem; } } .action-block__intro { text-align: center; color: #FBE2CA; } @media print, screen and (min-width: 64em) { .action-block__intro { padding-left: 3.75rem; text-align: unset; } } .action-block__intro p { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .action-block__intro p { margin-bottom: 2.8125rem; } } .action-block__sub-title { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: normal; color: #FBE2CA; } @media print, screen and (min-width: 64em) { .action-block__sub-title { margin-bottom: 0.0625rem; } } .action-block__magazine { margin: 0 auto 20px; width: 13.125rem; } @media print, screen and (min-width: 64em) { .action-block__magazine { margin: 0; position: absolute; top: -0.0625rem; left: -1.25rem; width: 15rem; } } @media print, screen and (min-width: 75em) { .action-block__magazine { width: 18.75rem; } } .action-block__button { margin-bottom: -4.6875rem; } @media print, screen and (min-width: 64em) { .action-block__button { margin-bottom: -3.5rem; } } /* stylelint-disable */ .banner { margin-top: 0.875rem; margin-bottom: 3.125rem; } @media print, screen and (min-width: 64em) { .banner { margin-bottom: 6.3125rem; } } .banner__wrap { position: relative; min-height: 25.8125rem; } @media print, screen and (min-width: 40em) { .banner__wrap--margin { margin-bottom: 100px; } .banner__wrap--margin .banner__image { margin-bottom: -5.625rem; } } @media print, screen and (min-width: 64em) { .banner__wrap--margin { margin-bottom: 25rem; } .banner__wrap--margin .banner__image { margin-bottom: -33.75rem; } } .banner h1 { margin-bottom: 1.25rem; color: #fff; } @media print, screen and (min-width: 64em) { .banner h1 { margin-bottom: 3rem; } } .banner h5 { color: #fff; } @media print, screen and (min-width: 64em) { .banner h5 { margin-bottom: 0; } } .banner__image { text-align: center; margin-bottom: -650px; } .banner__image img { border-radius: 1.25rem; } .banner__intro { padding-top: 1.875rem; padding-bottom: 1.875rem; position: relative; z-index: 1; } @media print, screen and (min-width: 64em) { .banner__intro { padding-top: 4.9375rem; } } .banner__text { color: #fff; } @media print, screen and (min-width: 64em) { .banner__text { font-size: 1.25rem; } } .banner__form-group { margin-bottom: 0; } .banner__form-check input { display: none; width: 0; height: auto; } .banner__form-check label { margin-bottom: 1.25rem; padding-left: 2.75rem; position: relative; line-height: 1.875rem; cursor: pointer; } @media print, screen and (min-width: 64em) { .banner__form-check label { margin-bottom: 0; } } .banner__form-check label:before, .banner__form-check label:after { position: absolute; top: 0; left: 0; width: 1.875rem; height: 1.875rem; border-radius: 0.375rem; background-color: #fff; content: ""; } .banner__form-check label:before { top: 0.3125rem; left: 0.3125rem; z-index: 1; display: none; width: 1.25rem; height: 1.25rem; border-radius: 0.1875rem; background-color: #133478; } .banner__form-check input:checked + label:before { display: block; } .banner__form-check:not(:last-child) { margin-right: 5.375rem; } .banner__form-select { position: relative; } .banner__form-select select { margin-bottom: 0; padding: 0 1.5625rem 0 3.375rem; height: 4.375rem; border-radius: 4.6875rem; cursor: pointer; background-image: url(/wp-content/themes/hartbrugreizen/dist/images//arrow.png); background-repeat: no-repeat; background-position: center right; background-size: 14px 8px; } @media print, screen and (min-width: 40em) { .banner__form-select select { padding: 0 1.5625rem 0 5.5rem; } } .banner__form-select i { position: absolute; top: 1.4375rem; left: 1.3125rem; font-size: 1.375rem; color: #133478; } @media print, screen and (min-width: 40em) { .banner__form-select i { top: 1.1875rem; left: 1.9375rem; font-size: 2rem; } } .banner__form-select--select select { padding-left: 1.875rem; } .banner__bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 1.25rem; overflow: hidden; background-image: linear-gradient(to right, #f07f13 50%, #dd1a1d 100%); } .banner__bg-image img { opacity: 0.35; width: 100%; height: 100%; object-fit: cover; object-position: center center; mix-blend-mode: screen; } .banner + .trips { margin-top: -17rem; margin-bottom: 3.125rem; } @media print, screen and (min-width: 64em) { .banner + .trips { margin-bottom: 6.1875rem; } } .banner + .trips .trips__items:first-child .card-trip .swiper { border-radius: 0; } @media print, screen and (min-width: 64em) { .banner + .trips .trips__items:first-child .card-trip .swiper { border-radius: 1.25rem; } } .banner--news { margin-bottom: 2.6875rem; } .banner--news .banner__wrap { min-height: auto; } @media print, screen and (min-width: 64em) { .banner--news .banner__wrap { min-height: 22.875rem; } } .banner--news .banner__intro { padding-bottom: 3.125rem; } .post-type-archive-travel .banner { margin-bottom: 3.75rem; } @media print, screen and (min-width: 64em) { .post-type-archive-travel .banner .banner__wrap { min-height: 32.8125rem; } } .post-type-archive-travel .banner .banner__intro { padding-bottom: 15.625rem; } @media print, screen and (min-width: 64em) { .post-type-archive-travel .banner .banner__intro { padding-top: 4.9375rem; padding-bottom: 3.125rem; } } .post-type-archive-faq .banner { margin-bottom: 1.375rem; } @media print, screen and (min-width: 64em) { .post-type-archive-faq .banner .banner__wrap { min-height: 24.9375rem; } } /* stylelint-disable */ .breadcrumbs { margin-bottom: 0; } /* stylelint-disable */ .card-accordion h3 { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 75em) { .card-accordion h3 { margin-bottom: 2.75rem; } } .card-accordion__text { margin-bottom: 2.5rem; } @media print, screen and (min-width: 75em) { .card-accordion__text { margin-bottom: 3rem; } } /* stylelint-disable */ .card-form { padding: 3.125rem 1.875rem; position: relative; } @media print, screen and (min-width: 64em) { .card-form { padding: 4.5625rem 20% 4.25rem 0; } } .card-form:after { padding: 1.875rem 0; position: absolute; top: 0; right: 0; z-index: -1; width: 100%; height: 100%; border-radius: 1.25rem; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); content: ""; pointer-events: none; } @media print, screen and (min-width: 64em) { .card-form:after { margin-left: -17.375rem; right: -0.8125rem; width: calc(100% + 294px); } } .card-form h3 { margin-bottom: 1.5625rem; color: #fff; } @media print, screen and (min-width: 64em) { .card-form h3 { margin-bottom: 2.9375rem; } } .card-form__text { margin-bottom: 1.5625rem; color: #fff; } @media print, screen and (min-width: 64em) { .card-form__text { margin-bottom: 3.3125rem; } } @media print, screen and (min-width: 64em) { .card-form__form { width: 91%; } } /* stylelint-disable */ .card-story { display: block; color: #252525; } .card-story h4 { margin-bottom: 1.625rem; line-height: 1.15; } .card-story__image { margin-bottom: 1.625rem; width: 100%; border-radius: 0.625rem; overflow: hidden; height: 180px; } @media print, screen and (min-width: 40em) { .card-story__image { height: auto; } } @media print, screen and (min-width: 64em) { .card-story__image { overflow: hidden; } } .card-story__image img { width: 100%; height: 100%; object-fit: cover; } .card-story__intro p { margin-bottom: 2.125rem; } .card-story__text { margin-bottom: 2.125rem; } .card-story:focus, .card-story:hover { color: #252525; } .card-story:focus .button-link, .card-story:hover .button-link { color: #DD1A1D; } .card-story:focus .button-link i, .card-story:hover .button-link i { background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } /* stylelint-disable */ @media print, screen and (min-width: 64em) { .card-trip__left { width: calc(100% + 80px); } } .card-trip__image { height: auto; } .card-trip__image img { width: 100%; height: 100%; object-fit: cover; } .card-trip h3 { margin-bottom: 1.25rem; } @media print, screen and (min-width: 75em) { .card-trip h3 { margin-bottom: 2.4375rem; } } .card-trip__intro { padding: 2.5rem 1.5625rem; position: relative; z-index: 1; border-radius: 0 0 1.25rem 1.25rem; background: linear-gradient(to bottom, #fdf0e4 0%, #fbe2ca 100%); } @media print, screen and (min-width: 64em) { .card-trip__intro { border-radius: 1.25rem; } } @media print, screen and (min-width: 75em) { .card-trip__intro { padding: 2.375rem 2.9375rem 3.125rem 2.9375rem; } } .card-trip__intro ul { margin: 0 0 1.25rem; } @media print, screen and (min-width: 75em) { .card-trip__intro ul { margin: 0 0 2.3125rem; } } .card-trip__intro ul li { padding-bottom: 0.0625rem; padding-left: 2.125rem; position: relative; } .card-trip__intro ul li:before { position: absolute; top: -0.25rem; left: 0.125rem; font-family: "icomoon", sans-serif; font-size: 1.375rem; color: #DD1A1D; content: "\e905"; } .card-trip__date { margin-bottom: 0.875rem; font-size: 1.125rem; } .card-trip__bottom { flex-wrap: wrap; } .card-trip__bottom .button { margin-bottom: 0; } .card-trip__price { margin-bottom: 0.625rem; font-family: "Maven Pro", sans-serif; font-size: 1.5625rem; font-weight: 700; color: #002866; } @media print, screen and (min-width: 64em) { .card-trip__price { margin-bottom: 0; font-size: 1.75rem; } } .card-trip__play { padding: 0.9375rem 1.625rem; position: absolute; top: 50%; left: 50%; z-index: 2; width: 100%; max-width: 9.375rem; font-size: 1rem; color: #fff; border-radius: 4.6875rem; background-color: #DD1A1D; transform: translate(-50%, -50%); } .card-trip__play:focus, .card-trip__play:hover { color: #fff; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } .card-trip__play i { margin-right: 0.9375rem; font-size: 1.375rem; } @media print, screen and (min-width: 64em) { .card-trip--reverse .card-trip__left { margin-left: -5rem; } } /* stylelint-disable */ .collage-slider { margin-bottom: 2.5rem; } @media print, screen and (min-width: 64em) { .collage-slider { margin-bottom: 6rem; } } .collage-slider__large { width: 100%; height: 100%; overflow: hidden; border-radius: 1.25rem 0 0 1.25rem; } .collage-slider__large img { width: 100%; height: 100%; object-fit: cover; } .collage-slider__large--small { margin-bottom: 1.875rem; height: auto; border-radius: 0 1.25rem 0 0; } @media print, screen and (min-width: 40em) { .collage-slider__large--small { margin-bottom: 3.125rem; } } .collage-slider__large--small:nth-child(2) { margin-bottom: 0; border-radius: 0 0 1.25rem; } /* stylelint-disable */ .content { margin-bottom: 1.75rem; } .content__text { font-size: 1.25rem; } .content--error { padding-top: 1.875rem; } @media print, screen and (min-width: 64em) { .content--error { padding-top: 3.125rem; padding-bottom: 3.125rem; } } /* stylelint-disable */ .cta-block { margin-bottom: 2.5rem; position: relative; } @media print, screen and (min-width: 64em) { .cta-block { margin-bottom: 5.625rem; } } .cta-block__intro { margin-bottom: 3.125rem; position: relative; border-radius: 1.5625rem; } @media print, screen and (min-width: 64em) { .cta-block__intro { margin-bottom: 0; } } .cta-block h3 { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .cta-block h3 { margin-bottom: 3.125rem; } } @media print, screen and (min-width: 64em) { .cta-block__info { width: 86.5%; } } .cta-block__info p { margin-bottom: 2.8125rem; } .cta-block__info ul { margin: 0 0 2.1875rem; } @media print, screen and (min-width: 64em) { .cta-block__info ul { margin: 0 0 3.5625rem; } } .cta-block__info ul li { margin-bottom: 1.0625rem; } .cta-block__info ul li a { padding-left: 3.125rem; position: relative; } @media print, screen and (min-width: 64em) { .cta-block__info ul li a { padding-left: 4.0625rem; } } .cta-block__info ul li a img { transition: all 0.3s; } .cta-block__info ul li a:focus, .cta-block__info ul li a:hover { color: #DD1A1D; } .cta-block__info ul li a:focus .cta-block__animation, .cta-block__info ul li a:hover .cta-block__animation { color: #DD1A1D; } .cta-block__info ul li a:focus img, .cta-block__info ul li a:hover img { filter: brightness(150%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8); } .cta-block__info ul li a:focus svg .circle, .cta-block__info ul li a:hover svg .circle { stroke-dashoffset: 0; } .cta-block__animation { position: absolute; top: -0.25rem; left: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; color: #133478; border: solid 0.125rem #E4F2FF; border-radius: 4.6875rem; transition: all 0.25s ease-in-out; } .cta-block__animation i { font-size: 1.25rem; } .cta-block__animation svg { position: absolute; top: -0.125rem; left: -0.125rem; } .cta-block__animation svg .circle { transition: stroke-dashoffset 0.3s ease; stroke-dasharray: 130; stroke-dashoffset: 130; } .cta-block__photos { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; pointer-events: none; } .cta-block__photo-item { position: absolute; top: 9.25rem; left: 38%; width: 15.625rem; height: 15.625rem; overflow: hidden; border-radius: 100%; transform: translateX(-50%); } @media print, screen and (min-width: 75em) { .cta-block__photo-item { left: 45%; } } .cta-block__photo-item img { width: 100%; } .cta-block__photo-item:nth-child(2) { margin-left: 3.6875rem; top: 25.8125rem; width: 12.5rem; height: 12.5rem; } .cta-block__photo-item:nth-child(2) .cta-block__name { right: 0.8125rem; bottom: 5.5rem; font-size: 1.125rem; } .cta-block__thumbnail { margin-left: 5.25rem; position: absolute; top: 8.125rem; left: 38%; z-index: -1; width: 6.25rem; height: 6.25rem; border-radius: 100%; transform: translateX(-50%); overflow: hidden; filter: blur(5px); } @media print, screen and (min-width: 75em) { .cta-block__thumbnail { left: 45%; } } .cta-block__thumbnail img { width: 100%; } .cta-block__thumbnail:nth-of-type(2n) { margin-left: -3.0625rem; top: 21.8125rem; width: 9.375rem; height: 9.375rem; } .cta-block__thumbnail:nth-of-type(3n) { margin-left: 4.75rem; top: 18.4375rem; width: 9.375rem; height: 9.375rem; } .cta-block__name { position: absolute; right: 2.0625rem; bottom: 3.625rem; font-family: "Maven Pro", sans-serif; font-size: 1.25rem; font-weight: 500; color: #fff; } .cta-block__magazine { position: absolute; top: 50%; left: 50%; width: 17.8125rem; transform: translate(-50%, -50%); } @media print, screen and (min-width: 75em) { .cta-block__magazine { width: 24.0625rem; } } .cta-block--brochure h3 { font-size: 2.5rem; } @media print, screen and (min-width: 64em) { .cta-block--brochure h3 { font-size: 3.125rem; } } @media print, screen and (min-width: 64em) { .cta-block--brochure .card-form { padding: 5.375rem 32% 5.375rem 0; } } .cta-block--brochure .card-form:after { background-image: linear-gradient(to right, #dd1a1d 0%, #f07f13 100%); } .cta-block--newsletter h3 { font-size: 2.5rem; } @media print, screen and (min-width: 64em) { .cta-block--newsletter h3 { margin-bottom: 1.125rem; font-size: 3.125rem; } } @media print, screen and (min-width: 64em) { .cta-block--alt .card-form { padding: 5.375rem 0 5.375rem 27%; } } @media print, screen and (min-width: 75em) { .cta-block--alt .card-form { padding: 5.375rem 0 5.375rem 35%; } } @media print, screen and (min-width: 64em) { .cta-block--alt .card-form:after { right: -17.3125rem; width: calc(100% + 291px); } } /* stylelint-disable */ .faqs-block { margin-bottom: 1.875rem; } .faqs-block__list { margin-bottom: 3.75rem; border-bottom: solid 1px #E4F2FF; } @media print, screen and (min-width: 75em) { .faqs-block__list { margin-bottom: 6.8125rem; } } .faqs-block__list ul { margin: 0; flex-wrap: wrap; } .faqs-block__list ul li { margin: 0 0.9375rem; } @media print, screen and (min-width: 75em) { .faqs-block__list ul li { margin: 0 1.3125rem; } } .faqs-block__list ul li a { padding-bottom: 1.3125rem; position: relative; font-family: "Maven Pro", sans-serif; font-size: 1.25rem; color: #DD1A1D; } .faqs-block__list ul li a:after { position: absolute; bottom: 0; left: 50%; width: 0; height: 0.25rem; border-radius: 0.5rem 0.5rem 0 0; background-color: #DD1A1D; transform: translateX(-50%); transition: all 0.25s ease-in-out; content: ""; } .faqs-block__list ul li a.is-active, .faqs-block__list ul li a:focus, .faqs-block__list ul li a:hover { color: #133478; } .faqs-block__list ul li a.is-active:after, .faqs-block__list ul li a:focus:after, .faqs-block__list ul li a:hover:after { width: 100%; } @media print, screen and (min-width: 64em) { .faqs-block__block { padding: 0 1.5625rem; } } .faqs-block__items { margin-bottom: 4.375rem; } @media print, screen and (min-width: 75em) { .faqs-block__items { margin-bottom: 8.75rem; } } /* stylelint-disable */ .flip-slider { margin-bottom: 3.125rem; } @media print, screen and (min-width: 64em) { .flip-slider { margin-bottom: 8.375rem; } } .flip-slider__block { position: relative; } .flip-slider h3 { margin-bottom: 1.875rem; } .flip-slider__image { width: 85%; font-size: 1rem; color: rgba(37, 37, 37, 0.5); border-radius: 1.25rem; filter: blur(6px); overflow: hidden; } @media print, screen and (min-width: 64em) { .flip-slider__image { width: 77%; } } .flip-slider__image img { margin-bottom: 0.6875rem; width: 100%; border-radius: 1.25rem; } .flip-slider__image.swiper-slide-active { filter: blur(0); } .flip-slider__play { padding: 0.9375rem 1.625rem; position: absolute; top: 50%; left: 50%; z-index: 2; width: 100%; max-width: 9.375rem; font-size: 1rem; color: #fff; border-radius: 4.6875rem; background-color: #DD1A1D; transform: translate(-50%, -50%); } .flip-slider__play:focus, .flip-slider__play:hover { color: #fff; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } .flip-slider__play i { margin-right: 0.9375rem; font-size: 1.375rem; } .flip-slider__button { padding-top: 0.9375rem; } @media print, screen and (min-width: 64em) { .flip-slider__button { padding-top: 1.875rem; } } /* stylelint-disable */ .footer__logo { margin-bottom: 2.5rem; width: 9.375rem; } @media print, screen and (min-width: 64em) { .footer__logo { margin-bottom: 4.875rem; width: 11.625rem; } } .footer__top { padding-bottom: 2.1875rem; border-bottom: solid 2px #FAF6F4; } @media print, screen and (min-width: 40em) { .footer__top { padding-bottom: 3.5625rem; } } .footer__title { margin-bottom: 0.4375rem; font-weight: 700; color: #133478; } .footer__address { margin-bottom: 1.875rem; } @media print, screen and (min-width: 40em) { .footer__address { margin-bottom: 2.9375rem; } } .footer__address address { font-style: normal; line-height: 2.1; } .footer__call { margin-bottom: 2.5rem; } @media print, screen and (min-width: 64em) { .footer__call { margin-bottom: 0; } } .footer__call .footer__title { margin-bottom: 1rem; } .footer__call ul { margin: 0; } .footer__call ul li { margin-bottom: 1.125rem; } .footer__call ul li a { padding-left: 3.125rem; position: relative; font-weight: 500; } @media print, screen and (min-width: 40em) { .footer__call ul li a { padding-left: 4.0625rem; } } .footer__call ul li a:focus, .footer__call ul li a:hover { color: #DD1A1D; } .footer__call ul li a:focus .footer__animation, .footer__call ul li a:hover .footer__animation { color: #DD1A1D; } .footer__call ul li a:focus svg .circle, .footer__call ul li a:hover svg .circle { stroke-dashoffset: 0; } .footer__animation { position: absolute; top: -0.25rem; left: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; color: #133478; border: solid 0.125rem #E4F2FF; border-radius: 4.6875rem; transition: all 0.25s ease-in-out; } .footer__animation i { font-size: 1.125rem; } .footer__animation i.icon-envelope { font-size: 0.8125rem; } .footer__animation svg { position: absolute; top: -0.125rem; left: -0.125rem; } .footer__animation svg .circle { transition: stroke-dashoffset 0.3s ease; stroke-dasharray: 130; stroke-dashoffset: 130; } .footer__menu { margin-bottom: 2.5rem; } @media print, screen and (min-width: 40em) { .footer__menu { margin-bottom: 3rem; } } .footer__menu ul { margin-bottom: 0; } @media print, screen and (min-width: 40em) { .footer__menu ul { margin-bottom: 3rem; } } .footer__menu ul li { margin-bottom: 0.375rem; } .footer__menu ul li a { color: #252525; } .footer__menu ul li a:focus, .footer__menu ul li a:hover { color: #DD1A1D; } .footer__social-media { margin-bottom: 2.5rem; } @media print, screen and (min-width: 40em) { .footer__social-media { margin-bottom: 2.8125rem; } } .footer__social-media .footer__title { margin-bottom: 0.625rem; } .footer__social-media ul { margin: 0; } .footer__social-media ul li { margin-bottom: 1.125rem; } .footer__social-media ul li a { padding-left: 3.125rem; position: relative; font-weight: 500; } @media print, screen and (min-width: 40em) { .footer__social-media ul li a { padding-left: 4.0625rem; } } .footer__social-media ul li a:focus, .footer__social-media ul li a:hover { color: #DD1A1D; } .footer__social-media ul li a:focus .footer__animation, .footer__social-media ul li a:hover .footer__animation { color: #DD1A1D; } .footer__social-media ul li a:focus svg .circle, .footer__social-media ul li a:hover svg .circle { stroke-dashoffset: 0; } .footer__certificate .footer__title { margin-bottom: 1.875rem; } .footer__certificate-logo { margin-right: 0.9375rem; width: 3.125rem; } @media print, screen and (min-width: 75em) { .footer__certificate-logo { margin-right: 1.4375rem; } } .footer__certificate-logo:nth-child(2) { width: 3.1875rem; } .footer__certificate-logo:nth-child(3) { width: 4.3125rem; } .footer__certificate-logo:nth-child(4) { width: 9rem; } .footer__copyright { padding-top: 1.5625rem; padding-bottom: 1.5625rem; font-size: 1rem; color: rgba(37, 37, 37, 0.2); } @media print, screen and (min-width: 40em) { .footer__copyright { padding-top: 2.0625rem; padding-bottom: 2.0625rem; } } .footer__copyright p { margin-bottom: 0; } .footer__copyright p a { color: rgba(37, 37, 37, 0.2); } .footer__copyright p a:focus, .footer__copyright p a:hover { color: #DD1A1D; } .close-obi-launcher { display: none; position: fixed; top: 0; right: 0; z-index: 9999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease-in-out; } .close-obi-launcher.open { opacity: 1; display: block; } /* stylelint-disable */ .form-photo { margin-bottom: 3.75rem; } @media print, screen and (min-width: 64em) { .form-photo { margin-bottom: 9.375rem; } } .form-photo__video, .form-photo__image { margin-bottom: -2.5rem; width: 100%; position: relative; z-index: 2; } @media print, screen and (min-width: 64em) { .form-photo__video, .form-photo__image { margin-bottom: 0; margin-left: -5.8125rem; width: calc(100% + 95px); } } .form-photo__video video, .form-photo__video img, .form-photo__image video, .form-photo__image img { width: 100%; height: 100%; object-fit: cover; border-radius: 1.25rem; } .form-photo .cta-block__intro { margin-bottom: 0; } @media print, screen and (max-width: 74.99875em) { .form-photo .cta-block__intro .card-form { padding-top: 5rem; } } /* stylelint-disable */ .gform_wrapper.gravity-theme .gform_heading .gform_description { margin-bottom: 20px; display: block; } .gform_wrapper.gravity-theme .gform_heading .gform_required_legend { display: none; } .gform_wrapper.gravity-theme .gf_progressbar_wrapper { margin-bottom: 48px; } .gform_wrapper.gravity-theme .gf_progressbar_title { margin-bottom: 13px !important; font-size: 18px !important; color: #FBE2CA !important; } .gform_wrapper.gravity-theme .gf_progressbar_blue { height: 10px; background-color: rgba(253, 240, 228, 0.44) !important; } .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { height: 10px; background-color: #002866 !important; } .gform_wrapper.gravity-theme .gf_progressbar_percentage span { position: relative; top: -5px; right: -12px; width: 22px !important; height: 22px; font-size: 0 !important; border: solid 3px #133478; border-radius: 100%; background-color: #fff; } .gform_wrapper.gravity-theme .gform_body .gform_fields { grid-row-gap: 20px; } .gform_wrapper.gravity-theme .gform_body .gfield label { font-weight: 500; margin-bottom: 0.3125rem; font-size: 1.125rem; } .gform_wrapper.gravity-theme .gform_body .gfield label span.gfield_required { margin-left: 0.125rem; font-size: 1.0625rem; color: #FBE2CA; } .gform_wrapper.gravity-theme .gform_body .gfield input[type=text], .gform_wrapper.gravity-theme .gform_body .gfield input[type=email], .gform_wrapper.gravity-theme .gform_body .gfield textarea { padding: 0 1.6875rem; height: 3.75rem; font-size: 1.125rem; } .card-form__form .gform_wrapper.gravity-theme .gform_body .gfield input[type=text], .card-form__form .gform_wrapper.gravity-theme .gform_body .gfield input[type=email], .card-form__form .gform_wrapper.gravity-theme .gform_body .gfield textarea { height: 3rem; } .gform_wrapper.gravity-theme .gform_body .gfield textarea.large { padding-top: 1.25rem; height: 10rem; border-radius: 1.25rem; } @media print, screen and (min-width: 64em) { .gform_wrapper.gravity-theme .gform_body .gfield textarea.large { height: 15.625rem; } } .card-form__form .gform_wrapper.gravity-theme .gform_body .gfield textarea.large { height: 10rem; } .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio { display: flex; flex-wrap: wrap; } .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio input { display: none; width: 0; height: auto; } .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio .gform-field-label { margin: 0 2.4375rem 1.25rem 0; padding-left: 3.125rem; position: relative; line-height: 1.875rem; cursor: pointer; } @media print, screen and (min-width: 64em) { .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio .gform-field-label { margin-bottom: 0; } } .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio .gform-field-label:before, .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio .gform-field-label:after { position: absolute; top: 0; left: 0; width: 1.8125rem; height: 1.8125rem; border-radius: 4.6875rem; background-color: #fff; content: ""; } .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio .gform-field-label:before { top: 0.375rem; left: 0.375rem; z-index: 1; display: none; width: 1.0625rem; height: 1.0625rem; border-radius: 4.6875rem; background-color: #133478; } .gform_wrapper.gravity-theme .gform_body .gfield .gfield_radio input:checked + label:before { display: block; } .gform_wrapper.gravity-theme .gform_body .gform_validation_container { display: none; } .gform_wrapper .gform_footer { margin: 0.875rem 0 0 !important; } .gform_wrapper .gform_footer .gform_button { position: relative; display: flex; align-items: center; background-color: #133478; } .gform_wrapper .gform_footer .gform_button:after { margin-left: 1.125rem; display: flex; flex: none; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; font-family: "icomoon", sans-serif; font-size: 0.375rem; border: solid 2px #fff; border-radius: 5rem; transition: all 0.25s ease-in-out; content: "\e902"; } .gform_wrapper .gform_footer .gform_button:focus, .gform_wrapper .gform_footer .gform_button:hover { background-image: linear-gradient(45deg, #1a4ab1 0%, #133478 100%); } .gform_wrapper .gform_footer .gform_button:focus:after, .gform_wrapper .gform_footer .gform_button:hover:after { border: 0; background-image: linear-gradient(45deg, #f07f13 0%, #dd1a1d 100%); } .gform_wrapper .gform_page_footer { display: flex; justify-content: flex-end; } .gform_wrapper .gform_page_footer .gform_next_button { position: relative; display: flex; align-items: center; background-color: #133478; } .gform_wrapper .gform_page_footer .gform_next_button:after { margin-left: 1.125rem; display: flex; flex: none; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; font-family: "icomoon", sans-serif; font-size: 0.375rem; border: solid 2px #fff; border-radius: 5rem; transition: all 0.25s ease-in-out; content: "\e902"; } .gform_wrapper .gform_page_footer .gform_next_button:focus, .gform_wrapper .gform_page_footer .gform_next_button:hover { background-image: linear-gradient(45deg, #1a4ab1 0%, #133478 100%); } .gform_wrapper .gform_page_footer .gform_next_button:focus:after, .gform_wrapper .gform_page_footer .gform_next_button:hover:after { border: 0; background-image: linear-gradient(45deg, #f07f13 0%, #dd1a1d 100%); } /* stylelint-disable */ .header { padding-top: 0.8125rem; padding-bottom: 0.8125rem; position: relative; z-index: 11; } .header:after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #fff; content: ""; pointer-events: none; } @media print, screen and (min-width: 64em) { .header:after { display: none; } } .header__logo { width: 6.5625rem; } @media print, screen and (min-width: 64em) { .header__logo { width: 8.4375rem; } } .header__top { width: 100%; margin-bottom: 0.875rem; } @media print, screen and (min-width: 64em) { .header__top { width: auto; } } @media print, screen and (min-width: 75em) { .header__certificate { margin-left: 1.6875rem; } } .header__call { margin-bottom: 0; flex-wrap: wrap; } .header__call li { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .header__call li { margin-bottom: 0; } } .header__call li a { font-size: 1rem; position: relative; padding-left: 3.125rem; font-weight: 500; } @media print, screen and (min-width: 75em) { .header__call li a { padding-left: 3.625rem; } } .header__call li a:focus, .header__call li a:hover { color: #DD1A1D; } .header__call li a:focus .header__animation, .header__call li a:hover .header__animation { color: #DD1A1D; } .header__call li a:focus svg .circle, .header__call li a:hover svg .circle { stroke-dashoffset: 0; } @media print, screen and (min-width: 64em) { .header__call li:not(:last-child) { margin-right: 1.25rem; } } @media print, screen and (min-width: 75em) { .header__call li:not(:last-child) { margin-right: 2.625rem; } } .header__animation { position: absolute; top: -0.25rem; left: 0; display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; color: #133478; border: solid 0.125rem #E4F2FF; border-radius: 4.6875rem; transition: all 0.25s ease-in-out; } .header__animation i { font-size: 1.125rem; } .header__animation svg { position: absolute; top: -0.125rem; left: -0.125rem; } .header__animation svg .circle { transition: stroke-dashoffset 0.3s ease; stroke-dasharray: 130; stroke-dashoffset: 130; } .header__certificate-logo { opacity: 0.4; width: 2.1875rem; } @media print, screen and (min-width: 64em) { .header__certificate-logo { margin-left: 0.9375rem; } } @media print, screen and (min-width: 75em) { .header__certificate-logo { margin-left: 1.4375rem; } } .header__certificate-logo:nth-child(2) { margin-left: 1.25rem; width: 2.1875rem; } .header__certificate-logo:nth-child(3) { width: 3.125rem; } .header__certificate-logo:nth-child(4) { width: 5.625rem; } .header__certificate-logo:focus, .header__certificate-logo:hover { opacity: 1; } .header__menu { display: flex; flex-wrap: wrap; } @media print, screen and (min-width: 64em) { .header__menu { margin-top: -1px; justify-content: flex-end; } } @media print, screen and (max-width: 63.99875em) { .header__menu { padding: 6.875rem 1.625rem; position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; width: 100%; height: 100vh; background-color: #fff; transition: all 0.25s ease-in-out; overflow-y: scroll; } } .header__menu::-webkit-scrollbar { display: none; width: 0 !important; } .is-menu-open .header__menu { opacity: 1; visibility: visible; } .header__menu-list { flex-wrap: wrap; width: 100%; } @media print, screen and (min-width: 64em) { .header__menu-list { margin-bottom: 0; width: auto; } } .header__menu-item { margin-bottom: 0.625rem; } @media print, screen and (min-width: 64em) { .header__menu-item { margin-bottom: 0; } } @media print, screen and (min-width: 64em) { .header__menu-item:not(:last-child) { margin-right: 2.1875rem; } } @media print, screen and (min-width: 75em) { .header__menu-item:not(:last-child) { margin-right: 3.1875rem; } } .header__menu-link { font-size: 1.125rem; letter-spacing: -0.2px; font-weight: 600; } .header__toggle { position: absolute; top: 1.4375rem; right: 1.5625rem; z-index: 9; display: flex; align-items: center; justify-content: center; width: 2.8125rem; height: 2.8125rem; border-radius: 4.6875rem; background: #133478; } @media print, screen and (min-width: 64em) { .header__toggle { display: none; } } .header__toggle span { position: relative; width: 1.25rem; height: 0.125rem; text-indent: -9999px; border-radius: 0.1875rem; background: #fff; transition: all 0.25s ease-in-out; } .header__toggle span:before, .header__toggle span:after { position: absolute; display: block; width: 100%; height: 0.125rem; border-radius: 0.1875rem; background: #fff; transition: all 0.25s ease-in-out; content: ""; } .header__toggle span:before { top: -0.375rem; left: 0; } .header__toggle span:after { right: 0; bottom: -0.375rem; } .is-menu-open .header__toggle { background: #DD1A1D; } .is-menu-open .header__toggle span { background: none; } .is-menu-open .header__toggle span:before { top: 0; width: 100%; transform: rotate(135deg); } .is-menu-open .header__toggle span:after { bottom: 0; width: 100%; transform: rotate(-135deg); } /* stylelint-disable */ .hero { margin-bottom: 5rem; } @media print, screen and (min-width: 64em) { .hero { margin-bottom: 8.0625rem; } } @keyframes arrow-movement { 0% { opacity: 0; transform: translateY(-12px); } 50% { opacity: 1; } 100% { opacity: 0; transform: translateY(12px); } } .hero__wrap { position: relative; min-height: 33.75rem; } @media print, screen and (min-width: 64em) { .hero__wrap { min-height: 45.625rem; } } .hero h1 { color: #fff; margin-bottom: 0.9375rem; font-weight: 600; } @media print, screen and (min-width: 64em) { .hero h1 { font-size: 5.5625rem; } } .hero__intro { margin-bottom: -2.875rem; padding-top: 1.875rem; position: relative; z-index: 1; width: 100%; font-size: 1.25rem; color: #fff; } @media print, screen and (min-width: 64em) { .hero__intro { padding-top: 0; } } @media print, screen and (max-width: 39.99875em) { .hero__intro { line-height: 1.7; font-size: 0.9375rem; } } .hero__intro p { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .hero__intro p { margin-bottom: 3.875rem; } } .hero__video, .hero__bg-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 1.25rem; } .hero__video:after, .hero__bg-image:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 28.125rem; content: ""; background-image: url(/wp-content/themes/hartbrugreizen/dist/images//overlay.png); background-repeat: no-repeat; background-position: top center; } .hero__video video, .hero__video img, .hero__bg-image video, .hero__bg-image img { width: 100%; height: 100%; object-fit: cover; } .hero__video { display: none; } @media print, screen and (min-width: 40em) { .hero__video:has(+ .hero__bg-image) { display: block; } .hero__video:has(+ .hero__bg-image) + .hero__bg-image { display: none; } } .hero__iframe { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; overflow: hidden; } .hero__iframe iframe { width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero__scroll { position: absolute; bottom: 6.25rem; left: 5rem; z-index: 2; display: none; align-items: center; justify-content: center; width: 1.875rem; height: 4.0625rem; font-size: 1.625rem; color: #fff; border: solid 2px #fff; border-radius: 4.6875rem; } @media screen and (min-width: 97.5em) { .hero__scroll { display: flex; } } .hero__scroll i { animation: arrow-movement 2s infinite; } .hero__scroll:focus, .hero__scroll:hover { color: #133478; background-color: #fff; } /* stylelint-disable */ .search-form { margin-bottom: 0; } /* stylelint-disable */ .step-form { margin-bottom: 5rem; } @media print, screen and (min-width: 75em) { .step-form { margin-bottom: 13.3125rem; } } .step-form__block { padding: 4.3125rem 0; border-radius: 1.25rem; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } .step-form__heading { margin-bottom: 2.5rem; color: #FBE2CA; } @media print, screen and (min-width: 64em) { .step-form__heading { margin-bottom: 5rem; } } .step-form h2 { margin-bottom: 1.5625rem; color: #fff; } @media print, screen and (min-width: 64em) { .step-form h2 { font-size: 3.125rem; } } .step-form h2 strong { display: block; font-weight: 600; color: #133478; } .step-form__wrap { position: relative; } @media print, screen and (min-width: 64em) { .step-form__wrap { padding: 0 1.625rem; } } .step-form__bus { position: absolute; bottom: -6.9375rem; left: 50%; width: 180px; margin-left: -5.625rem; } @media print, screen and (min-width: 64em) { .step-form__bus { margin-left: 0; left: 1.625rem; width: 250px; } } .step-form #field_4_18 .gfield_radio { flex-flow: column; gap: 0.1875rem; } .step-form #field_4_18 .gfield_label { margin-bottom: 10px !important; margin-top: 10px; } .step-form .step-form__bus.aos-init.aos-animate { width: 100%; justify-content: end; display: flex; } /* stylelint-disable */ .sticky-bar { position: fixed; bottom: 0; left: 0; z-index: 11; width: 100%; } .sticky-bar__block { position: relative; } .sticky-bar__block:after { position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 3.125rem; border-radius: 1.25rem 1.25rem 0 0; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); content: ""; } @media print, screen and (min-width: 64em) { .sticky-bar__block:after { height: 3.75rem; } } .sticky-bar__image { margin-right: 1.25rem; width: 8.125rem; } @media print, screen and (min-width: 64em) { .sticky-bar__image { width: 10rem; } } .sticky-bar__link { margin-top: 1.5625rem; font-family: "Maven Pro", sans-serif; font-size: 1.25rem; font-weight: 600; color: #fff; } @media print, screen and (min-width: 64em) { .sticky-bar__link { font-size: 1.875rem; } } .sticky-bar__link i { margin-left: 1.125rem; display: flex; flex: none; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; font-size: 0.375rem; border: solid 2px #fff; border-radius: 5rem; transition: all 0.25s ease-in-out; margin-top: 0.375rem; } .sticky-bar__link:focus, .sticky-bar__link:hover { color: #002866; } .sticky-bar__link:focus i, .sticky-bar__link:hover i { color: #fff; border-color: #002866; } /* stylelint-disable */ .stories-section { margin-bottom: 3.125rem; } @media print, screen and (min-width: 64em) { .stories-section { margin-bottom: 6.5rem; } } .stories-section__items { margin-bottom: 2.5rem; } @media print, screen and (min-width: 64em) { .stories-section__items { margin-bottom: 5rem; } } /* stylelint-disable */ .story-slider { margin-bottom: 5rem; } @media print, screen and (min-width: 64em) { .story-slider { margin-bottom: 11.25rem; } } .story-slider__block { padding-top: 2.5rem; padding-bottom: 0.9375rem; border-radius: 1.25rem; background-color: #E4F2FF; } @media print, screen and (min-width: 64em) { .story-slider__block { padding-top: 5rem; } } .story-slider__title { margin-bottom: 2.4375rem; text-align: center; } @media print, screen and (min-width: 40em) { .story-slider__title { text-align: left; } } .story-slider__title .sub-title { margin-bottom: 0.125rem; font-family: "Maven Pro", sans-serif; font-size: 1.25rem; } .story-slider__sliders { margin-bottom: 1.25rem; } @media print, screen and (min-width: 64em) { .story-slider__sliders { margin-bottom: 3.8125rem; } } .story-slider .swiper-slide .card-story__intro { opacity: 1; } @media print, screen and (min-width: 40em) { .story-slider .swiper-slide.swiper-slide-next .card-story__intro, .story-slider .swiper-slide.swiper-slide-active .card-story__intro { opacity: 1; } } .story-slider .swiper-slide.swiper-slide-active .card-story__intro { opacity: 1; } .story-slider .js-story-swiper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; } .story-slider__button { margin-bottom: -2.8125rem; } .story-slider__button .button { margin-bottom: 0; } /* stylelint-disable */ .team-slider { margin-bottom: 3.125rem; padding-top: 0.625rem; } @media print, screen and (min-width: 64em) { .team-slider { margin-bottom: 9.5rem; padding-top: 2.8125rem; } } .team-slider__heading { margin-bottom: 1.875rem; } @media print, screen and (min-width: 64em) { .team-slider__heading { margin-bottom: 2.8125rem; } } .team-slider h2 { margin-bottom: 1.25rem; } @media print, screen and (min-width: 64em) { .team-slider h2 { margin-bottom: 2.75rem; } } .team-slider__block { padding-top: 3.125rem; padding-bottom: 2.25rem; border-radius: 1.25rem; background-color: #E4F2FF; } @media print, screen and (min-width: 64em) { .team-slider__block { padding-top: 4.9375rem; } } .team-slider__image { margin: 0 auto 2rem; position: relative; display: block; width: 100%; border-radius: 100%; overflow: hidden; } @media print, screen and (min-width: 64em) { .team-slider__image { width: 13.75rem; height: 13.75rem; } } .team-slider__image img { width: 100%; } .team-slider__image span { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; width: 100%; height: 100%; font-family: "PP Mori", sans-serif; font-size: 1.25rem; font-weight: 600; color: #fff; background-image: linear-gradient(to right, rgba(240, 127, 19, 0.85) 0%, rgba(221, 26, 29, 0.85) 100%); transition: all 0.25s ease-in-out; mix-blend-mode: hard-light; } .team-slider__image span i { margin-left: 0.875rem; display: flex; flex: none; align-items: center; justify-content: center; width: 1.875rem; height: 1.875rem; font-size: 0.75rem; border-radius: 5rem; background-color: #DD1A1D; transition: all 0.25s ease-in-out; mix-blend-mode: hard-light; } .team-slider__image:focus span, .team-slider__image:hover span { opacity: 1; visibility: visible; } .team-slider__info { color: #252525; display: block; } .team-slider__info:hover { color: #252525; } .team-slider__info h6 { margin-bottom: 0.5rem; font-family: "Inter", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; } .team-slider__slider { margin-bottom: 3.125rem; padding-bottom: 0.625rem; position: relative; border-bottom: solid 1px #fff; } @media print, screen and (min-width: 64em) { .team-slider__slider { padding-bottom: 3.5625rem; } } .team-slider__bottom { flex-wrap: wrap; } .team-slider__call { flex-wrap: wrap; } @media print, screen and (min-width: 64em) { .team-slider__call { margin-right: 3.125rem; } } .team-slider__call li { margin: 0 0.9375rem 0.9375rem; } @media print, screen and (min-width: 64em) { .team-slider__call li { margin: 0 2.1875rem; } } .team-slider__call li a { padding-left: 3.125rem; position: relative; font-weight: 500; } @media print, screen and (min-width: 75em) { .team-slider__call li a { padding-left: 3.625rem; } } .team-slider__call li a:focus, .team-slider__call li a:hover { color: #DD1A1D; } .team-slider__call li a:focus .team-slider__animation, .team-slider__call li a:hover .team-slider__animation { color: #DD1A1D; } .team-slider__call li a:focus svg .circle, .team-slider__call li a:hover svg .circle { stroke-dashoffset: 0; } .team-slider__call li .button { margin-bottom: 0; } .team-slider__animation { position: absolute; top: -0.25rem; left: 0; display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; color: #133478; border: solid 0.125rem #fff; border-radius: 4.6875rem; transition: all 0.25s ease-in-out; } .team-slider__animation i { font-size: 1.25rem; } .team-slider__animation i.icon-envelope { font-size: 0.875rem; } .team-slider__animation svg { position: absolute; top: -0.125rem; left: -0.125rem; } .team-slider__animation svg .circle { transition: stroke-dashoffset 0.3s ease; stroke-dasharray: 130; stroke-dashoffset: 130; } /* stylelint-disable */ .text-block { margin-bottom: 2.5rem; } @media print, screen and (min-width: 64em) { .text-block { margin-bottom: 8.5rem; } } .text-block__title { font-size: 1.25rem; margin-bottom: 0.625rem; font-family: "Maven Pro", sans-serif; } @media print, screen and (min-width: 64em) { .text-block__intro { padding: 0 0.625rem 0 2.6875rem; } } .text-block h3 { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .text-block h3 { margin-bottom: 2.4375rem; } } .text-block p { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .text-block p { margin-bottom: 2.3125rem; } } /* stylelint-disable */ .text-image { margin-bottom: 3.125rem; } @media print, screen and (min-width: 64em) { .text-image { margin-bottom: 8.4375rem; } } .text-image__title { margin-bottom: 2.25rem; } .text-image__lead { margin-bottom: 0; font-family: "Maven Pro", sans-serif; font-size: 1.25rem; } .text-image__intro ul { margin: 0 0 1.5625rem; } @media print, screen and (min-width: 64em) { .text-image__intro ul { margin: 0 0 2.125rem; } } .text-image__intro ul li { margin-bottom: 0.0625rem; padding-left: 2.8125rem; position: relative; } .text-image__intro ul li:after { position: absolute; top: 0.3125rem; left: 0; width: 1.5625rem; height: 1.5625rem; content: ""; background-image: url(/wp-content/themes/hartbrugreizen/dist/images//heart.svg); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; } .text-image__intro p { margin-bottom: 2.1875rem; } @media print, screen and (min-width: 64em) { .text-image__intro p { margin-bottom: 3.0625rem; } } .text-image__right { margin-bottom: 1.875rem; position: relative; } @media print, screen and (min-width: 64em) { .text-image__right { margin-top: 0.4375rem; margin-bottom: 0; width: 96%; } } .text-image__slider { position: relative; border-radius: 1.25rem; } .text-image__slider .swiper-slide { height: auto; } .text-image__slider .swiper-slide:has(a):after { position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 20rem; content: ""; pointer-events: none; background-image: url(/wp-content/themes/hartbrugreizen/dist/images//overlay.png); background-repeat: no-repeat; background-position: top center; } @media print, screen and (min-width: 64em) { .text-image__slider .swiper-slide:has(a):after { height: 28.125rem; } } .text-image__slider .swiper-slide img { width: 100%; } .text-image__play { position: absolute; top: 50%; left: 50%; z-index: 2; width: 3.75rem; height: 3.75rem; font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; color: #fff; border-radius: 4.6875rem; background-color: #DD1A1D; transform: translate(-50%, -50%); } @media print, screen and (min-width: 64em) { .text-image__play { padding: 0.9375rem 1.625rem; max-width: 9.375rem; width: 100%; height: auto; } } .text-image__play:focus, .text-image__play:hover { color: #fff; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } .text-image__play i { font-size: 1.375rem; } @media print, screen and (min-width: 64em) { .text-image__play i { margin-right: 0.9375rem; } } .text-image--is-alt { margin-bottom: 3.75rem; padding-top: 3.125rem; padding-bottom: 3.125rem; background-color: #FBE2CA; } @media print, screen and (min-width: 64em) { .text-image--is-alt { margin-bottom: 9.375rem; padding-top: 6.0625rem; padding-bottom: 5.75rem; } } .text-image--is-alt .swiper-slide:after { display: none; } .text-image--is-alt .swiper-pagination-bullets.swiper-pagination-horizontal { background-color: #FBE2CA; } .text-image--is-alt .swiper-pagination-bullets.swiper-pagination-horizontal:after, .text-image--is-alt .swiper-pagination-bullets.swiper-pagination-horizontal:before { background-image: url(/wp-content/themes/hartbrugreizen/dist/images//rounding-left-top-orange.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } .text-image--is-alt .swiper-pagination-bullets.swiper-pagination-horizontal:after { background-image: url(/wp-content/themes/hartbrugreizen/dist/images//rounding-left-bottom-orange.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } /* stylelint-disable */ .travel-banner { margin-top: 0.75rem; margin-bottom: 2.5rem; } .travel-banner__block { padding-top: 3.125rem; padding-bottom: 3.125rem; border-radius: 1.25rem; background: linear-gradient(to bottom, #fdf0e4 0%, #fbe2ca 100%); } @media print, screen and (min-width: 64em) { .travel-banner__block { padding-top: 4.375rem; padding-bottom: 16.8125rem; } } .travel-banner h1 { margin-bottom: 1.75rem; } .travel-banner__intro { margin-bottom: 0.9375rem; line-height: 1.9; display: flex; flex-flow: row wrap; } @media print, screen and (min-width: 64em) { .travel-banner__intro { margin-bottom: 0; width: 100%; } } .travel-banner__intro p { margin-bottom: 1.625rem; } @media print, screen and (min-width: 64em) { .travel-banner__right { width: 90.5%; } } .travel-banner__list { margin: 0 0 1.25rem; } @media print, screen and (min-width: 75em) { .travel-banner__list { margin: 0 0 3.4375rem; } } .travel-banner__list li { padding-bottom: 0.0625rem; padding-left: 2.5rem; position: relative; } .travel-banner__list li:before { position: absolute; top: -0.25rem; left: 0.125rem; font-family: "icomoon", sans-serif; font-size: 1.375rem; color: #DD1A1D; content: "\e905"; } .travel-banner__lead .button { margin-bottom: 0; } .travel-banner__price { margin-bottom: 0.625rem; font-family: "Maven Pro", sans-serif; font-size: 1.5625rem; font-weight: 700; color: #002866; } @media print, screen and (min-width: 64em) { .travel-banner__price { margin-bottom: 0; font-size: 1.75rem; } } .travel-banner #share-options { display: none; position: absolute; left: 132px; bottom: 7px; } .travel-banner #share-options .button { margin-bottom: 0; } .travel-banner #share-options .share-box { background: #fff; padding: 0.5rem; border-radius: 1rem; max-width: 100%; display: flex; } /* stylelint-disable */ .travel-gallery { margin-bottom: 1.875rem; } @media print, screen and (min-width: 64em) { .travel-gallery { margin-top: -16.3125rem; margin-bottom: 8.4375rem; } } .travel-gallery__large { margin-bottom: 1.25rem; position: relative; display: block; width: 100%; border-radius: 1.25rem; overflow: hidden; } @media print, screen and (min-width: 64em) { .travel-gallery__large { margin-bottom: 0; height: 100%; border-radius: 1.25rem 0 0 1.25rem; } } .travel-gallery__large img { width: 100%; object-fit: cover; } @media print, screen and (min-width: 64em) { .travel-gallery__large img { height: 100%; } } .travel-gallery__number { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 1rem; font-weight: 500; color: #fff; background-color: rgba(0, 40, 102, 0.88); } @media print, screen and (min-width: 64em) { .travel-gallery__number { font-size: 1.25rem; } } .travel-gallery__number h6 { margin-bottom: 0.3125rem; font-size: 3.125rem; font-weight: 700; color: #fff; } @media print, screen and (min-width: 64em) { .travel-gallery__number h6 { font-size: 5.625rem; } } .travel-gallery__number span { display: block; } @media print, screen and (min-width: 64em) { .travel-gallery__items { margin-bottom: 1.875rem; } } .travel-gallery__items .travel-gallery__large { height: auto; } @media print, screen and (min-width: 64em) { .travel-gallery__items .travel-gallery__large { border-radius: 0; } } @media print, screen and (min-width: 64em) { .travel-gallery__items:nth-child(2) .travel-gallery__large { border-radius: 0 0 1.25rem; } } @media print, screen and (min-width: 64em) { .travel-gallery__items:nth-child(4) .travel-gallery__large { border-radius: 0 0 1.25rem; } } @media print, screen and (min-width: 64em) { .travel-gallery__items:nth-last-child(-n+2) { margin-bottom: 0; } } @media print, screen and (min-width: 75em) { .travel-gallery__right .travel-gallery__items .travel-gallery__large { height: 276px; } } .travel-gallery__left .travel-gallery__large.glightbox { height: 582px; } .glightbox-container .gslide-image img { max-width: 90vw; max-height: 90vh; width: auto; height: auto; object-fit: contain; } .glightbox-container .gslide-image { display: flex; justify-content: center; align-items: center; } /* stylelint-disable */ .travel-slider { margin-bottom: 3.125rem; } .travel-slider__slide { font-size: 1rem; color: rgba(37, 37, 37, 0.5); } .travel-slider__slide img { margin-bottom: 0.5rem; width: 100%; border-radius: 1.25rem; } .travel-slider__slide p { margin-bottom: 0; } .travel-slider__play { padding: 0.9375rem 1.625rem; position: absolute; top: 50%; left: 50%; z-index: 2; width: 100%; max-width: fit-content; font-size: 1rem; color: #fff; border-radius: 4.6875rem; background-color: #DD1A1D; transform: translate(-50%, -50%); } .travel-slider__play:focus, .travel-slider__play:hover { color: #fff; background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } .travel-slider__play i { margin-right: 0.9375rem; font-size: 1.375rem; } /* stylelint-disable */ .travel-table__items { padding-top: 1.875rem; padding-bottom: 1.875rem; border-bottom: solid 1px rgba(19, 52, 120, 0.2); } .travel-table__items:first-child { border-top: solid 1px rgba(19, 52, 120, 0.2); } .travel-table table tr td p { margin-bottom: 0; } .travel-table table tr td span { padding-right: 5.625rem; position: relative; display: inline-block; } @media print, screen and (min-width: 64em) { .travel-table table tr td span { padding-right: 7.5rem; } } .travel-table table tr td span em { position: absolute; right: 0; font-style: normal; } .travel-table table tr td ul { margin: 0; list-style: none; } .travel-table table tr td ul li { padding-left: 1.125rem; position: relative; } .travel-table table tr td ul li:after { position: absolute; top: 0.875rem; left: 0; width: 0.375rem; height: 0.375rem; border-radius: 4.6875rem; background-color: #252525; content: ""; } .travel-table__lead { padding-top: 1.5625rem; font-size: 1rem; color: rgba(37, 37, 37, 0.5); } /* stylelint-disable */ .travel-team h5 { margin-bottom: 3.125rem; } .travel-team__block { margin: 0 auto 1.6875rem; width: 100%; } @media print, screen and (min-width: 64em) { .travel-team__block { max-width: 40.625rem; } } .travel-team__slide { filter: blur(6px); width: 12.5rem; overflow: hidden; border-radius: 1.25rem; } @media print, screen and (min-width: 64em) { .travel-team__slide { width: 15.625rem; } } .travel-team__slide.swiper-slide-active { filter: blur(0); } .travel-team__image { overflow: hidden; border-radius: 100%; } .travel-team__image img { width: 100%; } @media print, screen and (min-width: 64em) { .travel-team__info { padding: 0 2.5rem; } } .travel-team__name { font-size: 1.25rem; font-weight: 600; } /* stylelint-disable */ .trips { margin-bottom: 2.5rem; position: relative; z-index: 1; } @media print, screen and (min-width: 64em) { .trips { margin-bottom: 3.75rem; } } @media print, screen and (min-width: 75em) { .trips { margin-bottom: 8.375rem; } } .trips h3 { margin-bottom: 1.5625rem; } @media print, screen and (min-width: 64em) { .trips h3 { margin-bottom: 2.8125rem; } } .trips__items { margin-bottom: 2.5rem; } @media print, screen and (min-width: 64em) { .trips__items { margin-bottom: 3.75rem; } } .trips__button { margin-top: -0.625rem; flex-wrap: wrap; } @font-face { font-family: "icomoon"; font-weight: normal; font-style: normal; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/icons/icomoon.eot?3xsj03"); src: url("/wp-content/themes/hartbrugreizen/dist/fonts/icons/icomoon.eot?3xsj03#iefix") format("embedded-opentype"), url("/wp-content/themes/hartbrugreizen/dist/fonts/icons/icomoon.ttf?3xsj03") format("truetype"), url("/wp-content/themes/hartbrugreizen/dist/fonts/icons/icomoon.woff?3xsj03") format("woff"), url("/wp-content/themes/hartbrugreizen/dist/fonts/icons/icomoon.svg?3xsj03#icomoon") format("svg"); font-display: block; } [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-phone:before { content: "\e908"; } .icon-arrow-down:before { content: "\e900"; } .icon-arrow-left:before { content: "\e901"; } .icon-arrow-right:before { content: "\e902"; } .icon-calendar:before { content: "\e904"; } .icon-circle-check:before { content: "\e905"; } .icon-envelope:before { content: "\e906"; } .icon-facebook:before { content: "\e907"; } .icon-heart:before { content: "\e90b"; } .icon-insta:before { content: "\e90c"; } .icon-pdf-file:before { content: "\e90d"; } .icon-play:before { content: "\e910"; } .icon-printer:before { content: "\e911"; } .icon-select-arrow:before { content: "\e912"; } .icon-share:before { content: "\e913"; } .icon-star:before { content: "\e914"; } .icon-youtube:before { content: "\e915"; } @font-face { font-family: "Inter"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/inter/Inter-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/inter/Inter-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Inter"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/inter/Inter-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "PP Mori"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/ppmori/PPMori-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "PP Mori"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/ppmori/PPMori-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Maven Pro"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/mavenpro/MavenPro-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Maven Pro"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/mavenpro/MavenPro-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Maven Pro"; src: url("/wp-content/themes/hartbrugreizen/dist/fonts/mavenpro/MavenPro-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] { transition-duration: 50ms; } body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] { transition-delay: 0; } body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate { transition-delay: 50ms; } body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] { transition-duration: 100ms; } body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] { transition-delay: 0; } body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate { transition-delay: 100ms; } body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] { transition-duration: 150ms; } body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] { transition-delay: 0; } body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate { transition-delay: 150ms; } body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] { transition-duration: 200ms; } body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] { transition-delay: 0; } body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate { transition-delay: 200ms; } body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] { transition-duration: 250ms; } body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] { transition-delay: 0; } body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate { transition-delay: 250ms; } body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] { transition-duration: 300ms; } body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] { transition-delay: 0; } body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate { transition-delay: 300ms; } body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] { transition-duration: 350ms; } body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] { transition-delay: 0; } body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate { transition-delay: 350ms; } body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] { transition-duration: 400ms; } body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] { transition-delay: 0; } body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate { transition-delay: 400ms; } body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] { transition-duration: 450ms; } body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] { transition-delay: 0; } body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate { transition-delay: 450ms; } body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] { transition-duration: 500ms; } body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] { transition-delay: 0; } body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate { transition-delay: 500ms; } body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] { transition-duration: 550ms; } body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] { transition-delay: 0; } body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate { transition-delay: 550ms; } body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] { transition-duration: 600ms; } body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] { transition-delay: 0; } body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate { transition-delay: 600ms; } body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] { transition-duration: 650ms; } body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] { transition-delay: 0; } body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate { transition-delay: 650ms; } body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] { transition-duration: 700ms; } body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] { transition-delay: 0; } body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate { transition-delay: 700ms; } body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] { transition-duration: 750ms; } body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] { transition-delay: 0; } body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate { transition-delay: 750ms; } body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] { transition-duration: 800ms; } body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] { transition-delay: 0; } body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate { transition-delay: 800ms; } body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] { transition-duration: 850ms; } body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] { transition-delay: 0; } body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate { transition-delay: 850ms; } body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] { transition-duration: 900ms; } body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] { transition-delay: 0; } body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate { transition-delay: 900ms; } body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] { transition-duration: 950ms; } body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] { transition-delay: 0; } body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate { transition-delay: 950ms; } body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] { transition-duration: 1000ms; } body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] { transition-delay: 0; } body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate { transition-delay: 1000ms; } body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] { transition-duration: 1050ms; } body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] { transition-delay: 0; } body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate { transition-delay: 1050ms; } body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] { transition-duration: 1100ms; } body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] { transition-delay: 0; } body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate { transition-delay: 1100ms; } body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] { transition-duration: 1150ms; } body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] { transition-delay: 0; } body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate { transition-delay: 1150ms; } body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] { transition-duration: 1200ms; } body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] { transition-delay: 0; } body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate { transition-delay: 1200ms; } body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] { transition-duration: 1250ms; } body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] { transition-delay: 0; } body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate { transition-delay: 1250ms; } body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] { transition-duration: 1300ms; } body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] { transition-delay: 0; } body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate { transition-delay: 1300ms; } body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] { transition-duration: 1350ms; } body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] { transition-delay: 0; } body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate { transition-delay: 1350ms; } body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] { transition-duration: 1400ms; } body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] { transition-delay: 0; } body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate { transition-delay: 1400ms; } body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] { transition-duration: 1450ms; } body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] { transition-delay: 0; } body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate { transition-delay: 1450ms; } body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] { transition-duration: 1500ms; } body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] { transition-delay: 0; } body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate { transition-delay: 1500ms; } body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] { transition-duration: 1550ms; } body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] { transition-delay: 0; } body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate { transition-delay: 1550ms; } body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] { transition-duration: 1600ms; } body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] { transition-delay: 0; } body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate { transition-delay: 1600ms; } body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] { transition-duration: 1650ms; } body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] { transition-delay: 0; } body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate { transition-delay: 1650ms; } body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] { transition-duration: 1700ms; } body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] { transition-delay: 0; } body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate { transition-delay: 1700ms; } body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] { transition-duration: 1750ms; } body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] { transition-delay: 0; } body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate { transition-delay: 1750ms; } body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] { transition-duration: 1800ms; } body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] { transition-delay: 0; } body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate { transition-delay: 1800ms; } body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] { transition-duration: 1850ms; } body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] { transition-delay: 0; } body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate { transition-delay: 1850ms; } body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] { transition-duration: 1900ms; } body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] { transition-delay: 0; } body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate { transition-delay: 1900ms; } body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] { transition-duration: 1950ms; } body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] { transition-delay: 0; } body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate { transition-delay: 1950ms; } body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] { transition-duration: 2000ms; } body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] { transition-delay: 0; } body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate { transition-delay: 2000ms; } body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] { transition-duration: 2050ms; } body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] { transition-delay: 0; } body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate { transition-delay: 2050ms; } body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] { transition-duration: 2100ms; } body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] { transition-delay: 0; } body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate { transition-delay: 2100ms; } body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] { transition-duration: 2150ms; } body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] { transition-delay: 0; } body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate { transition-delay: 2150ms; } body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] { transition-duration: 2200ms; } body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] { transition-delay: 0; } body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate { transition-delay: 2200ms; } body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] { transition-duration: 2250ms; } body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] { transition-delay: 0; } body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate { transition-delay: 2250ms; } body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] { transition-duration: 2300ms; } body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] { transition-delay: 0; } body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate { transition-delay: 2300ms; } body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] { transition-duration: 2350ms; } body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] { transition-delay: 0; } body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate { transition-delay: 2350ms; } body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] { transition-duration: 2400ms; } body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] { transition-delay: 0; } body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate { transition-delay: 2400ms; } body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] { transition-duration: 2450ms; } body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] { transition-delay: 0; } body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate { transition-delay: 2450ms; } body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] { transition-duration: 2500ms; } body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] { transition-delay: 0; } body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate { transition-delay: 2500ms; } body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] { transition-duration: 2550ms; } body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] { transition-delay: 0; } body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate { transition-delay: 2550ms; } body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] { transition-duration: 2600ms; } body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] { transition-delay: 0; } body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate { transition-delay: 2600ms; } body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] { transition-duration: 2650ms; } body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] { transition-delay: 0; } body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate { transition-delay: 2650ms; } body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] { transition-duration: 2700ms; } body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] { transition-delay: 0; } body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate { transition-delay: 2700ms; } body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] { transition-duration: 2750ms; } body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] { transition-delay: 0; } body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate { transition-delay: 2750ms; } body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] { transition-duration: 2800ms; } body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] { transition-delay: 0; } body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate { transition-delay: 2800ms; } body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] { transition-duration: 2850ms; } body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] { transition-delay: 0; } body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate { transition-delay: 2850ms; } body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] { transition-duration: 2900ms; } body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] { transition-delay: 0; } body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate { transition-delay: 2900ms; } body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] { transition-duration: 2950ms; } body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] { transition-delay: 0; } body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate { transition-delay: 2950ms; } body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] { transition-duration: 3000ms; } body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] { transition-delay: 0; } body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate { transition-delay: 3000ms; } body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] { transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] { transition-timing-function: cubic-bezier(0.42, 0, 1, 1); } body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] { transition-timing-function: cubic-bezier(0, 0, 0.58, 1); } body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] { transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); } body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } /** * Fade animations: * fade * fade-up, fade-down, fade-left, fade-right * fade-up-right, fade-up-left, fade-down-right, fade-down-left */ [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity, transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translate3d(0, 0, 0); } [data-aos=fade-up] { transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0); } /** * Zoom animations: * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right */ [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity, transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } [data-aos=zoom-in] { transform: scale(0.6); } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { transform: scale(1.2); } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2); } /** * Slide animations */ [data-aos^=slide][data-aos^=slide] { transition-property: transform; } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translate3d(0, 0, 0); } [data-aos=slide-up] { transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { transform: translate3d(100%, 0, 0); } /** * Flip animations: * flip-left, flip-right, flip-up, flip-down */ [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform; } [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0); } .card-trip .swiper { overflow: hidden; border-radius: 1.25rem 1.25rem 0 0; } @media print, screen and (min-width: 64em) { .card-trip .swiper { border-radius: 1.25rem; height: 32.8125rem; } } .collage-slider .swiper, .story-slider .swiper { overflow: visible; } .text-image .swiper { border-radius: 1.25rem; } .flip-slider .swiper-slide:not(.swiper-slide-visible, .swiper-slide:has(+ .swiper-slide-visible), .swiper-slide-visible + .swiper-slide) { opacity: 0; } .flip-slider .swiper-slide:not(.swiper-slide-active) p { display: none; } .travel-team .swiper-wrapper { align-items: center; } .collage-slider .swiper-wrapper { transition-timing-function: linear !important; } .swiper-button-prev, .swiper-button-next { font-size: 0.6875rem; width: 3.125rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; color: #fff; border: solid 3px #E4F2FF; background-color: #DD1A1D; border-radius: 50%; } @media print, screen and (min-width: 64em) { .swiper-button-prev, .swiper-button-next { width: 3.75rem; height: 3.75rem; } } .swiper-button-prev:after, .swiper-button-next:after { display: none; } .swiper-button-prev:focus, .swiper-button-prev:hover, .swiper-button-next:focus, .swiper-button-next:hover { background-image: linear-gradient(to right, #f07f13 0%, #dd1a1d 100%); } .story-slider .swiper-button-prev, .story-slider .swiper-button-next { top: 5.625rem; } @media print, screen and (min-width: 40em) { .story-slider .swiper-button-prev, .story-slider .swiper-button-next { top: 8.75rem; } } @media print, screen and (min-width: 64em) { .story-slider .swiper-button-prev, .story-slider .swiper-button-next { top: 11.25rem; } } .flip-slider .swiper-button-prev, .flip-slider .swiper-button-next { border: 0; top: 50%; transform: translateY(-50%); } .team-slider .swiper-button-prev, .team-slider .swiper-button-next { top: 37%; } @media print, screen and (min-width: 40em) { .team-slider .swiper-button-prev, .team-slider .swiper-button-next { top: 26%; } } @media print, screen and (min-width: 64em) { .team-slider .swiper-button-prev, .team-slider .swiper-button-next { width: 4.0625rem; height: 4.0625rem; } } .swiper-button-prev { left: 0; } .story-slider .swiper-button-prev { left: -2.5rem; } @media screen and (min-width: 97.5em) { .story-slider .swiper-button-prev { left: -8.4375rem; } } .team-slider .swiper-button-prev, .flip-slider .swiper-button-prev { left: -1.25rem; } @media screen and (min-width: 97.5em) { .team-slider .swiper-button-prev, .flip-slider .swiper-button-prev { left: -8.4375rem; } } @media screen and (min-width: 97.5em) { .team-slider .swiper-button-prev { left: -9.375rem; } } .swiper-button-next { right: 0; } .story-slider .swiper-button-next { right: -2.5rem; } @media screen and (min-width: 97.5em) { .story-slider .swiper-button-next { right: -8.4375rem; } } .team-slider .swiper-button-next, .flip-slider .swiper-button-next { right: -1.25rem; } @media screen and (min-width: 97.5em) { .team-slider .swiper-button-next, .flip-slider .swiper-button-next { right: -8.4375rem; } } @media screen and (min-width: 97.5em) { .team-slider .swiper-button-next { right: -9.375rem; } } .horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { display: flex; align-items: center; width: auto; bottom: 2.125rem; min-height: 3.125rem; line-height: normal; border-radius: 0 1.5625rem 1.5625rem 0; background-color: #fff; padding-left: 0.8125rem; padding-right: 0.375rem; } .horizontal > .swiper-pagination-bullets.swiper-pagination-lock, .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-lock { display: none; } .horizontal > .swiper-pagination-bullets:after, .horizontal > .swiper-pagination-bullets:before, .swiper-pagination-bullets.swiper-pagination-horizontal:after, .swiper-pagination-bullets.swiper-pagination-horizontal:before { content: ""; position: absolute; top: -1.25rem; left: 0; width: 1.25rem; height: 1.25rem; background-image: url(/wp-content/themes/hartbrugreizen/dist/images//round-top-left.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } .horizontal > .swiper-pagination-bullets:after, .swiper-pagination-bullets.swiper-pagination-horizontal:after { top: unset; bottom: -1.25rem; background-image: url(/wp-content/themes/hartbrugreizen/dist/images//round-top-bottom.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } .horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet { width: 0.625rem; height: 0.625rem; opacity: 1; background-color: transparent; border: solid 2px #133478; margin: 0 0.75rem 0 0 !important; } .horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active, .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.875rem; height: 0.875rem; opacity: 1; border: solid 0.125rem #133478; background-color: #133478; } .text-image .horizontal > .swiper-pagination-bullets, .card-trip--reverse .horizontal > .swiper-pagination-bullets, .text-image .swiper-pagination-bullets.swiper-pagination-horizontal, .card-trip--reverse .swiper-pagination-bullets.swiper-pagination-horizontal { left: unset; right: -1px; transform: rotate(180deg); } .travel-slider .horizontal > .swiper-pagination-bullets, .travel-slider .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 5rem; background-color: #E4F2FF; } .travel-slider .horizontal > .swiper-pagination-bullets:after, .travel-slider .horizontal > .swiper-pagination-bullets:before, .travel-slider .swiper-pagination-bullets.swiper-pagination-horizontal:after, .travel-slider .swiper-pagination-bullets.swiper-pagination-horizontal:before { background-image: url(/wp-content/themes/hartbrugreizen/dist/images//round-top-gray.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; } .travel-slider .horizontal > .swiper-pagination-bullets:after, .travel-slider .swiper-pagination-bullets.swiper-pagination-horizontal:after { background-image: url(/wp-content/themes/hartbrugreizen/dist/images//round-bottom-gray.svg); background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; }