/** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @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}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.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}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .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)}}.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-button-next,.swiper-button-prev{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-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev: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,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.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'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s 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}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.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(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.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, .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-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s 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:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(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-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{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,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .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,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.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-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}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}/** * Swiper 9.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: June 13, 2023 */ @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}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;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-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.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}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{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,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(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,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(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,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.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-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.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-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .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)}}@charset "UTF-8"; /* Vendors */ /* line 1, node_modules/simplebar/dist/simplebar.css */ [data-simplebar] { position: relative; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; } /* line 10, node_modules/simplebar/dist/simplebar.css */ .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } /* line 18, node_modules/simplebar/dist/simplebar.css */ .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } /* line 33, node_modules/simplebar/dist/simplebar.css */ .simplebar-offset { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } /* line 47, node_modules/simplebar/dist/simplebar.css */ .simplebar-content-wrapper { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; /* Required for horizontal native scrollbar to not appear if parent is taller than natural height */ width: auto; max-width: 100%; /* Not required for horizontal scroll to trigger */ max-height: 100%; /* Needed for vertical scroll to trigger */ overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } /* line 61, node_modules/simplebar/dist/simplebar.css */ .simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar { display: none; width: 0; height: 0; } /* line 68, node_modules/simplebar/dist/simplebar.css */ .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } /* line 74, node_modules/simplebar/dist/simplebar.css */ .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } /* line 81, node_modules/simplebar/dist/simplebar.css */ .simplebar-height-auto-observer-wrapper { box-sizing: inherit !important; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } /* line 99, node_modules/simplebar/dist/simplebar.css */ .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } /* line 115, node_modules/simplebar/dist/simplebar.css */ .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } /* line 124, node_modules/simplebar/dist/simplebar.css */ [data-simplebar].simplebar-dragging { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 134, node_modules/simplebar/dist/simplebar.css */ [data-simplebar].simplebar-dragging .simplebar-content { pointer-events: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* line 144, node_modules/simplebar/dist/simplebar.css */ [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } /* line 148, node_modules/simplebar/dist/simplebar.css */ .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } /* line 155, node_modules/simplebar/dist/simplebar.css */ .simplebar-scrollbar:before { position: absolute; content: ''; background: black; border-radius: 7px; left: 2px; right: 2px; opacity: 0; transition: opacity 0.2s 0.5s linear; } /* line 166, node_modules/simplebar/dist/simplebar.css */ .simplebar-scrollbar.simplebar-visible:before { opacity: 0.5; transition-delay: 0s; transition-duration: 0s; } /* line 172, node_modules/simplebar/dist/simplebar.css */ .simplebar-track.simplebar-vertical { top: 0; width: 11px; } /* line 177, node_modules/simplebar/dist/simplebar.css */ .simplebar-scrollbar:before { top: 2px; bottom: 2px; left: 2px; right: 2px; } /* line 184, node_modules/simplebar/dist/simplebar.css */ .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } /* line 189, node_modules/simplebar/dist/simplebar.css */ .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 0; bottom: 0; min-height: 0; min-width: 10px; width: auto; } /* Rtl support */ /* line 200, node_modules/simplebar/dist/simplebar.css */ [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } /* line 205, node_modules/simplebar/dist/simplebar.css */ .simplebar-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; -ms-overflow-style: scrollbar !important; } /* line 217, node_modules/simplebar/dist/simplebar.css */ .simplebar-dummy-scrollbar-size > div { width: 200%; height: 200%; margin: 10px 0; } /* line 223, node_modules/simplebar/dist/simplebar.css */ .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /* line 2, node_modules/swiper/modules/scrollbar/scrollbar.scss */ :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; */ } /* line 16, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .swiper-scrollbar { border-radius: var(--swiper-scrollbar-border-radius, 10px); position: relative; -ms-touch-action: none; background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); } /* line 21, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } /* line 25, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .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%)); } /* line 35, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .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%)); } /* line 46, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .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; } /* line 55, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .swiper-scrollbar-cursor-drag { cursor: move; } /* line 58, node_modules/swiper/modules/scrollbar/scrollbar.scss */ .swiper-scrollbar-lock { display: none; } /* Abstracts */ /* Déclaration de variables */ /* Path */ /* COLORS */ /* Paramétrage de la structure du site */ /* Typography */ /* Font-weight */ /* Z-index */ /* Transition duration */ /* Admin bar */ /* header heights */ /* Typography */ /* Variables type */ /* shorcut for looping a variable who contains breakpoint name as keys */ /* shorcut for looping a variable who contains a media-query value as keys */ /* line 5, resources/assets/styles/abstracts/_placeholders.scss */ .section-title { font-size: 1.625rem; } @media (min-width: 43.75rem) { /* line 5, resources/assets/styles/abstracts/_placeholders.scss */ .section-title { font-size: 1.875rem; } } /* line 46, resources/assets/styles/abstracts/_placeholders.scss */ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select, textarea { background-color: transparent; border: 1px solid #adb5bd; border-radius: 0.3125rem; color: currentColor; font-size: 0.875rem; min-height: 46px; padding: 0.75em 1rem !important; } /* line 125, resources/assets/styles/abstracts/_mixins.scss */ input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #adb5bd; opacity: 0.3; } /* line 129, resources/assets/styles/abstracts/_mixins.scss */ input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { color: #adb5bd; opacity: 0.3; } /* line 133, resources/assets/styles/abstracts/_mixins.scss */ input:-moz-placeholder[type="text"], input:-moz-placeholder[type="password"], input:-moz-placeholder[type="email"], input:-moz-placeholder[type="url"], input:-moz-placeholder[type="date"], input:-moz-placeholder[type="month"], input:-moz-placeholder[type="time"], input:-moz-placeholder[type="datetime"], input:-moz-placeholder[type="datetime-local"], input:-moz-placeholder[type="week"], input:-moz-placeholder[type="number"], input:-moz-placeholder[type="search"], input:-moz-placeholder[type="tel"], input:-moz-placeholder[type="color"], select:-moz-placeholder, textarea:-moz-placeholder { color: #adb5bd; opacity: 0.3; } /* line 137, resources/assets/styles/abstracts/_mixins.scss */ input:-ms-input-placeholder[type="text"], input:-ms-input-placeholder[type="password"], input:-ms-input-placeholder[type="email"], input:-ms-input-placeholder[type="url"], input:-ms-input-placeholder[type="date"], input:-ms-input-placeholder[type="month"], input:-ms-input-placeholder[type="time"], input:-ms-input-placeholder[type="datetime"], input:-ms-input-placeholder[type="datetime-local"], input:-ms-input-placeholder[type="week"], input:-ms-input-placeholder[type="number"], input:-ms-input-placeholder[type="search"], input:-ms-input-placeholder[type="tel"], input:-ms-input-placeholder[type="color"], select:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #adb5bd; opacity: 0.3; } /* line 61, resources/assets/styles/abstracts/_placeholders.scss */ input[readonly], input:disabled, select:disabled, textarea:disabled { background: #f5f5f5; border: 1px solid #adb5bd; color: #adb5bd; } /* Keyframes */ @-webkit-keyframes fade_right { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } } @-moz-keyframes fade_right { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } } @-ms-keyframes fade_right { /* line 21, resources/assets/styles/abstracts/_keyframes.scss */ from { opacity: 0; transform: translateX(100px); } /* line 26, resources/assets/styles/abstracts/_keyframes.scss */ to { opacity: 1; transform: translateX(0); } } @keyframes fade_right { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } } @font-face { font-family: "icomoon"; src: url("/app/themes/inha/resources/assets/fonts/icomoon//icomoon.eot?gi2yau"); src: url("/app/themes/inha/resources/assets/fonts/icomoon//icomoon.eot?gi2yau#iefix") format("embedded-opentype"), url("/app/themes/inha/resources/assets/fonts/icomoon//icomoon.ttf?gi2yau") format("truetype"), url("/app/themes/inha/resources/assets/fonts/icomoon//icomoon.woff?gi2yau") format("woff"), url("/app/themes/inha/resources/assets/fonts/icomoon//icomoon.svg?gi2yau#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; } /* line 10, resources/assets/styles/abstracts/_icomoon.scss */ [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; } /* line 28, resources/assets/styles/abstracts/_icomoon.scss */ .icon-close::before { content: "\E907"; } /* line 34, resources/assets/styles/abstracts/_icomoon.scss */ .icon-canal::before { content: "\E900"; } /* line 40, resources/assets/styles/abstracts/_icomoon.scss */ .icon-rss::before { content: "\E90D"; } /* line 46, resources/assets/styles/abstracts/_icomoon.scss */ .icon-facebook::before { content: "\E901"; color: #191919; } /* line 53, resources/assets/styles/abstracts/_icomoon.scss */ .icon-facebook .path2::before { content: "\E902"; color: white; } /* line 60, resources/assets/styles/abstracts/_icomoon.scss */ .icon-instagram::before { content: "\E903"; } /* line 66, resources/assets/styles/abstracts/_icomoon.scss */ .icon-access::before { content: "\E904"; color: #c5c5c5; } /* line 73, resources/assets/styles/abstracts/_icomoon.scss */ .icon-arrow::before { content: "\E905"; } /* line 79, resources/assets/styles/abstracts/_icomoon.scss */ .icon-arrowdown::before { content: "\E906"; } /* line 85, resources/assets/styles/abstracts/_icomoon.scss */ .icon-link::before { content: "\E908"; } /* line 91, resources/assets/styles/abstracts/_icomoon.scss */ .icon-plus::before { content: "\E909"; color: #de0918; } /* line 98, resources/assets/styles/abstracts/_icomoon.scss */ .icon-search::before { content: "\E90A"; } /* line 104, resources/assets/styles/abstracts/_icomoon.scss */ .icon-square::before { content: "\E90B"; } /* line 110, resources/assets/styles/abstracts/_icomoon.scss */ .icon-sweep::before { content: "\E90C"; } /* line 116, resources/assets/styles/abstracts/_icomoon.scss */ .icon-twitter::before { content: "\E90E"; } /* line 122, resources/assets/styles/abstracts/_icomoon.scss */ .icon-youtube::before { content: "\E90F"; } /* Settings */ /* line 1, resources/assets/styles/settings/_root.scss */ :root { --admin-bar: 0px; --header-height: 60px; --section-gap: 3.75rem; --section-gap: 6.25rem; } /* line 5, resources/assets/styles/settings/_root.scss */ :root body.admin-bar { --admin-bar: 46px; } @media only screen and (min-width: 783px) { /* line 5, resources/assets/styles/settings/_root.scss */ :root body.admin-bar { --admin-bar: 32px; } } @media (min-width: 75rem) { /* line 1, resources/assets/styles/settings/_root.scss */ :root { --header-height: 80px; } } @media (min-width: 43.75rem) { /* line 1, resources/assets/styles/settings/_root.scss */ :root { --section-gap: 5rem; } } /* NORMALIZE IQUITHEME */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document */ /* 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */ /* line 9, resources/assets/styles/settings/_normalize.scss */ html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } /* Sections */ /* Remove the margin in all browsers (opinionated). */ /* line 19, resources/assets/styles/settings/_normalize.scss */ body { margin: 0; font-smooth: always; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-osx-font-smoothing: grayscale; font-variant: normal; text-transform: none; font-style: normal; font-weight: normal; } /* Add the correct display in IE 9-. */ /* line 33, resources/assets/styles/settings/_normalize.scss */ article, aside, footer, header, nav, section { display: block; } /* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ /* line 44, resources/assets/styles/settings/_normalize.scss */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content */ /* Add the correct display in IE 9-. 1. Add the correct display in IE. */ /* line 53, resources/assets/styles/settings/_normalize.scss */ figcaption, figure, main { display: block; } /* Add the correct margin in IE 8. */ /* line 61, resources/assets/styles/settings/_normalize.scss */ figure { margin: 1em 40px; } /* 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ /* line 67, resources/assets/styles/settings/_normalize.scss */ hr { box-sizing: content-box; overflow: visible; display: block; height: 1px; background-color: currentColor; border: 0; } /* 1. Correct the inheritance and scaling of font size in all browsers. */ /* 2. Correct the odd `em` font sizing in all browsers. */ /* Text-level semantics */ /* 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ /* line 84, resources/assets/styles/settings/_normalize.scss */ a { color: inherit; background-color: transparent; -webkit-text-decoration-skip: objects; } /* 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ /* line 92, resources/assets/styles/settings/_normalize.scss */ abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } /* Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ /* line 100, resources/assets/styles/settings/_normalize.scss */ b, strong { font-weight: bold; } /* Add the correct font weight in Chrome, Edge, and Safari. */ /* 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ /* line 114, resources/assets/styles/settings/_normalize.scss */ code, kbd, samp { font-family: monospace; font-size: 1em; } /* Add the correct font style in Android 4.3-. */ /* line 123, resources/assets/styles/settings/_normalize.scss */ dfn { font-style: italic; } /* Add the correct background and color in IE 9-. */ /* line 129, resources/assets/styles/settings/_normalize.scss */ mark { background-color: #ffff00; color: #000000; } /* Add the correct font size in all browsers. */ /* line 136, resources/assets/styles/settings/_normalize.scss */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ /* line 142, resources/assets/styles/settings/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 150, resources/assets/styles/settings/_normalize.scss */ sub { bottom: -0.25em; } /* line 154, resources/assets/styles/settings/_normalize.scss */ sup { top: -0.5em; } /* Embedded content */ /* Add the correct display in IE 9-. */ /* line 162, resources/assets/styles/settings/_normalize.scss */ audio, video { display: inline-block; } /* Remove the border on images inside links in IE 10-. */ /* line 169, resources/assets/styles/settings/_normalize.scss */ img { border-style: none; -ms-interpolation-mode: bicubic; } /* Hide the overflow in IE. */ /* line 176, resources/assets/styles/settings/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* Forms */ /* 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */ /* line 184, resources/assets/styles/settings/_normalize.scss */ button, input, optgroup, select, textarea { font-family: inherit, sans-serif; font-size: 100%; line-height: 1.15; margin: 0; text-align: inherit; color: inherit; text-transform: inherit; } /* Show the overflow in IE. 1. Show the overflow in Edge. */ /* line 200, resources/assets/styles/settings/_normalize.scss */ button, input { overflow: visible; padding: 0; margin: 0; border-radius: 0; background: transparent; border: 1px solid #000000; } /* Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ /* line 212, resources/assets/styles/settings/_normalize.scss */ button, select { text-transform: none; } /* line 217, resources/assets/styles/settings/_normalize.scss */ button, input[type="submit"] { cursor: pointer; } /* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */ /* line 224, resources/assets/styles/settings/_normalize.scss */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /* Remove the inner border and padding in Firefox. */ /* line 233, resources/assets/styles/settings/_normalize.scss */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /* Restore the focus styles unset by the previous rule. */ /* line 243, resources/assets/styles/settings/_normalize.scss */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /* Correct the padding in Firefox. */ /* line 252, resources/assets/styles/settings/_normalize.scss */ fieldset { padding: 0.35em 0.75em 0.625em; } /* 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ /* line 258, resources/assets/styles/settings/_normalize.scss */ legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /* 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ /* line 269, resources/assets/styles/settings/_normalize.scss */ progress { display: inline-block; vertical-align: baseline; } /* Remove the default vertical scrollbar in IE. */ /* line 276, resources/assets/styles/settings/_normalize.scss */ textarea { overflow: auto; vertical-align: top; } /* 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ /* line 283, resources/assets/styles/settings/_normalize.scss */ [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } /* Correct the cursor style of increment and decrement buttons in Chrome. */ /* line 291, resources/assets/styles/settings/_normalize.scss */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ /* line 298, resources/assets/styles/settings/_normalize.scss */ [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } /* Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ /* line 305, resources/assets/styles/settings/_normalize.scss */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ /* line 312, resources/assets/styles/settings/_normalize.scss */ ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } /* Interactive */ /* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */ /* line 321, resources/assets/styles/settings/_normalize.scss */ details, menu { display: block; } /* Add the correct display in all browsers. */ /* line 328, resources/assets/styles/settings/_normalize.scss */ summary { display: list-item; } /* Scripting */ /* Add the correct display in IE 9-. */ /* line 336, resources/assets/styles/settings/_normalize.scss */ canvas { display: inline-block; } /* Add the correct display in IE. */ /* line 342, resources/assets/styles/settings/_normalize.scss */ template { display: none; } /* Hidden */ /* Add the correct display in IE 10-. */ /* line 350, resources/assets/styles/settings/_normalize.scss */ [hidden] { display: none; } /* IQUITHEME ---------------------------------------- */ /* line 357, resources/assets/styles/settings/_normalize.scss */ *, *::before, *::after { box-sizing: border-box; font-smooth: always; -webkit-font-smoothing: antialiased; } /* line 365, resources/assets/styles/settings/_normalize.scss */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } /* line 370, resources/assets/styles/settings/_normalize.scss */ ::selection { background: #b3d4fc; text-shadow: none; } /* line 375, resources/assets/styles/settings/_normalize.scss */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /* line 379, resources/assets/styles/settings/_normalize.scss */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* line 389, resources/assets/styles/settings/_normalize.scss */ li { list-style: none; } /* Slick */ /* line 394, resources/assets/styles/settings/_normalize.scss */ .slick-slide:focus { outline: 0; } /* Form */ /* line 399, resources/assets/styles/settings/_normalize.scss */ input[type="text"], input[type="email"], input[type="tel"], textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; } /* line 410, resources/assets/styles/settings/_normalize.scss */ input::placeholder, textarea::placeholder { opacity: 1; } /* line 415, resources/assets/styles/settings/_normalize.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio { margin: 0; padding: 0; border: 0; } /* line 499, resources/assets/styles/settings/_normalize.scss */ html:focus, body:focus, div:focus, span:focus, applet:focus, object:focus, iframe:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, blockquote:focus, pre:focus, a:focus, abbr:focus, acronym:focus, address:focus, big:focus, cite:focus, code:focus, del:focus, dfn:focus, em:focus, img:focus, ins:focus, kbd:focus, q:focus, s:focus, samp:focus, small:focus, strike:focus, strong:focus, sub:focus, sup:focus, tt:focus, var:focus, b:focus, u:focus, i:focus, center:focus, dl:focus, dt:focus, dd:focus, ol:focus, ul:focus, li:focus, fieldset:focus, form:focus, label:focus, legend:focus, table:focus, caption:focus, tbody:focus, tfoot:focus, thead:focus, tr:focus, th:focus, td:focus, article:focus, aside:focus, canvas:focus, details:focus, embed:focus, figure:focus, figcaption:focus, footer:focus, header:focus, hgroup:focus, menu:focus, nav:focus, output:focus, ruby:focus, section:focus, summary:focus, time:focus, mark:focus, audio:focus { outline: 0; } /* Add the correct display in iOS 4-7. */ /* line 506, resources/assets/styles/settings/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* Code */ /* line 513, resources/assets/styles/settings/_normalize.scss */ code { display: inline-block; line-height: 1.5; text-decoration-skip-ink: none; text-decoration-line: underline; text-decoration-color: #f0f0f0; text-decoration-thickness: 1em; text-underline-offset: -0.875em; } /* line 523, resources/assets/styles/settings/_normalize.scss */ pre { background-color: #f5f5f5; border: 1px solid #e2e2e2; border-radius: 5px; display: block; font-family: monospace; font-size: 1em; line-height: 1.5; padding: 0.5em 1em; white-space: initial; } /* Styles génériques (destinés aux selecteurs "balise", pas aux sélecteurs d"id ou de classe) */ /* Génériques */ /* line 4, resources/assets/styles/settings/_base.scss */ *, *::before, *::after { box-sizing: border-box; } /* line 10, resources/assets/styles/settings/_base.scss */ html, body { position: relative; width: 100%; overflow-y: scroll; -webbkit-overflow-scrolling: touch; } /* line 18, resources/assets/styles/settings/_base.scss */ html { box-sizing: border-box; height: 100%; font-size: 100%; } /* line 23, resources/assets/styles/settings/_base.scss */ html:not([data-whatintent="keyboard"]) * { outline: none; } /* line 28, resources/assets/styles/settings/_base.scss */ html[data-whatintent="keyboard"] *:focus { outline: 3px solid rgba(25, 25, 25, 0.15); } /* line 34, resources/assets/styles/settings/_base.scss */ html[data-whatinput] { margin-top: 0 !important; } /* line 38, resources/assets/styles/settings/_base.scss */ body.admin-bar { padding-top: var(--admin-bar); } /* line 42, resources/assets/styles/settings/_base.scss */ body:not(#tinymce) { background-color: #fff; color: set-color(#fff); font-family: "Arial", sans-serif; margin: 0; max-width: 100vw; min-width: 320px; min-height: 100%; overflow: hidden; padding: 0; } /* line 54, resources/assets/styles/settings/_base.scss */ #app { overflow-x: hidden; } /* line 58, resources/assets/styles/settings/_base.scss */ main { overflow: hidden; } /* line 62, resources/assets/styles/settings/_base.scss */ h1, h2, h3, h4, h5, h6 { font-family: "Helvetica", sans-serif; font-weight: 600; margin: 0; line-height: 1.2; } /* line 75, resources/assets/styles/settings/_base.scss */ h1 { font-size: 2rem; } @media (min-width: 43.75rem) { /* line 75, resources/assets/styles/settings/_base.scss */ h1 { font-size: 2.375rem; } } /* line 79, resources/assets/styles/settings/_base.scss */ h2 { font-size: 1.625rem; } @media (min-width: 43.75rem) { /* line 79, resources/assets/styles/settings/_base.scss */ h2 { font-size: 1.875rem; } } /* line 83, resources/assets/styles/settings/_base.scss */ h3 { font-size: 1.5rem; } @media (min-width: 43.75rem) { /* line 83, resources/assets/styles/settings/_base.scss */ h3 { font-size: 1.75rem; } } /* line 87, resources/assets/styles/settings/_base.scss */ h4 { font-size: 1.25rem; } @media (min-width: 43.75rem) { /* line 87, resources/assets/styles/settings/_base.scss */ h4 { font-size: 1.5rem; } } /* line 91, resources/assets/styles/settings/_base.scss */ h5 { font-size: 1.125rem; } @media (min-width: 43.75rem) { /* line 91, resources/assets/styles/settings/_base.scss */ h5 { font-size: 1.25rem; } } /* line 95, resources/assets/styles/settings/_base.scss */ h6 { font-size: 1rem; } /* line 101, resources/assets/styles/settings/_base.scss */ p:first-child { margin-top: 0; } /* line 105, resources/assets/styles/settings/_base.scss */ p:last-child { margin-bottom: 0; } /* line 111, resources/assets/styles/settings/_base.scss */ a { color: inherit; text-decoration: none; } /* line 114, resources/assets/styles/settings/_base.scss */ .menu-item a { text-decoration: none; } /* line 119, resources/assets/styles/settings/_base.scss */ button, select, [role="button"], [type="button"], [type="radio"], [type="checkbox"], [type="submit"] { cursor: pointer; } /* line 129, resources/assets/styles/settings/_base.scss */ button { background-color: transparent; border: 0; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; padding: 0; } /* line 140, resources/assets/styles/settings/_base.scss */ fieldset, figure { margin: 0; } /* line 145, resources/assets/styles/settings/_base.scss */ fieldset { border: 0; padding: 0; } /* line 156, resources/assets/styles/settings/_base.scss */ ul, ol, li { margin: 0; padding: 0; } /* line 2, resources/assets/styles/settings/_structure.scss */ [class^="container"] { margin-left: auto; margin-right: auto; width: 90%; } /* line 8, resources/assets/styles/settings/_structure.scss */ .container { max-width: 1200px; } /* line 12, resources/assets/styles/settings/_structure.scss */ .container-small { max-width: 480px; } /* line 16, resources/assets/styles/settings/_structure.scss */ .container-medium { max-width: 860px; } /* line 20, resources/assets/styles/settings/_structure.scss */ .container-large { max-width: 1440px; } /* line 24, resources/assets/styles/settings/_structure.scss */ .container-fluid { max-width: none; width: 100%; } /* line 29, resources/assets/styles/settings/_structure.scss */ .section { margin-bottom: 3.75rem; margin-bottom: 6.25rem; } @media (min-width: 43.75rem) { /* line 29, resources/assets/styles/settings/_structure.scss */ .section { margin-bottom: 5rem; } } /* line 35, resources/assets/styles/settings/_structure.scss */ .section-background { margin-bottom: 0; padding-top: var(--section-gap); padding-bottom: var(--section-gap); } /* line 40, resources/assets/styles/settings/_structure.scss */ .section-background:last-child { margin-bottom: 0; } /* line 44, resources/assets/styles/settings/_structure.scss */ .section-background + .section:not(.section-background) { margin-top: 3.75rem; margin-top: 6.25rem; } @media (min-width: 43.75rem) { /* line 44, resources/assets/styles/settings/_structure.scss */ .section-background + .section:not(.section-background) { margin-top: 5rem; } } /* line 50, resources/assets/styles/settings/_structure.scss */ .section-fluid { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } /* line 54, resources/assets/styles/settings/_structure.scss */ section { padding: 2%; } /* line 58, resources/assets/styles/settings/_structure.scss */ section.grey-bg { background-color: #f5f5f5; } /* line 61, resources/assets/styles/settings/_structure.scss */ section.no-mb { margin-bottom: 0; } @media (max-width: 74.99875rem) { /* line 67, resources/assets/styles/settings/_structure.scss */ section { padding: 4%; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 73, resources/assets/styles/settings/_structure.scss */ section { padding: 2%; } } /* line 78, resources/assets/styles/settings/_structure.scss */ p:empty { display: none !important; } /* line 82, resources/assets/styles/settings/_structure.scss */ .max-wrap, .header-inner, .home-header, .search-container { max-width: 1920px; margin: 0 auto; } @media print { /* line 3, resources/assets/styles/settings/_print.scss */ .cookie-banner, .header-global-wrapper, .footer-global-wrapper { display: none; } } @font-face { font-family: "itc_galliard_stdroman"; src: url("/app/themes/inha/resources/assets/fonts/gaillard/galliardstd-roman-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/gaillard/galliardstd-roman-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "graphikbold"; src: url("/app/themes/inha/resources/assets/fonts/graphik/graphik-bold-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/graphik/graphik-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "graphikbold_italic"; src: url("/app/themes/inha/resources/assets/fonts/graphik/graphik-bolditalic-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/graphik/graphik-bolditalic-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "graphiklight"; src: url("/app/themes/inha/resources/assets/fonts/graphik/graphik-light-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/graphik/graphik-light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "graphikmedium"; src: url("/app/themes/inha/resources/assets/fonts/graphik/graphik-medium-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/graphik/graphik-medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "graphik_regular"; src: url("/app/themes/inha/resources/assets/fonts/graphik/graphik-regular-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/graphik/graphik-regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "graphikregular_italic"; src: url("/app/themes/inha/resources/assets/fonts/graphik/graphik-regularitalic-webfont.woff2") format("woff2"), url("/app/themes/inha/resources/assets/fonts/graphik/graphik-regularitalic-webfont.woff") format("woff"); font-weight: normal; font-style: normal; } /* line 1, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-track { cursor: grab; border-radius: 8px; pointer-events: auto; z-index: 2; } /* line 7, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-dragging .simplebar-track { cursor: grabbing; } /* line 11, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-track.simplebar-vertical { width: 8px; } /* line 15, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-track.simplebar-horizontal { border-radius: 8px; height: 8px; max-width: 50%; left: 50%; right: auto; transform: translateX(-50%); width: 100%; } /* line 25, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-track[style="visibility: visible;"], .simplebar-track.simplebar-hover, .simplebar-scrolling .simplebar-track { background-color: rgba(25, 25, 25, 0.05); } /* line 32, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-scrollbar::before { background-color: #e56f8c; top: 0; bottom: 0; left: 0; right: 0; transition: opacity 200ms ease; } /* line 40, resources/assets/styles/settings/_scrollbar.scss */ .simplebar-track[style="visibility: visible;"] .simplebar-scrollbar::before { opacity: 0.75; } /* Components */ /* line 1, resources/assets/styles/components/_admin-bar.scss */ #wpadminbar { position: fixed; } /* line 5, resources/assets/styles/components/_admin-bar.scss */ #wp-toolbar, #wp-toolbar ul { display: flex; } /* line 10, resources/assets/styles/components/_admin-bar.scss */ #wp-toolbar { justify-content: space-between; overflow-x: auto; } /* line 1, resources/assets/styles/components/_ajax-loader.scss */ #page-loader { --loader-color: #191919; background-color: rgba(255, 255, 255, 0.75); color: var(--loader-color); display: block; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; z-index: 101; } /* line 16, resources/assets/styles/components/_ajax-loader.scss */ #page-loader .preloader { position: absolute; bottom: 50px; left: 4%; overflow: hidden; } /* line 21, resources/assets/styles/components/_ajax-loader.scss */ #page-loader .preloader .preloader_inner { font-family: "itc_galliard_stdroman"; font-size: 10vw; font-weight: 100; color: #de0918; line-height: 7vw; margin: 0; transition: 0.7s ease; transform: translateY(0); } /* line 30, resources/assets/styles/components/_ajax-loader.scss */ #page-loader .preloader .preloader_inner._off { transform: translateY(-110%); } /* line 1, resources/assets/styles/components/_back-to-top.scss */ #back-to-top { position: fixed; bottom: 1rem; right: 1rem; display: flex; align-items: center; justify-content: center; border: 3px solid; border-radius: 50%; opacity: 0; pointer-events: none; transform: translateY(100%); transition: 200ms ease; z-index: 20; height: 2.5rem; width: 2.5rem; height: 3rem; width: 3rem; height: 5rem; width: 5rem; font-size: 1rem; font-size: 1.125rem; font-size: 1.5rem; } /* line 32, resources/assets/styles/components/_back-to-top.scss */ #back-to-top.visible { opacity: 1; pointer-events: auto; transform: translateY(0); } /* .breadcrumb { --breadcrumb-background: #ebebeb; --breadcrumb-color: #191919; background-color: var(--breadcrumb-background); color: var(--breadcrumb-color); padding: 10px 0; font-size: 0; .container > span { display: flex; font-size: 0; } span:first-child::before { content: none; } span, &_last { display: flex; align-items: baseline; font-size: 1rem; font-weight: 300; } span::before, &_last::before { content: ">"; display: block; margin: 0 20px; } a { font-weight: 400; text-decoration: none; } } */ /* line 1, resources/assets/styles/components/_cta.scss */ .cta, input[type="button"], input[type="submit"], .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item { display: inline-flex; border-radius: 2.5rem; padding: 0.75rem 1.25rem; text-decoration: none; text-transform: uppercase; font-size: 0.875rem; font-family: "graphik_regular"; position: relative; transition: 0.3s ease; border: solid 1px #191919; } /* line 18, resources/assets/styles/components/_cta.scss */ .cta.only-mobile, input.only-mobile[type="button"], input.only-mobile[type="submit"], .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.remove_repeater_item { display: inline-flex; } /* line 21, resources/assets/styles/components/_cta.scss */ .cta span, input[type="button"] span, input[type="submit"] span, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item span, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item span, .cta i, input[type="button"] i, input[type="submit"] i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item i { opacity: 1 !important; } /* line 25, resources/assets/styles/components/_cta.scss */ .cta svg, input[type="button"] svg, input[type="submit"] svg, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item svg, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item svg { display: none; } /* line 28, resources/assets/styles/components/_cta.scss */ .cta svg rect, input[type="button"] svg rect, input[type="submit"] svg rect, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item svg rect, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item svg rect { animation: button-border 2s linear both; stroke-dashoffset: 0; } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 35, resources/assets/styles/components/_cta.scss */ .cta.only-mobile, input.only-mobile[type="button"], input.only-mobile[type="submit"], .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.remove_repeater_item { display: none; } } /* line 46, resources/assets/styles/components/_cta.scss */ .cta svg:not(.icon), input[type="button"] svg:not(.icon), input[type="submit"] svg:not(.icon), .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item svg:not(.icon), .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item svg:not(.icon) { position: absolute; left: 0; top: 0; width: 99%; height: 100%; } /* line 58, resources/assets/styles/components/_cta.scss */ .cta._on span, input._on[type="button"] span, input._on[type="submit"] span, .gform_wrapper.gravity-theme form .gfield_repeater_buttons ._on.add_repeater_item span, .gform_wrapper.gravity-theme form .gfield_repeater_buttons ._on.remove_repeater_item span, .cta._on i, input._on[type="button"] i, input._on[type="submit"] i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons ._on.add_repeater_item i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons ._on.remove_repeater_item i { opacity: 1; } /* line 62, resources/assets/styles/components/_cta.scss */ .cta._on svg rect, input._on[type="button"] svg rect, input._on[type="submit"] svg rect, .gform_wrapper.gravity-theme form .gfield_repeater_buttons ._on.add_repeater_item svg rect, .gform_wrapper.gravity-theme form .gfield_repeater_buttons ._on.remove_repeater_item svg rect { animation: button-border 2s linear both; stroke-dashoffset: 0; } /* line 67, resources/assets/styles/components/_cta.scss */ .cta:hover, input:hover[type="button"], input:hover[type="submit"], .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:hover, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:hover { background-color: #de0918; border-color: #de0918; color: #fff; } /* line 71, resources/assets/styles/components/_cta.scss */ .cta:hover span, input:hover[type="button"] span, input:hover[type="submit"] span, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:hover span, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:hover span, .cta:hover i, input:hover[type="button"] i, input:hover[type="submit"] i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:hover i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:hover i { color: #fff !important; } /* line 75, resources/assets/styles/components/_cta.scss */ .cta:hover svg rect, input:hover[type="button"] svg rect, input:hover[type="submit"] svg rect, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:hover svg rect, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:hover svg rect { stroke: #de0918; } /* line 87, resources/assets/styles/components/_cta.scss */ .cta-square { border-radius: 0; padding: 20px 16px; font-size: 1.25rem; color: #fff; border: solid 1px #fff; display: inline-flex; gap: 16px; text-transform: none; font-weight: 500; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99) !important; } /* line 98, resources/assets/styles/components/_cta.scss */ .cta-square i { color: #fff; font-size: 20px; } /* line 102, resources/assets/styles/components/_cta.scss */ .cta-square:hover { cursor: pointer; border-color: #191919; background-color: #191919; } /* line 109, resources/assets/styles/components/_cta.scss */ .cta-icon { display: inline-flex; align-items: center; } /* line 113, resources/assets/styles/components/_cta.scss */ .cta-icon [class*="icon"]:first-child { margin-right: 0.5rem; } /* line 117, resources/assets/styles/components/_cta.scss */ .cta-icon [class*="icon-"]:last-child { margin-left: 0.5rem; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-white { background-color: #fff; border-color: #fff; color: #191919; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-white.active, .cta-white:hover, .cta-white:focus { background-color: white; border-color: white; color: #191919; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-white-outline { background-color: transparent; border-color: #fff; border: solid 1px; color: #fff; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-white-outline.active, .cta-white-outline:hover, .cta-white-outline:focus { background-color: #fff; border-color: #fff; color: #191919; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-black { background-color: #191919; border-color: #191919; color: #fff; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-black.active, .cta-black:hover, .cta-black:focus { background-color: #333333; border-color: #333333; color: #fff; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-black-outline { background-color: transparent; border-color: #191919; border: solid 1px; color: #191919; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-black-outline.active, .cta-black-outline:hover, .cta-black-outline:focus { background-color: #191919; border-color: #191919; color: #fff; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-blue { background-color: #083294; border-color: #083294; color: #fff; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-blue.active, .cta-blue:hover, .cta-blue:focus { background-color: #0b42c4; border-color: #0b42c4; color: #fff; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-blue-outline { background-color: transparent; border-color: #083294; border: solid 1px; color: #083294; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-blue-outline.active, .cta-blue-outline:hover, .cta-blue-outline:focus { background-color: #083294; border-color: #083294; color: #fff; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-green { background-color: #6cc8af; border-color: #6cc8af; color: #fff; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-green.active, .cta-green:hover, .cta-green:focus { background-color: #91d6c3; border-color: #91d6c3; color: #191919; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-green-outline { background-color: transparent; border-color: #6cc8af; border: solid 1px; color: #6cc8af; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-green-outline.active, .cta-green-outline:hover, .cta-green-outline:focus { background-color: #6cc8af; border-color: #6cc8af; color: #fff; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-yellow { background-color: #ffc000; border-color: #ffc000; color: #fff; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-yellow.active, .cta-yellow:hover, .cta-yellow:focus { background-color: #ffcd33; border-color: #ffcd33; color: #fff; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-yellow-outline { background-color: transparent; border-color: #ffc000; border: solid 1px; color: #ffc000; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-yellow-outline.active, .cta-yellow-outline:hover, .cta-yellow-outline:focus { background-color: #ffc000; border-color: #ffc000; color: #fff; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-orange { background-color: #f77f00; border-color: #f77f00; color: #fff; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-orange.active, .cta-orange:hover, .cta-orange:focus { background-color: #ff982b; border-color: #ff982b; color: #fff; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-orange-outline { background-color: transparent; border-color: #f77f00; border: solid 1px; color: #f77f00; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-orange-outline.active, .cta-orange-outline:hover, .cta-orange-outline:focus { background-color: #f77f00; border-color: #f77f00; color: #fff; } /* line 127, resources/assets/styles/components/_cta.scss */ .cta-red, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item { background-color: #de0918; border-color: #de0918; color: #fff; } /* line 132, resources/assets/styles/components/_cta.scss */ .cta-red.active, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .active.remove_repeater_item, .cta-red:hover, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:hover, .cta-red:focus, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:focus { background-color: #f62433; border-color: #f62433; color: #fff; } /* line 141, resources/assets/styles/components/_cta.scss */ .cta-red-outline { background-color: transparent; border-color: #de0918; border: solid 1px; color: #de0918; } /* line 147, resources/assets/styles/components/_cta.scss */ .cta-red-outline.active, .cta-red-outline:hover, .cta-red-outline:focus { background-color: #de0918; border-color: #de0918; color: #fff; } /* line 162, resources/assets/styles/components/_cta.scss */ .cta-primary, input[type="button"], input[type="submit"], .gform_wrapper.gravity-theme form .button.gform_next_button { background-color: #e56f8c; border-color: #e56f8c; color: #fff; } /* line 167, resources/assets/styles/components/_cta.scss */ .cta-primary.active, input.active[type="button"], input.active[type="submit"], .gform_wrapper.gravity-theme form .active.button.gform_next_button, .cta-primary:hover, input:hover[type="button"], input:hover[type="submit"], .gform_wrapper.gravity-theme form .button.gform_next_button:hover, .cta-primary:focus, input:focus[type="button"], input:focus[type="submit"], .gform_wrapper.gravity-theme form .button.gform_next_button:focus { background-color: #ed9aaf; border-color: #ed9aaf; color: #191919; } /* line 176, resources/assets/styles/components/_cta.scss */ .cta-primary-outline { background-color: transparent; border-color: #e56f8c; color: #e56f8c; } /* line 181, resources/assets/styles/components/_cta.scss */ .cta-primary-outline.active, .cta-primary-outline:hover, .cta-primary-outline:focus { background-color: #e56f8c; border-color: #e56f8c; color: #fff; } /* line 162, resources/assets/styles/components/_cta.scss */ .cta-secondary { background-color: #64c2db; border-color: #64c2db; color: #fff; } /* line 167, resources/assets/styles/components/_cta.scss */ .cta-secondary.active, .cta-secondary:hover, .cta-secondary:focus { background-color: #8dd2e5; border-color: #8dd2e5; color: #191919; } /* line 176, resources/assets/styles/components/_cta.scss */ .cta-secondary-outline { background-color: transparent; border-color: #64c2db; color: #64c2db; } /* line 181, resources/assets/styles/components/_cta.scss */ .cta-secondary-outline.active, .cta-secondary-outline:hover, .cta-secondary-outline:focus { background-color: #64c2db; border-color: #64c2db; color: #fff; } /* line 162, resources/assets/styles/components/_cta.scss */ .cta-tertiary { background-color: #7476ed; border-color: #7476ed; color: #fff; } /* line 167, resources/assets/styles/components/_cta.scss */ .cta-tertiary.active, .cta-tertiary:hover, .cta-tertiary:focus { background-color: #a1a3f3; border-color: #a1a3f3; color: #191919; } /* line 176, resources/assets/styles/components/_cta.scss */ .cta-tertiary-outline { background-color: transparent; border-color: #7476ed; color: #7476ed; } /* line 181, resources/assets/styles/components/_cta.scss */ .cta-tertiary-outline.active, .cta-tertiary-outline:hover, .cta-tertiary-outline:focus { background-color: #7476ed; border-color: #7476ed; color: #fff; } /* line 191, resources/assets/styles/components/_cta.scss */ .cta-wrapper { display: flex; align-items: flex-start; flex-wrap: wrap; margin-top: 2rem; } /* line 197, resources/assets/styles/components/_cta.scss */ .cta-wrapper.vertical { flex-direction: column; } /* line 201, resources/assets/styles/components/_cta.scss */ .cta-wrapper.right { justify-content: flex-end; } /* line 205, resources/assets/styles/components/_cta.scss */ .cta-wrapper.center { justify-content: center; } /* line 209, resources/assets/styles/components/_cta.scss */ .cta-wrapper.vertical.center { align-items: center; } /* line 213, resources/assets/styles/components/_cta.scss */ .cta-wrapper .cta, .cta-wrapper input[type="button"], .cta-wrapper input[type="submit"], .cta-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper .add_repeater_item, .cta-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper .remove_repeater_item { margin-right: 1rem; margin-bottom: 1rem; } /* line 218, resources/assets/styles/components/_cta.scss */ .cta-wrapper.vertical .cta, .cta-wrapper.vertical input[type="button"], .cta-wrapper.vertical input[type="submit"], .cta-wrapper.vertical .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.vertical .add_repeater_item, .cta-wrapper.vertical .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.vertical .remove_repeater_item { margin-right: 0; } /* line 222, resources/assets/styles/components/_cta.scss */ .cta-wrapper.right .cta, .cta-wrapper.right input[type="button"], .cta-wrapper.right input[type="submit"], .cta-wrapper.right .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.right .add_repeater_item, .cta-wrapper.right .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.right .remove_repeater_item { margin-left: 1rem; margin-right: 0; } /* line 227, resources/assets/styles/components/_cta.scss */ .cta-wrapper.center .cta, .cta-wrapper.center input[type="button"], .cta-wrapper.center input[type="submit"], .cta-wrapper.center .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.center .add_repeater_item, .cta-wrapper.center .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.center .remove_repeater_item { margin-left: 1rem; margin-bottom: 2rem; } /* line 232, resources/assets/styles/components/_cta.scss */ .cta-wrapper .cta:last-child, .cta-wrapper input:last-child[type="button"], .cta-wrapper input:last-child[type="submit"], .cta-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper .add_repeater_item:last-child, .cta-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper .remove_repeater_item:last-child { margin-bottom: 0; } /* line 236, resources/assets/styles/components/_cta.scss */ .cta-wrapper.vertical .cta:last-child, .cta-wrapper.vertical input:last-child[type="button"], .cta-wrapper.vertical input:last-child[type="submit"], .cta-wrapper.vertical .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.vertical .add_repeater_item:last-child, .cta-wrapper.vertical .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.vertical .remove_repeater_item:last-child { margin-bottom: 0; } /* line 240, resources/assets/styles/components/_cta.scss */ .cta-wrapper.right .cta:last-child, .cta-wrapper.right input:last-child[type="button"], .cta-wrapper.right input:last-child[type="submit"], .cta-wrapper.right .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.right .add_repeater_item:last-child, .cta-wrapper.right .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.right .remove_repeater_item:last-child { margin-bottom: 0; } /* line 244, resources/assets/styles/components/_cta.scss */ .cta-wrapper.center .cta:last-child, .cta-wrapper.center input:last-child[type="button"], .cta-wrapper.center input:last-child[type="submit"], .cta-wrapper.center .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.center .add_repeater_item:last-child, .cta-wrapper.center .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:last-child, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-wrapper.center .remove_repeater_item:last-child { margin-bottom: 0; } /* line 1, resources/assets/styles/components/_titles.scss */ .page-title { font-size: _rem(36px); line-height: 1.3; } /* line 6, resources/assets/styles/components/_titles.scss */ .footer-title { font-size: _rem(22px); font-weight: 600; line-height: 1.5; margin-bottom: 0.375rem; } /* line 13, resources/assets/styles/components/_titles.scss */ .section-title { color: currentColor; font-weight: 300; margin-bottom: 2rem; padding-bottom: 1rem; position: relative; text-transform: uppercase; } /* line 23, resources/assets/styles/components/_titles.scss */ .section-title::before { content: ""; background-color: #e56f8c; border-radius: 10px; position: absolute; inset: auto auto 0 0; width: 50px; height: 5px; } /* line 35, resources/assets/styles/components/_titles.scss */ .page-title { font-size: _rem(50px); } /* Global */ /* line 3, resources/assets/styles/components/_inputs.scss */ input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], select, textarea { width: 100%; } /* line 24, resources/assets/styles/components/_inputs.scss */ select, input[type="date"], input[type="file"], input[type="button"], input[type="submit"] { cursor: pointer; } /* line 61, resources/assets/styles/abstracts/_mixins.scss */ html[data-whatinput="keyboard"] form input:focus, html[data-whatinput="keyboard"] form select:focus, html[data-whatinput="keyboard"] form button:focus { outline: 2px dotted #adb5bd; } /* line 46, resources/assets/styles/components/_inputs.scss */ input[readonly], input:disabled, select:disabled, textarea:disabled { cursor: not-allowed; } /* line 55, resources/assets/styles/components/_inputs.scss */ [data-floating] { position: relative; } /* line 59, resources/assets/styles/components/_inputs.scss */ .floating-label { position: absolute; top: 50%; left: 0; transform: translateY(-50%); transition-property: font-size, inset, transform; transition-duration: 200ms; transition-timing-function: ease; pointer-events: none; } /* line 68, resources/assets/styles/components/_inputs.scss */ input:not(:placeholder-shown) + .floating-label, input:focus + .floating-label, [data-floating="true"] .floating-label { font-size: 0.45em; top: 0; } /* line 76, resources/assets/styles/components/_inputs.scss */ .choice-list { display: grid; gap: 0.875rem 1.5rem; } /* line 81, resources/assets/styles/components/_inputs.scss */ .choice-list.\--inline { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } /* line 84, resources/assets/styles/components/_inputs.scss */ .choice-list.\--inline > * { min-width: 160px; } /* line 90, resources/assets/styles/components/_inputs.scss */ .choice-item { position: relative; } /* line 93, resources/assets/styles/components/_inputs.scss */ .choice-item input { opacity: 0; position: absolute; width: 1px; height: 1px; } /* line 105, resources/assets/styles/components/_inputs.scss */ .choice-item input:focus:checked + label { opacity: 1; } /* line 109, resources/assets/styles/components/_inputs.scss */ .choice-item label { display: inline-block; font-size: 0.875rem; line-height: 1.15em; position: relative; padding-left: 1.75rem; } /* line 117, resources/assets/styles/components/_inputs.scss */ .choice-item label::before, .choice-item label::after { content: ""; background-color: transparent; border: 1px solid currentColor; border-radius: 0.125em; color: #de0918; position: absolute; inset: 6px auto auto 0; width: 1rem; height: 1rem; } /* line 130, resources/assets/styles/components/_inputs.scss */ .choice-item label::after { content: ""; } /* line 146, resources/assets/styles/components/_inputs.scss */ .choice-item input[type="checkbox"]:checked + label::after { display: block; background-image: url("/app/themes/inha/resources/assets/icons/svg/check.svg"); background-position: center; background-repeat: no-repeat; background-size: 100%; } /* line 155, resources/assets/styles/components/_inputs.scss */ .choice-item input[type="radio"] + label::before, .choice-item input[type="radio"] + label::after { border-radius: 50%; } /* line 160, resources/assets/styles/components/_inputs.scss */ .choice-item input[type="radio"] + label::after { transform: scale(0.625); } /* line 164, resources/assets/styles/components/_inputs.scss */ .choice-item input[type="radio"]:checked + label::after { background-color: currentColor; } /* line 1, resources/assets/styles/components/_tag.scss */ .tag { background-color: #f5f5f5; border: 1px solid #dee2e6; color: #191919; border-radius: 5px; display: inline-flex; font-size: _rem(12px); font-weight: bold; letter-spacing: 0.05em; padding: 0.75rem 1rem; text-transform: uppercase; } /* line 14, resources/assets/styles/components/_tag.scss */ .tag-title { display: block; margin-bottom: 2.5rem; } /* line 1, resources/assets/styles/components/_spinner.scss */ .spinner { position: relative; display: inline-block; width: 50px; height: 50px; border: 5px solid rgba(229, 111, 140, 0.15); border-left-color: #e56f8c; border-radius: 50%; text-indent: -9999px; animation: spinner-animation 1.1s infinite linear; } /* .card-post { // code } */ /* line 7, resources/assets/styles/components/_card.scss */ .card.is-disabled { pointer-events: none; } /* line 11, resources/assets/styles/components/_card.scss */ .card.card-default figure img { width: 100%; height: 100%; min-height: 100%; } /* line 17, resources/assets/styles/components/_card.scss */ .card.card-default span.cat { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 100; display: inline-block; margin: 12px 0 8px; color: #de0918; } /* line 27, resources/assets/styles/components/_card.scss */ .card.card-default span.sub { font-family: "graphik_regular"; font-size: 16.03px; font-style: normal; font-weight: 400; line-height: 130%; color: #c5c5c5; text-transform: inherit; } /* line 38, resources/assets/styles/components/_card.scss */ .card.card-page { width: 100%; transition: flex-basis 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin-bottom: 3.125rem; } /* line 43, resources/assets/styles/components/_card.scss */ .card.card-page:hover figure img { transform: translateY(-50%) scale(1.1); } /* line 46, resources/assets/styles/components/_card.scss */ .card.card-page:hover p, .card.card-page:hover h3 { color: #de0918; } /* line 51, resources/assets/styles/components/_card.scss */ .card.card-page figure { width: 100%; overflow: hidden; aspect-ratio: 1/0.9; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; margin-bottom: 1.125rem; } /* line 59, resources/assets/styles/components/_card.scss */ .card.card-page figure img { min-width: 100%; min-height: 100%; object-fit: cover; position: absolute; top: 50%; transform: translateY(-50%) scale(1); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); width: 100%; height: 100%; } /* line 71, resources/assets/styles/components/_card.scss */ .card.card-page h3 { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 130%; margin-bottom: 1.125rem; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 80, resources/assets/styles/components/_card.scss */ .card.card-page p { font-family: "graphik_regular"; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 150%; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } /* line 93, resources/assets/styles/components/_card.scss */ .card.card-page span.cat { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; display: inline-block; margin: 0; color: #de0918; } /* line 103, resources/assets/styles/components/_card.scss */ .card.card-news { flex-basis: 33.33% !important; width: 33.33% !important; transition: flex-basis 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 107, resources/assets/styles/components/_card.scss */ .card.card-news:hover { flex-basis: 50% !important; } /* line 109, resources/assets/styles/components/_card.scss */ .card.card-news:hover p, .card.card-news:hover h3 { font-size: 1.5rem; } /* line 113, resources/assets/styles/components/_card.scss */ .card.card-news:hover i { color: #de0918; } /* line 117, resources/assets/styles/components/_card.scss */ .card.card-news a { width: 100%; } /* line 120, resources/assets/styles/components/_card.scss */ .card.card-news figure { width: 100%; background: transparent; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; margin-bottom: 12px; } /* line 128, resources/assets/styles/components/_card.scss */ .card.card-news figure img { width: 100%; height: auto !important; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 139, resources/assets/styles/components/_card.scss */ .card.card-news span { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; display: inline-block; margin: 0; color: #de0918; } /* line 148, resources/assets/styles/components/_card.scss */ .card.card-news p, .card.card-news h3 { font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); line-height: 1.3rem; margin: 0; } @supports (-webkit-backdrop-filter: blur(1px)) { /* line 148, resources/assets/styles/components/_card.scss */ .card.card-news p, .card.card-news h3 { transition: 0s; } } /* line 161, resources/assets/styles/components/_card.scss */ .card.card-news i { margin-top: 0.3125rem; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 166, resources/assets/styles/components/_card.scss */ .card.card-agenda { width: 100%; transition: flex-basis 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin-bottom: 3.125rem; } /* line 171, resources/assets/styles/components/_card.scss */ .card.card-agenda:hover figure img { transform: translate3d(-50%, -50%, 0) scale(1.1); } /* line 174, resources/assets/styles/components/_card.scss */ .card.card-agenda:hover p, .card.card-agenda:hover h3, .card.card-agenda:hover span { color: #de0918 !important; } /* line 179, resources/assets/styles/components/_card.scss */ .card.card-agenda:hover svg path { fill: #de0918 !important; } /* line 182, resources/assets/styles/components/_card.scss */ .card.card-agenda:hover .time { border-color: #de0918 !important; } /* line 186, resources/assets/styles/components/_card.scss */ .card.card-agenda figure { width: 100%; overflow: hidden; aspect-ratio: 4/3; background: black; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; } /* line 193, resources/assets/styles/components/_card.scss */ .card.card-agenda figure img { min-width: 100%; min-height: 100%; width: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) scale(1); transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 205, resources/assets/styles/components/_card.scss */ .card.card-agenda .text-content { padding: 0.9375rem; display: flex; flex-direction: column; gap: 10px; } /* line 212, resources/assets/styles/components/_card.scss */ .card.card-agenda span { font-family: "graphikmedium"; text-transform: uppercase; font-style: normal; display: inline-block; } /* line 217, resources/assets/styles/components/_card.scss */ .card.card-agenda span.date { font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; color: #191919; display: flex; align-items: center; margin-bottom: 5px; } /* line 226, resources/assets/styles/components/_card.scss */ .card.card-agenda span.date strong { font-weight: 400; color: #191919; } /* line 230, resources/assets/styles/components/_card.scss */ .card.card-agenda span.date i { font-size: 1.375rem; } /* line 234, resources/assets/styles/components/_card.scss */ .card.card-agenda span strong { font-weight: 500; color: #191919; } /* line 238, resources/assets/styles/components/_card.scss */ .card.card-agenda span.time { padding: 0.3125rem 0.625rem; border-radius: 1.25rem; border: solid 1px #191919; margin-bottom: 0.9375rem; color: #191919; } /* line 245, resources/assets/styles/components/_card.scss */ .card.card-agenda span.cat, .card.card-agenda span.access { color: #de0918; } /* line 249, resources/assets/styles/components/_card.scss */ .card.card-agenda span.cat, .card.card-agenda span.time, .card.card-agenda span.access, .card.card-agenda span.free, .card.card-agenda span.venue { font-size: 0.875rem; } /* line 256, resources/assets/styles/components/_card.scss */ .card.card-agenda span.venue, .card.card-agenda span.date { color: #555; } /* line 260, resources/assets/styles/components/_card.scss */ .card.card-agenda span.free { color: #555; text-transform: none; } /* line 265, resources/assets/styles/components/_card.scss */ .card.card-agenda p, .card.card-agenda h3 { font-family: "graphikmedium"; font-size: 1.125rem !important; color: #191919; font-style: normal; font-weight: 500; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 275, resources/assets/styles/components/_card.scss */ .card.card-member { border-bottom: solid 1px #191919; margin-bottom: 1.5rem; } /* line 278, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; } /* line 282, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper figure { flex-basis: 15%; width: 15%; overflow: hidden; position: relative; aspect-ratio: 3/3.4; min-width: 125px; height: 164px; } /* line 290, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper figure img { position: absolute; min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover; left: 50%; transform: translateX(-50%); } /* line 301, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content { display: flex; flex-direction: column; gap: 10px; } /* line 305, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content h3 { font-family: "graphik_regular"; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 140%; } /* line 311, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content h3 i { color: #de0918; margin-right: 10px; display: inline-block; } /* line 317, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content span { font-family: "graphikmedium"; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 130%; /* 18.2px */ text-transform: uppercase; } /* line 324, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content span.cat { color: #de0918; } /* line 327, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content span.year { color: #555; } /* line 331, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; width: 100%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } /* line 345, resources/assets/styles/components/_card.scss */ .card.card-member .cta, .card.card-member input[type="button"], .card.card-member input[type="submit"], .card.card-member .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .card.card-member .add_repeater_item, .card.card-member .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .card.card-member .remove_repeater_item { margin-bottom: 1.5rem; } /* line 349, resources/assets/styles/components/_card.scss */ .card.card-mea { width: 100%; transition: flex-basis 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin-bottom: 0px; } /* line 353, resources/assets/styles/components/_card.scss */ .card.card-mea .main-content { display: flex; align-items: end; gap: 2rem; } /* line 362, resources/assets/styles/components/_card.scss */ .card.card-mea:hover p, .card.card-mea:hover h3 { color: #191919; } /* line 367, resources/assets/styles/components/_card.scss */ .card.card-mea figure { width: 25%; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; } /* line 374, resources/assets/styles/components/_card.scss */ .card.card-mea figure img { min-width: 100%; min-height: 100%; width: 100%; height: 100%; object-fit: cover; position: relative; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 386, resources/assets/styles/components/_card.scss */ .card.card-mea .text-content { width: 50%; display: flex; flex-direction: column; gap: 10px; } /* line 392, resources/assets/styles/components/_card.scss */ .card.card-mea .cat-wrapper { display: inline-flex; gap: 0.625rem; } /* line 396, resources/assets/styles/components/_card.scss */ .card.card-mea .ctas-bloc { display: flex; flex-direction: column; gap: 0.625rem; } /* line 400, resources/assets/styles/components/_card.scss */ .card.card-mea .ctas-bloc .cta, .card.card-mea .ctas-bloc input[type="button"], .card.card-mea .ctas-bloc input[type="submit"], .card.card-mea .ctas-bloc .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .card.card-mea .ctas-bloc .add_repeater_item, .card.card-mea .ctas-bloc .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .card.card-mea .ctas-bloc .remove_repeater_item { display: inline-flex; align-self: start; } /* line 405, resources/assets/styles/components/_card.scss */ .card.card-mea span { font-family: "graphikmedium"; text-transform: uppercase; font-style: normal; display: inline-block; } /* line 410, resources/assets/styles/components/_card.scss */ .card.card-mea span.cat { color: #de0918; font-size: 0.875rem; } /* line 415, resources/assets/styles/components/_card.scss */ .card.card-mea h3 { font-family: "graphik_regular"; font-size: 28px; font-style: normal; font-weight: 400; line-height: 120%; color: #191919; } /* line 423, resources/assets/styles/components/_card.scss */ .card.card-mea p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 432, resources/assets/styles/components/_card.scss */ .card.card-candidature { border-bottom: solid 1px #191919; margin-bottom: 1.5rem; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /* line 438, resources/assets/styles/components/_card.scss */ .card.card-candidature .main-wrapper { display: flex; gap: 1.5rem; margin-bottom: 1.5rem; } /* line 442, resources/assets/styles/components/_card.scss */ .card.card-candidature .main-wrapper .text-content { display: flex; flex-direction: column; gap: 10px; } /* line 446, resources/assets/styles/components/_card.scss */ .card.card-candidature .main-wrapper .text-content h3 { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; line-height: 140%; } /* line 452, resources/assets/styles/components/_card.scss */ .card.card-candidature .main-wrapper .text-content span { font-family: "graphikmedium"; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 130%; /* 18.2px */ text-transform: uppercase; } /* line 459, resources/assets/styles/components/_card.scss */ .card.card-candidature .main-wrapper .text-content span.cat { color: #de0918; } /* line 463, resources/assets/styles/components/_card.scss */ .card.card-candidature .main-wrapper .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; width: 80%; color: #c5c5c5; } /* line 474, resources/assets/styles/components/_card.scss */ .card.card-candidature .cta, .card.card-candidature input[type="button"], .card.card-candidature input[type="submit"], .card.card-candidature .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .card.card-candidature .add_repeater_item, .card.card-candidature .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .card.card-candidature .remove_repeater_item { margin-bottom: 1.5rem; } /* line 479, resources/assets/styles/components/_card.scss */ .card.card-bourse figure { aspect-ratio: 16/9; overflow: hidden; } /* line 483, resources/assets/styles/components/_card.scss */ .card.card-bourse figure img { width: 100%; min-height: 100%; object-fit: cover; } /* line 488, resources/assets/styles/components/_card.scss */ .card.card-bourse div { display: flex; justify-content: space-between; align-items: center; } /* line 492, resources/assets/styles/components/_card.scss */ .card.card-bourse div span:nth-child(1) { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 500; display: inline-block; margin: 12px 0 8px; color: #de0918; } /* line 502, resources/assets/styles/components/_card.scss */ .card.card-bourse div span:nth-child(2) { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; color: #c5c5c5; text-transform: inherit; } /* line 512, resources/assets/styles/components/_card.scss */ .card.card-bourse p { margin-bottom: 12px; font-family: "graphikmedium"; font-size: 1rem; font-weight: 500; } /* line 518, resources/assets/styles/components/_card.scss */ .card.card-bourse span { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 500; color: #de0918; display: flex; gap: 5px; align-items: center; } /* line 528, resources/assets/styles/components/_card.scss */ .card.card-bourse span i { color: #de0918; } @media (max-width: 74.99875rem) { /* line 537, resources/assets/styles/components/_card.scss */ .card.card-news { width: 100% !important; } /* line 539, resources/assets/styles/components/_card.scss */ .card.card-news:hover { flex-basis: 50% !important; } /* line 541, resources/assets/styles/components/_card.scss */ .card.card-news:hover p, .card.card-news:hover h3 { font-size: 1rem; } /* line 546, resources/assets/styles/components/_card.scss */ .card.card-news figure { height: auto; } /* line 550, resources/assets/styles/components/_card.scss */ .card.card-news span { font-size: 0.875rem; } /* line 553, resources/assets/styles/components/_card.scss */ .card.card-news p, .card.card-news h3 { font-size: 1rem; line-height: 130%; } /* line 558, resources/assets/styles/components/_card.scss */ .card.card-news i { margin-top: 0.5rem; display: block; } /* line 564, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper { flex-direction: column; } /* line 567, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content h3 { font-size: 1.5rem; } /* line 570, resources/assets/styles/components/_card.scss */ .card.card-member .main-wrapper .text-content p { width: 100%; font-size: 1.25rem; } /* line 582, resources/assets/styles/components/_card.scss */ .card.card-mea .main-content { flex-direction: column; align-items: unset; } /* line 586, resources/assets/styles/components/_card.scss */ .card.card-mea figure { width: 80%; } /* line 590, resources/assets/styles/components/_card.scss */ .card.card-mea .text-content { width: 100%; gap: 0.875rem; } /* line 593, resources/assets/styles/components/_card.scss */ .card.card-mea .text-content p { font-size: 1.125rem; } /* line 599, resources/assets/styles/components/_card.scss */ .card.card-default span.cat { margin: 0.8125rem 0; } /* line 602, resources/assets/styles/components/_card.scss */ .card.card-default p { font-size: 1.25rem !important; line-height: 120%; } /* line 608, resources/assets/styles/components/_card.scss */ .card.card-agenda span.date { font-size: 1.25rem; } /* line 611, resources/assets/styles/components/_card.scss */ .card.card-agenda .text-content p { font-size: 1.25rem !important; } /* line 616, resources/assets/styles/components/_card.scss */ .card.card-candidature .text-content h3 { font-size: 1.25rem !important; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 627, resources/assets/styles/components/_card.scss */ .card.card-mea .main-content { flex-direction: row; } /* line 630, resources/assets/styles/components/_card.scss */ .card.card-mea figure { width: 90%; } } /* line 3, resources/assets/styles/components/_cursor.scss */ #cursor { border-radius: 50%; background-color: #333; display: inline-flex; align-items: center; justify-content: center; position: fixed; z-index: 99999; width: 0; height: 0; pointer-events: none; } /* line 17, resources/assets/styles/components/_cursor.scss */ [data-menu-is-open="true"] #cursor { display: none; } /* line 22, resources/assets/styles/components/_cursor.scss */ #cursor.carousel { background-color: transparent; } /* line 26, resources/assets/styles/components/_cursor.scss */ #cursor.carousel::after { content: ""; display: grid; text-align: center; padding-top: 0px; background-color: #191919; color: #fff; left: 0; top: 0%; position: absolute; height: 100px; border-radius: 100px; width: 100px; z-index: 999; background-image: url("/app/themes/inha/resources/assets/images/home/scroll.svg"); background-repeat: no-repeat; background-size: 60%; background-position-x: 50%; background-position-y: 50%; margin-left: -40px; margin-top: -180px; } /* line 51, resources/assets/styles/components/_cursor.scss */ #cursor.active { animation: active_cursor 200ms ease forwards running; transition: none; display: grid; place-items: center; width: 150px; height: 150px; border-radius: 150px; margin-left: -75px; margin-top: -75px; } /* line 63, resources/assets/styles/components/_cursor.scss */ #cursor.unactive { animation: unactive_cursor 200ms ease forwards running; } /* line 67, resources/assets/styles/components/_cursor.scss */ #cursor.card { mix-blend-mode: normal; } /* line 69, resources/assets/styles/components/_cursor.scss */ #cursor.card::after { content: "VOIR"; color: #fff; } /* line 75, resources/assets/styles/components/_cursor.scss */ #cursor.magnet { background-color: transparent; border: 2px solid currentColor; } /* line 80, resources/assets/styles/components/_cursor.scss */ [data-cursor-card="true"] { cursor: none; } @keyframes active_cursor { 0% { transform: scale(1); } 100% { transform: scale(1); background-color: #de0918; } } @keyframes unactive_cursor { 0% { transform: scale(1); } 100% { transform: scale(1); } } @keyframes default_cursor { 0% { transform: scale(1); } 100% { transform: scale(1); } } @keyframes card_icon_cursor { 0% { transform: scale(0); } 100% { transform: scale(1); } } /* line 1, resources/assets/styles/components/_flash-info.scss */ .flash-info { width: 23%; height: auto; background-color: #de0918; position: fixed; top: 50%; right: 0; transform: translateY(-50%); padding: 1.375rem; z-index: 4; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 13, resources/assets/styles/components/_flash-info.scss */ .flash-info._closed { transform: translateX(100%) translateY(-50%); } /* line 16, resources/assets/styles/components/_flash-info.scss */ .flash-info._closed .rotated { opacity: 1; transform: translateY(0px) translateX(0px) rotate(-90deg); } /* line 21, resources/assets/styles/components/_flash-info.scss */ .flash-info._docked { transform: translateX(100%) translateY(0%); top: calc(var(--header-height) + var(--admin-bar)); } /* line 24, resources/assets/styles/components/_flash-info.scss */ .flash-info._docked .rotated { opacity: 1; transform: translateY(0px) translateX(0px) rotate(-90deg); } @media (max-width: 74.99875rem) { /* line 21, resources/assets/styles/components/_flash-info.scss */ .flash-info._docked { top: 60px; } } @media screen and (max-width: 1024px) { /* line 21, resources/assets/styles/components/_flash-info.scss */ .flash-info._docked { transform: none; top: auto; } } /* line 35, resources/assets/styles/components/_flash-info.scss */ .flash-info._docked._opened { transform: translateX(0) translateY(0%); } /* line 37, resources/assets/styles/components/_flash-info.scss */ .flash-info._docked._opened .rotated { left: -30px; transform: translateY(0px) translateX(40px) rotate(-90deg); opacity: 0; } /* line 47, resources/assets/styles/components/_flash-info.scss */ .flash-info * { color: #fff; } /* line 50, resources/assets/styles/components/_flash-info.scss */ .flash-info .rotated { position: absolute; left: -30px; transform: translateY(0px) translateX(40px) rotate(-90deg); opacity: 0; top: 100%; transform-origin: 0% 0%; height: 30px; background: #de0918; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 64, resources/assets/styles/components/_flash-info.scss */ .flash-info .rotated:hover { cursor: pointer; } /* line 67, resources/assets/styles/components/_flash-info.scss */ .flash-info .rotated p { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 20px; text-transform: uppercase; } /* line 76, resources/assets/styles/components/_flash-info.scss */ .flash-info header { display: flex; align-items: center; justify-content: space-between; width: 100%; position: relative; padding: 0 0 0.625rem 0; } /* line 83, resources/assets/styles/components/_flash-info.scss */ .flash-info header strong { text-transform: uppercase; font-family: "graphikmedium"; font-size: 1.25rem; font-weight: 500; line-height: 150%; } /* line 90, resources/assets/styles/components/_flash-info.scss */ .flash-info header::after { content: ""; width: 100%; height: 1px; background-color: #fff; left: 0; bottom: 0; position: absolute; } /* line 99, resources/assets/styles/components/_flash-info.scss */ .flash-info header i { font-weight: 900; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 102, resources/assets/styles/components/_flash-info.scss */ .flash-info header i:hover { cursor: pointer; transform: rotate(90deg); } /* line 108, resources/assets/styles/components/_flash-info.scss */ .flash-info .text-content { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; padding: 0.625rem 0px 0 0; margin-bottom: 12px; } /* line 118, resources/assets/styles/components/_flash-info.scss */ .flash-info .text-content p { font-family: "graphik_regular"; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 140%; } /* line 124, resources/assets/styles/components/_flash-info.scss */ .flash-info .text-content p strong { font-weight: 500; font-family: "graphikmedium"; } @media screen and (max-width: 1024px) { /* line 133, resources/assets/styles/components/_flash-info.scss */ .flash-info { top: auto; left: 0; bottom: 0; width: 100%; transform: translateY(0%); } /* line 142, resources/assets/styles/components/_flash-info.scss */ .flash-info._closed { transform: translateY(100%) translateX(0%); } /* line 145, resources/assets/styles/components/_flash-info.scss */ .flash-info .rotated { display: none; } } /* line 1, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-trigger { width: 100%; display: flex; justify-content: space-between; color: #de0918; font-weight: 500; text-transform: uppercase; font-size: 1rem; padding: 0.625rem 0; margin-top: 2.5rem; border-bottom: solid 1px #c5c5c5; font-family: "graphikmedium"; } /* line 15, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container { position: fixed; top: calc(var(--header-height) + var(--admin-bar)); width: 100vw; height: calc(100vh - (var(--header-height) + var(--admin-bar))); z-index: 10; opacity: 0; pointer-events: none; transition: 0.3s ease; background: #f5f5f5; overflow-y: scroll; } /* line 26, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container._on { opacity: 1; pointer-events: all; } /* line 31, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container .filter-close-trigger { padding: 0.75rem 1.25rem; display: flex; justify-content: start; gap: 12px; font-weight: 500; font-size: 1rem; border-bottom: solid 1px #c5c5c5; width: 100%; align-items: center; font-family: "graphikmedium"; } /* line 42, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container .filter-close-trigger i { transform: rotate(180deg); } /* line 47, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container .not-mobile { display: flex !important; } /* line 49, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container .not-mobile.toggle-online { display: none !important; } /* line 55, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form { display: flex; align-items: start; justify-content: space-between; flex-direction: column; position: relative; transform: translateY(0px); opacity: 1; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); z-index: 2; } /* line 65, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form::after { content: ""; width: 0%; height: 1px; background: #191919; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 75, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area { width: 100%; flex-direction: column; flex-basis: calc(100% - 90px); display: flex; } /* line 80, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button { flex-basis: 100% !important; width: 100% !important; font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 130%; /* 20.8px */ text-transform: uppercase; padding: 0.8125rem; color: #555; position: relative; } /* line 92, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button > span { font-size: 0.875rem; color: #de0918; font-family: "graphik_regular"; font-style: normal; font-weight: 400; line-height: 130%; display: none; } /* line 101, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button.is-selected { color: #de0918; } /* line 103, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button.is-selected > span { display: inline-flex; } /* line 107, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button:hover { cursor: pointer; } /* line 110, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button._active { color: #de0918; } /* line 112, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button._active .select-area { max-height: 520px; padding: 1.875rem 0.75rem; overflow-y: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .mobile-filter-container form .button-area .button._active .select-area::-webkit-scrollbar { display: none; } /* line 120, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button._active i.icon-more::before, .mobile-filter-container form .button-area .button._active i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 126, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button._selected { color: #de0918; } /* line 129, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button._selected i.icon-more::before, .mobile-filter-container form .button-area .button._selected i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 134, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button._selected span { display: inline-flex; } /* line 141, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button i.icon-more { color: #555; margin-left: 25%; width: 16px; height: 16px; position: absolute; right: 10px; } /* line 148, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button i.icon-more::before, .mobile-filter-container form .button-area .button i.icon-more::after { content: ""; width: 16px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); background-color: #555; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 159, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 164, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button i.icon-search { position: absolute; top: 25px; right: 25px; font-size: 20px; } /* line 170, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area { width: 100%; position: relative; top: 100%; z-index: 2; margin-top: 23px; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); display: flex; flex-wrap: nowrap; overflow-x: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ border-bottom: solid 1px #c5c5c5; } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .mobile-filter-container form .button-area .button .select-area::-webkit-scrollbar { display: none; } /* line 187, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area.datepicker-container { flex-direction: column; } /* line 189, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area.datepicker-container .datefilters { flex-direction: row; display: flex; flex-wrap: nowrap; overflow-x: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .mobile-filter-container form .button-area .button .select-area.datepicker-container .datefilters::-webkit-scrollbar { display: none; } /* line 198, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area button:not(.reinit) { padding: 0.1875rem 0.75rem 0.375rem; border-radius: 50px; border: solid 1px #191919; background-color: transparent; color: #555; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 1.25rem 0; font-size: 1rem; align-items: center; gap: 5px; font-family: "graphik_regular"; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 30px; width: auto !important; white-space: nowrap; } /* line 218, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area button:not(.reinit) span { top: 0px; font-size: 0.875rem; position: relative; } /* line 223, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area button:not(.reinit):hover, .mobile-filter-container form .button-area .button .select-area button:not(.reinit)._active { font-family: "graphikmedium"; cursor: pointer; background-color: #de0918; border-color: #de0918; color: #fff; } /* line 232, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area nav { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } /* line 238, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area nav button.apply { padding: 0.625rem 1.4375rem; border-radius: 50px; border: solid 1px #191919; background: transparent !important; font-family: "graphik_regular"; color: #191919; } /* line 245, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area nav button.apply:hover { background-color: #191919 !important; color: #fff; } /* line 251, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area nav button.reinit i { font-weight: bold; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); display: inline-block; transform-origin: center center; } /* line 257, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area nav button.reinit:hover { cursor: pointer; } /* line 259, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .button-area .button .select-area nav button.reinit:hover i { transform: rotate(90deg); } /* line 269, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container form .submit { text-transform: uppercase; background-color: #191919; color: #fff; border-radius: 0px; padding: 0.625rem 1.4375rem; width: calc(100% - 20px); margin: 10px auto; text-align: center; } /* line 281, resources/assets/styles/components/_mobile-filters.scss */ .mobile-filter-container .selected-items-area { display: none; } @media (max-width: 74.99875rem) { /* line 287, resources/assets/styles/components/_mobile-filters.scss */ .filter-container-wrapper { height: 0 !important; padding: 0 !important; } /* line 291, resources/assets/styles/components/_mobile-filters.scss */ .publications-cnt header + .selected-items-area, .domains header + .selected-items-area, .programs header + .selected-items-area, .page-header .selected-items-area { display: flex; flex-wrap: nowrap; overflow-x: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .publications-cnt header + .selected-items-area::-webkit-scrollbar, .domains header + .selected-items-area::-webkit-scrollbar, .programs header + .selected-items-area::-webkit-scrollbar, .page-header .selected-items-area::-webkit-scrollbar { display: none; } /* line 300, resources/assets/styles/components/_mobile-filters.scss */ .publications-cnt header + .selected-items-area button, .domains header + .selected-items-area button, .programs header + .selected-items-area button, .page-header .selected-items-area button { margin: 0 6px 1.25rem 0; padding: 0 0.75rem 0.375rem; font-size: 1rem; align-items: center; gap: 5px; font-family: "graphik_regular"; text-align: left; display: -webkit-box !important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; line-height: 1; width: auto !important; white-space: nowrap; } } /* line 1, resources/assets/styles/components/_datepicker.scss */ .hasDatepicker { width: 100%; clear: both; } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 7, resources/assets/styles/components/_datepicker.scss */ .datepicker-container { max-width: 100%; } } /* line 12, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-inline { padding-top: 1.25rem; padding-bottom: 1.25em; position: relative; width: 100% !important; } /* line 17, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-inline .ui-datepicker-header { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; } /* line 23, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-inline a { color: #333333 !important; } /* line 25, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-inline a.ui-state-active { color: #fff !important; } /* DatePicker Container */ /* line 32, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker { width: 100%; height: auto; } /* line 37, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker a { text-decoration: none; } /* DatePicker Table */ /* line 42, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker table { width: 100%; border-collapse: collapse; } /* line 47, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-header { padding-bottom: 0.625rem; margin-bottom: 0.9375rem; border-bottom: solid 1px #191919; } /* line 53, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-title { font-family: "graphikmedium"; color: #191919; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 150%; /* 30px */ text-transform: uppercase; } /* line 63, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; width: 20px; height: 20px; text-align: center; cursor: pointer; background-repeat: no-repeat; overflow: hidden; position: relative; } /* line 73, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-prev span, .ui-datepicker-next span { display: none; } /* line 76, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-prev::after, .ui-datepicker-next::after { position: absolute; top: 0; left: 0; font-family: "icomoon"; content: "\E90C"; font-size: 1.25rem; width: 20px; height: 20px; } /* line 88, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-prev { right: 30px; transform: rotate(180deg); } /* line 93, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-next { position: absolute; right: 0px; } /* line 98, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker thead { height: 50px; } /* line 100, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker thead tr th { position: relative; padding-bottom: 40px; } /* line 104, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker thead tr th span { text-transform: capitalize; font-family: "graphikmedium"; font-weight: 100; font-size: 1.125rem; position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #333333 !important; } /* line 118, resources/assets/styles/components/_datepicker.scss */ button.reinit { color: #555555; } /* line 122, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker tbody td { padding: 0; position: relative; } /* line 127, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker tbody td:last-child { border-right: 0px; } /* line 131, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker td span, .ui-datepicker td a { font-family: "graphikmedium"; display: inline-block; text-align: center; width: 100%; height: 100%; line-height: 50px; color: #666; font-size: 1.125rem; border-radius: 40px; } /* line 142, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker td span:hover, .ui-datepicker td a:hover { background: #e8e8e8; } /* line 148, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-today a { background-color: #191919; color: #fff !important; border-radius: 50px; line-height: 1 !important; } /* line 155, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-calendar .ui-state-hover { background: #f7f7f7; } /* line 159, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-calendar .ui-state-active { background: #de0918; color: #fff; position: relative; line-height: 1 !important; } /* line 166, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; } /* line 170, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-today .ui-state-highlight { width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); z-index: 2; display: grid; place-items: center; border-radius: 80px !important; line-height: 1 !important; } /* line 185, resources/assets/styles/components/_datepicker.scss */ .ui-datepicker-current-day .ui-state-active, .ui-datepicker-current-day .ui-state-default { width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); z-index: 2; display: grid; place-items: center; background-color: #555 !important; color: #fff !important; border-radius: 80px !important; line-height: 1 !important; } /* line 203, resources/assets/styles/components/_datepicker.scss */ .ui-red-start { background: #e8e8e8; border-radius: 45px 0 0 45px; } /* line 206, resources/assets/styles/components/_datepicker.scss */ .ui-red-start .ui-state-active, .ui-red-start .ui-state-default { width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); z-index: 2; display: grid; place-items: center; background-color: #555 !important; color: #fff !important; border-radius: 80px !important; line-height: 1 !important; } /* line 224, resources/assets/styles/components/_datepicker.scss */ .ui-red-end { background: #e8e8e8; border-radius: 0 45px 45px 0; } /* line 227, resources/assets/styles/components/_datepicker.scss */ .ui-red-end .ui-state-active, .ui-red-end .ui-state-default { width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0px); z-index: 2; display: grid; place-items: center; background-color: #de0918 !important; color: #fff; border-radius: 80px !important; line-height: 1 !important; } /* line 254, resources/assets/styles/components/_datepicker.scss */ .ui-state-selected-range { background: #e8e8e8; border-radius: 0; } /* line 263, resources/assets/styles/components/_datepicker.scss */ .ui-state-disabled { opacity: 0.3; } /* line 1, resources/assets/styles/components/_no-cookies.scss */ .cookie-not-accepted { position: relative; } /* line 4, resources/assets/styles/components/_no-cookies.scss */ .cookie-not-accepted p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 1.4rem; display: flex; justify-content: center; align-items: center; background-color: #00000099; color: #fff; } /* Layouts */ @media screen and (min-width: 1500px) { /* line 5, resources/assets/styles/components/_header-navigation.scss */ .header-navigation, .header-navigation > ul { display: flex; } /* line 17, resources/assets/styles/components/_header-navigation.scss */ .header-navigation .sub-menu { display: none; } } @media screen and (max-width: 1500px) { /* line 24, resources/assets/styles/components/_header-navigation.scss */ .header-navigation { display: none; } } /* line 32, resources/assets/styles/components/_header-navigation.scss */ .header-menu ul { display: flex; animation-duration: 400ms; animation-timing-function: ease; animation-fill-mode: both; flex-flow: column nowrap; gap: 1.25em; min-height: 100%; opacity: 1; position: absolute; inset: 0 auto auto 100%; width: 100%; visibility: visible; z-index: -10; background: #f5f5f5; } /* line 49, resources/assets/styles/components/_header-navigation.scss */ .header-menu li { line-height: normal; font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; color: #191919; } /* line 56, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.menu-title { display: none; } /* line 61, resources/assets/styles/components/_header-navigation.scss */ .header-menu a { transition: color 200ms ease; } /* line 65, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-title div { color: #7476ed; } /* line 69, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.active > ul { visibility: visible; z-index: initial; } @media screen and (max-width: 1500px) { /* line 69, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.active > ul { animation-name: fade_right; } } /* line 82, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back button { display: inline-flex; align-items: center; font-size: 0.875rem; gap: 0.5rem; } /* line 89, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back button::before { font-family: "icomoon"; font-size: 1.5rem; } /* line 94, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back button:hover, .header-menu .menu-back button:focus { color: #f77f00; } /* line 99, resources/assets/styles/components/_header-navigation.scss */ .header-menu .submenu-trigger { color: #7476ed; display: none !important; } @media screen and (min-width: 1500px) { /* line 107, resources/assets/styles/components/_header-navigation.scss */ .menu-item-dropdown { display: none; } /* line 111, resources/assets/styles/components/_header-navigation.scss */ .header-wrapper li { list-style-type: none; display: flex; align-items: center; justify-content: space-between; } /* line 117, resources/assets/styles/components/_header-navigation.scss */ .header-navigation, .header-menu { display: flex; align-items: center; justify-content: flex-end; flex: 1 0 0; } /* line 125, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu { display: flex; position: relative; } /* line 128, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu ul { flex-flow: column nowrap; gap: 1rem; height: auto; position: absolute; inset: 0 auto auto 100%; width: 170%; visibility: hidden; display: flex !important; align-items: start; justify-content: start; z-index: -1; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); transform: translateY(0%); border-left: solid 1px #191919; border-bottom: solid 1px #191919; max-height: 0; min-height: 0; overflow: hidden; padding: 0 2.0625rem; } /* line 153, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu ul > li.menu-item-has-children > a { position: relative; } /* line 155, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu ul > li.menu-item-has-children > a::after { font-family: "icomoon"; content: "\E90C"; position: absolute; right: -20px; top: 5px; font-size: 1rem; } /* line 164, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu ul > li.menu-item-has-children > ul.sub-menu { width: 55%; inset: 0% 7% auto auto; background-color: none; justify-content: start; padding: 4.5% 7%; border: none; } /* line 175, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu ul::before { content: ""; background-color: #191919; width: 1px; height: 85%; position: absolute; inset: 2.5rem auto auto 0; } /* line 184, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li > ul { inset: 101.5% auto auto -33px; } /* line 187, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li > ul::before { content: none; } /* line 192, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu a { transition: color 200ms ease; } /* line 196, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .menu-title div { color: #7476ed; } /* line 200, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li.active > ul { animation-delay: 200ms; } /* line 204, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li { line-height: normal; color: #191919; display: inline-flex; align-items: center; min-height: 60px; justify-content: center; flex-direction: column; } /* line 213, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li > a { height: 100%; position: relative; display: flex; align-items: center; max-width: 150px; flex-wrap: wrap; white-space: break-spaces; text-align: center; } /* line 228, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li > a::after { content: ""; width: 0%; height: 4px; background-color: #de0918; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } /* line 247, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li:hover, #header-navigation .header-menu > li.active { color: #de0918; } /* line 251, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu > li:hover > a::after, #header-navigation .header-menu > li.active > a::after { width: 100%; } /* line 257, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu li.active > ul, #header-navigation .header-menu li:hover > ul { transform: translateY(0); visibility: visible; opacity: 1; z-index: -1; overflow: hidden; max-height: 600px; min-height: 0; padding: 2.0625rem 2.0625rem; } /* line 270, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .sub-menu li:hover { color: #de0918; font-family: "graphikmedium"; } /* line 277, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .sub-menu > .menu-item-has-children:hover > .submenu-trigger i { color: #de0918; } /* line 281, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .sub-menu > .menu-item-has-children .submenu-trigger { width: 60px; height: 60px; background: #083294; display: flex !important; text-align: center; padding: 19px; border-radius: 60px; position: relative; right: -65px; z-index: 3; align-items: center; } /* line 294, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .sub-menu > .menu-item-has-children .submenu-trigger i { color: #fff; } /* line 299, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .sub-menu > .menu-item-has-children .sub-menu > .menu-item-has-children > .sub-menu > .menu-item .submenu-trigger { display: none !important; } /* line 305, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .menu-back { display: none !important; } /* line 309, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .menu-back button { display: inline-flex; align-items: center; font-size: 0.875rem; gap: 0.5rem; } /* line 316, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .menu-back button::before { font-family: "icomoon"; font-size: 1.5rem; } /* line 323, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .menu-back button:hover, #header-navigation .header-menu .menu-back button:focus { color: #64c2db; } /* line 328, resources/assets/styles/components/_header-navigation.scss */ #header-navigation .header-menu .submenu-trigger { color: #7476ed; display: none !important; } /* line 335, resources/assets/styles/components/_header-navigation.scss */ .header-toolbar .header-menu > li { height: 70px; padding: 1.25rem 1rem; color: #64c2db; font-size: 1.125rem; font-weight: 600; line-height: normal; display: inline-flex; align-items: center; min-height: 60px; justify-content: center; flex-direction: column; } /* line 348, resources/assets/styles/components/_header-navigation.scss */ .header-toolbar .header-menu > li:hover { color: #f77f00; } /* line 351, resources/assets/styles/components/_header-navigation.scss */ .header-toolbar .cta, .header-toolbar input[type="button"], .header-toolbar input[type="submit"], .header-toolbar .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .header-toolbar .add_repeater_item, .header-toolbar .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .header-toolbar .remove_repeater_item { border-width: 2px; } } /* only for reponsive navigation */ @media screen and (max-width: 1500px) { /* line 361, resources/assets/styles/components/_header-navigation.scss */ .header-navigation { /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ align-items: start !important; overflow: visible; height: calc(100vh - (var(--header-height) + var(--admin-bar) + 107px)) !important; overflow-y: scroll; position: fixed; inset: calc(var(--header-height) + var(--admin-bar) + 107px) 0 0 0; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); visibility: hidden; width: 100%; background: #f5f5f5; transform: translateY(-110vh); z-index: -1; border-right: none; padding: 0 !important; } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .header-navigation::-webkit-scrollbar { display: none; } /* line 379, resources/assets/styles/components/_header-navigation.scss */ .header-navigation ul { display: flex; flex-flow: column nowrap; padding: 1.125rem 2%; align-items: center; justify-content: start !important; width: 100% !important; height: auto !important; gap: 30px; border-right: none; } /* line 391, resources/assets/styles/components/_header-navigation.scss */ .header-navigation ul li { font-family: "graphikmedium"; font-size: 1.25rem !important; font-style: normal; font-weight: 500; width: 100%; height: auto !important; display: flex; justify-content: space-between; } /* line 400, resources/assets/styles/components/_header-navigation.scss */ .header-navigation ul li a { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 400; } /* line 407, resources/assets/styles/components/_header-navigation.scss */ .header-navigation ul li .sub-menu li a { font-family: "graphik_regular"; } /* line 413, resources/assets/styles/components/_header-navigation.scss */ .header-menu { margin: 0 auto; padding: 2.5rem 0; position: relative; width: 100% !important; } /* line 420, resources/assets/styles/components/_header-navigation.scss */ .header-menu li { display: flex; align-items: center; justify-content: space-between; order: 2; font-size: 18px; } /* line 426, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.menut-title { display: block; } /* line 431, resources/assets/styles/components/_header-navigation.scss */ .header-menu ul { left: 0; top: 0; position: absolute; z-index: -10; background: #f5f5f5; padding: 0; padding-bottom: 1.5625rem; } /* line 439, resources/assets/styles/components/_header-navigation.scss */ .header-menu ul li { padding: 0 1.125rem; } /* line 442, resources/assets/styles/components/_header-navigation.scss */ .header-menu ul.sub-menu.active { z-index: 10; } /* line 447, resources/assets/styles/components/_header-navigation.scss */ .header-menu ul:not(.active) { opacity: 0; visibility: hidden; } /* line 452, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-title div { font-size: 24px; font-weight: 500; } /* line 459, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.menu-item-has-children > .submenu-trigger { display: inline-flex !important; } /* line 463, resources/assets/styles/components/_header-navigation.scss */ .header-menu li > *:not(ul) { transition: all 400ms ease; transition-duration: 200ms; } /* line 468, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.backward > ul { animation-delay: 200ms; transition-delay: 200ms; } /* line 473, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.backward > *:not(ul) { opacity: 0; transform: translateX(-300px); visibility: hidden; } /* line 479, resources/assets/styles/components/_header-navigation.scss */ .header-menu li > ul.active::before { opacity: 1; transform: translateX(0); visibility: visible; } /* line 485, resources/assets/styles/components/_header-navigation.scss */ html[data-whatintent="keyboard"] .header-menu a:focus, html[data-whatintent="keyboard"] .header-menu button:focus { outline: 3px solid rgba(255, 255, 255, 0.25); } /* line 490, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back { margin-bottom: 0.5rem; min-height: 2.5rem; position: relative; order: 0; border-bottom: solid 1px #191919; padding: 0.875rem 1.125rem; } /* line 498, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back button { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 500; color: #de0918; } /* line 505, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back i { transform: rotate(180deg); } /* line 521, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-title { margin-bottom: 0.5rem; order: 1; } /* line 526, resources/assets/styles/components/_header-navigation.scss */ .header-menu .submenu-trigger { align-items: center; justify-content: center; border-radius: 50%; min-height: 2rem; min-width: 2rem; } /* line 534, resources/assets/styles/components/_header-navigation.scss */ .header-menu .submenu-trigger:hover, .header-menu .submenu-trigger:focus { background-color: #64c2db; color: #fff; } /* line 544, resources/assets/styles/components/_header-navigation.scss */ .mobile-menu-is-open .header-navigation { visibility: visible; transition-delay: 100ms; transform: translateY(0%); border-right: none !important; } /* line 552, resources/assets/styles/components/_header-navigation.scss */ .header-menu a:hover { color: #de0918; } /* line 556, resources/assets/styles/components/_header-navigation.scss */ .header-menu li.active > a, .header-menu a:focus { color: #de0918; } /* line 561, resources/assets/styles/components/_header-navigation.scss */ .header-menu li[class*="current"] > a { color: #de0918; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 567, resources/assets/styles/components/_header-navigation.scss */ .header-navigation { padding: 0 !important; } /* line 573, resources/assets/styles/components/_header-navigation.scss */ .header-menu .menu-back { padding: 0.875rem 4%; } /* line 576, resources/assets/styles/components/_header-navigation.scss */ .header-menu ul li { padding: 0 4%; } /* line 579, resources/assets/styles/components/_header-navigation.scss */ .header-tools div.lang { padding: 0% 9% 0% 2.5% !important; } } /* line 3, resources/assets/styles/layouts/_header.scss */ [data-margin-spacer="header"] { height: calc(var(--header-height) + var(--admin-bar)); opacity: 0; pointer-events: none; } /* line 9, resources/assets/styles/layouts/_header.scss */ #header { position: fixed; width: 100%; z-index: 20; transform: translateY(-150px); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); top: 0; background-color: #fff; } /* line 17, resources/assets/styles/layouts/_header.scss */ #header._on { transform: translateY(0px); } /* line 20, resources/assets/styles/layouts/_header.scss */ #header .header-progress { width: 0%; height: 2px; display: block; position: absolute; top: 0; left: 0; background-color: #de0918; z-index: 2; } /* line 32, resources/assets/styles/layouts/_header.scss */ .header-wrapper { background-color: #fff; position: fixed; inset: var(--admin-bar) auto auto 0; width: 100%; max-width: 100vw; transition: box-shadow 400ms ease-in-out; border-bottom: solid 1px #191919; } /* line 45, resources/assets/styles/layouts/_header.scss */ .header-wrapper li { list-style-type: none; } /* line 50, resources/assets/styles/layouts/_header.scss */ .header-inner, .header-aside { display: flex; align-items: center; background-color: #fff; } /* line 57, resources/assets/styles/layouts/_header.scss */ .header-inner { height: var(--header-height); transition: 400ms ease-in-out; padding: 0; display: flex; align-items: center; background-color: #fff; } @media screen and (max-width: 1920px) { /* line 57, resources/assets/styles/layouts/_header.scss */ .header-inner { padding: 0 2%; } } /* line 81, resources/assets/styles/layouts/_header.scss */ .header-logo, .header-aperture, .header-navigation { border-right: solid 1px #191919; height: 100%; display: flex; align-items: center; } /* line 90, resources/assets/styles/layouts/_header.scss */ .header-logo { align-self: center; flex-basis: 17.5%; z-index: 10; background-color: #fff; } /* line 95, resources/assets/styles/layouts/_header.scss */ .header-logo svg { height: 52px; width: 131px; } /* line 101, resources/assets/styles/layouts/_header.scss */ .header-logo .logo-wrap:first-child img { width: 3.5vw; } /* line 106, resources/assets/styles/layouts/_header.scss */ .header-logo .logo-wrap:last-child img { width: 11vw; max-width: 200px; left: 5%; position: relative; } /* line 116, resources/assets/styles/layouts/_header.scss */ .header-aperture { display: flex; flex-basis: 20%; align-items: center; gap: 10%; padding-left: 22px; background-color: #fff; z-index: 3; } /* line 124, resources/assets/styles/layouts/_header.scss */ .header-aperture a { display: flex; flex-direction: column; align-items: end; gap: 5px; text-align: right; } /* line 130, resources/assets/styles/layouts/_header.scss */ .header-aperture a p { font-family: "graphikmedium"; font-size: 14px !important; font-style: normal; font-weight: 500; } /* line 135, resources/assets/styles/layouts/_header.scss */ .header-aperture a p span { font-size: 14px !important; } /* line 138, resources/assets/styles/layouts/_header.scss */ .header-aperture a p i.icon-arrow { font-size: 20px !important; margin: 0 5px; position: relative; top: 3.5px; } /* line 145, resources/assets/styles/layouts/_header.scss */ .header-aperture a span.dot { display: inline-flex; width: 10px; height: 10px; border-radius: 10px; background-color: #c5c5c5; position: relative; left: -5%; } /* line 153, resources/assets/styles/layouts/_header.scss */ .header-aperture a span.dot.open { background-color: #6dd386; } /* line 155, resources/assets/styles/layouts/_header.scss */ .header-aperture a span.dot.open::before { content: ""; width: 10px; height: 10px; border-radius: 10px; background-color: #6dd386; opacity: 0.3; left: 50%; top: 50%; position: absolute; transform: translate3d(-50%, -50%, 0); animation: pulse-animation 2s infinite; } /* line 173, resources/assets/styles/layouts/_header.scss */ .header-navigation { flex-basis: 45%; padding: 0 1rem; padding-left: 2rem; } /* line 177, resources/assets/styles/layouts/_header.scss */ .header-navigation ul { width: 90%; align-items: center; justify-content: start; gap: 5%; height: 100%; } /* line 183, resources/assets/styles/layouts/_header.scss */ .header-navigation ul li { height: 100%; display: flex; align-items: center; } /* line 189, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search { display: flex; align-items: center; justify-content: center; height: 100%; } /* line 195, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search i { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 197, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search i.icon-search { font-size: 20px; transform: scale(1); } /* line 202, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search .icon-search, .header-navigation .header-search .close { position: absolute; } /* line 206, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search .close { display: flex; flex-direction: column; position: relative; height: 100%; align-items: center; justify-content: center; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 214, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search .close i { font-size: 24px; margin-bottom: 30px; position: relative; top: 24px; color: #de0918; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); transform: scale(0); } /* line 223, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search .close span { color: #de0918; text-align: center; font-family: "graphikmedium"; font-size: 12px; font-style: normal; font-weight: 500; line-height: 150%; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); transform: scale(0); } /* line 234, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search .close::after { content: ""; width: 0%; height: 4px; background-color: #de0918; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } /* line 248, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search.is-open .close { transform: scale(1); } /* line 250, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search.is-open .close i, .header-navigation .header-search.is-open .close span { transform: scale(1); } /* line 254, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search.is-open .close::after { width: 100%; } /* line 258, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search.is-open i.icon-search { transform: scale(0); } /* line 265, resources/assets/styles/layouts/_header.scss */ .header-tools { flex-basis: 4%; padding-left: 20px; display: flex; align-items: end; width: 100%; } /* line 271, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility { position: absolute; right: -40px; height: 100%; width: 45px; display: flex; align-items: center; justify-content: center; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 280, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility * { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 283, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility:hover, .header-tools button.accessibility.is-active { background-color: #de0918; } /* line 286, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility:hover *, .header-tools button.accessibility:hover i.icon-access::before, .header-tools button.accessibility.is-active *, .header-tools button.accessibility.is-active i.icon-access::before { color: #fff !important; } @media (max-width: 74.99875rem) { /* line 293, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility:hover *, .header-tools button.accessibility:hover i.icon-access::before, .header-tools button.accessibility:focus *, .header-tools button.accessibility:focus i.icon-access::before { color: #191919 !important; } } @media (max-width: 74.99875rem) { /* line 301, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility.is-active *, .header-tools button.accessibility.is-active i.icon-access::before { color: #fff !important; } } /* line 315, resources/assets/styles/layouts/_header.scss */ .header-logo svg { height: 56px; width: 140px; } @media screen and (max-width: 1850px) { /* line 326, resources/assets/styles/layouts/_header.scss */ .header-aperture { gap: 10%; } } @media screen and (max-width: 1750px) { /* line 332, resources/assets/styles/layouts/_header.scss */ .header-logo { flex-basis: 18%; } /* line 335, resources/assets/styles/layouts/_header.scss */ .header-aperture { flex-basis: 21%; } } @media screen and (max-width: 1650px) { /* line 344, resources/assets/styles/layouts/_header.scss */ .header-aperture { flex-basis: 22%; } } @media screen and (max-width: 1550px) { /* line 350, resources/assets/styles/layouts/_header.scss */ .header-logo { flex-basis: 18%; } /* line 353, resources/assets/styles/layouts/_header.scss */ .header-aperture { flex-basis: 25%; } } @media screen and (max-width: 1450px) { /* line 359, resources/assets/styles/layouts/_header.scss */ .header-logo { flex-basis: 17%; } } @media screen and (max-width: 1350px) { /* line 365, resources/assets/styles/layouts/_header.scss */ .header-logo { flex-basis: 20%; } /* line 368, resources/assets/styles/layouts/_header.scss */ .header-aperture { flex-basis: 29%; } } @media screen and (max-width: 1250px) { /* line 375, resources/assets/styles/layouts/_header.scss */ .header-aperture { flex-basis: 22%; padding-left: 0; gap: 10%; padding-right: 2%; } } @media screen and (max-width: 1190px) { /* line 385, resources/assets/styles/layouts/_header.scss */ .header-logo { flex-basis: 250px; } /* line 388, resources/assets/styles/layouts/_header.scss */ .header-aperture { flex-basis: 350px; padding-left: 26px; } /* line 392, resources/assets/styles/layouts/_header.scss */ .only-mobile .header-aperture { display: none; } } @media screen and (max-width: 768px) { /* line 398, resources/assets/styles/layouts/_header.scss */ .header-aperture { display: none; } } @media screen and (max-width: 640px) { /* line 404, resources/assets/styles/layouts/_header.scss */ .header-logo { flex-basis: 84%; } /* line 407, resources/assets/styles/layouts/_header.scss */ .header-aperture { display: none; } /* line 410, resources/assets/styles/layouts/_header.scss */ .home .only-mobile .header-aperture { top: var(--admin-bar) !important; } /* line 413, resources/assets/styles/layouts/_header.scss */ .only-mobile .header-aperture { display: flex; flex-basis: 100%; width: 100%; padding: 4%; justify-content: space-around; border-right: 0; top: calc(30px + var(--admin-bar) + var(--header-height)) !important; background: transparent; } } @media screen and (min-width: 1500px) { /* line 428, resources/assets/styles/layouts/_header.scss */ .header-navigation > ul > li > a { font-family: "graphikmedium"; font-size: 14px; font-style: normal; font-weight: 500; } /* line 435, resources/assets/styles/layouts/_header.scss */ .header-mobile-search { display: none; } /* line 438, resources/assets/styles/layouts/_header.scss */ .header-tools { position: relative; height: 100%; } /* line 441, resources/assets/styles/layouts/_header.scss */ .header-tools .icon-arrow, .header-tools .accessibility span span { display: none; } /* line 445, resources/assets/styles/layouts/_header.scss */ .header-tools .lang { display: flex; height: 100%; align-items: center; justify-content: center; width: 30px; text-align: center; position: relative; } /* line 453, resources/assets/styles/layouts/_header.scss */ .header-tools .lang:hover { cursor: pointer; } /* line 455, resources/assets/styles/layouts/_header.scss */ .header-tools .lang:hover span, .header-tools .lang:hover i { color: #de0918; } /* line 460, resources/assets/styles/layouts/_header.scss */ .header-tools .lang:hover + .lang-container { max-height: 200px; padding: 0.75rem; top: 101.5%; } /* line 467, resources/assets/styles/layouts/_header.scss */ .header-tools .lang.is-active span, .header-tools .lang.is-active i { color: #de0918; } /* line 471, resources/assets/styles/layouts/_header.scss */ .header-tools .lang.is-active::after { width: 100%; } /* line 474, resources/assets/styles/layouts/_header.scss */ .header-tools .lang.is-active .icon-arrow { display: block; transform: rotate(-90deg); } /* line 479, resources/assets/styles/layouts/_header.scss */ .header-tools .lang::after { content: ""; width: 0%; height: 4px; background-color: #de0918; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } /* line 491, resources/assets/styles/layouts/_header.scss */ .header-tools .lang .icon-arrow { display: block; transform: rotate(90deg); transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 497, resources/assets/styles/layouts/_header.scss */ .header-tools .lang-container { top: 100%; position: absolute; width: 97px; overflow: hidden; max-height: 0; display: flex; flex-direction: column; align-items: center; background-color: #f5f5f5; padding: 0; gap: 12px; border-left: solid 1px #191919; border-right: solid 1px #191919; border-bottom: solid 1px #191919; left: -1px; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 499, resources/assets/styles/layouts/_header.scss */ .header-tools .lang-container.is-active { max-height: 200px; padding: 0.75rem; top: 101.5%; } /* line 522, resources/assets/styles/layouts/_header.scss */ .header-tools .lang-container span:hover { cursor: pointer; opacity: 0.5; } } @media screen and (max-width: 1500px) { /* line 532, resources/assets/styles/layouts/_header.scss */ .header-navigation .header-search { display: none; } /* line 535, resources/assets/styles/layouts/_header.scss */ .header-tools { position: absolute; top: 81px; background: #fff; flex-basis: 100%; height: 46px; left: 0; border-bottom: solid 1px #191919; align-items: start; justify-content: start; gap: 0; background-color: #f5f5f5; padding: 0 2%; } } @media screen and (max-width: 1500px) and (max-width: 74.99875rem) { /* line 535, resources/assets/styles/layouts/_header.scss */ .header-tools { top: 60px; } } @media screen and (max-width: 1500px) { /* line 551, resources/assets/styles/layouts/_header.scss */ .header-tools button, .header-tools div { display: flex; align-items: center; height: 100%; font-size: 1.125rem; font-family: "graphikmedium"; font-style: normal; font-weight: 500; } /* line 560, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang, .header-tools div.lang { flex-basis: 30%; padding: 0% 2% 0% 0%; justify-content: space-between; } /* line 565, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang.is-active span, .header-tools button.lang.is-active i, .header-tools div.lang.is-active span, .header-tools div.lang.is-active i { color: #de0918; } /* line 569, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang.is-active::after, .header-tools div.lang.is-active::after { width: 100%; } /* line 572, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang.is-active .icon-arrow, .header-tools div.lang.is-active .icon-arrow { display: block; transform: rotate(-90deg); } /* line 577, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang span, .header-tools button.lang i, .header-tools button.lang .icon-arrow, .header-tools div.lang span, .header-tools div.lang i, .header-tools div.lang .icon-arrow { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 583, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang-container, .header-tools div.lang-container { height: auto; top: 100%; position: absolute; width: 30.05%; overflow: hidden; max-height: 0; display: flex; flex-direction: column; align-items: center; background-color: #f5f5f5; padding: 0; gap: 12px; border-left: solid 1px #191919; border-right: solid 1px #191919; border-bottom: solid 1px #191919; left: 0px; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 585, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang-container.is-active, .header-tools div.lang-container.is-active { max-height: 200px; padding: 0.75rem; top: 102%; } /* line 609, resources/assets/styles/layouts/_header.scss */ .header-tools button.lang-container span:hover, .header-tools div.lang-container span:hover { cursor: pointer; opacity: 0.5; } /* line 614, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility, .header-tools div.accessibility { flex-basis: 70%; padding: 0% 2% 0% 15%; justify-content: space-between; left: 30%; width: 70%; top: 0; position: absolute; border-left: solid 1px #191919; } } @media screen and (max-width: 1500px) and (min-width: 1500px) { /* line 624, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility:hover, .header-tools div.accessibility:hover { background-color: transparent; } /* line 626, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility:hover *, .header-tools div.accessibility:hover * { color: #191919; } /* line 630, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility.is-active, .header-tools div.accessibility.is-active { background-color: #de0918; } /* line 632, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility.is-active i.icon-arrow, .header-tools div.accessibility.is-active i.icon-arrow { transform: rotate(90deg); } /* line 635, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility.is-active *, .header-tools div.accessibility.is-active * { color: #fff; } } @media screen and (max-width: 1500px) { /* line 641, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility span, .header-tools div.accessibility span { display: flex; align-items: center; gap: 10px; color: #191919; } /* line 647, resources/assets/styles/layouts/_header.scss */ .header-tools button.accessibility .icon-access::before, .header-tools div.accessibility .icon-access::before { color: #191919; } /* line 653, resources/assets/styles/layouts/_header.scss */ .header-mobile-search { background-color: #f5f5f5; width: 100%; height: 65px; border-bottom: solid 1px #191919; position: absolute; top: 127px; left: 0; } } @media screen and (max-width: 1500px) and (max-width: 74.99875rem) { /* line 653, resources/assets/styles/layouts/_header.scss */ .header-mobile-search { top: 104px; } } @media screen and (max-width: 1500px) { /* line 664, resources/assets/styles/layouts/_header.scss */ .header-mobile-search button { font-size: 1.25rem; font-family: "graphikmedium"; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 2%; } /* line 673, resources/assets/styles/layouts/_header.scss */ .header-mobile-search button.is-open { color: #de0918; justify-content: center; } /* line 676, resources/assets/styles/layouts/_header.scss */ .header-mobile-search button.is-open i.icon-search { display: none; } /* line 679, resources/assets/styles/layouts/_header.scss */ .header-mobile-search button.is-open i.icon-arrow { position: absolute; left: 2%; transform: rotate(180deg); color: #de0918; } /* line 689, resources/assets/styles/layouts/_header.scss */ .header-tools, .header-mobile-search { transform: translateY(-150px); z-index: -1; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 694, resources/assets/styles/layouts/_header.scss */ .header-tools._on, .header-mobile-search._on { transform: translateY(0); } /* line 699, resources/assets/styles/layouts/_header.scss */ .header-tools._on { z-index: 2; } /* line 703, resources/assets/styles/layouts/_header.scss */ .header-burger { display: flex; width: 35px; height: 35px; background: #191919; position: fixed; right: 15px; z-index: 10; } /* line 711, resources/assets/styles/layouts/_header.scss */ .header-burger button { width: 100%; height: 100%; display: grid; place-items: center; } /* line 718, resources/assets/styles/layouts/_header.scss */ .header-burger button.is-open span.burger-bun-top { top: 50%; transform: translateY(-50%) rotate(45deg); } /* line 722, resources/assets/styles/layouts/_header.scss */ .header-burger button.is-open span.burger-bun-bot { top: 50%; transform: translateY(-50%) rotate(-45deg); } /* line 726, resources/assets/styles/layouts/_header.scss */ .header-burger button.is-open span.burger-filling { width: 0; } /* line 731, resources/assets/styles/layouts/_header.scss */ .header-burger button span { position: absolute; left: 0; right: 0; width: 60%; height: 2px; background: #fff; display: block; margin: 0 auto; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 741, resources/assets/styles/layouts/_header.scss */ .header-burger button span.burger-filling { transform-origin: center center; top: 50%; } /* line 746, resources/assets/styles/layouts/_header.scss */ .header-burger button span.burger-bun-top { top: 25%; } /* line 749, resources/assets/styles/layouts/_header.scss */ .header-burger button span.burger-bun-bot { top: 75%; } /* line 755, resources/assets/styles/layouts/_header.scss */ .header-logo { align-self: center; } /* line 758, resources/assets/styles/layouts/_header.scss */ .header-logo .logo-wrap:first-child img { width: 50px; } /* line 761, resources/assets/styles/layouts/_header.scss */ .header-logo .logo-wrap:last-child img { width: 180px; } /* line 766, resources/assets/styles/layouts/_header.scss */ .header-navigation ul { width: 90%; align-items: center; gap: 32px !important; padding-bottom: 130px; } /* line 771, resources/assets/styles/layouts/_header.scss */ .header-navigation ul li { height: 100%; display: flex; align-items: center; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 781, resources/assets/styles/layouts/_header.scss */ .header-tools div.lang-container { width: 31.25%; } } @keyframes pulse-animation { 0% { box-shadow: 0 0 0 0px #6dd386; } 100% { box-shadow: 0 0 0 20px rgba(109, 211, 134, 0); } } /* line 1, resources/assets/styles/layouts/_footer.scss */ #footer { border-top: solid 1px #191919; } /* line 7, resources/assets/styles/layouts/_footer.scss */ .main-footer .grid { padding: 50px 0px 0; display: grid; grid-template-columns: 33.33% 33.33% 33.33%; } @media screen and (max-width: 1920px) { /* line 7, resources/assets/styles/layouts/_footer.scss */ .main-footer .grid { padding: 50px 80px 0; } } /* line 14, resources/assets/styles/layouts/_footer.scss */ .main-footer .grid img { min-width: 330px; } /* line 20, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul { margin-top: 30px; display: flex; align-items: center; gap: 15px; } /* line 26, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li { width: 40px; height: 40px; display: grid; place-items: center; border: solid 1px #f5f5f5; border-radius: 40px; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 34, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li:hover { border: solid 1px #de0918; } /* line 36, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li:hover.tooltip a i { color: #de0918; } /* line 40, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip { position: relative; background-color: transparent !important; } /* line 43, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip a i { color: #191919; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 49, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip .tooltiptext { visibility: hidden; opacity: 0; width: 180px; min-width: 180px; background-color: #191919; color: #fff; text-align: center; font-size: 0.75rem; border-radius: 5px; padding: 10px; position: absolute; z-index: 1; bottom: 110%; left: 50%; transform: translateX(-50%); transition: 0.3s ease; } /* line 66, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip .tooltiptext a { transition: 0.3s ease; } /* line 69, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip .tooltiptext a:hover { opacity: 0.5; } /* line 74, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } /* line 85, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li.tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* line 90, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group ul li i { font-size: 1.125rem; } /* line 95, resources/assets/styles/layouts/_footer.scss */ .main-footer .address address { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 1.6875rem; margin-bottom: 0.6875rem; } /* line 103, resources/assets/styles/layouts/_footer.scss */ .main-footer .address a { font-family: "graphikmedium"; font-size: 16px; font-style: normal; font-weight: 500; line-height: 27px; } /* line 112, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block p { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 100; line-height: 130%; text-transform: uppercase; margin-bottom: 1.8125rem; margin-bottom: 1.8125rem; max-width: 420px; } /* line 123, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block .cta, .main-footer .nl_block input[type="button"], .main-footer .nl_block input[type="submit"], .main-footer .nl_block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .main-footer .nl_block .add_repeater_item, .main-footer .nl_block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .main-footer .nl_block .remove_repeater_item { padding-left: 1.5rem; padding-right: 1.5rem; text-transform: uppercase; display: inline-flex; align-items: center !important; align-self: center !important; justify-content: center !important; gap: 10px; padding-top: 10px; } /* line 133, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block .cta:hover, .main-footer .nl_block input:hover[type="button"], .main-footer .nl_block input:hover[type="submit"], .main-footer .nl_block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item:hover, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .main-footer .nl_block .add_repeater_item:hover, .main-footer .nl_block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item:hover, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .main-footer .nl_block .remove_repeater_item:hover { background-color: #de0918; border-color: #de0918; } /* line 138, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block .cta i, .main-footer .nl_block input[type="button"] i, .main-footer .nl_block input[type="submit"] i, .main-footer .nl_block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .main-footer .nl_block .add_repeater_item i, .main-footer .nl_block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item i, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .main-footer .nl_block .remove_repeater_item i { color: #de0918; font-size: 1.125rem; } /* line 142, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block fieldset { margin-top: 1.875rem; position: relative; width: 100%; } /* line 147, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block input { outline: none; border: none; border-bottom: solid 1px #191919; padding-left: 0 !important; padding-right: 0 !important; border-radius: 0; } /* line 154, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block input::placeholder { padding-left: 0; padding-right: 0; font-family: "graphik_regular"; color: #191919; opacity: 1; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } /* line 166, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block button { position: absolute; right: 0; top: 0; display: grid; place-items: center; width: 40px; height: 40px; } /* line 174, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block button i { color: #de0918; font-size: 1.5rem; } /* line 181, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav { padding: 24px 0px 24px; margin: 55px 0 25px; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; } @media screen and (max-width: 1920px) { /* line 181, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav { padding: 24px 80px 24px; } } /* line 189, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul { display: flex; align-items: center; justify-content: space-between; gap: 1.25rem; } /* line 194, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul li { font-family: "graphik_regular"; font-size: 19px; font-style: normal; font-weight: 400; line-height: normal; position: relative; transition: 0.3s ease; flex-basis: 12.5%; } /* line 203, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul li:hover { color: #de0918; } /* line 208, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul li:first-child:hover::after { color: #de0918; } /* line 212, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul li:first-child::after { transition: 0.3s ease; content: "\E908"; font-family: "icomoon"; font-size: 1.25rem; color: #191919; position: relative; bottom: -2px; right: -4px; } /* line 228, resources/assets/styles/layouts/_footer.scss */ .sub-footer { padding: 0 0; } @media screen and (max-width: 1920px) { /* line 228, resources/assets/styles/layouts/_footer.scss */ .sub-footer { padding: 0 80px; } } /* line 233, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav { width: 100%; margin: 0 auto; } /* line 236, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul { display: flex; align-items: center; gap: 30px; } /* line 241, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul li { font-family: "graphik_regular"; color: #555; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; transition: 0.3s ease; } /* line 249, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul li:hover { color: #de0918; } /* line 251, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul li:hover::after { color: #de0918; } /* line 256, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul li a strong { font-weight: 500; text-decoration: underline; font-family: "graphikmedium"; } /* line 264, resources/assets/styles/layouts/_footer.scss */ .footer-banner { margin-top: 25px; width: 100vw; height: 20vh; overflow: hidden; position: relative; } /* line 270, resources/assets/styles/layouts/_footer.scss */ .footer-banner img { width: 100%; min-height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; } @media (max-width: 74.99875rem) { /* line 282, resources/assets/styles/layouts/_footer.scss */ #footer { margin-top: 0; } /* line 286, resources/assets/styles/layouts/_footer.scss */ .main-footer .grid { display: flex; padding: 4%; padding-top: 2rem; flex-direction: column; } /* line 291, resources/assets/styles/layouts/_footer.scss */ .main-footer .grid .col:first-child { align-items: center; justify-content: center; display: flex; flex-direction: column; } /* line 298, resources/assets/styles/layouts/_footer.scss */ .main-footer .rs_group, .main-footer .address { flex-direction: column; display: flex; justify-content: center; align-items: center; } /* line 305, resources/assets/styles/layouts/_footer.scss */ .main-footer .address { margin-top: 2.8125rem; margin-bottom: 1.5625rem; } /* line 308, resources/assets/styles/layouts/_footer.scss */ .main-footer .address address { font-size: 1.125rem !important; line-height: 130%; } /* line 312, resources/assets/styles/layouts/_footer.scss */ .main-footer .address * { text-align: center; } /* line 316, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block { display: flex; flex-direction: column; align-items: center; } /* line 320, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block p { font-size: 1.125rem; line-height: 1.5rem; text-align: center; } /* line 325, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block fieldset { margin-top: 2rem; } /* line 329, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav { margin-top: 2rem !important; } /* line 331, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul { display: flex; padding: 4%; flex-direction: column; gap: 24px; } /* line 336, resources/assets/styles/layouts/_footer.scss */ .main-footer .main-nav ul li { font-size: 1.25rem; } /* line 342, resources/assets/styles/layouts/_footer.scss */ .sub-footer { padding: 0; } /* line 345, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul { display: flex; padding: 4%; flex-direction: column; gap: 1.4375rem; } /* line 350, resources/assets/styles/layouts/_footer.scss */ .sub-footer .sub-nav ul li { font-size: 1rem; } /* line 356, resources/assets/styles/layouts/_footer.scss */ .footer-banner { height: 25vh; } } @media screen and (max-width: 1180px) { /* line 365, resources/assets/styles/layouts/_footer.scss */ .main-footer .nl_block fieldset { max-width: 510px; margin: 0 auto; } } /* line 3, resources/assets/styles/layouts/_page-header.scss */ .single .page-header .grid { padding-bottom: 0; } /* line 6, resources/assets/styles/layouts/_page-header.scss */ .single .page-header .grid ._left h1 { font-size: 3.5rem; width: 100%; } /* line 16, resources/assets/styles/layouts/_page-header.scss */ .single-agenda .page-header { margin-bottom: 0; padding-bottom: 0; } /* line 19, resources/assets/styles/layouts/_page-header.scss */ .single-agenda .page-header.page-header-news .infos { margin-top: 1.375rem; } /* line 24, resources/assets/styles/layouts/_page-header.scss */ .single-agenda .page-header .grid ._left h2, .single-agenda .page-header .grid ._left p { display: none; } /* line 33, resources/assets/styles/layouts/_page-header.scss */ .page-header { height: 100%; position: relative; padding: 2%; margin-bottom: 0; } /* line 40, resources/assets/styles/layouts/_page-header.scss */ .page-header._on .breadcrumb, .page-header._on ul, .page-header._on ul + span, .page-header._on form, .page-header._on .cta, .page-header._on input[type="button"], .page-header._on input[type="submit"], .page-header._on .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .page-header._on .add_repeater_item, .page-header._on .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .page-header._on .remove_repeater_item, .page-header._on .cat-wrapper, .page-header._on .landed, .page-header._on .range, .page-header._on ._right span, .page-header._on ._right a, .page-header._on .infos, .page-header._on h3.theme { opacity: 1; transform: translateY(0); } /* line 55, resources/assets/styles/layouts/_page-header.scss */ .page-header._on form::after { width: 100vw; } /* line 58, resources/assets/styles/layouts/_page-header.scss */ .page-header._on + section { transform: translateY(0px); opacity: 1; } /* line 63, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news, .page-header.page-header-agenda, .page-header.page-header-annuaire { margin-bottom: 0; padding-bottom: 0; } /* line 70, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news._on .infos, .page-header.page-header-agenda._on .infos, .page-header.page-header-annuaire._on .infos { opacity: 1; transform: translateY(0); } /* line 74, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news._on form::after, .page-header.page-header-agenda._on form::after, .page-header.page-header-annuaire._on form::after { width: 100vw; } /* line 79, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .grid::after, .page-header.page-header-agenda .grid::after, .page-header.page-header-annuaire .grid::after { display: none; } /* line 82, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .grid ._left, .page-header.page-header-agenda .grid ._left, .page-header.page-header-annuaire .grid ._left { flex-basis: 60%; gap: 20px; } /* line 87, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .grid ._left p, .page-header.page-header-agenda .grid ._left p, .page-header.page-header-annuaire .grid ._left p { width: 65%; } /* line 92, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .infos, .page-header.page-header-agenda .infos, .page-header.page-header-annuaire .infos { margin-top: 3.125rem; margin-bottom: 1.375rem; opacity: 0; transform: translateY(35px); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); display: flex; gap: 1.375rem; align-items: end; } /* line 101, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .infos span, .page-header.page-header-agenda .infos span, .page-header.page-header-annuaire .infos span { font-size: 0.875rem; text-transform: uppercase; font-family: "graphikmedium"; } /* line 105, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .infos span.maj, .page-header.page-header-agenda .infos span.maj, .page-header.page-header-annuaire .infos span.maj { color: #555; } /* line 107, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .infos span.maj i, .page-header.page-header-agenda .infos span.maj i, .page-header.page-header-annuaire .infos span.maj i { margin-left: 10px; } /* line 111, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .infos span.cat, .page-header.page-header-agenda .infos span.cat, .page-header.page-header-annuaire .infos span.cat { color: #de0918; } /* line 118, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .grid { justify-content: space-between; } /* line 121, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda ._right { display: flex; justify-content: end; } /* line 124, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda ._right button { padding: 1.25rem; border-radius: 3.125rem; background-color: #de0918; color: #fff; min-width: 290px; font-family: "graphikmedium"; font-size: 1.125rem; font-weight: 500; display: flex; align-items: center; gap: 10px; align-self: start; } /* line 140, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda form .button-area { width: 100%; flex-basis: 100%; } /* line 144, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda form .submit { position: absolute; right: 0; } /* line 149, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online { position: relative; display: flex; gap: 10px; align-items: center; z-index: 1; } /* line 155, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online span { font-family: "graphik_regular"; font-size: 0.875rem; font-style: normal; font-weight: 400; } /* line 161, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online #toggle_checkbox { display: none; } /* line 165, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online label { position: relative; display: block; width: 36px; height: 20px; cursor: pointer; } /* line 173, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online label::before { top: 3px; left: 4px; width: 14px; height: 14px; background-color: #191919; z-index: 2; } /* line 182, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online label::after { top: 0; right: 0; width: 36px; height: 20px; border: 1px solid #191919; } /* line 190, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online label::before, .page-header.page-header-agenda .toggle-online label::after { content: ""; position: absolute; border-radius: 50px; box-sizing: border-box; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 199, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda .toggle-online #toggle_checkbox:checked + label::before { transform: translateX(100%); } /* line 211, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire form .button-area .button.search { display: flex; gap: 10px; } /* line 214, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire form .button-area .button.search input { border: none; padding: 0 !important; margin: 0; min-height: auto; } /* line 220, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire form .button-area .button.search input:focus::placeholder { opacity: 0.5; } /* line 224, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire form .button-area .button.search input::placeholder { flex-basis: 100% !important; width: 100% !important; font-family: "graphik_regular"; font-size: 1.25rem; font-style: normal; text-transform: none; opacity: 1; font-weight: 400; line-height: 130%; color: #191919; position: relative; } /* line 242, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single { margin-bottom: 3.75rem; } /* line 244, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid { justify-content: space-between; max-width: 1660px; margin: 0 auto; } /* line 248, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left { display: flex; gap: 1.875rem; align-items: end; } /* line 252, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left .text-content { width: 100%; display: flex; flex-direction: column; gap: 1.375rem; } /* line 258, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left .figure { max-width: 15rem; } /* line 261, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left figure { width: 20%; min-width: 15rem; overflow: hidden; position: relative; } /* line 267, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left figure img { min-width: 100%; min-height: 100%; height: 100% !important; width: 100% !important; } /* line 279, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left h1 { margin-bottom: 0; } /* line 282, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left span.landed { font-family: "graphikmedium"; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 130%; /* 18.2px */ text-transform: uppercase; color: #555; } /* line 291, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left span.landed i, .page-header.page-header-annuaire-single .grid ._left span.range i { font-size: 18px; position: relative; top: 4px; left: 2px; } /* line 298, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left .range-wrapper { display: flex; flex-direction: column; gap: 0.5rem; } /* line 303, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left span.range { font-family: "graphik_regular"; color: #191919; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 120%; width: 100%; } /* line 311, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left span.range strong { font-family: "graphikmedium"; font-weight: 500; } /* line 317, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._right { display: flex; flex-direction: column; gap: 10px; justify-content: end; } /* line 322, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._right span { font-family: "graphik_regular"; color: #191919; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; } /* line 330, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._right .button { padding: 0.5rem 0.75rem; border-radius: 3.125rem; background-color: #de0918; color: #fff; min-width: 258px; font-family: "graphikmedium"; font-size: 0.875rem; font-weight: 500; display: flex; align-items: center; gap: 10px; } /* line 346, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single, .page-header.page-header-news-single, .page-header.page-header-publications-single, .page-header.page-header-candidature-single { height: auto; } /* line 351, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .container, .page-header.page-header-news-single .container, .page-header.page-header-publications-single .container, .page-header.page-header-candidature-single .container { margin-top: 41vh; } /* line 354, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid, .page-header.page-header-news-single .grid, .page-header.page-header-publications-single .grid, .page-header.page-header-candidature-single .grid { justify-content: space-between; } /* line 356, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left, .page-header.page-header-news-single .grid ._left, .page-header.page-header-publications-single .grid ._left, .page-header.page-header-candidature-single .grid ._left { display: flex; gap: 1.5rem; align-items: end; } /* line 361, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .text-content, .page-header.page-header-news-single .grid ._left .text-content, .page-header.page-header-publications-single .grid ._left .text-content, .page-header.page-header-candidature-single .grid ._left .text-content { width: 100%; display: flex; flex-direction: column; gap: 1.375rem; } /* line 367, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .figure, .page-header.page-header-news-single .grid ._left .figure, .page-header.page-header-publications-single .grid ._left .figure, .page-header.page-header-candidature-single .grid ._left .figure { width: 34%; } /* line 371, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left figure, .page-header.page-header-news-single .grid ._left figure, .page-header.page-header-publications-single .grid ._left figure, .page-header.page-header-candidature-single .grid ._left figure { width: 100%; position: relative; } /* line 376, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left figure img, .page-header.page-header-news-single .grid ._left figure img, .page-header.page-header-publications-single .grid ._left figure img, .page-header.page-header-candidature-single .grid ._left figure img { position: absolute; width: 100%; height: auto !important; bottom: 0; } /* line 388, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left legend, .page-header.page-header-news-single .grid ._left legend, .page-header.page-header-publications-single .grid ._left legend, .page-header.page-header-candidature-single .grid ._left legend { font-family: "graphikregular_italic"; display: block; margin-top: 0.625rem; color: #191919; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 398, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left h1, .page-header.page-header-news-single .grid ._left h1, .page-header.page-header-publications-single .grid ._left h1, .page-header.page-header-candidature-single .grid ._left h1 { margin-bottom: 0; width: 100%; } /* line 402, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left p, .page-header.page-header-news-single .grid ._left p, .page-header.page-header-publications-single .grid ._left p, .page-header.page-header-candidature-single .grid ._left p { width: 100%; } /* line 405, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos, .page-header.page-header-news-single .grid ._left .infos, .page-header.page-header-publications-single .grid ._left .infos, .page-header.page-header-candidature-single .grid ._left .infos { transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); display: flex; flex-direction: column; gap: 0.75rem; align-items: start; } /* line 411, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos span, .page-header.page-header-news-single .grid ._left .infos span, .page-header.page-header-publications-single .grid ._left .infos span, .page-header.page-header-candidature-single .grid ._left .infos span { font-size: 0.875rem; text-transform: uppercase; font-family: "graphikmedium"; } /* line 415, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos span.maj, .page-header.page-header-news-single .grid ._left .infos span.maj, .page-header.page-header-publications-single .grid ._left .infos span.maj, .page-header.page-header-candidature-single .grid ._left .infos span.maj { color: #555; } /* line 417, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos span.maj i, .page-header.page-header-news-single .grid ._left .infos span.maj i, .page-header.page-header-publications-single .grid ._left .infos span.maj i, .page-header.page-header-candidature-single .grid ._left .infos span.maj i { margin-left: 10px; } /* line 421, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos span.cat, .page-header.page-header-news-single .grid ._left .infos span.cat, .page-header.page-header-publications-single .grid ._left .infos span.cat, .page-header.page-header-candidature-single .grid ._left .infos span.cat { color: #de0918; } /* line 431, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news-single._on ._left h3.theme { opacity: 1; transform: translateY(0); } /* line 436, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news-single .grid { max-width: 1660px; margin: 0 auto; } /* line 441, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single { padding-bottom: 100px; } /* line 444, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single { height: auto; min-height: auto; } /* line 447, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .container { left: unset; width: 100%; } /* line 452, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left { flex-basis: 100%; gap: 5%; } /* line 455, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left h1 { font-size: 3.125rem; } /* line 458, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left p { font-size: 1.25rem; } /* line 461, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left .figure { width: 25%; min-width: 15rem; } /* line 465, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left .cat-wrapper { display: inline-flex; gap: 0.625rem; } /* line 469, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left span { font-size: 0.875rem; text-transform: uppercase; font-family: "graphikmedium"; } /* line 473, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left span.maj { color: #555; } /* line 475, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left span.maj i { margin-left: 4px; font-size: 20px; position: relative; top: 4px; } /* line 482, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left span.cat { color: #de0918; } /* line 490, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .container { left: unset; width: 94%; } /* line 495, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left { flex-basis: 100%; gap: 5%; align-items: end; } /* line 499, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .text-content { width: 53%; max-width: 978px; } /* line 503, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left h1 { font-size: 3.125rem; } /* line 506, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left p { font-size: 1.25rem; line-height: 1.875rem; } /* line 510, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .figure { width: 18%; min-width: 15rem; } /* line 514, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .cat-wrapper { display: inline-flex; gap: 0.625rem; } /* line 518, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left span { font-size: 0.875rem; text-transform: uppercase; font-family: "graphikmedium"; } /* line 522, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left span.maj { color: #555; position: relative; } /* line 525, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left span.maj i { font-size: 1.25rem; position: absolute; top: -3px; } /* line 531, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left span.cat { color: #de0918; } /* line 538, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 { height: auto; } /* line 540, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .container { margin-top: 22vh; } /* line 543, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid { width: 100%; } /* line 546, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left { flex-basis: 55%; position: relative; } /* line 549, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left h1 { font-family: "itc_galliard_stdroman"; font-size: 7.0625rem; font-style: normal; font-weight: 400; line-height: 97px; color: #191919; margin-bottom: 0; } /* line 557, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left h1 + i { font-size: 50px; transform: rotate(180deg); display: inline-flex; position: absolute; top: 50px; left: 190px; } /* line 566, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-style: normal; font-weight: 400; line-height: 110%; margin-bottom: 2.25rem; } /* line 574, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; margin-bottom: 1.625rem; width: 80%; } /* line 582, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left p br { display: none; } /* line 585, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left p a { color: #de0918; position: relative; } /* line 588, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left p a::after { width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; content: ""; background: #de0918; } /* line 600, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._right { flex-basis: 45%; width: 45%; } /* line 603, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._right figure { aspect-ratio: 4/3; overflow: hidden; position: relative; max-width: 740px; } /* line 608, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._right figure img { object-fit: cover; min-width: 100%; height: 100%; position: absolute; } /* line 618, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search span.alert { font-family: "graphik_regular"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 130%; color: #c5c5c5; display: block; } /* line 627, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search .grid ._left { flex-basis: 100%; } /* line 630, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form { width: 100%; margin-top: 2rem; padding: 0; z-index: 2; display: flex; flex-direction: column; align-items: end; } /* line 638, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form::after { display: none; } /* line 641, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset { width: 100%; height: 82px; position: relative; } /* line 645, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset input { position: absolute; width: 100%; height: 82px; border: solid 1px #191919; border-radius: 83px; padding: 0 30px !important; font-size: 1.5rem; color: #191919; background-color: #fff; } /* line 656, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset input:focus::placeholder { opacity: 0.5; } /* line 660, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset input::placeholder { font-family: "graphik_regular"; font-size: 1.5rem; font-style: normal; font-weight: 300; line-height: 150%; color: #555; } /* line 670, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset i.icon-search { font-size: 30px; position: absolute; right: 70px; top: 25px; } /* line 676, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset i.icon-close { position: absolute; right: 30px; top: 30px; font-size: 1.25rem; border-left: solid 1px #191919; padding-left: 0.75rem; cursor: pointer; } /* line 689, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications { margin-bottom: 3rem; } /* line 691, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications .grid ._left p { margin-top: 1rem; } /* line 695, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-program .grid ._left h1 { width: 70%; } /* line 698, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-program .grid ._left p { width: 60%; } /* line 702, resources/assets/styles/layouts/_page-header.scss */ .page-header .breadcrumb { position: relative; top: calc(80px + var(--admin-bar)); font-family: "graphik_regular"; color: #555; white-space: nowrap; overflow-x: scroll; z-index: 1; transform: translateY(-100px); opacity: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .page-header .breadcrumb::-webkit-scrollbar { display: none; } /* line 715, resources/assets/styles/layouts/_page-header.scss */ .page-header .breadcrumb::after { content: ""; width: 20px; height: 100%; display: block; background: white; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, white 100%); right: -2px; position: absolute; top: 0; } /* line 726, resources/assets/styles/layouts/_page-header.scss */ .page-header .breadcrumb a { color: #c5c5c5; } /* line 729, resources/assets/styles/layouts/_page-header.scss */ .page-header .breadcrumb .simplebar-track.simplebar-horizontal, .page-header .breadcrumb .simplebar-track.simplebar-vertical { width: 8px; display: none; } /* line 735, resources/assets/styles/layouts/_page-header.scss */ .page-header .container { position: relative; top: 0; margin-top: 340px; left: 0; width: 106%; max-width: 100% !important; } /* line 744, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid { display: flex; align-items: end; width: 100%; } /* line 748, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid::after { content: ""; width: 0%; height: 1px; background: #191919; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 758, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left { flex-basis: 80%; } /* line 760, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left h1 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-style: normal; font-weight: 400; line-height: 110%; margin-bottom: 1.25rem; width: 70%; } /* line 770, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left h2 { font-family: "graphik_regular"; font-size: 2.375rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 779, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left p { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 1.875rem; width: 70%; margin-top: 12px; } /* line 786, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left p a { color: #de0918; text-decoration: underline; } /* line 792, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left h3.theme { font-family: "graphik_regular"; font-size: 1.875rem; font-weight: 400; opacity: 0; transform: translateY(50px); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 800, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left span { font-size: 0.875rem; text-transform: uppercase; font-family: "graphikmedium"; color: #555; } /* line 805, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left span strong { color: #191919; font-weight: 500; } /* line 809, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left span.maj i { position: relative; top: 4px; font-size: 20px; display: inline-block; } /* line 818, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._right { flex-basis: 15%; } /* line 820, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._right p { font-family: "graphik_regular"; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 0.75rem; } /* line 828, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._right p a { color: #de0918; text-decoration: underline; } /* line 835, resources/assets/styles/layouts/_page-header.scss */ .page-header form { display: flex; align-items: start; justify-content: space-between; position: relative; margin-top: 4.8125rem; transform: translateY(50px); opacity: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); z-index: 2; } /* line 845, resources/assets/styles/layouts/_page-header.scss */ .page-header form::after { content: ""; width: 0%; height: 1px; background: #191919; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 855, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area { width: calc(100% - 90px); flex-basis: calc(100% - 90px); display: flex; justify-content: space-between; } /* line 860, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button { flex-basis: 100% !important; width: 100% !important; font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 130%; /* 20.8px */ text-transform: uppercase; padding: 0.8125rem 0; color: #555; position: relative; } /* line 872, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button > span { font-size: 0.875rem; color: #de0918; font-family: "graphik_regular"; font-style: normal; font-weight: 400; line-height: 130%; display: none; } /* line 881, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button.is-selected { color: #de0918; } /* line 883, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button.is-selected > span { display: inline-flex; } /* line 887, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button:hover { cursor: pointer; } /* line 890, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button._active { color: #de0918; } /* line 892, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button._active .select-area { max-height: 520px; padding: 1.875rem 0.75rem; overflow-y: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .page-header form .button-area .button._active .select-area::-webkit-scrollbar { display: none; } /* line 900, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button._active i.icon-more::before, .page-header form .button-area .button._active i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 906, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button._selected { color: #de0918; } /* line 909, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button._selected i.icon-more::before, .page-header form .button-area .button._selected i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 914, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button._selected span { display: inline-flex; } /* line 918, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button.calendar { max-width: 400px; } /* line 921, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button i.icon-more { color: #555; margin-left: 25%; width: 16px; height: 16px; position: relative; } /* line 927, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button i.icon-more::before, .page-header form .button-area .button i.icon-more::after { content: ""; width: 16px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #555; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 938, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button i.icon-more::after { transform: translateY(-50%) rotate(90deg); } /* line 942, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area { width: 100%; background: #f5f5f5; position: absolute; top: 100%; z-index: 2; overflow: hidden; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); padding: 0 0.75rem; max-height: 0; } /* line 955, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area button:not(.reinit) { padding: 0.1875rem 0.75rem 0.375rem; border-radius: 50px; border: solid 1px #191919; background-color: transparent; color: #555; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 12px 0; font-size: 1rem; align-items: center; gap: 5px; font-family: "graphik_regular"; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 30px; position: relative; float: left; } /* line 980, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area button:not(.reinit) span { top: 0; font-size: 0.875rem; position: relative; } /* line 985, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area button:not(.reinit):hover { font-family: "graphikmedium"; cursor: pointer; background-color: #de0918; border-color: #de0918; color: #fff; } /* line 993, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area nav { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } /* line 999, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area nav button.apply { padding: 0.625rem 1.4375rem; border-radius: 50px; border: solid 1px #191919; background: transparent !important; font-family: "graphik_regular"; color: #191919; } /* line 1006, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area nav button.apply:hover { background-color: #191919 !important; color: #fff; } /* line 1012, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area nav button.reinit i { font-weight: bold; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); display: inline-block; transform-origin: center center; } /* line 1018, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area nav button.reinit:hover { cursor: pointer; } /* line 1020, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button .select-area nav button.reinit:hover i { transform: rotate(90deg); } /* line 1030, resources/assets/styles/layouts/_page-header.scss */ .page-header form .submit { text-transform: uppercase; background-color: #191919; color: #fff; border-radius: 50px; padding: 0.625rem 1.4375rem; } /* line 1039, resources/assets/styles/layouts/_page-header.scss */ .page-header .selected-items-area { padding-top: 1.375rem; padding-bottom: 1.375rem; z-index: 1; } /* line 1043, resources/assets/styles/layouts/_page-header.scss */ .page-header .selected-items-area button { padding: 0.625rem 2.1875rem 0.625rem 0.75rem; border-radius: 50px; background-color: #fff; border: solid 1px #191919; color: #191919; display: inline-flex; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 6px; position: relative; font-size: 1rem; align-items: center; gap: 5px; } /* line 1056, resources/assets/styles/layouts/_page-header.scss */ .page-header .selected-items-area button span { color: #555; font-size: 0.875rem; display: none; } /* line 1061, resources/assets/styles/layouts/_page-header.scss */ .page-header .selected-items-area button::after { content: "\E907"; font-family: "icomoon"; position: absolute; right: 12px; top: 50%; font-size: 1.125rem; transform: translateY(-50%); } /* line 1070, resources/assets/styles/layouts/_page-header.scss */ .page-header .selected-items-area button:hover { cursor: pointer; color: #de0918; border-color: #de0918; } /* line 1074, resources/assets/styles/layouts/_page-header.scss */ .page-header .selected-items-area button:hover span { color: #de0918; } /* line 1081, resources/assets/styles/layouts/_page-header.scss */ .page-header ul { display: flex; flex-direction: column; gap: 0.625rem; margin-bottom: 0.9375rem; transform: translateY(50px); opacity: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 1090, resources/assets/styles/layouts/_page-header.scss */ .page-header ul li { font-family: "graphik_regular"; color: #191919; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 1097, resources/assets/styles/layouts/_page-header.scss */ .page-header ul li i { font-size: 0.75rem; margin-right: 0.625rem; display: inline-block; } /* line 1102, resources/assets/styles/layouts/_page-header.scss */ .page-header ul li a { text-decoration: underline; color: #de0918; } /* line 1107, resources/assets/styles/layouts/_page-header.scss */ .page-header ul + span { font-family: "graphikmedium"; color: #191919; font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; width: 45%; display: block; transform: translateY(50px); opacity: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 1122, resources/assets/styles/layouts/_page-header.scss */ .page-header ol { margin-left: 20px; } /* line 1125, resources/assets/styles/layouts/_page-header.scss */ .page-header ul, .page-header ol { display: flex; flex-direction: column; gap: 9px; margin-bottom: 0; } /* line 1131, resources/assets/styles/layouts/_page-header.scss */ .page-header ul a, .page-header ol a { text-decoration: underline; color: #de0918; } /* line 1136, resources/assets/styles/layouts/_page-header.scss */ .page-header ul li, .page-header ol li { padding-left: 20px; font-family: "graphik_regular"; line-height: 150%; font-style: normal; font-weight: 400; position: relative; } /* line 1146, resources/assets/styles/layouts/_page-header.scss */ .page-header ol li { padding-left: 0px; list-style-type: decimal; } /* line 1151, resources/assets/styles/layouts/_page-header.scss */ .page-header ol li::marker { color: #de0918; } /* line 1154, resources/assets/styles/layouts/_page-header.scss */ .page-header ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: -5px; top: 3px; } /* line 1162, resources/assets/styles/layouts/_page-header.scss */ .page-header + section { transform: translateY(50px); opacity: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 1168, resources/assets/styles/layouts/_page-header.scss */ .page-header .cta, .page-header input[type="button"], .page-header input[type="submit"], .page-header .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .page-header .add_repeater_item, .page-header .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .page-header .remove_repeater_item, .page-header .infos, .page-header .landed, .page-header .range, .page-header ._right span, .page-header ._right a, .page-header .cat-wrapper { transform: translateY(50px); opacity: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 1181, resources/assets/styles/layouts/_page-header.scss */ .only-mobile .header-aperture { display: flex; flex-basis: 100%; width: 100%; padding: 0; justify-content: space-around; border-right: 0; gap: 0; position: relative; top: 80px; } @media screen and (min-width: 768px) { /* line 1194, resources/assets/styles/layouts/_page-header.scss */ .only-mobile .header-aperture { display: none; } } @media screen and (max-width: 1200px) { /* line 1203, resources/assets/styles/layouts/_page-header.scss */ .single .page-header .grid { padding-bottom: 0; } /* line 1206, resources/assets/styles/layouts/_page-header.scss */ .single .page-header .grid ._left h1 { font-size: 2.625rem !important; width: 100%; } /* line 1214, resources/assets/styles/layouts/_page-header.scss */ .page-header { padding: 2%; padding-top: 5rem; margin-bottom: 3.125rem !important; height: auto !important; min-height: auto !important; } /* line 1221, resources/assets/styles/layouts/_page-header.scss */ .page-header .container { left: 0; width: 100%; position: relative; margin-top: 45vh; } /* line 1230, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .grid ._left p, .page-header.page-header-agenda .grid ._left p { width: 100%; } /* line 1233, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-news .infos, .page-header.page-header-agenda .infos { flex-direction: column; gap: 0.625rem; } /* line 1240, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-agenda form .submit { position: relative; } /* line 1248, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._right .button { align-self: start; } /* line 1251, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left { display: flex; gap: 1.875rem; align-items: start; flex-direction: column; } /* line 1260, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid { justify-content: space-between; } /* line 1262, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left { display: flex; gap: 1.875rem; align-items: end; } /* line 1266, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .figure { width: 100%; } /* line 1269, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos { flex-direction: column; align-items: start; } /* line 1277, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .container { left: unset; width: 100%; } /* line 1282, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left { gap: 1.875rem; } /* line 1284, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .figure { width: 50%; } /* line 1287, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .text-content { width: 50%; } /* line 1294, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .container { left: unset; width: 100%; } /* line 1298, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single .grid ._left .infos { align-items: start; } /* line 1303, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid { flex-direction: column-reverse; } /* line 1305, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-404 .grid ._left, .page-header.page-404 .grid ._right { width: 100%; flex-basis: 100%; } /* line 1312, resources/assets/styles/layouts/_page-header.scss */ .page-header .breadcrumb { top: var(--admin-bar); } /* line 1319, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid { flex-direction: column; align-items: start; gap: 22px; padding-bottom: 0; } /* line 1324, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left, .page-header .grid ._right { flex-basis: 100%; width: 100%; } /* line 1328, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left p, .page-header .grid ._right p { width: 100% !important; } /* line 1331, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left p a, .page-header .grid ._right p a { color: #de0918; text-decoration: underline; } /* line 1337, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left h1 { font-family: "itc_galliard_stdroman"; font-size: 3.125rem; margin-bottom: 1rem; width: 100% !important; } /* line 1344, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left h2 { font-family: "graphik_regular"; font-size: 1.875rem; margin-bottom: 0.5625rem; } /* line 1350, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left p { font-size: 1.125rem !important; } /* line 1353, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left ul + span { width: 100%; } /* line 1357, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._right { display: flex; justify-content: start; flex-direction: column; } /* line 1361, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._right .cta, .page-header .grid ._right input[type="button"], .page-header .grid ._right input[type="submit"], .page-header .grid ._right .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .page-header .grid ._right .add_repeater_item, .page-header .grid ._right .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .page-header .grid ._right .remove_repeater_item { align-self: start; } /* line 1370, resources/assets/styles/layouts/_page-header.scss */ .page-header form { flex-direction: column; } /* line 1372, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area { width: 100%; flex-direction: column; } /* line 1375, resources/assets/styles/layouts/_page-header.scss */ .page-header form .button-area .button i.icon-more { position: absolute; right: 0; } /* line 1380, resources/assets/styles/layouts/_page-header.scss */ .page-header form .submit { width: 100%; text-align: center; margin: 10px 0; } } @media screen and (max-width: 640px) { /* line 1390, resources/assets/styles/layouts/_page-header.scss */ .page-header { padding: 4%; } /* line 1392, resources/assets/styles/layouts/_page-header.scss */ .page-header .grid ._left figure img { position: relative !important; } /* line 1397, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid, .page-header.page-header-publications-single .grid { justify-content: space-between; } /* line 1399, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left, .page-header.page-header-publications-single .grid ._left { display: flex; gap: 1.875rem; align-items: center; flex-direction: column; } /* line 1404, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .figure, .page-header.page-header-publications-single .grid ._left .figure { width: 100%; } /* line 1407, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-domain-single .grid ._left .infos, .page-header.page-header-publications-single .grid ._left .infos { flex-direction: column; } /* line 1413, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-publications-single { margin-bottom: 0 !important; } /* line 1418, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .container, .page-header.page-header-news-single .container { left: unset; width: 100%; } /* line 1423, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left, .page-header.page-header-news-single .grid ._left { display: flex; gap: 1.875rem; align-items: start; flex-direction: column; } /* line 1429, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .figure, .page-header.page-header-news-single .grid ._left .figure { width: 100%; } /* line 1432, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .text-content, .page-header.page-header-news-single .grid ._left .text-content { width: 100%; } /* line 1435, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-candidature-single .grid ._left .cat-wrapper, .page-header.page-header-news-single .grid ._left .cat-wrapper { flex-direction: column; } /* line 1441, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset i.icon-close { display: none; } /* line 1444, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-search form.search-form fieldset i.icon-search { right: 30px; } /* line 1448, resources/assets/styles/layouts/_page-header.scss */ .page-header .breadcrumb { top: calc(var(--header-height) + var(--admin-bar)); } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 1456, resources/assets/styles/layouts/_page-header.scss */ .page-header.page-header-annuaire-single .grid ._left { display: flex; gap: 1.875rem; align-items: end; flex-direction: row; } } /* line 1, resources/assets/styles/layouts/_tinymce.scss */ .tinymce, body#tinymce { line-height: 1.625; /* Listes */ } /* line 5, resources/assets/styles/layouts/_tinymce.scss */ .tinymce *:last-child, body#tinymce *:last-child { margin-bottom: 0; } /* line 10, resources/assets/styles/layouts/_tinymce.scss */ .tinymce h1, body#tinymce h1 { margin-top: 2.5rem; margin-bottom: 2.5rem; } /* line 15, resources/assets/styles/layouts/_tinymce.scss */ .tinymce h2, body#tinymce h2 { margin-top: 2rem; margin-bottom: 2rem; } /* line 20, resources/assets/styles/layouts/_tinymce.scss */ .tinymce h3, .tinymce h4, .tinymce h5, .tinymce h6, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6 { margin-top: 2rem; margin-bottom: 1.25rem; } /* line 28, resources/assets/styles/layouts/_tinymce.scss */ .tinymce h1, .tinymce h2, .tinymce h3, .tinymce h4, .tinymce h5, .tinymce h6, body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6 { color: currentColor; font-weight: 600; } /* line 37, resources/assets/styles/layouts/_tinymce.scss */ .tinymce h1:first-child, .tinymce h2:first-child, .tinymce h3:first-child, .tinymce h4:first-child, .tinymce h5:first-child, .tinymce h6:first-child, body#tinymce h1:first-child, body#tinymce h2:first-child, body#tinymce h3:first-child, body#tinymce h4:first-child, body#tinymce h5:first-child, body#tinymce h6:first-child { margin-top: 0; } /* line 41, resources/assets/styles/layouts/_tinymce.scss */ .tinymce h1:last-child, .tinymce h2:last-child, .tinymce h3:last-child, .tinymce h4:last-child, .tinymce h5:last-child, .tinymce h6:last-child, body#tinymce h1:last-child, body#tinymce h2:last-child, body#tinymce h3:last-child, body#tinymce h4:last-child, body#tinymce h5:last-child, body#tinymce h6:last-child { margin-bottom: 0; } /* line 47, resources/assets/styles/layouts/_tinymce.scss */ .tinymce p, body#tinymce p { margin-top: 1rem; margin-bottom: 1rem; } /* line 52, resources/assets/styles/layouts/_tinymce.scss */ .tinymce p:first-child, body#tinymce p:first-child { margin-top: 0; } /* line 56, resources/assets/styles/layouts/_tinymce.scss */ .tinymce p:last-child, body#tinymce p:last-child { margin-bottom: 0; } /* line 61, resources/assets/styles/layouts/_tinymce.scss */ .tinymce strong, body#tinymce strong { font-weight: bold; } /* line 65, resources/assets/styles/layouts/_tinymce.scss */ .tinymce em, body#tinymce em { font-style: italic; } /* line 71, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul, .tinymce ol, body#tinymce ul, body#tinymce ol { list-style: none; margin: 1.125rem 0; } /* line 78, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul, body#tinymce ul { text-align: left; } /* line 83, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ol, body#tinymce ol { text-align: left; counter-reset: ol-counter; } /* line 88, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul:first-child, .tinymce ol:first-child, body#tinymce ul:first-child, body#tinymce ol:first-child { margin-top: 0; } /* line 93, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul:last-child, .tinymce ol:last-child, body#tinymce ul:last-child, body#tinymce ol:last-child { margin-bottom: 0; } /* line 98, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul > li, .tinymce ol > li, body#tinymce ul > li, body#tinymce ol > li { margin-top: 0.375rem; } /* line 103, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul > li, body#tinymce ul > li { position: relative; padding-left: _rem(15px); } /* line 108, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul > li::before, body#tinymce ul > li::before { content: "\2022"; color: #e56f8c; font-weight: 700; left: 0; } /* line 116, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ol > li, body#tinymce ol > li { position: relative; margin-left: 0.75rem; padding-left: 0.375rem; } /* line 122, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ol > li::before, body#tinymce ol > li::before { content: counter(ol-counter); counter-increment: ol-counter; font-weight: 700; position: absolute; right: 100%; top: 0; display: inline-block; vertical-align: center; padding-right: 0.375rem; color: #e56f8c; } /* line 135, resources/assets/styles/layouts/_tinymce.scss */ .tinymce ul > li:first-child, .tinymce ol > li:first-child, body#tinymce ul > li:first-child, body#tinymce ol > li:first-child { margin-top: 0; } /* line 142, resources/assets/styles/layouts/_tinymce.scss */ .tinymce figure, .tinymce img, body#tinymce figure, body#tinymce img { display: block; } /* line 147, resources/assets/styles/layouts/_tinymce.scss */ .tinymce .alignleft, body#tinymce .alignleft { float: left; margin-top: 0.625rem; margin-bottom: 1rem; margin-right: 1.5rem; } /* line 154, resources/assets/styles/layouts/_tinymce.scss */ .tinymce .alignright, body#tinymce .alignright { float: right; margin-top: 0.625rem; margin-bottom: 1rem; margin-left: 1.5rem; } /* line 161, resources/assets/styles/layouts/_tinymce.scss */ .tinymce .aligncenter, body#tinymce .aligncenter { margin: 1.5rem auto; } /* line 165, resources/assets/styles/layouts/_tinymce.scss */ .tinymce figcaption, body#tinymce figcaption { margin-top: 0.375rem; font-size: 0.9em; color: grey; } /* line 172, resources/assets/styles/layouts/_tinymce.scss */ .tinymce hr, body#tinymce hr { margin: 2rem 0; background-color: transparent; border: none; border-top: 1px solid grey; } /* line 179, resources/assets/styles/layouts/_tinymce.scss */ .tinymce blockquote, body#tinymce blockquote { border-left: 0.25em solid #64c2db; font-style: italic; padding-left: 1em; } /* line 185, resources/assets/styles/layouts/_tinymce.scss */ .tinymce blockquote, .tinymce code, .tinymce pre, body#tinymce blockquote, body#tinymce code, body#tinymce pre { margin-bottom: 1.5rem; } /* line 192, resources/assets/styles/layouts/_tinymce.scss */ .tooltip { line-height: 1rem; width: 20px; height: 20px; border-radius: 20px; background-color: #de0918; color: #fff; text-transform: lowercase !important; display: inline-grid !important; place-items: center !important; position: relative; font-family: "itc_galliard_stdroman"; cursor: pointer; } /* line 207, resources/assets/styles/layouts/_tinymce.scss */ .tooltip .tooltiptext { visibility: hidden; opacity: 0; width: 260px; min-width: 180px; background-color: #191919; font-family: "graphik_regular"; color: #fff; text-align: left; line-height: 18px !important; font-size: 0.75rem; border-radius: 5px; padding: 10px; position: absolute; z-index: 1; bottom: 110%; left: 50%; transform: translateX(-50%); transition: 0.3s ease; } /* line 226, resources/assets/styles/layouts/_tinymce.scss */ .tooltip .tooltiptext a { transition: 0.3s ease; text-decoration: underline !important; color: #fff !important; } /* line 231, resources/assets/styles/layouts/_tinymce.scss */ .tooltip .tooltiptext a:hover { opacity: 0.5; } /* line 236, resources/assets/styles/layouts/_tinymce.scss */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } /* line 247, resources/assets/styles/layouts/_tinymce.scss */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* line 1, resources/assets/styles/layouts/_modal.scss */ .modal { background-color: rgba(25, 25, 25, 0.75); display: none; flex-direction: column; padding: 1rem; position: fixed; inset: 0; z-index: 100; } /* line 10, resources/assets/styles/layouts/_modal.scss */ .modal[style*="block"] { display: flex !important; } /* line 15, resources/assets/styles/layouts/_modal.scss */ .modal-wrapper { margin: auto; max-width: 640px; width: 85%; } /* line 21, resources/assets/styles/layouts/_modal.scss */ .modal-content { background-color: #fff; border-radius: 5px; box-shadow: 0 0.5rem 1.25rem rgba(25, 25, 25, 0.25); color: #191919; display: none; padding: 1.5rem; } /* line 30, resources/assets/styles/layouts/_modal.scss */ .modal-close { color: #fff; position: absolute; inset: calc(1rem + var(--admin-bar)) auto auto 50%; transform: translateX(-50%); transition: 200ms ease; } /* line 37, resources/assets/styles/layouts/_modal.scss */ .modal-close:hover, .modal-close:focus { opacity: 0.5; } /* Settings */ /* line 2, resources/assets/styles/layouts/_cookie-banner.scss */ .wt-cli-cookie-bar-container { --banner-bg: #fff; --banner-color: set-color(#fff); --banner-max-width: 450px; --banner-padding: 1.5rem; --banner-radius: 0; --banner-z-index: 999; --title-font-size: 1.125rem; --message-font-size: 0.875rem; --button-bg: #191919; --button-bg-hover: #de0918; --button-color: #fff; --button-color-hover: #fff; --button-font-size: 0.75rem; --button-font-weight: 500; --button-letter-spacing: 0; --button-line-height: normal; --button-padding: 0.625rem 1.625rem; --button-radius: 0.25rem; --button-text-transform: uppercase; --button-setting-bg: transparent; --button-setting-bg-hover: #de0918; --button-setting-color: #de0918; --button-setting-color-hover: #fff; --button-setting-text-transform: var(--button-text-transform); --switch-active-color: #69b23a; --show-again-font-size: 0.875rem; --show-again-radius: 0.375rem; --show-again-z-index: 99; } /* line 41, resources/assets/styles/layouts/_cookie-banner.scss */ html[data-whatinput="keyboard"] #cookie-law-info-bar a[class*="_button"]:focus::before { content: ""; border-radius: calc(var(--button-radius) * 1.5); height: calc(100% + 1.25rem); width: calc(100% + 1.25rem); outline: 2px dotted rgba(0, 0, 0, 0.25); position: absolute; top: -0.625rem; left: -0.625rem; } /* Color layer */ /* line 54, resources/assets/styles/layouts/_cookie-banner.scss */ .cli-modal-backdrop, #cookie-law-info-bar.wt-cli-cookie-bar[style*="display: block;"] ~ .cli-popupbar-overlay { display: none !important; } /* line 59, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar[style*="display: block;"] ~ .cli-popupbar-overlay { z-index: calc(var(--banner-z-index) - 1); opacity: 0.6; transform: scale(1); transition: opacity 0.5s ease; } /* Banner */ /* line 67, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar { background-color: var(--banner-bg) !important; border-radius: var(--banner-radius, 0); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2); color: var(--banner-color) !important; max-height: calc(100vh - 32px); max-width: var(--banner-max-width); inset: auto 16px 16px auto !important; overflow: auto; padding: var(--banner-padding) !important; text-align: left !important; z-index: var(--banner-z-index) !important; } /* line 81, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar > .cli-wrapper { width: 100%; } /* line 86, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner-title { font-size: var(--title-font-size); margin: 0 0 1em; } /* line 92, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner { display: block; } /* line 96, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .message { font-size: var(--message-font-size); } /* line 100, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .message, #cookie-law-info-bar.wt-cli-cookie-bar .message p { line-height: 1.5; } /* line 103, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .message strong, #cookie-law-info-bar.wt-cli-cookie-bar .message a, #cookie-law-info-bar.wt-cli-cookie-bar .message p strong, #cookie-law-info-bar.wt-cli-cookie-bar .message p a { font-family: "graphikmedium"; font-weight: 500; } /* line 111, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link { color: currentColor !important; font-weight: 500; font-family: "graphikmedium"; opacity: 0.5; text-decoration: underline; transition: all 0.2s ease; } /* line 120, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link:focus { opacity: 1 !important; } /* line 126, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper { margin-top: 1.5rem; } /* line 130, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper, #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper { display: flex; flex-flow: row wrap; gap: 1rem; justify-content: center; } /* line 136, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper * a, #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper * a { font-family: "graphikmedium"; font-weight: 500; } /* line 142, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-save-preferences-btn { padding: 14px 25px !important; margin-left: 6px !important; margin-right: 0 !important; border-radius: 5px !important; } /* line 150, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-privacy-save-btn { background-color: var(--button-bg) !important; border: 2px solid var(--button-bg); border-radius: var(--button-radius) !important; color: var(--button-color) !important; font-size: var(--button-font-size); font-weight: 500; line-height: normal; margin: 0 !important; opacity: 1 !important; padding: var(--button-padding) !important; text-transform: var(--button-text-transform); transition: all 0.2s ease; font-family: "graphikmedium"; } /* line 167, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn:last-child, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn:last-child, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-privacy-save-btn:last-child { margin: 0 !important; } /* line 171, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn:focus, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-reject-btn:focus, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-privacy-save-btn:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-privacy-save-btn:focus { background-color: var(--button-bg-hover) !important; border-color: var(--button-bg-hover); color: var(--button-color-hover) !important; } /* line 180, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn { border: 2px solid var(--button-setting-color) !important; border-radius: var(--button-radius); background-color: var(--button-setting-bg) !important; color: var(--button-setting-color) !important; display: inline-block; font-size: var(--button-font-size); font-weight: 500; line-height: normal; position: relative; padding: var(--button-padding); padding-right: 40px; transition: all 0.2s ease; text-transform: var(--button-setting-text-transform); font-family: "graphikmedium"; } /* line 196, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn::after { content: ""; position: absolute; top: 50%; right: 20px; display: inline-block; width: 8px; height: 8px; transform: translateY(-70%) rotate(135deg); border-width: 1px 1px 0 0; border-style: solid; border-color: currentColor; } /* line 210, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-settings-btn:focus { background-color: var(--button-setting-bg-hover) !important; border-color: var(--button-setting-bg-hover) !important; box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1); color: var(--button-setting-color-hover) !important; text-decoration: none !important; } /* line 221, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-tab-container { margin-top: 15px; } /* line 225, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-necessary-caption { margin: 0; } /* line 229, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-switch .cli-slider::after { top: 50%; transform: translateY(-50%); } /* line 234, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-body .cli-switch input:checked + .cli-slider { background-color: var(--switch-active-color); } /* line 238, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .cli-tab-container { margin-top: 20px; } /* line 242, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .cli-tab-footer { padding: 0; text-align: center; } /* line 250, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .cli-row { overflow: visible; } /* line 254, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-modal-footer .wt-cli-ckyes-brand-logo { display: none; } /* Show again btn */ /* line 260, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-again { z-index: var(--show-again-z-index); bottom: 0 !important; left: 0 !important; right: auto !important; padding: 5px 10px 3px; background-color: var(--banner-bg) !important; border-top-right-radius: var(--show-again-radius); box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2); color: var(--banner-color) !important; font-size: var(--show-again-font-size); line-height: 1; } @media only screen and (min-width: 640px) { /* Show again btn */ /* line 276, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-again { left: 20px !important; border-top-left-radius: var(--show-again-radius); } /* line 282, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar .cli-tab-footer { text-align: center; } } @media only screen and (max-width: 640px) { /* line 289, resources/assets/styles/layouts/_cookie-banner.scss */ #cookie-law-info-bar.wt-cli-cookie-bar { left: 0 !important; right: 0 !important; bottom: 0 !important; } } /* Gravity Form */ /* line 6, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper .gfield_required::after { content: "*"; color: #f43656; font-size: 1.25em; font-weight: normal; margin-left: 0.25rem; } /* line 14, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper .gfield_required span { display: none; } /* line 19, resources/assets/styles/layouts/_gform.scss */ .gform-theme--foundation .gfield select.large { line-height: 1; } /* line 24, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper .gform_validation_errors { background-color: #f43656 !important; border-color: #f43656 !important; border-radius: 0.625rem !important; color: #fff; cursor: pointer; margin: 0 0 2rem !important; max-width: 1200px; padding: 1.5rem !important; position: fixed !important; left: 50%; bottom: 0; transform: translateX(-50%); width: 90% !important; z-index: 10; } /* line 40, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper .gform_validation_errors > h2 { display: flex; align-items: center; color: currentColor !important; } /* line 46, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper .gform_validation_errors > h2 span { margin-right: 0.5rem; left: auto !important; position: relative !important; } /* line 55, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper .gfield_error .gfield_validation_message, .gform_wrapper .gfield_error .validation_message { background-color: transparent; border: 0; color: #f43656; padding: 0; } /* line 96, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form { --gap-col-gfield: 1.5rem; } /* line 99, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gform_fields, .gform_wrapper.gravity-theme form .ginput_container_address { display: flex; flex-flow: row wrap; grid-column-gap: 0; grid-row-gap: 1.25rem; margin-left: calc(var(--gap-col-gfield) / 2 * -1); margin-right: calc(var(--gap-col-gfield) / 2 * -1); width: auto; } /* line 110, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gsection { border-bottom: 0; margin-top: 1rem; padding-bottom: 0; } /* line 116, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gsection_title { border-bottom: 1px solid #dee2e6; } /* line 120, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gfield { flex: 1 0 0; min-width: 100%; padding-left: calc(var(--gap-col-gfield) / 2); padding-right: calc(var(--gap-col-gfield) / 2); } /* line 127, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gsection, .gform_wrapper.gravity-theme form .gfield.gfield--width-full, .gform_wrapper.gravity-theme form .gfield.gfield--width-half { min-width: 100%; } /* line 133, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gfield.gfield--width-third, .gform_wrapper.gravity-theme form .gfield.gfield--width-quarter { min-width: 50%; } /* line 140, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .ginput_container_address.ginput_complex span { padding-left: calc(var(--gap-col-gfield) / 2); padding-right: calc(var(--gap-col-gfield) / 2); } /* line 145, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .ginput_container_address.ginput_complex span.ginput_full { min-width: 100%; } /* line 149, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .ginput_container_address.ginput_complex span:not(.ginput_full) { min-width: 50%; } /* line 155, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gfield_label { color: inherit; font-weight: 500; line-height: 1.375; } /* line 162, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gfield_description { font-size: 0.75rem; font-weight: 400; line-height: 1.3333; padding: 0; } /* line 169, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gform_page_footer { padding-bottom: 0; } /* line 173, resources/assets/styles/layouts/_gform.scss */ .gform_wrapper.gravity-theme form .gform_page_footer input { margin-bottom: 0; } /* line 203, resources/assets/styles/layouts/_gform.scss */ .gchoice:not(:last-child) { margin-bottom: 0.5rem; } /* line 1, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout { display: grid; grid-template-columns: 77% 23%; } /* line 4, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout .section-container { width: 100%; } /* line 7, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside { /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ width: 100%; height: 100vh; background-color: #f5f5f5; padding: 220px 10% 0 10%; overflow-y: scroll; } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .fixed-layout aside::-webkit-scrollbar { display: none; } /* line 15, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside .infos-block { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1rem; } /* line 21, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside a { text-decoration: underline; color: #de0918; } /* line 25, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside h4 { font-family: "graphikmedium"; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; } /* line 32, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside p { font-family: "graphik_regular"; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 150%; } /* line 39, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside span { font-family: "graphik_regular"; color: #191919; font-size: 14px; font-style: normal; font-weight: 400; line-height: 150%; } /* line 47, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside .cta, .fixed-layout aside input[type="button"], .fixed-layout aside input[type="submit"], .fixed-layout aside .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .fixed-layout aside .add_repeater_item, .fixed-layout aside .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .fixed-layout aside .remove_repeater_item { align-self: start; } /* line 50, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside .button { padding: 0.5rem 0.75rem; border-radius: 3.125rem; background-color: #de0918; color: #fff; font-family: "graphikmedium"; font-size: 0.875rem; font-weight: 500; display: inline-flex; align-self: start; align-items: center; gap: 10px; } @media (max-width: 74.99875rem) { /* line 67, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout { display: flex; flex-direction: column; } /* line 70, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside { height: auto; padding: 2rem 4%; } /* line 73, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside h4 { font-size: 1.375rem; } /* line 76, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside p { font-size: 1.125rem; line-height: 140%; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 85, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout { display: flex; flex-direction: column; } /* line 88, resources/assets/styles/layouts/_fixed.scss */ .fixed-layout aside { height: auto; padding: 2%; } } /* Modules */ /* line 3, resources/assets/styles/modules/_faq.scss */ .faq .item, .faq .trigger { padding: 0.5rem 0; } /* line 8, resources/assets/styles/modules/_faq.scss */ .faq .trigger { font-size: 1.125rem; padding-right: 2rem; position: relative; transition: color 200ms ease; } /* line 15, resources/assets/styles/modules/_faq.scss */ .faq .trigger::after { content: "+"; position: absolute; inset: 50% 0 auto auto; transform: translateY(-50%); } /* line 22, resources/assets/styles/modules/_faq.scss */ .faq .trigger:hover, .faq .trigger:focus { color: #64c2db; } /* line 27, resources/assets/styles/modules/_faq.scss */ .faq .trigger[aria-expanded="true"] { color: #e56f8c; } /* line 31, resources/assets/styles/modules/_faq.scss */ .faq .trigger[aria-expanded="true"]::after { content: "-"; } /* line 35, resources/assets/styles/modules/_faq.scss */ .faq .content { background-color: #f5f5f5; border-radius: 5px; padding: 1rem; } /* line 1, resources/assets/styles/modules/_video.scss */ .video { padding: 5.5rem 2%; margin-bottom: 7.5rem; } /* line 4, resources/assets/styles/modules/_video.scss */ .video:has(+ .wysiwyg) { margin-bottom: 0 !important; } /* line 7, resources/assets/styles/modules/_video.scss */ .video.grey_bg { background: #f5f5f5; } /* line 10, resources/assets/styles/modules/_video.scss */ .video.large { padding: 4.375rem 2%; } /* line 12, resources/assets/styles/modules/_video.scss */ .video.large .grid { flex-direction: column; width: 80%; margin: 0 auto; gap: 0; } /* line 18, resources/assets/styles/modules/_video.scss */ .video.large .text-content, .video.large .video-player { width: 100%; } /* line 23, resources/assets/styles/modules/_video.scss */ .video.large .text-content legend { text-align: right; } /* line 26, resources/assets/styles/modules/_video.scss */ .video.large .text-content h2 { font-size: 2.25rem; } /* line 31, resources/assets/styles/modules/_video.scss */ .video .grid { display: flex; align-items: end; gap: 2.5rem; } /* line 36, resources/assets/styles/modules/_video.scss */ .video .text-content { width: 45%; display: flex; flex-direction: column; gap: 16px; padding: 16px 0; border-bottom: solid 1px #191919; } /* line 43, resources/assets/styles/modules/_video.scss */ .video .text-content legend { font-family: "graphikregular_italic"; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 150%; } /* line 50, resources/assets/styles/modules/_video.scss */ .video .text-content h2 { padding-top: 0.75rem; border-top: solid 1px #191919; font-family: "graphik_regular"; font-size: 1.75rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 59, resources/assets/styles/modules/_video.scss */ .video .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; } /* line 66, resources/assets/styles/modules/_video.scss */ .video .text-content .cta, .video .text-content input[type="button"], .video .text-content input[type="submit"], .video .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .video .text-content .add_repeater_item, .video .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .video .text-content .remove_repeater_item { align-self: start; } /* line 70, resources/assets/styles/modules/_video.scss */ .video .video-player { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); background-color: #f5f5f5; border-radius: var(--video-radius); aspect-ratio: 16/9; position: relative; width: 55%; overflow: hidden; } /* line 80, resources/assets/styles/modules/_video.scss */ .video .video-player img, .video .video-player iframe, .video .video-player video { border-radius: var(--video-radius); position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* line 87, resources/assets/styles/modules/_video.scss */ .video .video-player img { max-height: none; -o-object-fit: cover; object-fit: cover; font-family: "object-fit: cover"; } /* line 92, resources/assets/styles/modules/_video.scss */ .video .video-player .trigger { display: inline-flex; align-items: center; justify-content: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 154px; height: 154px; gap: 10px; border-radius: 154px; background-color: #de0918; padding: 2rem; font-size: 0.875rem; line-height: 1.125rem; letter-spacing: 2.8px; text-transform: uppercase; color: #fff; font-family: "graphik_regular"; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 113, resources/assets/styles/modules/_video.scss */ .video .video-player .trigger span svg path { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 118, resources/assets/styles/modules/_video.scss */ .video .video-player .trigger:hover, .video .video-player .trigger:focus { background-color: #fff; color: #de0918; } /* line 122, resources/assets/styles/modules/_video.scss */ .video .video-player .trigger:hover span svg path, .video .video-player .trigger:focus span svg path { stroke: #de0918; } /* line 127, resources/assets/styles/modules/_video.scss */ .\--has-sidebar .video .video-player img { max-height: none; } @media (max-width: 74.99875rem) { /* line 134, resources/assets/styles/modules/_video.scss */ .video { padding: 2rem 4%; } /* line 136, resources/assets/styles/modules/_video.scss */ .video.large { padding: 2rem 4%; } /* line 138, resources/assets/styles/modules/_video.scss */ .video.large .grid { width: 100%; } /* line 142, resources/assets/styles/modules/_video.scss */ .video.large .text-content h2 { font-size: 1.375rem; } /* line 145, resources/assets/styles/modules/_video.scss */ .video.large .text-content legend { text-align: left; } /* line 148, resources/assets/styles/modules/_video.scss */ .video.large .text-content p { font-size: 0.875rem; line-height: 170%; } /* line 154, resources/assets/styles/modules/_video.scss */ .video .grid { flex-direction: column; width: 100%; margin: 0 auto; gap: 0; } /* line 160, resources/assets/styles/modules/_video.scss */ .video .text-content, .video .video-player { width: 100%; } /* line 165, resources/assets/styles/modules/_video.scss */ .video .text-content h2 { font-size: 1.375rem; } /* line 168, resources/assets/styles/modules/_video.scss */ .video .text-content p { font-size: 0.875rem; line-height: 170%; } /* line 174, resources/assets/styles/modules/_video.scss */ .video .video-player .trigger { width: 120px; height: 120px; padding: 0; line-height: 1.125rem; font-size: 0.75rem; letter-spacing: 2.4px; text-transform: uppercase; } } /* line 2, resources/assets/styles/modules/_key-figures.scss */ .key-figures ul, .key-figures li { list-style: none; } /* line 8, resources/assets/styles/modules/_key-figures.scss */ .key-figures ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; } /* line 15, resources/assets/styles/modules/_key-figures.scss */ .key-figures li { flex: 1 0 0; max-width: 220px; min-width: 190px; } /* line 22, resources/assets/styles/modules/_key-figures.scss */ .key-figures h3, .key-figures p { display: flex; justify-content: center; flex: 1 0 0; } /* line 30, resources/assets/styles/modules/_key-figures.scss */ .key-figures h3 { align-items: center; justify-content: flex-end; flex-direction: column; color: #7476ed; font-weight: 700; font-size: 2rem; margin: 0; text-align: center; } /* line 41, resources/assets/styles/modules/_key-figures.scss */ .key-figures h3 * { color: inherit; font-weight: inherit; font-style: inherit; line-height: inherit; padding-top: 2rem; text-decoration: none; } /* line 51, resources/assets/styles/modules/_key-figures.scss */ .key-figures p { align-items: flex-start; font-size: 0.875rem; margin: 0.75rem 0 0; max-height: 100%; overflow-y: auto; padding: 0 2.25rem 2rem; text-align: center; } /* line 2, resources/assets/styles/modules/home-header.scss */ .home-header { width: 100%; height: 750px; position: relative; } /* line 8, resources/assets/styles/modules/home-header.scss */ .home-header .text-content { position: absolute; bottom: 2vw; } /* line 11, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 { font-family: "itc_galliard_stdroman"; font-size: 77px; font-weight: 100; color: #191919; line-height: 77px; width: 65%; } /* line 18, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 strong { font-family: "itc_galliard_stdroman"; font-size: 163px; font-weight: 100; color: #de0918; line-height: 7vw; margin: 0; } /* line 26, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 strong, .home-header .text-content h1 span { display: inline-block; line-height: 128%; margin: -4% 0; } /* line 34, resources/assets/styles/modules/home-header.scss */ .home-header p.accroche { font-family: "graphik_regular"; font-size: 16px; font-style: normal; position: absolute; bottom: 2.5vw; left: 70%; width: 22%; line-height: 20.8px; } /* line 43, resources/assets/styles/modules/home-header.scss */ .home-header p.accroche strong { font-family: "graphikmedium"; font-weight: 500; } @media (max-width: 74.99875rem) { /* line 52, resources/assets/styles/modules/home-header.scss */ .home-header { padding-top: 80px; height: auto; } /* line 55, resources/assets/styles/modules/home-header.scss */ .home-header .text-content { position: relative; padding-top: 90px; margin-bottom: 20px; } /* line 59, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 { width: 100%; } /* line 63, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 strong { margin: 0; position: relative; top: 1.5625rem; } /* line 70, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 br { display: none; } /* line 73, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 p:first-child { margin-bottom: 10px; } /* line 79, resources/assets/styles/modules/home-header.scss */ .home-header p.accroche { font-size: 1.25rem; position: relative; bottom: auto; left: 0%; width: 100%; line-height: 130%; } } @media screen and (max-width: 640px) { /* line 92, resources/assets/styles/modules/home-header.scss */ .home-header .text-content { position: relative; padding-top: 90px; margin-bottom: 20px; } /* line 96, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 { font-size: 10vw !important; line-height: 12vw; width: 100%; } /* line 100, resources/assets/styles/modules/home-header.scss */ .home-header .text-content h1 strong { font-size: 22vw; line-height: 29vw; margin: 0; position: relative; top: 1.5625rem; } } /* line 2, resources/assets/styles/modules/home-banner.scss */ .home-banner { padding: 0; margin-bottom: 9.375rem; } /* line 5, resources/assets/styles/modules/home-banner.scss */ .home-banner figure { width: 90%; overflow: hidden; aspect-ratio: 16/7; position: relative; background: #191919; margin: 2% auto 15px; transform-origin: center center; } /* line 14, resources/assets/styles/modules/home-banner.scss */ .home-banner figure img, .home-banner figure link { width: 100vw; position: absolute; left: 50%; top: 50%; right: 0; margin: 0 auto; opacity: 1; transform: translate3d(-50%, -50%, 0); transform-origin: center center; height: auto; } /* line 28, resources/assets/styles/modules/home-banner.scss */ .home-banner legend { font-size: 0.75rem; color: #191919; font-family: "graphikregular_italic"; line-height: 150%; padding: 0 2%; opacity: 0.6; } @media screen and (max-width: 1366px) { /* line 39, resources/assets/styles/modules/home-banner.scss */ .home-banner { margin-bottom: 3.125rem; } /* line 41, resources/assets/styles/modules/home-banner.scss */ .home-banner figure { width: 100%; } /* line 43, resources/assets/styles/modules/home-banner.scss */ .home-banner figure img, .home-banner figure link { width: 100%; height: auto; } } /* line 3, resources/assets/styles/modules/home-news.scss */ .home .home-news header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 9, resources/assets/styles/modules/home-news.scss */ .home .home-news header._on::after { width: 100vw; } /* line 13, resources/assets/styles/modules/home-news.scss */ .home .home-news header::after { content: ""; background: #191919; width: 0vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 23, resources/assets/styles/modules/home-news.scss */ .home .home-news header h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-weight: 100; } /* line 32, resources/assets/styles/modules/home-news.scss */ .home-news { margin-bottom: 120px; } /* line 34, resources/assets/styles/modules/home-news.scss */ .home-news header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; width: 100%; position: relative; } /* line 39, resources/assets/styles/modules/home-news.scss */ .home-news header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 49, resources/assets/styles/modules/home-news.scss */ .home-news header h2 { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 57, resources/assets/styles/modules/home-news.scss */ .home-news .grid { display: grid; grid-template-columns: 24% 76%; gap: 1%; } /* line 63, resources/assets/styles/modules/home-news.scss */ .home-news .grid .intro p { width: 70%; font-family: "graphik_regular"; font-size: 1rem; margin-bottom: 24px; } /* line 70, resources/assets/styles/modules/home-news.scss */ .home-news .grid .articles { display: flex; gap: 1%; } /* line 75, resources/assets/styles/modules/home-news.scss */ .home-news figure { width: 100%; overflow: hidden; height: 45vh; background: black; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; margin-bottom: 12px; } /* line 83, resources/assets/styles/modules/home-news.scss */ .home-news figure img { width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 50%; transform: translateX(-50%); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 93, resources/assets/styles/modules/home-news.scss */ .home-news .swiper-scrollbar { display: none; } @media (max-width: 74.99875rem) { /* line 102, resources/assets/styles/modules/home-news.scss */ .home .home-news header h2 { font-size: 3.125rem; } /* line 110, resources/assets/styles/modules/home-news.scss */ .home-news header h2 { font-size: 1.875rem; } /* line 113, resources/assets/styles/modules/home-news.scss */ .home-news header::after { width: 100vw !important; } /* line 117, resources/assets/styles/modules/home-news.scss */ .home-news .grid { display: flex; flex-direction: column; } /* line 120, resources/assets/styles/modules/home-news.scss */ .home-news .grid .articles { flex-direction: column; } /* line 124, resources/assets/styles/modules/home-news.scss */ .home-news .grid .intro p { width: 100%; font-size: 1.125rem; line-height: 130%; } /* line 131, resources/assets/styles/modules/home-news.scss */ .home-news .swiper-scrollbar { position: absolute; left: 0; bottom: -50px; display: block; width: 92vw; } /* line 139, resources/assets/styles/modules/home-news.scss */ .home-news .swiper-scrollbar-drag { background: #de0918; } /* line 143, resources/assets/styles/modules/home-news.scss */ .home-news .swiper { margin-top: 2rem; width: 100%; overflow: visible; } } @media screen and (max-width: 1190px) { /* line 152, resources/assets/styles/modules/home-news.scss */ .home-news .grid .articles { margin-top: 15px; flex-direction: row; } } @media screen and (max-width: 1366px) { /* line 160, resources/assets/styles/modules/home-news.scss */ .home-news header::after { width: 100vw !important; } } /* line 2, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess { padding: 75px 2%; } /* line 4, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 13, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess header._on::after { width: 100vw; } /* line 16, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess header._on i { opacity: 1; } /* line 20, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess header::after { content: ""; background: #fff; width: 0vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 30, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess header h2 { font-family: "itc_galliard_stdroman"; font-size: 3.125rem; font-weight: 100; } /* line 35, resources/assets/styles/modules/home-quick.scss */ .home .home-quickacess header i { transform: rotate(90deg) translateY(0); display: inline-block !important; position: relative; top: 16px; width: 20px; height: 20px; right: -20px; left: auto; font-size: 2.5rem; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); opacity: 0; } /* line 55, resources/assets/styles/modules/home-quick.scss */ .home-quickacess { background-color: #de0918; margin-bottom: 120px; padding: 75px 2%; } /* line 59, resources/assets/styles/modules/home-quick.scss */ .home-quickacess * { color: #fff; } /* line 62, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .grid { display: grid; grid-template-columns: 26% 72%; gap: 2%; } /* line 69, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .img-wrapper figure { width: 100%; height: 100%; overflow: hidden; position: relative; transform-origin: center center; background-color: #de0918; } /* line 76, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .img-wrapper figure img { min-width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 50%; right: 0; margin: 0 auto; opacity: 1; transform: translateX(-50%) scale(1); transform-origin: center center; transition: 0.3s ease; } /* line 88, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .img-wrapper figure img.fade { opacity: 0; transform: translateX(-50%) scale(1); } /* line 93, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .img-wrapper figure img.none { transform: translateX(-50%) scale(1); opacity: 0; visibility: hidden; } /* line 101, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; display: flex; } /* line 109, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header._on::after { width: 100vw; } /* line 112, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header._on i { opacity: 1; transform: rotate(90deg) translateY(0px); } /* line 117, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header::after { content: ""; background: #fff; width: 0vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 127, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-weight: 100; } /* line 132, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header i { transform: rotate(180deg) translateY(100px); display: inline-block; position: relative; top: 10px; left: -10px; font-size: 2.5rem; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); opacity: 0; } /* line 141, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header i.only-mobile { display: none !important; } /* line 148, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li { padding: 20px 0 10px; border-bottom: solid 1px #fff; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 130%; transition: padding 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 158, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li:hover a { font-family: "graphikregular_italic"; font-weight: 800; } /* line 162, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li:hover a i { font-weight: 800; } /* line 166, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li::before { content: ""; width: 100%; height: 0%; position: absolute; z-index: -1; background-color: #fff; left: 0; bottom: 0; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 177, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li a { position: relative; width: 100%; display: block; } /* line 184, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li a i { position: absolute; right: 40px; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } @media (max-width: 74.99875rem) { /* line 195, resources/assets/styles/modules/home-quick.scss */ .home-quickacess { padding-bottom: 3.125rem; } /* line 197, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .img-wrapper { display: none; } /* line 201, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header h2 { font-size: 3.125rem; } /* line 203, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header h2 i.only-mobile { display: inline-flex !important; position: relative; top: 0px; transform: rotate(90deg); left: auto; opacity: 1; } /* line 212, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header::after { width: 100vw; } /* line 215, resources/assets/styles/modules/home-quick.scss */ .home-quickacess header i.not-mobile { display: none !important; } /* line 219, resources/assets/styles/modules/home-quick.scss */ .home-quickacess .grid { display: flex; flex-direction: column; } /* line 223, resources/assets/styles/modules/home-quick.scss */ .home-quickacess nav ul li a i { position: absolute; right: 0; } } /* line 4, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header { width: 100%; margin-bottom: 24px; padding: 0 0 32px; position: relative; display: flex; align-items: end; justify-content: space-between; } @media screen and (max-width: 1920px) { /* line 4, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header { padding: 0 2% 32px; } } /* line 17, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header._on::after { width: 100vw; } /* line 21, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header::after { content: ""; background: #191919; width: 0vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 31, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-weight: 100; } /* line 36, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header h3 { font-family: "graphikmedium"; font-size: 1.875rem; font-weight: 100; margin-top: 12px; } /* line 42, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header p { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 1.875rem; margin-top: 12px; max-width: 760px; width: 100%; } /* line 55, resources/assets/styles/modules/home-agenda.scss */ .home-agenda { margin-bottom: 120px; padding: 0; } /* line 58, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header { padding: 0%; padding-bottom: 0.875rem; margin-bottom: 1.5rem; width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } @media screen and (max-width: 1920px) { /* line 58, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header { padding: 2%; padding-bottom: 0.875rem; margin-bottom: 1.5rem; } } /* line 72, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 82, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-weight: 100; } /* line 87, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header h3 { font-family: "graphikmedium"; font-size: 1.875rem; font-weight: 100; margin-top: 12px; } /* line 93, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header p { font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 1.875rem; margin-top: 12px; max-width: 760px; width: 100%; } /* line 103, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid { display: grid; gap: 0.5%; } /* line 106, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid.row-1 { grid-template-columns: 33% 33% 16.5% 16.5%; margin-bottom: 1.5625rem; } /* line 110, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid.row-2 { border-top: solid 1px #191919; grid-template-columns: 16.25% 16.25% 16.25% 16.25% 16.25% 16.25%; } /* line 115, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid .intro p { width: 70%; font-family: "graphik_regular"; font-size: 16px; margin-bottom: 24px; } /* line 124, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article:hover span.date i { color: #de0918; } /* line 127, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article:hover figure img { transform: scale(1.2); opacity: 0.7; } /* line 131, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article:hover .text-content p { color: #de0918; } /* line 136, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article.main figure { height: 45vh; } /* line 140, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article.main p, .home-agenda .grid article.main h3 { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 29px; } /* line 149, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article.no-image { height: 40%; } /* line 151, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article.no-image figure { display: none; } /* line 154, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article.no-image .text-content { max-height: 50%; padding: 0 0.9375rem; } /* line 157, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article.no-image .text-content span { margin-top: 0; } /* line 163, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article figure { width: 100%; overflow: hidden; height: 45vh; background: black; position: relative; } /* line 170, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article figure img { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; min-height: 100%; height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 182, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article .text-content { padding: 0.9375rem; } /* line 185, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 100; display: inline-block; margin: 12px 0; color: #de0918; } /* line 194, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span.date { font-family: "graphikmedium"; padding: 0.9375rem; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; color: #191919; display: inline-flex; align-items: center; gap: 5px; } /* line 205, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span.date strong { font-weight: 600; } /* line 209, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span i { transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 213, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article p { font-family: "graphik_regular"; } /* line 216, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article h3 { font-family: "graphikmedium"; } /* line 219, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article p, .home-agenda .grid article h3 { font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } @media (max-width: 74.99875rem) { /* line 236, resources/assets/styles/modules/home-agenda.scss */ .home .home-agenda header h2 { font-size: 3.125rem !important; } /* line 242, resources/assets/styles/modules/home-agenda.scss */ .home-agenda { padding: 4%; margin-bottom: 1.75rem; } /* line 246, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header h2 { font-size: 1.875rem; } /* line 249, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header::after { width: 100vw !important; } /* line 253, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .cta, .home-agenda input[type="button"], .home-agenda input[type="submit"], .home-agenda .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .home-agenda .add_repeater_item, .home-agenda .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .home-agenda .remove_repeater_item { margin-bottom: 2rem; width: 100%; justify-content: center; } /* line 258, resources/assets/styles/modules/home-agenda.scss */ .home-agenda a.cta, .home-agenda .gform_wrapper.gravity-theme form .gfield_repeater_buttons a.add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .home-agenda a.add_repeater_item, .home-agenda .gform_wrapper.gravity-theme form .gfield_repeater_buttons a.remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .home-agenda a.remove_repeater_item { width: auto; } /* line 261, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid { display: flex; flex-direction: column; border-top: 0 !important; } /* line 266, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid.row-1 article:last-of-type { display: none; } /* line 270, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article { margin-bottom: 2rem; } /* line 272, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span { font-size: 0.875rem; } /* line 275, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span.date { padding: 0; font-size: 1.25rem; } /* line 278, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article span.date i { color: #de0918; } /* line 282, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article figure { aspect-ratio: 3/2 !important; height: auto !important; } /* line 286, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article .text-content { padding: 12px 0 0; } /* line 288, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article .text-content span { margin-top: 0; } /* line 291, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid article .text-content p, .home-agenda .grid article .text-content h3 { font-family: "graphikmedium"; font-size: 1.25rem !important; line-height: 120%; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 304, resources/assets/styles/modules/home-agenda.scss */ .home-agenda { padding: 2%; } /* line 306, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header { padding: 2% 0; } /* line 309, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .cta.only-mobile, .home-agenda input.only-mobile[type="button"], .home-agenda input.only-mobile[type="submit"], .home-agenda .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .home-agenda .only-mobile.add_repeater_item, .home-agenda .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .home-agenda .only-mobile.remove_repeater_item { display: inline-flex; align-self: start; width: auto; } /* line 315, resources/assets/styles/modules/home-agenda.scss */ .home-agenda .grid.row-1 { display: grid; grid-template-columns: 33% 33% 33%; } } @media screen and (max-width: 1366px) { /* line 325, resources/assets/styles/modules/home-agenda.scss */ .home-agenda header::after { width: 100vw !important; } } /* line 1, resources/assets/styles/modules/home-ressources.scss */ .mobile-ressources .txt._current { font-family: "itc_galliard_stdroman"; color: #de0918; transform: translateY(32px); } /* line 5, resources/assets/styles/modules/home-ressources.scss */ .mobile-ressources .txt._current::after { width: 100%; } /* line 8, resources/assets/styles/modules/home-ressources.scss */ .mobile-ressources .txt._current::before { width: 0%; } /* line 15, resources/assets/styles/modules/home-ressources.scss */ .mobile-ressources .txt.none, .mobile-ressources .intro.none { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transform: translateY(-100px); } /* line 25, resources/assets/styles/modules/home-ressources.scss */ .home-ressources { width: 100%; height: 750px; padding: 0; overflow: hidden; } /* line 31, resources/assets/styles/modules/home-ressources.scss */ .home-ressources.not-mobile { display: block; } /* line 34, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav { width: 100%; } /* line 36, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul { width: 100%; display: flex; align-items: center; justify-content: space-around; } /* line 41, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li { flex-basis: 25%; text-align: center; font-size: 1.125rem; font-style: normal; font-weight: 400; font-family: "graphik_regular"; padding: 14px 0; background-color: #fff; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; } /* line 52, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li:hover { cursor: pointer; color: #de0918; } /* line 55, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li:hover::before { width: 0%; } /* line 58, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li:hover::after { width: 100%; } /* line 62, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li._current { font-family: "itc_galliard_stdroman"; color: #de0918; border-bottom: solid 1px #de0918; transform: translateY(32px); } /* line 67, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li._current::after { width: 100%; } /* line 70, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li._current::before { width: 0%; } /* line 74, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li::before { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; right: 0; background: #191919; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 84, resources/assets/styles/modules/home-ressources.scss */ .home-ressources nav ul li::after { content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background: #de0918; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 97, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content { width: 100%; height: 100%; background-color: #f5f5f5; } /* line 101, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .tab { height: 50%; } /* line 105, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid { height: 100%; display: flex; align-items: end; justify-content: center; } /* line 113, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title { display: grid; place-items: center; position: relative; left: -8%; } /* line 120, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-style: normal; font-weight: 400; line-height: 3.75rem; top: -130px; position: relative; left: -30%; } /* line 129, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 .split-parent { color: #de0918; display: inline-block; line-height: 100px; margin: -40px 0; } /* line 134, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 .split-parent .split-parent { overflow: hidden !important; } /* line 137, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 .split-parent:first-child { color: #191919; } /* line 140, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 .split-parent:nth-child(3) { margin-left: 0px; line-height: 88px; margin-top: 0px; position: relative; top: 10px; } /* line 147, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 .split-parent:last-child { margin-left: 0px; line-height: 88px; margin-top: 0px; position: relative; top: 20px; } /* line 155, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 ~ span { position: absolute; left: -15%; line-height: 4.75rem; color: #de0918; display: inline-block; font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-style: normal; font-weight: 400; overflow: visible !important; min-width: 40vw; max-width: 40vw; top: -14px; } /* line 172, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 ~ span.span-4 > div { float: left; } /* line 175, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 ~ span.span-4 > div:last-child > div:last-child { margin-left: 15px; } /* line 179, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 ~ span.fade { opacity: 0; } /* line 183, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .title h2 ~ span.none { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } /* line 193, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro { font-family: "graphik_regular"; font-size: 16px; font-style: normal; font-weight: 400; width: 420px; position: relative; left: 50px; line-height: 1.3rem; } /* line 202, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro.fade { opacity: 0; } /* line 206, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro.none { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; } /* line 214, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro strong { font-family: "graphikmedium"; font-weight: 500; } /* line 218, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro strong a { position: relative; color: #de0918; text-decoration: underline; } /* line 222, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro strong a > div::after { width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; content: ""; background: #de0918; } @media (max-width: 74.99875rem) { /* line 222, resources/assets/styles/modules/home-ressources.scss */ .home-ressources .content .grid .text .intro strong a > div::after { display: none; } } /* line 238, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form { width: 100%; margin-top: 80px; position: relative; } /* line 243, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form._on::after { width: 100%; } /* line 246, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form._on input { transform: translateY(0); } /* line 249, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form._on button.cta, .home-ressources .gform_wrapper.gravity-theme form._on .gfield_repeater_buttons button.add_repeater_item, .gform_wrapper.gravity-theme .home-ressources form._on .gfield_repeater_buttons button.add_repeater_item, .home-ressources .gform_wrapper.gravity-theme form._on .gfield_repeater_buttons button.remove_repeater_item, .gform_wrapper.gravity-theme .home-ressources form._on .gfield_repeater_buttons button.remove_repeater_item { transform: translateY(0px); } /* line 252, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form._on button:not(.cta):not(input[type="button"]):not( input[type="submit"]) { transform: translateY(-50%); } /* line 254, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form._on button:not(.cta):not(input[type="button"]):not( input[type="submit"]) + i.icon-close { transform: translateY(0%); } /* line 259, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form::after { content: ""; width: 0%; height: 1px; background-color: #191919; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 271, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form fieldset { width: 70%; margin: 0 auto; display: block; position: relative; overflow: hidden; } /* line 278, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form fieldset:nth-child(2) { display: flex; align-items: end; justify-content: end; position: absolute; left: 0; right: 0; margin: 20px auto; } /* line 287, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form input { width: 100%; margin: 0 auto; display: block; border: none; outline: none; padding: 0; box-shadow: none; font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 300; color: #191919; transform: translateY(150px); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 302, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form input::placeholder { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 300; color: #555; } /* line 310, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form button:not(.cta):not(input[type="button"]):not( input[type="submit"]) { position: absolute; right: 40px; top: 50%; width: 40px; height: 40px; display: grid; place-items: center; transform: translateY(150px); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 320, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form button:not(.cta):not(input[type="button"]):not( input[type="submit"]) i { font-size: 1.5rem; } /* line 323, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form button:not(.cta):not(input[type="button"]):not( input[type="submit"]) + i.icon-close { position: absolute; right: 0px; top: 30px; font-size: 1.25rem; border-left: solid 1px #191919; padding-left: 0.75rem; cursor: pointer; transform: translateY(150px); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 335, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form button.cta, .home-ressources .gform_wrapper.gravity-theme form .gfield_repeater_buttons button.add_repeater_item, .gform_wrapper.gravity-theme .home-ressources form .gfield_repeater_buttons button.add_repeater_item, .home-ressources .gform_wrapper.gravity-theme form .gfield_repeater_buttons button.remove_repeater_item, .gform_wrapper.gravity-theme .home-ressources form .gfield_repeater_buttons button.remove_repeater_item { transform: translateY(150px); transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 338, resources/assets/styles/modules/home-ressources.scss */ .home-ressources form button.cta:hover, .home-ressources .gform_wrapper.gravity-theme form .gfield_repeater_buttons button.add_repeater_item:hover, .gform_wrapper.gravity-theme .home-ressources form .gfield_repeater_buttons button.add_repeater_item:hover, .home-ressources .gform_wrapper.gravity-theme form .gfield_repeater_buttons button.remove_repeater_item:hover, .gform_wrapper.gravity-theme .home-ressources form .gfield_repeater_buttons button.remove_repeater_item:hover { background-color: #de0918; border-color: #de0918; } /* line 346, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources { height: auto; top: 0; position: relative; transform: translateY(0) translateX(0); padding-bottom: 0; overflow: visible; } /* line 353, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .text-content { padding: 3.75rem 4% 2.0625rem; display: flex; flex-direction: column; gap: 1rem; } /* line 358, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .text-content h2 { font-family: "itc_galliard_stdroman"; font-size: 3.125rem; font-style: normal; font-weight: 400; line-height: 100%; } /* line 364, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .text-content h2 strong { font-weight: 400; color: #de0918; line-height: 1; } /* line 369, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .text-content h2 ~ span { font-family: "itc_galliard_stdroman"; font-size: 3.125rem; font-style: normal; font-weight: 400; line-height: 100%; color: #de0918; transform: translateY(-10px); } /* line 379, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .text-content p { font-family: "graphik_regular"; font-size: 1.125rem; line-height: 130%; font-style: normal; font-weight: 300; } /* line 385, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .text-content p a { text-decoration: underline; color: #de0918; } /* line 391, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .filter-container { background-color: #e8e8e8; padding-bottom: 2.5rem; } /* line 394, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .filter-container .swiper { margin-bottom: 0.625rem; padding-top: 140px; } /* line 397, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .filter-container .swiper .filter { top: 40px; } /* line 400, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources .filter-container .swiper .swiper-pagination { top: 125px; } @media (min-width: 75rem) { /* line 408, resources/assets/styles/modules/home-ressources.scss */ .search-container.mobile-ressources { display: none; } } @media (max-width: 74.99875rem) { /* line 414, resources/assets/styles/modules/home-ressources.scss */ .home-ressources { display: none; } } /* ** Se référer au markup de example-module.blade.php */ /* line 8, resources/assets/styles/modules/home-discover.scss */ .home .home-discover header { width: 100%; margin-bottom: 24px; position: relative; display: flex; align-items: center; justify-content: space-between; } /* line 17, resources/assets/styles/modules/home-discover.scss */ .home .home-discover header._on::after { width: 100vw; } /* line 21, resources/assets/styles/modules/home-discover.scss */ .home .home-discover header::after { content: ""; background: #191919; width: 0vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 31, resources/assets/styles/modules/home-discover.scss */ .home .home-discover header h2 { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-weight: 100; } /* line 40, resources/assets/styles/modules/home-discover.scss */ .home-discover { margin-bottom: 120px; margin-top: 120px; padding: 2% 0 2% 2%; } /* line 44, resources/assets/styles/modules/home-discover.scss */ .home-discover header { padding-bottom: 0.5rem; margin-bottom: 1.5rem; width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; } /* line 52, resources/assets/styles/modules/home-discover.scss */ .home-discover header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 62, resources/assets/styles/modules/home-discover.scss */ .home-discover header h2 { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 120%; max-width: 640px; } /* line 71, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid { display: grid; grid-template-columns: 24% 75%; gap: 1%; } /* line 76, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .intro p { width: 70%; font-family: "graphik_regular"; font-size: 16px; margin-bottom: 24px; } /* line 125, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .swiper { overflow: visible; width: 100%; } /* line 176, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .swiper-scrollbar { display: none; } /* line 181, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article:hover figure img { transform: scale(1.15); } /* line 184, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article:hover p { color: #de0918; font-family: "graphikmedium"; font-weight: 500; } /* line 190, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article figure { width: 100%; overflow: hidden; background: black; margin-bottom: 12px; } /* line 195, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article figure img { width: 100%; height: 100%; min-width: 100%; min-height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); transform: scale(1.07); } /* line 205, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article .text-content { padding: 0.9375rem; } /* line 208, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article span { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 500; display: inline-block; margin: 0; color: #de0918; } /* line 217, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article span.date { padding: 0.9375rem; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; color: #191919; } /* line 226, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article p { font-family: "graphik_regular"; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } @media (max-width: 74.99875rem) { /* line 242, resources/assets/styles/modules/home-discover.scss */ .home .home-discover header h2 { font-size: 3.125rem; } /* line 245, resources/assets/styles/modules/home-discover.scss */ .home .home-discover header::after { width: 100vw; } /* line 251, resources/assets/styles/modules/home-discover.scss */ .home-discover { padding: 4%; margin-bottom: 0; } /* line 255, resources/assets/styles/modules/home-discover.scss */ .home-discover header h2 { font-size: 1.875rem; line-height: 3.125rem; } /* line 260, resources/assets/styles/modules/home-discover.scss */ .home-discover header::after { width: 100vw; } /* line 264, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid { display: flex; flex-direction: column; } /* line 267, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .intro p { font-size: 1.125rem; line-height: 130%; } /* line 271, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid article p { font-size: 1.25rem; } /* line 274, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .swiper { margin-top: 2rem; padding-bottom: 2rem; } /* line 278, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .swiper-scrollbar { position: absolute; left: 0; bottom: 0px; display: block; width: 92vw; } /* line 286, resources/assets/styles/modules/home-discover.scss */ .home-discover .grid .swiper-scrollbar-drag { background: #de0918; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 294, resources/assets/styles/modules/home-discover.scss */ .home-discover { padding: 2%; } } @media screen and (max-width: 1366px) { /* line 301, resources/assets/styles/modules/home-discover.scss */ .home-discover header::after { width: 100vw !important; } } /* line 2, resources/assets/styles/modules/_banner.scss */ .page-header + .banner { padding-top: 0; } /* line 6, resources/assets/styles/modules/_banner.scss */ .page-header:has(+ .banner) { padding-bottom: 0; } /* line 10, resources/assets/styles/modules/_banner.scss */ .banner { padding: 2%; margin-bottom: 4.375rem; } /* line 13, resources/assets/styles/modules/_banner.scss */ .banner figure { width: 100%; overflow: hidden; aspect-ratio: 16/6; position: relative; background: #191919; margin: 2% auto 15px; transform-origin: center center; } /* line 22, resources/assets/styles/modules/_banner.scss */ .banner figure img { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; right: 0; margin: 0 auto; opacity: 1; transform: translateX(-50%) translateY(-50%); transform-origin: center center; object-fit: cover; } /* line 36, resources/assets/styles/modules/_banner.scss */ .banner legend { font-size: 0.75rem; color: #191919; font-family: "graphikregular_italic"; line-height: 150%; padding: 0; } @media (max-width: 74.99875rem) { /* line 46, resources/assets/styles/modules/_banner.scss */ .banner { padding: 4%; margin-bottom: 3.125rem; } /* line 49, resources/assets/styles/modules/_banner.scss */ .banner figure { width: 100%; aspect-ratio: 3/2; } /* line 53, resources/assets/styles/modules/_banner.scss */ .banner figure img { height: 100%; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 60, resources/assets/styles/modules/_banner.scss */ .banner { padding: 2%; margin-bottom: 3.125rem; } /* line 63, resources/assets/styles/modules/_banner.scss */ .banner figure { aspect-ratio: 16/9; width: 100%; } } /* line 1, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg:has(+ .ctas-wrapper) { margin-bottom: 1.5rem; } /* line 5, resources/assets/styles/modules/_wysiwyg.scss */ .ctas-wrapper + .wysiwyg { margin-top: 2.5rem; } /* line 9, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg { padding: 0; margin-bottom: 4.375rem; } /* line 12, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg > div { width: 55%; max-width: 948px; margin: 0 auto; } /* line 18, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg.publication { display: flex; padding: 2% 4% 2% 2%; gap: 5%; } /* line 22, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg.publication > div { width: 100%; max-width: unset; margin: unset; } /* line 26, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg.publication > div:nth-child(1) { width: 25%; min-width: 15rem; } /* line 33, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; border-bottom: solid 1px #191919; width: 100%; } /* line 38, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg header h2, .wysiwyg header h3 { font-family: "graphik_regular"; font-size: 30px; font-style: normal; font-weight: 400; line-height: 120%; } /* line 48, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content h2, .wysiwyg .text-content h1 { font-family: "graphikmedium"; font-size: 1.5rem; font-style: normal; font-weight: 500; line-height: 29px; margin-bottom: 2rem; } /* line 58, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content h3 { font-weight: 500; } /* line 61, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content*:last-of-type { margin-bottom: 0; } /* line 64, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1.5rem; } /* line 72, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content p strong { font-family: "graphikmedium"; font-weight: 500; } /* line 76, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content p a { text-decoration: underline; color: #de0918; } /* line 82, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .image-wrapper { width: 100% !important; height: auto !important; } /* line 86, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .image-wrapper img { width: 100% !important; height: auto !important; } /* line 91, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ol { margin-left: 20px; } /* line 94, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ul, .wysiwyg .text-content ol { display: flex; flex-direction: column; gap: 9px; margin-bottom: 1.5rem; } /* line 100, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ul a, .wysiwyg .text-content ol a { text-decoration: underline; color: #de0918; } /* line 105, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ul li, .wysiwyg .text-content ol li { padding-left: 20px; font-family: "graphik_regular"; font-size: 1rem; line-height: 150%; font-style: normal; font-weight: 400; position: relative; } /* line 115, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ol li { padding-left: 0px; list-style-type: decimal; } /* line 120, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ol li::marker { color: #de0918; } /* line 123, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: -5px; top: 3px; } /* line 130, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .tooltip { line-height: 1rem; width: 20px; height: 20px; border-radius: 20px; background-color: #de0918; color: #fff; display: inline-grid; place-items: center; position: relative; font-family: "itc_galliard_stdroman"; cursor: pointer; } /* line 144, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .tooltip .tooltiptext { visibility: hidden; opacity: 0; width: 260px; min-width: 180px; background-color: #191919; font-family: "graphik_regular"; color: #fff; text-align: left; line-height: 18px !important; font-size: 0.75rem; border-radius: 5px; padding: 10px; position: absolute; z-index: 1; bottom: 110%; left: 50%; transform: translateX(-50%); transition: 0.3s ease; } /* line 163, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .tooltip .tooltiptext a { transition: 0.3s ease; text-decoration: underline !important; color: #fff !important; } /* line 168, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .tooltip .tooltiptext a:hover { opacity: 0.5; } /* line 173, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent; } /* line 184, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } /* line 189, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .legend, .wysiwyg legend { font-family: "graphik_regular"; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1.6875rem; color: #191919; } /* line 198, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .legend a, .wysiwyg legend a { text-decoration: underline; color: #de0918; } /* line 203, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .legend { width: 100% !important; } /* line 206, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .cta, .wysiwyg input[type="button"], .wysiwyg input[type="submit"], .wysiwyg .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .wysiwyg .add_repeater_item, .wysiwyg .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .wysiwyg .remove_repeater_item { margin-bottom: 0.75rem; } @media screen and (max-width: 1512px) { /* line 221, resources/assets/styles/modules/_wysiwyg.scss */ .single-agenda .wysiwyg > div { max-width: 814px; } } @media screen and (max-width: 768px) { /* line 231, resources/assets/styles/modules/_wysiwyg.scss */ .single-actualites .wysiwyg > div, .wysiwyg > div { width: 100%; } } @media (max-width: 74.99875rem) { /* line 239, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg { padding: 4%; } /* line 241, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg.publication { flex-direction: column; padding: 4%; gap: 24px; } /* line 247, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg header h2 { font-size: 1.5rem; } /* line 252, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content h2 { font-size: 1.375rem; } /* line 255, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg .text-content p { font-size: 1.125rem; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 263, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg { padding: 2%; } /* line 265, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg > div { width: 80%; } /* line 268, resources/assets/styles/modules/_wysiwyg.scss */ .wysiwyg.publication { flex-direction: row; padding: 2%; } } /* line 1, resources/assets/styles/modules/_text-image.scss */ .text-image { margin-bottom: 4.375rem; padding: 2%; } /* line 4, resources/assets/styles/modules/_text-image.scss */ .text-image header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; border-bottom: solid 1px #191919; width: 100%; } /* line 9, resources/assets/styles/modules/_text-image.scss */ .text-image header h3 { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 19, resources/assets/styles/modules/_text-image.scss */ .text-image.large header { margin-bottom: 0.75rem; } /* line 22, resources/assets/styles/modules/_text-image.scss */ .text-image.large legend { width: 100%; text-align: right; font-family: "graphikregular_italic"; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; margin-bottom: 0.75rem; } /* line 32, resources/assets/styles/modules/_text-image.scss */ .text-image.large figure { overflow: hidden; width: 100%; aspect-ratio: 16/6; position: relative; } /* line 37, resources/assets/styles/modules/_text-image.scss */ .text-image.large figure img { min-width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } /* line 44, resources/assets/styles/modules/_text-image.scss */ .text-image.large .text-content { width: 53% !important; max-width: 978px; margin: 3rem auto 0; } /* line 52, resources/assets/styles/modules/_text-image.scss */ .text-image.reverse .grid { flex-direction: row-reverse; } /* line 56, resources/assets/styles/modules/_text-image.scss */ .text-image.reverse.with-legend .img-content { flex-direction: row; } /* line 63, resources/assets/styles/modules/_text-image.scss */ .text-image.with-legend .img-content { flex-direction: row-reverse; gap: 10px; } /* line 66, resources/assets/styles/modules/_text-image.scss */ .text-image.with-legend .img-content figure { width: 80%; flex-basis: 80%; aspect-ratio: 4/3; } /* line 71, resources/assets/styles/modules/_text-image.scss */ .text-image.with-legend .img-content legend { flex-basis: 20%; font-family: "graphikregular_italic"; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 81, resources/assets/styles/modules/_text-image.scss */ .text-image .grid { display: flex; align-items: start; column-gap: 2.5rem; } /* line 85, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .img-content { width: 100%; display: flex; } /* line 89, resources/assets/styles/modules/_text-image.scss */ .text-image .grid figure { width: 100%; aspect-ratio: 3/2; overflow: hidden; position: relative; } /* line 94, resources/assets/styles/modules/_text-image.scss */ .text-image .grid figure img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 105, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content { width: 100%; } /* line 107, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1.5rem; max-width: 650px; } /* line 115, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content p:last-of-type { margin-bottom: 0; } /* line 118, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content p strong { font-family: "graphikmedium"; font-weight: 500; } /* line 122, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content p a { text-decoration: underline; color: #de0918; } /* line 127, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ol { margin-left: 20px; } /* line 130, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ul, .text-image .grid .text-content ol { display: flex; flex-direction: column; gap: 9px; margin-bottom: 1.5rem; } /* line 136, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ul a, .text-image .grid .text-content ol a { text-decoration: underline; color: #de0918; } /* line 141, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ul li, .text-image .grid .text-content ol li { padding-left: 20px; font-family: "graphik_regular"; font-size: 1rem; line-height: 150%; font-style: normal; font-weight: 400; position: relative; } /* line 151, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ol li { padding-left: 0px; list-style-type: decimal; } /* line 156, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ol li::marker { color: #de0918; } /* line 159, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: -5px; top: 3px; } /* line 166, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content .cta, .text-image .grid .text-content input[type="button"], .text-image .grid .text-content input[type="submit"], .text-image .grid .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .text-image .grid .text-content .add_repeater_item, .text-image .grid .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .text-image .grid .text-content .remove_repeater_item { margin-top: 1.375rem; } /* line 170, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content .cta-black:hover { background-color: #de0918; color: #fff; } /* line 175, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content .cta-black-outline:hover { border-color: #de0918; background-color: #de0918; color: #fff; } @media (max-width: 74.99875rem) { /* line 185, resources/assets/styles/modules/_text-image.scss */ .text-image { padding: 4%; } /* line 188, resources/assets/styles/modules/_text-image.scss */ .text-image header h3 { font-size: 1.5rem; } /* line 193, resources/assets/styles/modules/_text-image.scss */ .text-image.large .text-content { width: 100% !important; max-width: 100%; margin: 1.125rem auto 0; } /* line 198, resources/assets/styles/modules/_text-image.scss */ .text-image.large legend { font-size: 0.75rem; } /* line 201, resources/assets/styles/modules/_text-image.scss */ .text-image.large figure { aspect-ratio: 4/3; } /* line 206, resources/assets/styles/modules/_text-image.scss */ .text-image.reverse .grid { flex-direction: column; } /* line 208, resources/assets/styles/modules/_text-image.scss */ .text-image.reverse .grid .img-content { flex-direction: column; } /* line 210, resources/assets/styles/modules/_text-image.scss */ .text-image.reverse .grid .img-content figure { width: 100%; flex-basis: 100%; } /* line 217, resources/assets/styles/modules/_text-image.scss */ .text-image .grid { flex-direction: column; gap: 20px; } /* line 220, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .img-content { flex-direction: column; } /* line 222, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .img-content figure { width: 100%; flex-basis: 100%; } /* line 226, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .img-content legend { font-size: 0.75rem; } /* line 231, resources/assets/styles/modules/_text-image.scss */ .text-image .grid .text-content p { font-size: 1.125rem; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 240, resources/assets/styles/modules/_text-image.scss */ .text-image { padding: 2%; } /* line 242, resources/assets/styles/modules/_text-image.scss */ .text-image figure { aspect-ratio: 16/9 !important; } /* line 246, resources/assets/styles/modules/_text-image.scss */ .text-image.large .text-content { width: 100% !important; max-width: 100%; margin: 1.125rem auto 0; } } /* line 1, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols { margin-bottom: 4.375rem; padding: 2%; } /* line 4, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; border-bottom: solid 1px #191919; width: 100%; } /* line 9, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols header h3 { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 18, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid { display: grid; grid-template-columns: repeat(2, 1fr); align-items: start; column-gap: 2.5rem; width: 95%; } /* line 24, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .col { display: flex; flex-direction: column; } /* line 28, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .img-content { width: 100%; display: flex; flex-direction: column; gap: 8px; } /* line 33, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .img-content legend { font-family: "graphikregular_italic"; display: block; margin-top: 0.625rem; color: #191919; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 44, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid figure { width: 100%; aspect-ratio: 3/2; overflow: hidden; position: relative; } /* line 49, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid figure img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 60, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content { width: 100%; margin: 2.625rem 0 1.5rem; } /* line 63, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; margin-bottom: 1.5rem; } /* line 70, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content p:last-of-type { margin-bottom: 0; } /* line 73, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content p strong { font-family: "graphikmedium"; font-weight: 500; } /* line 77, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content p a { text-decoration: underline; color: #de0918; } /* line 82, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ol { margin-left: 20px; } /* line 85, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ul, .text-image-two-cols .grid .text-content ol { display: flex; flex-direction: column; gap: 9px; margin-bottom: 1.5rem; } /* line 91, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ul a, .text-image-two-cols .grid .text-content ol a { text-decoration: underline; color: #de0918; } /* line 96, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ul li, .text-image-two-cols .grid .text-content ol li { padding-left: 20px; font-family: "graphik_regular"; font-size: 1rem; line-height: 150%; font-style: normal; font-weight: 400; position: relative; } /* line 106, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ol li { padding-left: 0px; list-style-type: decimal; } /* line 111, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ol li::marker { color: #de0918; } /* line 114, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: -5px; top: 3px; } /* line 121, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content .cta, .text-image-two-cols .grid .text-content input[type="button"], .text-image-two-cols .grid .text-content input[type="submit"], .text-image-two-cols .grid .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .text-image-two-cols .grid .text-content .add_repeater_item, .text-image-two-cols .grid .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .text-image-two-cols .grid .text-content .remove_repeater_item { margin-top: 1.375rem; } /* line 125, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content .cta-black:hover { background-color: #de0918; color: #fff; } /* line 130, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content .cta-black-outline:hover { border-color: #de0918; background-color: #de0918; color: #fff; } @media (max-width: 74.99875rem) { /* line 140, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols { padding: 4%; } /* line 143, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols header h3 { font-size: 1.5rem; } /* line 148, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid { display: flex; flex-direction: column; gap: 2.625rem; width: 100%; } /* line 153, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .img-content { flex-direction: column; } /* line 155, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .img-content figure { width: 100%; flex-basis: 100%; } /* line 159, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .img-content legend { font-size: 0.75rem; } /* line 164, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols .grid .text-content p { font-size: 1.125rem; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 173, resources/assets/styles/modules/_text-image-two-cols.scss */ .text-image-two-cols { padding: 2%; } } /* ** Se référer au markup de example-module.blade.php */ /* line 4, resources/assets/styles/modules/_rebond.scss */ .rebond { margin-bottom: 120px; padding: 2% 2% 2% 2%; overflow: hidden; } /* line 9, resources/assets/styles/modules/_rebond.scss */ .rebond header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 15, resources/assets/styles/modules/_rebond.scss */ .rebond header:has(form) { padding-bottom: 0px; } /* line 18, resources/assets/styles/modules/_rebond.scss */ .rebond header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 28, resources/assets/styles/modules/_rebond.scss */ .rebond header h2 { font-family: "graphik_regular"; font-size: 2.125rem; font-style: normal; font-weight: 400; line-height: 120%; color: #191919; } /* line 37, resources/assets/styles/modules/_rebond.scss */ .rebond .grid { display: grid; grid-template-columns: 18.55% 18.55% 18.55% 18.55% 18.55%; gap: 1.8%; row-gap: 3%; } /* line 52, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article:hover figure img { transform: scale(1.1); } /* line 55, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article:hover p { color: #de0918; } /* line 59, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article figure { width: 100%; overflow: hidden; } /* line 64, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article figure img { min-width: 100%; min-height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 71, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article .text-content { padding: 0.9375rem; } /* line 74, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article span { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 500; margin: 0 !important; color: #de0918; } /* line 82, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article span.sub { display: none; } /* line 86, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article p { font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 96, resources/assets/styles/modules/_rebond.scss */ .rebond .swiper-scrollbar { display: none; } @media (max-width: 74.99875rem) { /* line 103, resources/assets/styles/modules/_rebond.scss */ .rebond { padding: 4%; padding-top: 4.1875rem; padding-bottom: 5rem; margin-bottom: 0; } /* line 109, resources/assets/styles/modules/_rebond.scss */ .rebond header h2 { font-size: 1.875rem; } /* line 112, resources/assets/styles/modules/_rebond.scss */ .rebond header::after { width: 100vw; } /* line 116, resources/assets/styles/modules/_rebond.scss */ .rebond .grid { display: flex; flex-direction: column; } /* line 119, resources/assets/styles/modules/_rebond.scss */ .rebond .grid .intro, .rebond .grid article { margin-bottom: 1.5rem; } /* line 125, resources/assets/styles/modules/_rebond.scss */ .rebond .swiper { overflow: visible; } /* line 129, resources/assets/styles/modules/_rebond.scss */ .rebond .swiper-scrollbar { position: absolute; left: 0; bottom: -50px; display: block; width: 92vw; } /* line 137, resources/assets/styles/modules/_rebond.scss */ .rebond .swiper-scrollbar-drag { background: #de0918; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 145, resources/assets/styles/modules/_rebond.scss */ .rebond { padding: 2%; padding-bottom: 80px; } /* line 148, resources/assets/styles/modules/_rebond.scss */ .rebond .grid { display: grid; grid-template-columns: 24% 24% 24% 24%; gap: 1.5%; margin-bottom: 2rem; } /* line 153, resources/assets/styles/modules/_rebond.scss */ .rebond .grid article { margin-bottom: 0.75rem; } /* line 157, resources/assets/styles/modules/_rebond.scss */ .rebond .swiper-scrollbar { display: block; } } /* line 2, resources/assets/styles/modules/_event-infos.scss */ .event-infos { padding: 0 2% !important; margin-bottom: 4.375rem; } /* line 5, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid { display: flex; align-items: end; gap: 2.5rem; max-width: 1750px; margin: 0 auto; } /* line 11, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container { flex-basis: 20%; width: 20%; } /* line 14, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container figure { width: 100%; position: relative; background: #191919; margin: 2% auto 15px; transform-origin: center center; } /* line 20, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container figure img { right: 0; margin: 0 auto; opacity: 1; width: 100%; } /* line 27, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container legend { font-size: 0.75rem; color: #191919; font-family: "graphikregular_italic"; line-height: 150%; padding: 0; width: 80%; } /* line 36, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content { flex-basis: 80%; width: 80%; } /* line 40, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content span.access { font-family: "graphikmedium"; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; color: #de0918; display: block; margin-top: 1.875rem; margin-bottom: 0; } /* line 51, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row { display: grid; grid-template-columns: repeat(3, 1fr); align-items: start; padding: 3.125rem 0 2.625rem; border-bottom: solid 1px; } /* line 57, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block { width: 90%; display: block; } /* line 60, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times { width: 100%; } /* line 62, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; } /* line 68, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div:hover { cursor: pointer; } /* line 71, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div.content { flex-direction: column; justify-content: unset; gap: 0; } /* line 76, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div span.day { font-size: 1.125rem; width: 100%; font-weight: 400; font-family: "graphik_regular"; text-transform: none; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; } /* line 86, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div span.day span { text-align: left; } /* line 88, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div span.day span:first-child { width: calc(35% - 16px); } /* line 91, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div span.day span:last-child { width: calc(65% - 16px); } /* line 97, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div span.dqy::first-letter { text-transform: uppercase; } /* line 101, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.times div span:not(.day) { width: 200px; text-align: right; text-transform: none; } /* line 108, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block span { display: block; font-family: "graphikmedium"; color: #191919; font-size: 1.125rem; font-style: normal; line-height: 120%; /* 21.6px */ text-transform: uppercase; margin-bottom: 0.25rem; font-weight: 400; } /* line 119, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block span.trigger i { margin-left: 20px; display: none; } /* line 123, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block p { font-family: "graphik_regular"; color: #191919; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: normal; width: 60%; } /* line 132, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block address { font-family: "graphik_regular"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 140, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block > a span { color: #de0918; } /* line 143, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block .cta, .event-infos .grid .text-content .row .infos-block input[type="button"], .event-infos .grid .text-content .row .infos-block input[type="submit"], .event-infos .grid .text-content .row .infos-block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .event-infos .grid .text-content .row .infos-block .add_repeater_item, .event-infos .grid .text-content .row .infos-block .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .event-infos .grid .text-content .row .infos-block .remove_repeater_item { margin-top: 1rem; } @media (max-width: 74.99875rem) { /* line 153, resources/assets/styles/modules/_event-infos.scss */ .event-infos { padding: 4%; } /* line 155, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid { display: flex; flex-direction: column; } /* line 158, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container { flex-basis: 100%; width: 100%; } /* line 161, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container figure { aspect-ratio: 3/2; } /* line 163, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container figure img { height: auto; } /* line 168, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content { flex-basis: 100%; width: 100%; } /* line 171, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row { display: flex; border-bottom: solid 1px; flex-direction: column; gap: 35px; } /* line 176, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block { width: 100%; } /* line 178, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block div { width: 100% !important; } /* line 182, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row .infos-block.contact p { line-height: 200%; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 194, resources/assets/styles/modules/_event-infos.scss */ .event-infos { padding: 2%; } /* line 196, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid { flex-direction: row; } /* line 198, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container { flex-basis: 50%; width: 50%; } /* line 201, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container figure { aspect-ratio: 2/3; } /* line 203, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .img-container figure img { height: 100%; } /* line 208, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content { flex-basis: 50%; width: 50%; } /* line 211, resources/assets/styles/modules/_event-infos.scss */ .event-infos .grid .text-content .row { border-bottom: solid 1px; flex-direction: column; gap: 35px; } } /* ** Se référer au markup de example-module.blade.php */ /* line 5, resources/assets/styles/modules/_carousel.scss */ .carousel { margin-bottom: 120px; margin-top: 120px; padding: 2% 0 2% 2%; } /* line 9, resources/assets/styles/modules/_carousel.scss */ .carousel header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 15, resources/assets/styles/modules/_carousel.scss */ .carousel header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 25, resources/assets/styles/modules/_carousel.scss */ .carousel header h2 { font-family: "graphik_regular"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 120%; } /* line 33, resources/assets/styles/modules/_carousel.scss */ .carousel .grid { display: grid; grid-template-columns: 20% 79%; gap: 1%; } /* line 38, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .intro p { width: 70%; font-family: "graphik_regular"; font-size: 16px; margin-bottom: 24px; } /* line 45, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .swiper { overflow: visible; width: 100%; height: 100%; } /* line 51, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .swiper-slide { width: auto !important; height: auto !important; flex-shrink: 100 !important; } /* line 57, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .swiper-scrollbar { position: absolute; left: 0; bottom: -50px; display: none; width: 92vw; } /* line 65, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .swiper-scrollbar-drag { background: #de0918; } /* line 69, resources/assets/styles/modules/_carousel.scss */ .carousel .grid figure { width: 100%; position: relative; } /* line 79, resources/assets/styles/modules/_carousel.scss */ .carousel .grid figure img { position: relative; height: 50vh; width: auto; min-width: 100%; min-height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 88, resources/assets/styles/modules/_carousel.scss */ .carousel .grid figure figcaption { position: absolute; bottom: 12px; left: 8px; padding: 0.25rem 0.625rem; background-color: #fff; border-radius: 50px; font-family: "graphikmedium"; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; color: #555; text-transform: uppercase; } /* line 104, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .text-content { padding: 0.9375rem; } /* line 108, resources/assets/styles/modules/_carousel.scss */ .carousel .grid legend { margin-top: 1rem; font-family: "graphikregular_italic"; font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 130%; color: #555; width: 100%; } @media (max-width: 74.99875rem) { /* line 122, resources/assets/styles/modules/_carousel.scss */ .carousel { padding: 4%; } /* line 124, resources/assets/styles/modules/_carousel.scss */ .carousel header h2 { font-size: 1.875rem; } /* line 127, resources/assets/styles/modules/_carousel.scss */ .carousel .grid article figure img { height: 30vh; } /* line 130, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .intro { display: none; } /* line 133, resources/assets/styles/modules/_carousel.scss */ .carousel .grid .swiper-scrollbar { display: block; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 140, resources/assets/styles/modules/_carousel.scss */ .carousel { padding: 2%; } } /* line 2, resources/assets/styles/modules/_member-infos.scss */ .member-infos { padding: 2.5625rem 7.5rem 4.6875rem; margin-bottom: 4.375rem; background-color: #de0918; display: block; } /* line 7, resources/assets/styles/modules/_member-infos.scss */ .member-infos * { color: #fff; } /* line 10, resources/assets/styles/modules/_member-infos.scss */ .member-infos .grid { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1700px; margin: 0 auto; gap: 6.25rem; row-gap: 3.75rem; } /* line 18, resources/assets/styles/modules/_member-infos.scss */ .member-infos .grid div span { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 150%; /* 30px */ text-transform: uppercase; } /* line 26, resources/assets/styles/modules/_member-infos.scss */ .member-infos .grid div p { font-family: "graphik_regular"; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 130%; } @media (max-width: 74.99875rem) { /* line 38, resources/assets/styles/modules/_member-infos.scss */ .member-infos { padding: 4%; } /* line 40, resources/assets/styles/modules/_member-infos.scss */ .member-infos .grid { grid-template-columns: repeat(1, 1fr); gap: 2rem; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 48, resources/assets/styles/modules/_member-infos.scss */ .member-infos { padding: 2%; } /* line 50, resources/assets/styles/modules/_member-infos.scss */ .member-infos .grid { gap: 2rem; grid-template-columns: repeat(2, 1fr); } } /* line 2, resources/assets/styles/modules/_tabs.scss */ .tabs { width: 100%; padding: 0; overflow: hidden; margin-bottom: 7.5rem; } /* line 7, resources/assets/styles/modules/_tabs.scss */ .tabs.not-mobile { display: block !important; } @media screen and (max-width: 1190px) { /* line 7, resources/assets/styles/modules/_tabs.scss */ .tabs.not-mobile { display: none !important; } } /* line 14, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid article figure { aspect-ratio: 3/2; overflow: hidden; position: relative; } /* line 18, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid article figure img { position: absolute; top: 50%; transform: scale(1) translateY(-50%); height: auto !important; } /* line 24, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid article figure.r-et-p .grid article figure { aspect-ratio: 2/3; } /* line 28, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid._ressources { margin-bottom: 5.625rem; } /* line 30, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid._ressources article figure { aspect-ratio: 3/2; overflow: hidden; position: relative; } /* line 34, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid._ressources article figure img { position: absolute; top: 50%; transform: scale(1) translateY(-50%); height: auto !important; } /* line 43, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .team .grid article.card-member figure { aspect-ratio: unset; overflow: hidden; position: relative; } /* line 47, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .team .grid article.card-member figure img { position: absolute; top: 50%; left: 50%; transform: scale(1) translate3d(-50%, -50%, 0); } /* line 56, resources/assets/styles/modules/_tabs.scss */ .tabs nav { width: 100%; position: relative; z-index: 2; } /* line 60, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list { width: 100%; display: flex; align-items: center; } /* line 64, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li { width: 100%; text-align: center; padding: 0.875rem; background-color: #fff; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: relative; } /* line 71, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li h2 { font-size: 1.5rem; font-style: normal; font-weight: 400; font-family: "graphik_regular"; } @media screen and (max-width: 1335px) { /* line 64, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li { font-size: 1.25rem; } } /* line 80, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li:hover { cursor: pointer; color: #de0918; } /* line 83, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li:hover::before { width: 0%; } /* line 86, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li:hover::after { width: 100%; } /* line 90, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li._current { border-bottom: solid 1px #de0918; transform: translateY(32px); } /* line 93, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li._current h2 { font-family: "itc_galliard_stdroman"; color: #de0918; } /* line 97, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li._current::after { width: 100%; } /* line 100, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li._current::before { width: 0%; } /* line 104, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li::before { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; right: 0; background: #191919; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 114, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li::after { content: ""; width: 0; height: 1px; position: absolute; bottom: 0; left: 0; background: #de0918; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 127, resources/assets/styles/modules/_tabs.scss */ .tabs .tab { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); transform: translateY(0px); background-color: #f5f5f5; padding: 100px 0; } /* line 132, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.fade { opacity: 0; transform: translateY(50px); } /* line 137, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.none { transform: translateY(50px); opacity: 0; visibility: hidden; display: none; } /* line 144, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.team .grid:not(.one-col) { width: 96%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 42px; } /* line 150, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.team .grid:not(.one-col) .card.card-member .main-wrapper .text-content h3 { font-size: 1.25rem; } /* line 154, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.team .grid.one-col { padding: 70px 0; } /* line 159, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.event .grid:not(.one-col) { width: 96%; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; border-bottom: solid 1px #c5c5c5; margin-bottom: 5rem; } /* line 167, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.event .grid:not(.one-col) .card.card-agenda .text-content { padding: 0.9375rem 0; } /* line 171, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.event .card.card-agenda { margin-bottom: 0; } /* line 176, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.r-et-p .grid { width: 80%; margin: 0 auto 80px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } /* line 182, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.r-et-p .grid.one-col { width: 53%; max-width: 978px; margin: 0 auto; display: flex; flex-direction: column; } /* line 189, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.r-et-p .grid header { grid-column: span 4; margin-bottom: 0; } /* line 193, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.r-et-p .grid .btn-wrapper { width: 100%; display: grid; place-items: center; grid-column: span 4; margin: 24px auto 0; } /* line 200, resources/assets/styles/modules/_tabs.scss */ .tabs .tab.r-et-p .grid .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; } /* line 211, resources/assets/styles/modules/_tabs.scss */ .tabs .grid { width: 53%; margin: 0 auto; } /* line 214, resources/assets/styles/modules/_tabs.scss */ .tabs .grid.one-col { max-width: 978px; } /* line 219, resources/assets/styles/modules/_tabs.scss */ .tabs .grid article * { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 222, resources/assets/styles/modules/_tabs.scss */ .tabs .grid article p { font-size: 1rem; font-weight: 500; font-family: "graphikmedium"; list-style: 1.3rem; } /* line 228, resources/assets/styles/modules/_tabs.scss */ .tabs .grid article figure img { transform: scale(1) translate3d(-50%, -50%, 0) !important; } /* line 233, resources/assets/styles/modules/_tabs.scss */ .tabs .grid article:hover.card-member figure img { transform: scale(1.1) translate3d(-50%, -50%, 0) !important; } /* line 237, resources/assets/styles/modules/_tabs.scss */ .tabs .grid article:hover figure img { transform: scale(1.1) translate3d(-50%, -50%, 0) !important; } /* line 243, resources/assets/styles/modules/_tabs.scss */ .tabs header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; border-bottom: solid 1px #191919; width: 100%; } /* line 248, resources/assets/styles/modules/_tabs.scss */ .tabs header .inner-title { font-family: "graphik_regular"; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 256, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content { margin-bottom: 2rem; } /* line 258, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 170%; } /* line 264, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content p:last-of-type { margin-bottom: 0; } /* line 267, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content p strong { font-family: "graphikmedium"; font-weight: 800; } /* line 271, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content p a { text-decoration: underline; color: #de0918; } /* line 290, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content ul, .tabs .text-content ol { display: flex; flex-direction: column; gap: 9px; margin-top: 1.5rem; margin-bottom: 1.5rem; counter-increment: li; } /* line 299, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content ul li, .tabs .text-content ol li { padding-left: 20px; font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; position: relative; line-height: 170%; } /* line 310, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content ol { position: relative; left: 20px; width: calc(100% - 20px); } /* line 315, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content ol li { padding-left: 0px; list-style-type: decimal; } /* line 320, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content ol li::marker { color: #de0918; } /* line 323, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: -5px; } /* line 329, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content .infos-block.times { width: 220px; display: block; margin-top: 1.125rem; } /* line 333, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content .infos-block.times div { width: 100%; display: flex; align-items: center; justify-content: space-between; } /* line 339, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content .infos-block.times span { display: block; font-family: "graphikmedium"; color: #191919; font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 120%; /* 21.6px */ text-transform: uppercase; margin-bottom: 0.625rem; } /* line 351, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content .cta, .tabs .text-content input[type="button"], .tabs .text-content input[type="submit"], .tabs .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .tabs .text-content .add_repeater_item, .tabs .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .tabs .text-content .remove_repeater_item { margin-top: 1.5rem; } /* line 357, resources/assets/styles/modules/_tabs.scss */ .tabs .bio .desc p { line-height: 170%; } /* line 359, resources/assets/styles/modules/_tabs.scss */ .tabs .bio .desc p span { padding: 0; border: none; } /* line 363, resources/assets/styles/modules/_tabs.scss */ .tabs .bio .desc p a { color: #de0918; text-decoration: underline; } /* line 369, resources/assets/styles/modules/_tabs.scss */ .tabs .bio > span { width: 100%; display: block; font-family: "graphik_regular"; font-style: normal; font-weight: 400; line-height: 130%; padding: 1.5rem 0; color: #191919; border-bottom: solid 1px #191919; font-size: 1rem; } /* line 381, resources/assets/styles/modules/_tabs.scss */ .tabs .bio ul, .tabs .bio ol { display: flex; flex-direction: column; gap: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; } /* line 389, resources/assets/styles/modules/_tabs.scss */ .tabs .bio ul li, .tabs .bio ol li { padding-left: 20px; font-family: "graphik_regular"; font-size: 1rem; line-height: 1.3rem; font-style: normal; font-weight: 400; position: relative; } /* line 399, resources/assets/styles/modules/_tabs.scss */ .tabs .bio ol li { padding-left: 0px; list-style-type: decimal; } /* line 404, resources/assets/styles/modules/_tabs.scss */ .tabs .bio ol li::marker { color: #de0918; } /* line 407, resources/assets/styles/modules/_tabs.scss */ .tabs .bio ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: -5px; } /* line 414, resources/assets/styles/modules/_tabs.scss */ .tabs .no-event { width: 100%; padding: 20px 0; margin: 60px 0; text-align: center; background-color: #fff; border: solid 1px #c5c5c5; display: flex; align-items: center; justify-content: center; gap: 10px; } /* line 425, resources/assets/styles/modules/_tabs.scss */ .tabs .no-event p { font-size: 1.5rem; font-family: "graphik_regular"; font-weight: 400; } /* line 430, resources/assets/styles/modules/_tabs.scss */ .tabs .no-event i { display: inline-block; transform: rotate(90deg); position: relative; top: 2px; } @media (max-width: 74.99875rem) { /* line 441, resources/assets/styles/modules/_tabs.scss */ .tabs { height: auto; } /* line 444, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list li._current { transform: translateY(0); } /* line 447, resources/assets/styles/modules/_tabs.scss */ .tabs .grid { padding: 4%; width: 100%; margin: 60px auto; } /* line 453, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content { margin-bottom: 0; } /* line 456, resources/assets/styles/modules/_tabs.scss */ .tabs .text-content p, .tabs .text-content ul.list li, .tabs .bio span { font-size: 1rem; line-height: 150%; } /* line 462, resources/assets/styles/modules/_tabs.scss */ .tabs .no-event p { font-size: 1.125rem; } } @media screen and (max-width: 1180px) { /* line 469, resources/assets/styles/modules/_tabs.scss */ .tabs { height: auto; } /* line 472, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid article figure { aspect-ratio: 3/2; overflow: hidden; position: relative; } /* line 476, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid article figure img { position: absolute; top: 50%; width: 100%; transform: scale(1) translate3d(-50%, -50%, 0); } /* line 482, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid article figure.r-et-p .grid article figure { aspect-ratio: 2/3; } /* line 486, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid._ressources { margin-bottom: 5.625rem; } /* line 488, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid._ressources article figure { aspect-ratio: 2/3; overflow: hidden; position: relative; } /* line 492, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content .grid._ressources article figure img { position: absolute; top: 50%; transform: scale(1) translateY(-50%); } /* line 500, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content.team .grid article.card-member figure { aspect-ratio: 2/3 !important; overflow: hidden; position: relative; } /* line 504, resources/assets/styles/modules/_tabs.scss */ .tabs._domains .content.team .grid article.card-member figure img { position: absolute; top: 50%; left: 50%; transform: scale(1) translate3d(-50%, -50%, 0); } /* line 514, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list { flex-direction: column; } /* line 517, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li { text-align: left; padding: 0; } /* line 521, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li.is-open::before, .tabs nav ul.list > li.is-open::after { width: 100%; background-color: #de0918; } /* line 526, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li.is-open > .trigger { font-family: "itc_galliard_stdroman"; } /* line 528, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li.is-open > .trigger::after { width: 100%; background-color: #de0918; } /* line 534, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li.is-open i.icon-more::before, .tabs nav ul.list > li.is-open i.icon-more::after { background-color: #de0918; transform: translateY(-50%) rotate(180deg); } /* line 541, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li::after { content: ""; width: 100%; height: 1px; position: absolute; right: 0; background: #191919; bottom: 0; top: auto; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 553, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li > .trigger { font-family: "graphik_regular"; font-size: 1.5rem; font-style: normal; font-weight: 400; padding: 4%; position: relative; } /* line 560, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li > .trigger::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; right: 0; background: #191919; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); left: 0; top: auto; } /* line 572, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li > .trigger i.icon-more { color: #555; margin-left: 25%; width: 16px; height: 16px; position: absolute; right: 4%; top: 50%; transform: translateY(-50%); } /* line 581, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li > .trigger i.icon-more::before, .tabs nav ul.list > li > .trigger i.icon-more::after { content: ""; width: 16px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #555; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 592, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul.list > li > .trigger i.icon-more::after { transform: translateY(-50%) rotate(90deg); } /* line 597, resources/assets/styles/modules/_tabs.scss */ .tabs .content { padding: 4%; background: #f5f5f5; } /* line 600, resources/assets/styles/modules/_tabs.scss */ .tabs .content ul li { background-color: transparent; } /* line 604, resources/assets/styles/modules/_tabs.scss */ .tabs .grid { padding: 0; margin: 0px auto 30px; } /* line 607, resources/assets/styles/modules/_tabs.scss */ .tabs .grid header h3 { padding: 0; } /* line 610, resources/assets/styles/modules/_tabs.scss */ .tabs .grid * { color: #191919; } /* line 613, resources/assets/styles/modules/_tabs.scss */ .tabs .grid article { margin-bottom: 2.625rem; } /* line 616, resources/assets/styles/modules/_tabs.scss */ .tabs .grid .card.card-agenda .text-content { padding: 0.9375rem 0; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 624, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul li > .trigger { padding: 2%; } /* line 627, resources/assets/styles/modules/_tabs.scss */ .tabs .content { padding: 4%; } /* line 630, resources/assets/styles/modules/_tabs.scss */ .tabs .content.team .grid:not(.one-col) { width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 42px; } /* line 636, resources/assets/styles/modules/_tabs.scss */ .tabs .content.team .grid:not(.one-col) .card.card-member .main-wrapper .text-content h3 { font-size: 1.25rem; } /* line 640, resources/assets/styles/modules/_tabs.scss */ .tabs .content.team .grid.one-col { padding: 70px 0; } /* line 645, resources/assets/styles/modules/_tabs.scss */ .tabs .content.event .grid:not(.one-col) { width: 96%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 42px; border-bottom: solid 1px #c5c5c5; } /* line 652, resources/assets/styles/modules/_tabs.scss */ .tabs .content.event .grid:not(.one-col) .card.card-agenda .text-content { padding: 0.9375rem 0; } /* line 658, resources/assets/styles/modules/_tabs.scss */ .tabs .content.r-et-p .grid { width: 100%; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } /* line 664, resources/assets/styles/modules/_tabs.scss */ .tabs .content.r-et-p .grid article { grid-column: span 2; } /* line 667, resources/assets/styles/modules/_tabs.scss */ .tabs .content.r-et-p .grid.one-col { width: 100%; max-width: 978px; margin: 0 auto; display: flex; flex-direction: column; } /* line 674, resources/assets/styles/modules/_tabs.scss */ .tabs .content.r-et-p .grid header { grid-column: span 4; margin-bottom: 0; } /* line 678, resources/assets/styles/modules/_tabs.scss */ .tabs .content.r-et-p .grid .btn-wrapper { width: 100%; display: grid; place-items: center; grid-column: span 4; margin: 24px auto 80px; } /* line 685, resources/assets/styles/modules/_tabs.scss */ .tabs .content.r-et-p .grid .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; } /* line 696, resources/assets/styles/modules/_tabs.scss */ .tabs nav ul li > h3 i.icon-more { right: 2%; } } /* ** Se référer au markup de example-module.blade.php */ /* line 5, resources/assets/styles/modules/_domains.scss */ .single .domains, .single .programs { margin-bottom: 0; } /* line 11, resources/assets/styles/modules/_domains.scss */ .domains, .programs { padding: 2%; height: auto !important; } /* line 17, resources/assets/styles/modules/_domains.scss */ .domains:last-of-type, .programs:last-of-type { margin-bottom: 0; } /* line 20, resources/assets/styles/modules/_domains.scss */ .domains header, .programs header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 26, resources/assets/styles/modules/_domains.scss */ .domains header:has(form), .programs header:has(form) { padding-bottom: 0px; } /* line 29, resources/assets/styles/modules/_domains.scss */ .domains header::after, .programs header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 39, resources/assets/styles/modules/_domains.scss */ .domains header h2, .programs header h2 { font-family: "graphik_regular"; font-size: 2.19125rem; font-style: normal; font-weight: 400; line-height: 120%; color: #191919; } /* line 47, resources/assets/styles/modules/_domains.scss */ .domains header form, .programs header form { display: flex; align-items: start; justify-content: space-between; position: relative; margin-top: 60px; } /* line 53, resources/assets/styles/modules/_domains.scss */ .domains header form::after, .programs header form::after { content: ""; width: 0%; height: 1px; background: #191919; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 63, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area, .programs header form .button-area { width: calc(100% - 90px); flex-basis: calc(100% - 90px); display: flex; } /* line 67, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button, .programs header form .button-area .button { flex-basis: 100% !important; width: 100% !important; font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 130%; /* 20.8px */ text-transform: uppercase; padding: 0.8125rem 0; color: #555; position: relative; } /* line 91, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button > span, .programs header form .button-area .button > span { font-size: 0.875rem; color: #de0918; font-family: "graphik_regular"; font-style: normal; font-weight: 400; line-height: 130%; display: none; } /* line 101, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button:hover, .programs header form .button-area .button:hover { cursor: pointer; } /* line 104, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button._active, .programs header form .button-area .button._active { color: #de0918; } /* line 106, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button._active .select-area, .programs header form .button-area .button._active .select-area { max-height: 520px; padding: 1.875rem 0.75rem; overflow-y: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .domains header form .button-area .button._active .select-area::-webkit-scrollbar, .programs header form .button-area .button._active .select-area::-webkit-scrollbar { display: none; } /* line 114, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button._active i.icon-more::before, .domains header form .button-area .button._active i.icon-more::after, .programs header form .button-area .button._active i.icon-more::before, .programs header form .button-area .button._active i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 120, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button._selected, .programs header form .button-area .button._selected { color: #de0918; } /* line 123, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button._selected i.icon-more::before, .domains header form .button-area .button._selected i.icon-more::after, .programs header form .button-area .button._selected i.icon-more::before, .programs header form .button-area .button._selected i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 128, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button._selected span, .programs header form .button-area .button._selected span { display: inline-flex; } /* line 132, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button.state, .programs header form .button-area .button.state { max-width: 21%; } /* line 135, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button i.icon-more, .programs header form .button-area .button i.icon-more { color: #555; margin-left: 25%; width: 16px; height: 16px; position: relative; } /* line 141, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button i.icon-more::before, .domains header form .button-area .button i.icon-more::after, .programs header form .button-area .button i.icon-more::before, .programs header form .button-area .button i.icon-more::after { content: ""; width: 16px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #555; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 152, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button i.icon-more::after, .programs header form .button-area .button i.icon-more::after { transform: translateY(-50%) rotate(90deg); } /* line 156, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area, .programs header form .button-area .button .select-area { width: 100%; background: #f5f5f5; position: absolute; top: 100%; z-index: 2; overflow: hidden; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); padding: 0 0.75rem; max-height: 0; } /* line 169, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area button:not(.reinit), .programs header form .button-area .button .select-area button:not(.reinit) { padding: 0.1875rem 0.75rem 0.375rem; border-radius: 50px; border: solid 1px #191919; background-color: transparent; color: #555; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 12px 0; font-size: 1rem; align-items: center; gap: 5px; font-family: "graphik_regular"; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 30px; position: relative; float: left; } /* line 191, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area button:not(.reinit) span, .programs header form .button-area .button .select-area button:not(.reinit) span { top: 0px; font-size: 0.875rem; position: relative; right: 0px; } /* line 197, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area button:not(.reinit):hover, .programs header form .button-area .button .select-area button:not(.reinit):hover { font-family: "graphikmedium"; cursor: pointer; background-color: #de0918; border-color: #de0918; color: #fff; } /* line 203, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area button:not(.reinit):hover span, .programs header form .button-area .button .select-area button:not(.reinit):hover span { color: #fff; } /* line 208, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area nav, .programs header form .button-area .button .select-area nav { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } /* line 214, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area nav button.apply, .programs header form .button-area .button .select-area nav button.apply { padding: 0.625rem 0.75rem; border-radius: 50px; border: solid 1px #191919; background: transparent !important; } /* line 219, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button .select-area nav button.apply:hover, .programs header form .button-area .button .select-area nav button.apply:hover { font-family: "graphik_regular"; color: #191919; } /* line 229, resources/assets/styles/modules/_domains.scss */ .domains header form .submit, .programs header form .submit { text-transform: uppercase; background-color: #191919; color: #fff; border-radius: 50px; padding: 0.625rem 1.4375rem; } /* line 237, resources/assets/styles/modules/_domains.scss */ .domains header + .selected-items-area, .programs header + .selected-items-area { padding-bottom: 1.375rem; } /* line 239, resources/assets/styles/modules/_domains.scss */ .domains header + .selected-items-area button, .programs header + .selected-items-area button { padding: 0.625rem 2.1875rem 0.625rem 0.75rem; border-radius: 50px; background-color: #fff; border: solid 1px #191919; color: #191919; display: inline-flex; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 6px 0; position: relative; font-size: 1rem; align-items: center; gap: 5px; } /* line 252, resources/assets/styles/modules/_domains.scss */ .domains header + .selected-items-area button span, .programs header + .selected-items-area button span { color: #555; font-size: 0.875rem; display: none; } /* line 257, resources/assets/styles/modules/_domains.scss */ .domains header + .selected-items-area button::after, .programs header + .selected-items-area button::after { content: "\E907"; font-family: "icomoon"; position: absolute; right: 12px; top: 50%; font-size: 1.125rem; transform: translateY(-50%); } /* line 266, resources/assets/styles/modules/_domains.scss */ .domains header + .selected-items-area button:hover, .programs header + .selected-items-area button:hover { cursor: pointer; color: #de0918; border-color: #de0918; } /* line 270, resources/assets/styles/modules/_domains.scss */ .domains header + .selected-items-area button:hover span, .programs header + .selected-items-area button:hover span { color: #de0918; } /* line 277, resources/assets/styles/modules/_domains.scss */ .domains .grid, .programs .grid { display: grid; grid-template-columns: 18.55% 18.55% 18.55% 18.55% 18.55%; column-gap: 1.75%; } /* line 281, resources/assets/styles/modules/_domains.scss */ .domains .grid .intro, .programs .grid .intro { display: flex; flex-direction: column; gap: 1.25rem; } /* line 285, resources/assets/styles/modules/_domains.scss */ .domains .grid .intro p, .programs .grid .intro p { width: 90%; font-family: "graphik_regular"; font-size: 16px; margin-bottom: 24px; } /* line 291, resources/assets/styles/modules/_domains.scss */ .domains .grid .intro .cta, .domains .grid .intro input[type="button"], .domains .grid .intro input[type="submit"], .domains .grid .intro .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .domains .grid .intro .add_repeater_item, .domains .grid .intro .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .domains .grid .intro .remove_repeater_item, .programs .grid .intro .cta, .programs .grid .intro input[type="button"], .programs .grid .intro input[type="submit"], .programs .grid .intro .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .programs .grid .intro .add_repeater_item, .programs .grid .intro .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .programs .grid .intro .remove_repeater_item { align-self: start; } /* line 298, resources/assets/styles/modules/_domains.scss */ .domains .grid article:hover figure img, .programs .grid article:hover figure img { transform: translateY(-50%) scale(1.1); } /* line 301, resources/assets/styles/modules/_domains.scss */ .domains .grid article:hover p, .programs .grid article:hover p { color: #de0918; } /* line 306, resources/assets/styles/modules/_domains.scss */ .domains .grid article figure, .programs .grid article figure { width: 100%; overflow: hidden; background: black; margin-bottom: 0.75rem; aspect-ratio: 3/2; position: relative; } /* line 313, resources/assets/styles/modules/_domains.scss */ .domains .grid article figure img, .programs .grid article figure img { min-width: 100%; min-height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); position: absolute; top: 50%; transform: translateY(-50%) scale(1); } /* line 323, resources/assets/styles/modules/_domains.scss */ .domains .grid article .text-content, .programs .grid article .text-content { padding: 0.9375rem; } /* line 326, resources/assets/styles/modules/_domains.scss */ .domains .grid article span, .programs .grid article span { font-family: "graphik_regular"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 100; margin: 12px 0; color: #de0918; display: none; } /* line 335, resources/assets/styles/modules/_domains.scss */ .domains .grid article span.date, .programs .grid article span.date { padding: 0.9375rem; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: 120%; color: #191919; } /* line 343, resources/assets/styles/modules/_domains.scss */ .domains .grid article span.cat, .programs .grid article span.cat { margin: 0 0 12px !important; } /* line 347, resources/assets/styles/modules/_domains.scss */ .domains .grid article p, .programs .grid article p { font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 357, resources/assets/styles/modules/_domains.scss */ .domains .btn-wrapper, .programs .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 362, resources/assets/styles/modules/_domains.scss */ .domains .btn-wrapper button, .programs .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 375, resources/assets/styles/modules/_domains.scss */ .programs .grid { grid-template-columns: 18.55% 79.5%; } /* line 377, resources/assets/styles/modules/_domains.scss */ .programs .grid article { margin-bottom: 1.5rem; } /* line 379, resources/assets/styles/modules/_domains.scss */ .programs .grid article figure { aspect-ratio: 3/2; } /* line 382, resources/assets/styles/modules/_domains.scss */ .programs .grid article span { display: inline-block; } /* line 386, resources/assets/styles/modules/_domains.scss */ .programs .grid .grid_programs { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 1.75%; } /* line 396, resources/assets/styles/modules/_domains.scss */ .domains .grid { display: grid; grid-template-columns: 18.55% 79.5%; column-gap: 1.75%; } /* line 405, resources/assets/styles/modules/_domains.scss */ .domains .grid article:nth-child(2) figure, .domains .grid article:nth-child(3) figure, .domains .grid article:nth-child(7) figure, .domains .grid article:nth-child(8) figure { aspect-ratio: 1/1; } /* line 411, resources/assets/styles/modules/_domains.scss */ .domains .grid-domains { width: 100%; justify-content: space-between; grid-row: unset; grid-template-rows: masonry !important; column-count: 4; column-gap: 1.75%; } /* line 419, resources/assets/styles/modules/_domains.scss */ .domains .card { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin-bottom: 2.5rem; } @media (max-width: 74.99875rem) { /* line 429, resources/assets/styles/modules/_domains.scss */ .domains, .programs { padding: 4%; margin-bottom: 0; } /* line 434, resources/assets/styles/modules/_domains.scss */ .domains header h2, .programs header h2 { font-size: 1.875rem; } /* line 437, resources/assets/styles/modules/_domains.scss */ .domains header::after, .programs header::after { width: 100vw; } /* line 440, resources/assets/styles/modules/_domains.scss */ .domains header form, .programs header form { flex-direction: column; } /* line 442, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area, .programs header form .button-area { width: 100% !important; flex-basis: 100% !important; flex-direction: column; } /* line 446, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button i.icon-more, .programs header form .button-area .button i.icon-more { position: absolute; right: 0; } /* line 451, resources/assets/styles/modules/_domains.scss */ .domains header form .button-area .button.state, .programs header form .button-area .button.state { max-width: 100%; } /* line 456, resources/assets/styles/modules/_domains.scss */ .domains header form .submit, .programs header form .submit { width: 100%; text-align: center; margin: 10px 0; } /* line 463, resources/assets/styles/modules/_domains.scss */ .domains .grid, .programs .grid { display: flex; flex-direction: column; } /* line 466, resources/assets/styles/modules/_domains.scss */ .domains .grid .intro, .domains .grid article, .programs .grid .intro, .programs .grid article { margin-bottom: 1.5rem; } /* line 470, resources/assets/styles/modules/_domains.scss */ .domains .grid .intro p, .programs .grid .intro p { font-size: 1.125rem; line-height: 140%; } /* line 474, resources/assets/styles/modules/_domains.scss */ .domains .grid .grid_programs, .domains .grid .grid-domains, .programs .grid .grid_programs, .programs .grid .grid-domains { width: 100%; display: flex; flex-direction: column; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 487, resources/assets/styles/modules/_domains.scss */ .programs, .domains { padding: 2%; } /* line 490, resources/assets/styles/modules/_domains.scss */ .programs .grid, .domains .grid { display: flex; flex-direction: column; } /* line 493, resources/assets/styles/modules/_domains.scss */ .programs .grid .intro, .domains .grid .intro { width: 36%; } /* line 496, resources/assets/styles/modules/_domains.scss */ .programs .grid article, .domains .grid article { width: 32.1%; margin-bottom: 0.75rem; } /* line 501, resources/assets/styles/modules/_domains.scss */ .programs .grid_programs, .programs .grid-domains, .domains .grid_programs, .domains .grid-domains { display: flex !important; grid-template-columns: 32% 32% 32% !important; gap: 2%; margin-bottom: 2rem; flex-wrap: wrap; flex-direction: row !important; } /* line 509, resources/assets/styles/modules/_domains.scss */ .programs .grid_programs div:empty, .programs .grid-domains div:empty, .domains .grid_programs div:empty, .domains .grid-domains div:empty { display: none; } } @media screen and (max-width: 640px) { /* line 520, resources/assets/styles/modules/_domains.scss */ .domains .btn-wrapper button, .programs .btn-wrapper button { width: 100%; } } /* ** Se référer au markup de example-module.blade.php */ /* line 5, resources/assets/styles/modules/_publications.scss */ .single-publications-data .cta-content { margin-bottom: 0; } /* line 10, resources/assets/styles/modules/_publications.scss */ .publications-cnt.mea a.cta, .publications-cnt.mea .gform_wrapper.gravity-theme form .gfield_repeater_buttons a.add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .publications-cnt.mea a.add_repeater_item, .publications-cnt.mea .gform_wrapper.gravity-theme form .gfield_repeater_buttons a.remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .publications-cnt.mea a.remove_repeater_item { align-self: flex-start; } /* line 14, resources/assets/styles/modules/_publications.scss */ .publications-cnt { margin-bottom: 10px; padding: 2% 2% 2% 2%; } /* line 18, resources/assets/styles/modules/_publications.scss */ .publications-cnt.grey_bg { background-color: #f5f5f5; } /* line 21, resources/assets/styles/modules/_publications.scss */ .publications-cnt.mea { background-color: #f5f5f5; padding: 2.5rem 2%; } /* line 24, resources/assets/styles/modules/_publications.scss */ .publications-cnt.mea .grid { grid-template-columns: 18.5% 76%; } /* line 29, resources/assets/styles/modules/_publications.scss */ .publications-cnt.catalog .grid { grid-template-columns: 15.25% 15.25% 15.25% 15.25% 15.25% 15.25%; column-gap: 1.75%; row-gap: 0; } /* line 34, resources/assets/styles/modules/_publications.scss */ .publications-cnt.catalog article.card { margin-bottom: 1.5rem; } /* line 44, resources/assets/styles/modules/_publications.scss */ .publications-cnt header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 50, resources/assets/styles/modules/_publications.scss */ .publications-cnt header:has(form) { padding-bottom: 0px; } /* line 53, resources/assets/styles/modules/_publications.scss */ .publications-cnt header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 63, resources/assets/styles/modules/_publications.scss */ .publications-cnt header h2, .publications-cnt header h3, .publications-cnt header h4 { font-family: "graphik_regular"; font-size: 2.125rem; font-style: normal; font-weight: 400; line-height: 120%; color: #191919; } /* line 73, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form { display: flex; align-items: end; justify-content: space-between; position: relative; margin-top: 60px; } /* line 79, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form::after { content: ""; width: 0%; height: 1px; background: #191919; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 89, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area { width: calc(100% - 90px); flex-basis: calc(100% - 90px); display: flex; flex-wrap: wrap; } /* line 94, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button.search { display: flex; gap: 10px; } /* line 97, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button.search input { border: none; padding: 0 !important; margin: 0; min-height: auto; } /* line 102, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button.search input::placeholder { flex-basis: 100% !important; width: 100% !important; font-family: "graphik_regular"; font-size: 1.25rem; font-style: normal; text-transform: none; opacity: 1; font-weight: 400; line-height: 130%; color: #191919; position: relative; } /* line 117, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button { width: 20% !important; font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 130%; /* 20.8px */ text-transform: uppercase; padding: 0.8125rem 0; color: #555; position: relative; } @media screen and (max-width: 1600px) { /* line 117, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button { width: 25% !important; } } /* line 131, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button span { font-size: 0.875rem; color: #de0918; font-family: "graphik_regular"; font-style: normal; font-weight: 400; line-height: 130%; display: none; } /* line 141, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button:hover { cursor: pointer; } /* line 144, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button._active { color: #de0918; } /* line 146, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button._active .select-area { max-height: 520px; padding: 1.875rem 0.75rem; overflow-y: scroll; /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .publications-cnt header form .button-area .button._active .select-area::-webkit-scrollbar { display: none; } /* line 154, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button._active i.icon-more::before, .publications-cnt header form .button-area .button._active i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 160, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button._selected { color: #de0918; } /* line 163, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button._selected i.icon-more::before, .publications-cnt header form .button-area .button._selected i.icon-more::after { transform: translateY(-50%) rotate(180deg); } /* line 168, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button._selected span { display: inline-flex; } /* line 172, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button.state { max-width: 21%; } /* line 175, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button i.icon-more { color: #555; margin-left: 10%; width: 16px; height: 16px; position: relative; } /* line 181, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button i.icon-more::before, .publications-cnt header form .button-area .button i.icon-more::after { content: ""; width: 16px; height: 1px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #555; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 192, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button i.icon-more::after { transform: translateY(-50%) rotate(90deg); } /* line 196, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area { width: 100%; background: #f5f5f5; position: absolute; top: 100%; z-index: 2; overflow: hidden; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); padding: 0 0.75rem; max-height: 0; } /* line 210, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area button:not(.reinit) { padding: 0.1875rem 0.75rem 0.375rem; border-radius: 50px; border: solid 1px #191919; background-color: transparent; color: #555; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 12px 0; font-size: 1rem; align-items: center; gap: 5px; font-family: "graphik_regular"; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 30px; position: relative; float: left; } /* line 235, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area button:not(.reinit) span { top: 0; font-size: 0.875rem; position: relative; display: inline-flex !important; color: #191919; } /* line 242, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area button:not(.reinit):hover { font-family: "graphikmedium"; cursor: pointer; background-color: #de0918; border-color: #de0918; color: #fff; } /* line 248, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area button:not(.reinit):hover span { color: #fff; } /* line 253, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area nav { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; } /* line 259, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area nav button.apply { padding: 0.625rem 0.75rem; border-radius: 50px; border: solid 1px #191919; background: transparent !important; } /* line 264, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button .select-area nav button.apply:hover { font-family: "graphik_regular"; color: #191919; } /* line 274, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .submit { text-transform: uppercase; background-color: #191919; color: #fff; border-radius: 50px; padding: 0.625rem 1.4375rem; position: relative; bottom: 10px; } /* line 284, resources/assets/styles/modules/_publications.scss */ .publications-cnt header + .selected-items-area { padding-bottom: 1.375rem; } /* line 286, resources/assets/styles/modules/_publications.scss */ .publications-cnt header + .selected-items-area button { padding: 0.625rem 2.1875rem 0.625rem 0.75rem; border-radius: 50px; background-color: #fff; border: solid 1px #191919; color: #191919; display: inline-flex; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); margin: 0 6px 6px; position: relative; font-size: 1rem; align-items: center; gap: 5px; } /* line 299, resources/assets/styles/modules/_publications.scss */ .publications-cnt header + .selected-items-area button span { color: #555; font-size: 0.875rem; display: none; } /* line 304, resources/assets/styles/modules/_publications.scss */ .publications-cnt header + .selected-items-area button::after { content: "\E907"; font-family: "icomoon"; position: absolute; right: 12px; top: 50%; font-size: 1.125rem; transform: translateY(-50%); } /* line 313, resources/assets/styles/modules/_publications.scss */ .publications-cnt header + .selected-items-area button:hover { cursor: pointer; color: #de0918; border-color: #de0918; } /* line 317, resources/assets/styles/modules/_publications.scss */ .publications-cnt header + .selected-items-area button:hover span { color: #de0918; } /* line 324, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid { display: grid; grid-template-columns: 18.55% 18.55% 18.55% 18.55% 18.55%; gap: 1.8%; row-gap: 3%; } /* line 330, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid .intro p { width: 90%; font-family: "graphik_regular"; font-size: 16px; margin-bottom: 24px; } /* line 342, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea):hover p { color: #de0918; } /* line 346, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea) figure { width: 100%; background: transparent; margin-bottom: 0.75rem; position: relative; } /* line 353, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea) figure img { min-width: 100%; min-height: 100%; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 361, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea) .text-content { padding: 0.9375rem; } /* line 364, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea) span { font-family: "graphikmedium"; text-transform: uppercase; font-size: 0.875rem; font-style: normal; font-weight: 500; margin: 12px 0; color: #de0918; } /* line 372, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea) span.sub { display: none; } /* line 376, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article:not(.card-mea) p { font-family: "graphikmedium"; font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 386, resources/assets/styles/modules/_publications.scss */ .publications-cnt .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 391, resources/assets/styles/modules/_publications.scss */ .publications-cnt .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 399, resources/assets/styles/modules/_publications.scss */ .publications-cnt .btn-wrapper button:hover { color: #de0918; } @media (max-width: 74.99875rem) { /* line 408, resources/assets/styles/modules/_publications.scss */ .publications-cnt { padding: 4%; padding-top: 2.5rem; margin-bottom: 0; } /* line 413, resources/assets/styles/modules/_publications.scss */ .publications-cnt header h2 { font-size: 1.875rem; } /* line 416, resources/assets/styles/modules/_publications.scss */ .publications-cnt header::after { width: 100vw; } /* line 419, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form { flex-direction: column; } /* line 421, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area { width: 100% !important; flex-basis: 100% !important; flex-direction: column; } /* line 425, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button i.icon-more { position: absolute; right: 0; } /* line 429, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button { width: 100% !important; } /* line 431, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button.state { max-width: 100%; } /* line 436, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .submit { width: 100%; text-align: center; margin: 10px 0; } /* line 443, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid { display: flex; flex-direction: column; } /* line 446, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid .intro, .publications-cnt .grid article { margin-bottom: 1.5rem; } /* line 450, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid .intro p { font-size: 1.25rem; } /* line 454, resources/assets/styles/modules/_publications.scss */ .publications-cnt .swiper { padding-bottom: 2rem; } /* line 458, resources/assets/styles/modules/_publications.scss */ .publications-cnt .swiper-scrollbar { position: absolute; left: 0; bottom: 0px; display: block; width: 92vw; } /* line 465, resources/assets/styles/modules/_publications.scss */ .publications-cnt .swiper-scrollbar-drag { background: #de0918; } } @media screen and (min-width: 1190px) and (max-width: 1366px) { /* line 474, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button i.icon-more { position: absolute; right: 30px; } /* line 479, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .submit { align-self: end; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 486, resources/assets/styles/modules/_publications.scss */ .publications-cnt { padding: 2%; } /* line 489, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area { flex-direction: row; column-gap: 24px; } /* line 492, resources/assets/styles/modules/_publications.scss */ .publications-cnt header form .button-area .button { width: calc(50% - 12px) !important; } /* line 498, resources/assets/styles/modules/_publications.scss */ .publications-cnt.mea .grid { grid-template-columns: 24% 74%; } /* line 503, resources/assets/styles/modules/_publications.scss */ .publications-cnt.catalog .grid { grid-template-columns: 24% 24% 24% 24%; gap: 1.5%; } /* line 508, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid { display: grid; grid-template-columns: 24% 24% 24% 24%; gap: 1.5%; margin-bottom: 2rem; } /* line 513, resources/assets/styles/modules/_publications.scss */ .publications-cnt .grid article { margin-bottom: 0.75rem; } } @media screen and (max-width: 640px) { /* line 523, resources/assets/styles/modules/_publications.scss */ .publications-cnt .btn-wrapper button { width: 100%; } } /* line 2, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper { display: flex; align-items: center; justify-content: center; padding: 50px 2% 50px; } /* line 7, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper.grey_bg { background: #f5f5f5; } /* line 9, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper.grey_bg:has(.no-hr) { padding-top: 50px; } /* line 13, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper:has(.no-hr) { padding-top: 0; } /* line 16, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper { padding: 1.5rem 0; display: flex; align-items: center; width: auto; gap: 2rem; } /* line 17, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper:not(.no-hr) { border-top: solid 1px #191919; border-bottom: solid 1px #191919; } /* line 22, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper.no-hr { padding: 0; } /* line 31, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper div { display: flex; gap: 1rem; } /* line 35, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper .cta, .ctas-wrapper .wrapper input[type="button"], .ctas-wrapper .wrapper input[type="submit"], .ctas-wrapper .wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .wrapper .add_repeater_item, .ctas-wrapper .wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .wrapper .remove_repeater_item { display: flex; align-items: center; gap: 10px; } /* line 41, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper h2 { font-family: "graphik_regular"; font-size: 1.75rem; font-style: normal; font-weight: 400; line-height: 120%; max-width: 560px; } @media (max-width: 74.99875rem) { /* line 53, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .cta svg, .ctas-wrapper input[type="button"] svg, .ctas-wrapper input[type="submit"] svg, .ctas-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item svg, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .add_repeater_item svg, .ctas-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item svg, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .remove_repeater_item svg { display: block !important; } /* line 56, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .cta, .ctas-wrapper input[type="button"], .ctas-wrapper input[type="submit"], .ctas-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .add_repeater_item, .ctas-wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .remove_repeater_item { text-align: center; } } @media screen and (max-width: 1180px) { /* line 63, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper { flex-direction: column; } /* line 65, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper h2 { text-align: center; font-size: 1.875rem; } /* line 69, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper div { flex-direction: column; } /* line 72, resources/assets/styles/modules/_ctas.scss */ .ctas-wrapper .wrapper .cta, .ctas-wrapper .wrapper input[type="button"], .ctas-wrapper .wrapper input[type="submit"], .ctas-wrapper .wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .wrapper .add_repeater_item, .ctas-wrapper .wrapper .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .ctas-wrapper .wrapper .remove_repeater_item { justify-content: center; } } /* line 3, resources/assets/styles/modules/_cta-content.scss */ .cta-content { background-color: #de0918; padding: 3.25rem 0; margin-bottom: 7.5rem; } /* line 7, resources/assets/styles/modules/_cta-content.scss */ .cta-content * { color: #fff; } /* line 10, resources/assets/styles/modules/_cta-content.scss */ .cta-content .grid { display: flex; align-items: center; gap: 10%; } /* line 15, resources/assets/styles/modules/_cta-content.scss */ .cta-content .img-wrapper { width: 80%; aspect-ratio: 16/9; } /* line 18, resources/assets/styles/modules/_cta-content.scss */ .cta-content .img-wrapper figure { width: 100%; height: 100%; overflow: hidden; position: relative; transform-origin: center center; background-color: #fff; } /* line 25, resources/assets/styles/modules/_cta-content.scss */ .cta-content .img-wrapper figure img { min-width: 100%; min-height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; right: 0; margin: 0 auto; opacity: 1; transform: translate3d(-50%, -50%, 0) scale(1); transform-origin: center center; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 41, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content { display: flex; flex-direction: column; gap: 1rem; border-top: solid 1px #fff; border-bottom: solid 1px #fff; padding: 1rem 0; width: 70%; margin: 0 auto; } /* line 50, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content h2, .cta-content .text-content h3 { font-family: "graphik_regular"; font-size: 1.75rem; font-style: normal; font-weight: 400; line-height: 120%; text-transform: lowercase; } /* line 58, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content h2::first-letter, .cta-content .text-content h3::first-letter { text-transform: uppercase; } /* line 62, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; } /* line 69, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content .cta, .cta-content .text-content input[type="button"], .cta-content .text-content input[type="submit"], .cta-content .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-content .text-content .add_repeater_item, .cta-content .text-content .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .cta-content .text-content .remove_repeater_item { align-self: start; color: #191919; } @media (max-width: 74.99875rem) { /* line 78, resources/assets/styles/modules/_cta-content.scss */ .cta-content .grid { display: flex; flex-direction: column; } /* line 82, resources/assets/styles/modules/_cta-content.scss */ .cta-content .img-wrapper { width: 100%; margin-top: 2rem; } /* line 85, resources/assets/styles/modules/_cta-content.scss */ .cta-content .img-wrapper figure { aspect-ratio: 1/0.9; } /* line 89, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content { width: 100%; } /* line 91, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content h3 { font-size: 1.5rem; } /* line 94, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content p { font-size: 1.125rem; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 102, resources/assets/styles/modules/_cta-content.scss */ .cta-content { padding: 3.875rem 2rem; } /* line 104, resources/assets/styles/modules/_cta-content.scss */ .cta-content .grid { display: flex; flex-direction: row; gap: 2%; } /* line 109, resources/assets/styles/modules/_cta-content.scss */ .cta-content [class^="container"] { width: 100%; } /* line 112, resources/assets/styles/modules/_cta-content.scss */ .cta-content .img-wrapper { width: 80%; aspect-ratio: 3/2; margin-top: 0; } /* line 117, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content { width: 70%; } /* line 119, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content h3 { font-size: 1.25rem; } /* line 122, resources/assets/styles/modules/_cta-content.scss */ .cta-content .text-content p { font-size: 0.875rem; } } /* Single post */ /* line 2, resources/assets/styles/modules/_contact.scss */ section.contact { width: 100%; height: auto; padding: 2%; padding-top: 3.75rem; padding-bottom: 4.6875rem; background-color: #f5f5f5; margin-bottom: 70px; } /* line 10, resources/assets/styles/modules/_contact.scss */ section.contact header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 16, resources/assets/styles/modules/_contact.scss */ section.contact header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 26, resources/assets/styles/modules/_contact.scss */ section.contact header h2 { font-family: "graphik_regular"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 120%; } /* line 34, resources/assets/styles/modules/_contact.scss */ section.contact .grid { display: grid; width: 100%; grid-template-columns: 24% 49% 24%; column-gap: 1%; } /* line 41, resources/assets/styles/modules/_contact.scss */ section.contact .intro address { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 27px; } /* line 48, resources/assets/styles/modules/_contact.scss */ section.contact .intro p { max-width: 270px; } /* line 51, resources/assets/styles/modules/_contact.scss */ section.contact .intro a { display: block; font-family: "graphikmedium"; font-size: 1rem; margin-top: 0.625rem; } @media (max-width: 74.99875rem) { /* line 61, resources/assets/styles/modules/_contact.scss */ section.contact { padding: 4%; margin-bottom: 3.125rem; } /* line 65, resources/assets/styles/modules/_contact.scss */ section.contact header h2 { font-size: 1.875rem; } /* line 68, resources/assets/styles/modules/_contact.scss */ section.contact header::after { width: 100vw !important; } /* line 72, resources/assets/styles/modules/_contact.scss */ section.contact .grid { display: flex; flex-direction: column; gap: 2rem; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 81, resources/assets/styles/modules/_contact.scss */ section.contact { padding: 2%; } /* line 83, resources/assets/styles/modules/_contact.scss */ section.contact .grid { display: grid; grid-template-columns: 24% 74%; gap: 2%; } } /* line 94, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .gform_fields { gap: 1.5rem !important; } /* line 98, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .gfield_label { padding-left: 0.3125rem !important; font-family: "graphik_regular" !important; font-size: 0.875rem !important; gap: 0 !important; font-style: normal; font-weight: 400; line-height: normal; } /* line 108, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .ginput_container input:not([type="checkbox"]), .gform-theme--foundation .ginput_container textarea { border: solid 1px #c5c5c5 !important; } /* line 112, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .ginput_container input:not([type="checkbox"])::placeholder, .gform-theme--foundation .ginput_container textarea::placeholder { opacity: 1 !important; font-family: "graphik_regular" !important; color: #c5c5c5 !important; font-size: 0.875rem !important; font-style: normal; font-weight: 400; line-height: normal; } /* line 123, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .ginput_container input[type="checkbox"] { width: 16px; height: 16px; position: relative; top: 4px; margin-right: -5px; } /* line 131, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .gfield_consent_label { font-family: "graphik_regular" !important; color: #191919 !important; font-size: 0.875rem !important; font-style: normal; font-weight: 400; line-height: normal; margin-left: 3px !important; } /* line 139, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .gfield_consent_label .gfield_required { display: none !important; } /* line 144, resources/assets/styles/modules/_contact.scss */ .gform-theme--foundation .gform_button { border-radius: 50px !important; text-transform: uppercase !important; background: #191919 !important; font-family: "graphik_regular" !important; font-size: 0.875rem !important; font-style: normal; font-weight: 400; line-height: normal; } /* line 1, resources/assets/styles/modules/_partners.scss */ .partners { margin-bottom: 4.375rem; padding: 2%; } /* line 4, resources/assets/styles/modules/_partners.scss */ .partners header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; width: 100%; position: relative; } /* line 9, resources/assets/styles/modules/_partners.scss */ .partners header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 19, resources/assets/styles/modules/_partners.scss */ .partners header h2 { font-family: "graphik_regular"; font-size: 2.125rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 28, resources/assets/styles/modules/_partners.scss */ .partners .grid { display: grid; grid-template-columns: repeat(11, 1fr); border-top: 1px solid black; border-left: 1px solid black; } /* line 33, resources/assets/styles/modules/_partners.scss */ .partners .grid .img-block { aspect-ratio: 1/1; display: block; width: 100%; position: relative; border-bottom: 1px solid black; border-right: 1px solid black; } /* line 40, resources/assets/styles/modules/_partners.scss */ .partners .grid .img-block img { position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); } @media (max-width: 74.99875rem) { /* line 53, resources/assets/styles/modules/_partners.scss */ .partners { padding: 4%; padding-top: 2rem; padding-bottom: 2rem; } /* line 57, resources/assets/styles/modules/_partners.scss */ .partners header { margin-bottom: 2rem; } /* line 59, resources/assets/styles/modules/_partners.scss */ .partners header h2 { font-size: 1.5rem; } /* line 63, resources/assets/styles/modules/_partners.scss */ .partners .grid { grid-template-columns: repeat(3, 1fr); width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 71, resources/assets/styles/modules/_partners.scss */ .partners { padding: 2%; } /* line 73, resources/assets/styles/modules/_partners.scss */ .partners .grid { grid-template-columns: repeat(6, 1fr); } } /* line 1, resources/assets/styles/modules/_ressources.scss */ .ressources { margin-bottom: 4.375rem; padding: 3.875rem 2%; background-color: #de0918; } /* line 5, resources/assets/styles/modules/_ressources.scss */ .ressources * { color: #fff; } /* line 8, resources/assets/styles/modules/_ressources.scss */ .ressources header { padding-bottom: 0.875rem; margin-bottom: 0.75rem; width: 100%; position: relative; } /* line 14, resources/assets/styles/modules/_ressources.scss */ .ressources header h2 { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 23, resources/assets/styles/modules/_ressources.scss */ .ressources .grid { display: grid; grid-template-columns: 25% 25% 25% 25%; border-top: 1px solid #fff; border-left: 1px solid #fff; } /* line 28, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block { aspect-ratio: 4/1; width: 100%; position: relative; border-bottom: 1px solid #fff; border-right: 1px solid #fff; display: grid; place-items: center; gap: 0; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 38, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block * { transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 41, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block:hover { background-color: #fff; } /* line 43, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block:hover * { color: #de0918; } /* line 47, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block div { padding: 5%; } /* line 50, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block p { font-family: "graphikmedium"; font-size: 1.125rem; font-style: normal; font-weight: 500; line-height: normal; } /* line 57, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block span { font-family: "graphik_regular"; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } @media (max-width: 74.99875rem) { /* line 70, resources/assets/styles/modules/_ressources.scss */ .ressources { padding: 4%; padding-top: 3.75rem; padding-bottom: 3.75rem; } /* line 75, resources/assets/styles/modules/_ressources.scss */ .ressources header h2 { font-size: 1.5rem; } /* line 79, resources/assets/styles/modules/_ressources.scss */ .ressources .grid { display: flex; flex-direction: column; } /* line 82, resources/assets/styles/modules/_ressources.scss */ .ressources .grid .ressource-block div { padding: 1rem 2rem; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 90, resources/assets/styles/modules/_ressources.scss */ .ressources { padding: 2%; } /* line 92, resources/assets/styles/modules/_ressources.scss */ .ressources .grid { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; } } /* line 4, resources/assets/styles/modules/_quickaccess.scss */ .home .quickaccess header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 13, resources/assets/styles/modules/_quickaccess.scss */ .home .quickaccess header._on::after { width: 100vw; } /* line 16, resources/assets/styles/modules/_quickaccess.scss */ .home .quickaccess header._on i { opacity: 1; } /* line 20, resources/assets/styles/modules/_quickaccess.scss */ .home .quickaccess header::after { content: ""; background: #fff; width: 0vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 30, resources/assets/styles/modules/_quickaccess.scss */ .home .quickaccess header h2 { font-family: "itc_galliard_stdroman"; font-size: 3.125rem; font-weight: 100; } /* line 35, resources/assets/styles/modules/_quickaccess.scss */ .home .quickaccess header i { transform: rotate(90deg) translateY(0); display: inline-block !important; position: relative; top: 16px; width: 20px; height: 20px; right: -20px; left: auto; font-size: 2.5rem; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); opacity: 0; } /* line 52, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess { background-color: #de0918; padding: 3.3125rem 10rem; margin-bottom: 7.5rem; } /* line 56, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess * { color: #fff; } /* line 59, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; display: flex; } /* line 66, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header::after { content: ""; background: #fff; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 76, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header h2 { font-family: "graphik_regular"; font-size: 2.125rem; font-weight: 400; } /* line 81, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header i { transform: rotate(90deg); display: inline-block; position: relative; top: 4px; left: 0px; font-size: 2.5rem; } /* line 88, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header i.only-mobile { display: none !important; } /* line 94, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 4.875rem; } /* line 98, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li { padding: 20px 0 10px 30px; border-bottom: solid 1px #fff; font-size: 1.25rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 106, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li:hover { cursor: pointer; font-style: italic; font-weight: 800; } /* line 110, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li:hover a i { font-weight: 900; } /* line 114, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li a { position: relative; width: 100%; display: block; } /* line 121, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li a i { position: absolute; right: 50px; font-weight: 400; } @media (max-width: 74.99875rem) { /* line 133, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess { padding: 4%; padding-top: 3.125rem; padding-bottom: 3.125rem; } /* line 138, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header h2 { font-size: 1.875rem; font-family: "graphik_regular"; } /* line 141, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header h2 i.only-mobile { display: inline-flex !important; position: relative; top: 0px; transform: rotate(90deg); left: auto; opacity: 1; } /* line 150, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header::after { width: 100vw; } /* line 153, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header i.not-mobile { display: none !important; } /* line 156, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess header i { top: 2px; left: -3px; } /* line 162, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul { grid-template-columns: repeat(1, 1fr); } /* line 164, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li { padding: 20px 0 10px 0px; font-size: 1.125rem; } /* line 167, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul li a i { position: absolute; right: 0; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 178, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess { padding: 2%; } /* line 181, resources/assets/styles/modules/_quickaccess.scss */ .quickaccess nav ul { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 4.875rem; } } /* ** Se référer au markup de example-module.blade.php */ /* line 5, resources/assets/styles/modules/_citation.scss */ .citation { margin-bottom: 120px; margin-top: 120px; padding: 2.5rem 0 2.5rem 0; } /* line 9, resources/assets/styles/modules/_citation.scss */ .citation.grey_bg { background: #f5f5f5; } /* line 12, resources/assets/styles/modules/_citation.scss */ .citation .grid { display: flex; align-items: center; gap: 4.8125rem; width: 80%; margin: 0 auto; } /* line 18, resources/assets/styles/modules/_citation.scss */ .citation .grid figure { position: relative; aspect-ratio: 1/0.9; overflow: hidden; width: 25%; } /* line 23, resources/assets/styles/modules/_citation.scss */ .citation .grid figure img { position: absolute; min-width: 100%; min-height: 100%; object-fit: cover; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 31, resources/assets/styles/modules/_citation.scss */ .citation .grid .text-content { width: 70%; display: flex; flex-direction: column; gap: 1rem; margin: 0 auto; } /* line 37, resources/assets/styles/modules/_citation.scss */ .citation .grid .text-content span.quote { font-family: "itc_galliard_stdroman"; font-size: 4.375rem; font-style: normal; font-weight: 400; line-height: 30%; position: relative; top: 10px; } /* line 46, resources/assets/styles/modules/_citation.scss */ .citation .grid .text-content h2 { font-family: "graphik_regular"; font-size: 1.75rem; font-style: normal; font-weight: 400; line-height: 120%; } /* line 53, resources/assets/styles/modules/_citation.scss */ .citation .grid .text-content h3 { font-family: "graphik_regular"; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 140%; } /* line 59, resources/assets/styles/modules/_citation.scss */ .citation .grid .text-content h3 i { color: #de0918; margin-right: 10px; display: inline-block; } /* line 65, resources/assets/styles/modules/_citation.scss */ .citation .grid .text-content span { color: #555; font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; } @media (max-width: 74.99875rem) { /* line 78, resources/assets/styles/modules/_citation.scss */ .citation { padding: 2.5rem 4%; } /* line 80, resources/assets/styles/modules/_citation.scss */ .citation .grid { gap: 30px; width: 100%; margin: 0 auto; flex-direction: column; } /* line 85, resources/assets/styles/modules/_citation.scss */ .citation .grid figure, .citation .grid .text-content { width: 100%; } /* line 88, resources/assets/styles/modules/_citation.scss */ .citation .grid figure h2, .citation .grid .text-content h2 { font-size: 1.375rem; } /* line 91, resources/assets/styles/modules/_citation.scss */ .citation .grid figure h3, .citation .grid .text-content h3 { font-size: 1.125rem; } /* line 94, resources/assets/styles/modules/_citation.scss */ .citation .grid figure span, .citation .grid .text-content span { font-size: 0.875rem; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 103, resources/assets/styles/modules/_citation.scss */ .citation { margin-bottom: 120px; margin-top: 120px; padding: 2.5rem 2%; background: #f5f5f5; } /* line 108, resources/assets/styles/modules/_citation.scss */ .citation .grid { display: flex; flex-direction: column; align-items: center; gap: 2.375rem; width: 80%; margin: 0 auto; } /* line 115, resources/assets/styles/modules/_citation.scss */ .citation .grid figure { aspect-ratio: 16/9; } } /* line 1, resources/assets/styles/modules/_accordion.scss */ .accordion, .aperture { margin-bottom: 4.375rem; padding: 2%; } /* line 6, resources/assets/styles/modules/_accordion.scss */ .accordion.grey_bg, .aperture.grey_bg { background-color: #f5f5f5; } /* line 10, resources/assets/styles/modules/_accordion.scss */ .accordion header, .aperture header { padding-bottom: 0.875rem; margin-bottom: 1.5rem; width: 30%; flex-basis: 30%; position: relative; display: flex; align-items: start; flex-direction: column; } /* line 19, resources/assets/styles/modules/_accordion.scss */ .accordion header h2, .aperture header h2 { font-family: "graphik_regular"; font-size: 1.875rem; font-style: normal; font-weight: 400; line-height: 120%; width: 75%; } /* line 26, resources/assets/styles/modules/_accordion.scss */ .accordion header h2 + p, .aperture header h2 + p { font-size: 1rem; font-weight: 400; color: #191919; margin-top: 12px; } /* line 33, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture, .aperture header .header-aperture { margin-top: 42px; display: flex; flex-direction: column; gap: 12px; width: 100%; align-items: start; border: none; background-color: transparent; padding-left: 35px; } /* line 43, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture div, .aperture header .header-aperture div { align-items: start; text-align: left; position: relative; gap: 0; display: none; } /* line 51, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture div p, .aperture header .header-aperture div p { line-height: 1.5; } /* line 53, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture div p span, .aperture header .header-aperture div p span { font-weight: 500; font-family: "graphikmedium"; } /* line 58, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture div span.dot, .aperture header .header-aperture div span.dot { position: absolute; left: -35px; top: 8px; } /* line 63, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture div p i.icon-arrow, .aperture header .header-aperture div p i.icon-arrow { font-size: 20px !important; position: relative; top: 4px; } /* line 68, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture span.dot, .aperture header .header-aperture span.dot { display: inline-flex; width: 10px; height: 10px; border-radius: 10px; background-color: #c5c5c5; position: relative; left: -5%; } /* line 76, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture span.dot.open, .aperture header .header-aperture span.dot.open { background-color: #6dd386; } /* line 78, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture span.dot.open::before, .aperture header .header-aperture span.dot.open::before { content: ""; width: 10px; height: 10px; border-radius: 10px; background-color: #6dd386; opacity: 0.3; left: 50%; top: 50%; position: absolute; transform: translate3d(-50%, -50%, 0); animation: pulse-animation 2s infinite; } /* line 96, resources/assets/styles/modules/_accordion.scss */ .accordion .grid, .aperture .grid { display: flex; } /* line 100, resources/assets/styles/modules/_accordion.scss */ .accordion ul, .aperture ul { width: 70%; flex-basis: 70%; } /* line 105, resources/assets/styles/modules/_accordion.scss */ .accordion ul li, .aperture ul li { text-align: left; padding: 0; position: relative; } /* line 111, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.is-open i.icon-more::before, .accordion ul li.is-open i.icon-more::after, .aperture ul li.is-open i.icon-more::before, .aperture ul li.is-open i.icon-more::after { background-color: #de0918; transform: translateY(-50%) rotate(180deg); } /* line 118, resources/assets/styles/modules/_accordion.scss */ .accordion ul li::after, .aperture ul li::after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; right: 0; background: #191919; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); left: 0; top: auto; } /* line 131, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.times::after, .aperture ul li.times::after { display: none; } /* line 134, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.times span, .aperture ul li.times span { font-family: "graphik_regular"; color: #191919; font-size: 28px; font-style: normal; font-weight: 400; line-height: 120%; display: block; } /* line 144, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.button, .aperture ul li.button { margin-top: 2.75rem; } /* line 146, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.button::after, .aperture ul li.button::after { display: none; } /* line 149, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.button a, .aperture ul li.button a { padding: 0.5rem 0.75rem; border-radius: 3.125rem; background-color: #de0918; color: #fff; font-family: "graphik_regular"; font-size: 0.875rem; font-weight: 500; display: inline-flex; align-items: center; text-transform: uppercase; gap: 10px; } /* line 165, resources/assets/styles/modules/_accordion.scss */ .accordion ul li > h3, .aperture ul li > h3 { font-family: "graphikmedium"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 130%; position: relative; padding: 1rem 0; padding-right: 20px; } /* line 174, resources/assets/styles/modules/_accordion.scss */ .accordion ul li > h3 strong, .aperture ul li > h3 strong { color: #de0918; font-weight: 500; } /* line 178, resources/assets/styles/modules/_accordion.scss */ .accordion ul li > h3 i.icon-more, .aperture ul li > h3 i.icon-more { color: #555; margin-left: 25%; width: 16px; height: 16px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } /* line 187, resources/assets/styles/modules/_accordion.scss */ .accordion ul li > h3 i.icon-more::before, .accordion ul li > h3 i.icon-more::after, .aperture ul li > h3 i.icon-more::before, .aperture ul li > h3 i.icon-more::after { content: ""; width: 16px; height: 2px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #de0918; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 198, resources/assets/styles/modules/_accordion.scss */ .accordion ul li > h3 i.icon-more::after, .aperture ul li > h3 i.icon-more::after { transform: translateY(-50%) rotate(90deg); } /* line 203, resources/assets/styles/modules/_accordion.scss */ .accordion .content, .aperture .content { padding-bottom: 1.25rem; } /* line 205, resources/assets/styles/modules/_accordion.scss */ .accordion .content p, .aperture .content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 212, resources/assets/styles/modules/_accordion.scss */ .accordion .content img, .aperture .content img { width: 50%; margin: 13px 0 0px; } /* line 216, resources/assets/styles/modules/_accordion.scss */ .accordion .content ol, .aperture .content ol { margin-left: 20px; } /* line 219, resources/assets/styles/modules/_accordion.scss */ .accordion .content ul, .accordion .content ol, .aperture .content ul, .aperture .content ol { display: flex; flex-direction: column; gap: 9px; margin-bottom: 1.5rem; } /* line 226, resources/assets/styles/modules/_accordion.scss */ .accordion .content ul li, .accordion .content ol li, .aperture .content ul li, .aperture .content ol li { padding-left: 20px; font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; position: relative; } /* line 235, resources/assets/styles/modules/_accordion.scss */ .accordion .content ol li, .aperture .content ol li { padding-left: 0px; list-style-type: decimal; } /* line 240, resources/assets/styles/modules/_accordion.scss */ .accordion .content ul li::after, .accordion .content ol li::after, .aperture .content ul li::after, .aperture .content ol li::after { display: none; } /* line 245, resources/assets/styles/modules/_accordion.scss */ .accordion .content ol li::marker, .aperture .content ol li::marker { color: #de0918; } /* line 248, resources/assets/styles/modules/_accordion.scss */ .accordion .content ul li::before, .aperture .content ul li::before { content: "\E90B"; font-family: "icomoon" !important; position: absolute; left: 0; top: 3px; } /* line 256, resources/assets/styles/modules/_accordion.scss */ .accordion .content a, .aperture .content a { color: #de0918; text-decoration: underline; } /* line 263, resources/assets/styles/modules/_accordion.scss */ .aperture { padding: 3.875rem 2%; background-color: #f5f5f5; border-top: solid 1px #191919; } @media (max-width: 74.99875rem) { /* line 270, resources/assets/styles/modules/_accordion.scss */ .accordion, .aperture { padding: 4% 4% 3.875rem; } /* line 273, resources/assets/styles/modules/_accordion.scss */ .accordion .grid, .aperture .grid { flex-direction: column; } /* line 276, resources/assets/styles/modules/_accordion.scss */ .accordion header, .aperture header { flex-direction: column; width: 100%; } /* line 279, resources/assets/styles/modules/_accordion.scss */ .accordion header::after, .aperture header::after { display: none; } /* line 282, resources/assets/styles/modules/_accordion.scss */ .accordion header h2, .aperture header h2 { font-size: 1.5rem; padding-bottom: 1.125rem; position: relative; width: 100%; } /* line 287, resources/assets/styles/modules/_accordion.scss */ .accordion header h2 + p, .aperture header h2 + p { display: none; } /* line 290, resources/assets/styles/modules/_accordion.scss */ .accordion header h2::after, .aperture header h2::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 301, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture, .aperture header .header-aperture { margin-top: 12px; flex-basis: auto; display: flex; flex-direction: row; justify-content: end; gap: 50px; } /* line 308, resources/assets/styles/modules/_accordion.scss */ .accordion header .header-aperture div, .aperture header .header-aperture div { align-items: end; } /* line 313, resources/assets/styles/modules/_accordion.scss */ .accordion ul, .aperture ul { flex-basis: 100%; width: 100%; } /* line 318, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.times span, .aperture ul li.times span { font-size: 1.375rem; } /* line 322, resources/assets/styles/modules/_accordion.scss */ .accordion ul li.button a, .aperture ul li.button a { width: 100%; justify-content: center; } /* line 326, resources/assets/styles/modules/_accordion.scss */ .accordion .content img, .aperture .content img { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1180px) { /* line 333, resources/assets/styles/modules/_accordion.scss */ .accordion, .aperture { padding: 2%; } /* line 336, resources/assets/styles/modules/_accordion.scss */ .accordion .grid, .aperture .grid { grid-template-columns: repeat(2, 1fr); } } /* line 1, resources/assets/styles/modules/_kpi.scss */ .kpi { background-color: #f5f5f5; margin-top: 7.5rem; margin-bottom: 7.5rem; padding-bottom: 4.6875rem; } /* line 6, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper { overflow: visible; width: 100%; height: 100%; } /* line 12, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-slide { width: auto !important; height: auto !important; flex-shrink: 100 !important; } /* line 19, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-slide-active + .swiper-slide h3, .kpi .swiper-slide-active + .swiper-slide p { color: #de0918; } /* line 23, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-slide-active + .swiper-slide h3 strong { font-style: italic; } /* line 28, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-scrollbar { background-color: #c5c5c5; width: 100%; } /* line 33, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-scrollbar-drag { background: #de0918; } /* line 37, resources/assets/styles/modules/_kpi.scss */ .kpi .kpi-block { padding: 5rem 0; display: flex; align-items: center; justify-content: center; min-width: 560px; flex-direction: column; } /* line 45, resources/assets/styles/modules/_kpi.scss */ .kpi h3 { display: flex; gap: 0.625rem; align-items: center; flex-direction: row; } /* line 50, resources/assets/styles/modules/_kpi.scss */ .kpi h3 strong { font-family: "itc_galliard_stdroman"; font-size: 5.625rem; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; } /* line 57, resources/assets/styles/modules/_kpi.scss */ .kpi h3 strong + span { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 23px; max-width: 150px; position: relative; } /* line 65, resources/assets/styles/modules/_kpi.scss */ .kpi h3 strong + span + span.only-mobile { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 23px; max-width: 150px; text-align: left; } /* line 77, resources/assets/styles/modules/_kpi.scss */ .kpi p { text-align: center; font-family: "graphik_regular"; font-size: 1.25rem; font-style: normal; font-weight: 500; line-height: 27px; } @media screen and (max-width: 640px) { /* line 88, resources/assets/styles/modules/_kpi.scss */ .kpi { padding-bottom: 1.5625rem; } /* line 90, resources/assets/styles/modules/_kpi.scss */ .kpi .kpi-block { padding: 4.375rem 0 5.625rem; justify-content: center; min-width: 92vw; width: 92vw; } /* line 96, resources/assets/styles/modules/_kpi.scss */ .kpi h3 { align-items: center; } /* line 99, resources/assets/styles/modules/_kpi.scss */ .kpi h3 strong { font-size: 3.75rem; } /* line 103, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-slide-active h3, .kpi .swiper-slide-active p { color: #de0918; } /* line 107, resources/assets/styles/modules/_kpi.scss */ .kpi .swiper-slide-active h3 strong { font-style: italic; } } @media screen and (max-width: 1180px) { /* line 116, resources/assets/styles/modules/_kpi.scss */ .kpi .kpi-block { max-width: 420px; } } /* line 2, resources/assets/styles/modules/_search.scss */ .search-container { width: 100%; height: calc(100vh - var(--header-height) + var(--admin-bar)); padding: 0; overflow: visible; transform: translateY(-120%); transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); z-index: -1; position: fixed; background: #f5f5f5; left: 0; right: 0; } @media screen and (min-width: 1600px) { /* line 15, resources/assets/styles/modules/_search.scss */ .search-container::before { content: ""; width: 150vw; height: 100%; background-color: #f5f5f5; left: -50%; top: 0; position: absolute; } } /* line 27, resources/assets/styles/modules/_search.scss */ .search-container.is-open { transform: translateY(0); } /* line 31, resources/assets/styles/modules/_search.scss */ .search-container .grid { display: grid; grid-template-columns: 40% 60%; } /* line 35, resources/assets/styles/modules/_search.scss */ .search-container form { position: absolute; width: 65%; left: 35%; top: 50%; transform: translateY(-50%); padding: 0 7.5rem; z-index: 2; display: flex; flex-direction: column; align-items: end; gap: 2rem; } /* line 47, resources/assets/styles/modules/_search.scss */ .search-container form::before { content: ""; width: 1px; height: 150%; position: absolute; top: 50%; transform: translateY(-50%); left: 0; background-color: #191919; } /* line 57, resources/assets/styles/modules/_search.scss */ .search-container form fieldset { width: 100%; height: 82px; position: relative; } /* line 61, resources/assets/styles/modules/_search.scss */ .search-container form fieldset input { position: absolute; width: 100%; height: 82px; border: solid 1px #191919; border-radius: 83px; padding: 0 30px !important; font-size: 1.5rem; color: #191919; background-color: #fff; } /* line 71, resources/assets/styles/modules/_search.scss */ .search-container form fieldset input::placeholder { font-family: "graphik_regular"; font-size: 1.5rem; font-style: normal; font-weight: 300; line-height: 150%; color: #555; } /* line 81, resources/assets/styles/modules/_search.scss */ .search-container form fieldset i.icon-search { font-size: 30px; position: absolute; right: 70px; top: 25px; } /* line 87, resources/assets/styles/modules/_search.scss */ .search-container form fieldset i.icon-close { position: absolute; right: 30px; top: 30px; font-size: 1.25rem; border-left: solid 1px #191919; padding-left: 0.75rem; cursor: pointer; } /* line 99, resources/assets/styles/modules/_search.scss */ .search-container .swiper { display: flex; align-items: center; width: 100%; height: 100%; position: absolute; } /* line 107, resources/assets/styles/modules/_search.scss */ .search-container .swiper-container { width: 100%; height: 100%; overflow: hidden; } /* line 113, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide { text-align: center; position: relative; /* Center slide text vertically */ width: 35%; height: 100%; overflow: hidden; } /* line 123, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content { position: absolute; top: 46%; transform: translateY(-50%); left: 0; width: 100%; padding: 0 5rem; text-align: left; z-index: 2; } /* line 132, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content span { font-family: "graphik_regular"; font-size: 1.625rem; font-style: normal; font-weight: 400; line-height: 140%; } /* line 139, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content .title { font-family: "itc_galliard_stdroman"; font-size: 2.375rem; font-style: normal; font-weight: 400; line-height: normal; color: #de0918; margin-bottom: 1rem; } /* line 148, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content p { font-family: "graphik_regular"; font-size: 1rem; font-style: normal; font-weight: 400; line-height: 130%; } /* line 154, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content p strong, .search-container .swiper-slide .text-content p a { color: #de0918; font-weight: 500; } /* line 162, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination { width: 100%; height: 82px; position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: space-between; } /* line 172, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination span { color: #555; background-color: #e8e8e8; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; font-family: "graphik_regular"; font-size: 1.5rem; font-style: normal; font-weight: 400; line-height: 140%; border-bottom: solid 1px #191919; border-right: solid 1px #191919; } /* line 188, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination span:last-child { border-right: none; } /* line 190, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination span:last-child i.icon-link { display: flex; } /* line 194, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination span i.icon-link { display: none; } /* line 198, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination span:hover { background: #fff; cursor: pointer; } /* line 202, resources/assets/styles/modules/_search.scss */ .search-container .swiper-pagination span.active { font-family: "itc_galliard_stdroman"; background: #fff; border-bottom: solid 2px #de0918; color: #de0918; height: 93px; cursor: pointer; } @media screen and (max-width: 1500px) { /* line 214, resources/assets/styles/modules/_search.scss */ .search-container { /* IE and Edge */ scrollbar-width: none; -ms-overflow-style: none; /* Firefox */ z-index: 0; height: calc(100vh - 170px); top: 187px; transform: translateY(var(--admin-bar)) translateX(100%); overflow-y: scroll; padding-bottom: 3.125rem; transition: 0s; } /* line 197, resources/assets/styles/abstracts/_mixins.scss */ .search-container::-webkit-scrollbar { display: none; } /* line 224, resources/assets/styles/modules/_search.scss */ .search-container.is-open { z-index: 5; transform: translateY(var(--admin-bar)) translateX(0%); } /* line 228, resources/assets/styles/modules/_search.scss */ .search-container .swiper { display: flex; flex-direction: column-reverse; position: relative; height: auto !important; padding-top: 130px; overflow: visible; z-index: 10; margin-bottom: 1.125rem; } /* line 237, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter { position: absolute; top: 30px; display: flex !important; flex-direction: column; align-items: start; justify-content: start; width: 96%; gap: 10px; } /* line 246, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter div { display: flex !important; align-items: center; justify-content: start; gap: 12px; } /* line 251, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter div span { border-left: solid 1px #191919; padding-left: 10px; font-family: "graphikmedium"; font-size: 1.125rem; font-style: normal; font-weight: 500; } /* line 260, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter button { font-family: "graphikmedium"; font-size: 1.125rem; font-style: normal; font-weight: 500; padding: 1rem 1.25rem; color: #fff; background-color: #de0918; width: 100%; position: relative; } /* line 272, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter button.is-open i::before, .search-container .swiper .filter button.is-open i::after { transform: translateY(-50%) rotate(180deg); } /* line 278, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter button i { margin-left: 25%; width: 16px; height: 16px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } /* line 286, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter button i::before, .search-container .swiper .filter button i::after { content: ""; width: 16px; height: 1.5px; position: absolute; top: 50%; transform: translateY(-50%); background-color: #fff; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 297, resources/assets/styles/modules/_search.scss */ .search-container .swiper .filter button i::after { transform: translateY(-50%) rotate(90deg); } /* line 303, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination { display: flex; flex-direction: column; position: absolute; height: auto; max-height: 0px; overflow: hidden; transition: 0.7s cubic-bezier(0.74, 0.23, 0.32, 0.99); width: 96%; top: 115px; left: 0; right: 0; margin: 0 auto; border-left: solid 1px #191919; border-right: solid 1px #191919; } /* line 318, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination.is-open { position: absolute; max-height: 500px; height: auto; } /* line 323, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination span.active { height: auto; } /* line 325, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination span.active label { font-family: "graphikmedium"; } /* line 329, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination span { display: flex; align-items: center; gap: 0.625rem; padding: 1.125rem 1.25rem; border-right: none; justify-content: start; } /* line 336, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination span label { font-family: "graphik_regular"; height: auto; font-size: 1.125rem; font-style: normal; font-weight: 400; line-height: 150%; text-transform: lowercase; } /* line 344, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination span label strong { font-weight: 400; } /* line 347, resources/assets/styles/modules/_search.scss */ .search-container .swiper .swiper-pagination span label::first-letter { text-transform: uppercase; } /* line 354, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide { width: 100%; height: auto !important; display: flex; align-items: center; } /* line 359, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content { position: relative; top: 0; transform: none; left: 0; width: 100%; padding: 0 2%; z-index: 2; text-align: left; height: auto; } /* line 369, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content::after { display: none; } /* line 372, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content span { color: #555; font-size: 1.625rem; } /* line 376, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content h3 { font-size: 2rem; } /* line 379, resources/assets/styles/modules/_search.scss */ .search-container .swiper-slide .text-content p { font-size: 1.125rem; font-weight: 400; line-height: 150%; } /* line 386, resources/assets/styles/modules/_search.scss */ .search-container .swiper-container { height: auto !important; overflow: visible; } /* line 391, resources/assets/styles/modules/_search.scss */ .search-container .grid { display: flex; flex-direction: column; } /* line 395, resources/assets/styles/modules/_search.scss */ .search-container form { position: relative; width: 100%; left: 0; top: 0%; transform: none; padding: 0 2%; align-items: start; gap: 0.9375rem; } /* line 404, resources/assets/styles/modules/_search.scss */ .search-container form::before { display: none; } /* line 407, resources/assets/styles/modules/_search.scss */ .search-container form fieldset { height: 4rem; } /* line 409, resources/assets/styles/modules/_search.scss */ .search-container form fieldset input { font-size: 1.125rem !important; font-style: normal; font-weight: 300; line-height: 150%; padding: 13px !important; height: 4rem; } /* line 416, resources/assets/styles/modules/_search.scss */ .search-container form fieldset input::placeholder { font-size: 1.125rem !important; font-style: normal; font-weight: 300; line-height: 150%; color: #555 !important; } /* line 425, resources/assets/styles/modules/_search.scss */ .search-container form fieldset i.icon-close { display: none; } /* line 428, resources/assets/styles/modules/_search.scss */ .search-container form fieldset i.icon-search { right: 20px; top: 21px; font-size: 24px; } } /* line 1, resources/assets/styles/modules/_table.scss */ .table { padding: 0; margin-bottom: 4.375rem; } /* line 4, resources/assets/styles/modules/_table.scss */ .table > .grid { width: 53%; max-width: 978px; margin: 0 auto; } /* line 9, resources/assets/styles/modules/_table.scss */ .table .row { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: solid 1px #555; } /* line 13, resources/assets/styles/modules/_table.scss */ .table .row:last-child { border-bottom: 0; } /* line 17, resources/assets/styles/modules/_table.scss */ .table .row div { padding: 0.75rem 1.5rem; border-right: solid 1px #555; } /* line 20, resources/assets/styles/modules/_table.scss */ .table .row div:last-child { border-right: 0; } /* line 24, resources/assets/styles/modules/_table.scss */ .table h4 { font-size: 1rem; font-weight: 500; font-family: "graphikmedium"; } /* line 29, resources/assets/styles/modules/_table.scss */ .table h5 { font-size: 0.875rem; font-weight: 400; line-height: 21px; font-family: "graphikmedium"; } /* line 35, resources/assets/styles/modules/_table.scss */ .table p { font-family: "graphik_regular"; font-size: 0.875rem; font-weight: 400; line-height: 21px; } @media (max-width: 74.99875rem) { /* line 46, resources/assets/styles/modules/_table.scss */ .table > .grid { width: 90%; border: solid 1px #555; } /* line 50, resources/assets/styles/modules/_table.scss */ .table .row { flex-direction: column; display: flex; } /* line 54, resources/assets/styles/modules/_table.scss */ .table .row div { border-right: 0; padding: 0.75rem; } /* line 58, resources/assets/styles/modules/_table.scss */ .table .row.head { display: none; } } /* line 1, resources/assets/styles/modules/_collection.scss */ .collection-wrapper { width: 100%; background-color: #de0918; padding: 50px 2%; } /* line 5, resources/assets/styles/modules/_collection.scss */ .collection-wrapper header { width: 100%; padding-bottom: 8px; margin-bottom: 42px; position: relative; display: flex; } /* line 12, resources/assets/styles/modules/_collection.scss */ .collection-wrapper header::after { content: ""; background: #fff; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 22, resources/assets/styles/modules/_collection.scss */ .collection-wrapper header h2 { font-family: "graphik_regular"; font-size: 2.125rem; font-weight: 400; color: #fff; } /* line 30, resources/assets/styles/modules/_collection.scss */ .collection-wrapper .grid { display: flex; gap: 32px; } @media (max-width: 74.99875rem) { /* line 37, resources/assets/styles/modules/_collection.scss */ .collection-wrapper { padding: 50px 5%; } /* line 39, resources/assets/styles/modules/_collection.scss */ .collection-wrapper .grid { flex-direction: column; } /* line 41, resources/assets/styles/modules/_collection.scss */ .collection-wrapper .grid .cta, .collection-wrapper .grid input[type="button"], .collection-wrapper .grid input[type="submit"], .collection-wrapper .grid .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .collection-wrapper .grid .add_repeater_item, .collection-wrapper .grid .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .collection-wrapper .grid .remove_repeater_item { width: 100%; display: inline-flex; align-items: start; align-self: start; justify-content: space-between; } } @media screen and (min-width: 768px) and (max-width: 1190px) { /* line 55, resources/assets/styles/modules/_collection.scss */ .collection-wrapper .grid { display: grid; grid-template-columns: 50% 50%; } } /* Pages */ /* Single post */ /* line 2, resources/assets/styles/pages/_home.scss */ .home .card-news i { display: none; } /* Single post */ /* line 2, resources/assets/styles/pages/_carrefour.scss */ section.carrefour { width: 100%; height: auto; padding: 2% 12%; } /* line 6, resources/assets/styles/pages/_carrefour.scss */ section.carrefour .grid { margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; gap: 60px; } @media (max-width: 74.99875rem) { /* line 16, resources/assets/styles/pages/_carrefour.scss */ section.carrefour { padding: 4%; margin-bottom: 3.125rem; } /* line 19, resources/assets/styles/pages/_carrefour.scss */ section.carrefour .grid { width: 100%; grid-template-columns: 100%; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 28, resources/assets/styles/pages/_carrefour.scss */ section.carrefour .grid { width: 100%; grid-template-columns: 40% 40%; } } /* Single post */ /* line 2, resources/assets/styles/pages/_news.scss */ section.bourse { padding-top: 0; } /* line 4, resources/assets/styles/pages/_news.scss */ section.bourse .grid { width: 100%; display: grid; justify-content: space-between; grid-template-columns: repeat(4, 1fr); column-gap: 5%; row-gap: 44px; } /* line 12, resources/assets/styles/pages/_news.scss */ section.bourse .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 17, resources/assets/styles/pages/_news.scss */ section.bourse .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 29, resources/assets/styles/pages/_news.scss */ section.news, section.search-results { width: 100%; height: auto; padding: 2%; } /* line 34, resources/assets/styles/pages/_news.scss */ section.news .grid, section.search-results .grid { width: 90%; margin: 0 auto; column-gap: 5%; justify-content: space-between; grid-row: unset; grid-template-rows: masonry !important; column-count: 4; } /* line 43, resources/assets/styles/pages/_news.scss */ section.news .grid .card, section.search-results .grid .card { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; padding-bottom: 2.5rem; } /* line 48, resources/assets/styles/pages/_news.scss */ section.news .grid .card p, section.search-results .grid .card p { font-size: 1.125rem !important; font-family: "graphikmedium" !important; } /* line 53, resources/assets/styles/pages/_news.scss */ section.news .grid .card-news, section.search-results .grid .card-news { flex-basis: 100% !important; width: 100% !important; } /* line 60, resources/assets/styles/pages/_news.scss */ section.news .grid .card-news:hover p, section.search-results .grid .card-news:hover p { color: #de0918; font-size: 1rem; font-style: normal; font-weight: 500; line-height: 1.3rem; } /* line 68, resources/assets/styles/pages/_news.scss */ section.news .grid .card-news figure, section.search-results .grid .card-news figure { width: 100%; } /* line 78, resources/assets/styles/pages/_news.scss */ section.news .grid .card-member, section.search-results .grid .card-member { border-bottom: none; } /* line 80, resources/assets/styles/pages/_news.scss */ section.news .grid .card-member figure, section.search-results .grid .card-member figure { display: none; } /* line 83, resources/assets/styles/pages/_news.scss */ section.news .grid .card-member h3 i, section.search-results .grid .card-member h3 i { display: block !important; } /* line 88, resources/assets/styles/pages/_news.scss */ section.news .btn-wrapper, section.search-results .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 93, resources/assets/styles/pages/_news.scss */ section.news .btn-wrapper button, section.search-results .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } @media (max-width: 74.99875rem) { /* line 106, resources/assets/styles/pages/_news.scss */ section.news, section.search-results { padding: 4%; margin-bottom: 3.125rem; padding-top: 3.125rem; } /* line 111, resources/assets/styles/pages/_news.scss */ section.news .grid, section.search-results .grid { column-count: 1; } /* line 116, resources/assets/styles/pages/_news.scss */ section.bourse .grid { width: 100%; display: grid; justify-content: space-between; grid-template-columns: repeat(1, 1fr); column-gap: 0%; row-gap: 44px; } /* line 125, resources/assets/styles/pages/_news.scss */ section.bourse .btn-wrapper button { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 133, resources/assets/styles/pages/_news.scss */ section.news, section.search-results { padding: 2%; } /* line 136, resources/assets/styles/pages/_news.scss */ section.news .grid, section.search-results .grid { column-count: 3; } /* line 141, resources/assets/styles/pages/_news.scss */ section.bourse .grid { width: 100%; display: grid; justify-content: space-between; grid-template-columns: repeat(3, 1fr); column-gap: 2%; row-gap: 44px; } /* line 150, resources/assets/styles/pages/_news.scss */ section.bourse .btn-wrapper button { width: 100%; } } @media screen and (max-width: 640px) { /* line 161, resources/assets/styles/pages/_news.scss */ section.news .btn-wrapper button, section.search-results .btn-wrapper button { width: 100%; } } /* Single post */ /* line 2, resources/assets/styles/pages/_agenda.scss */ section.agenda { width: 100%; height: auto; padding: 2%; } /* line 6, resources/assets/styles/pages/_agenda.scss */ section.agenda .grid { width: 95%; margin: 0 auto; justify-content: space-between; grid-template-columns: repeat(3, 1fr); display: grid; gap: 60px; } /* line 15, resources/assets/styles/pages/_agenda.scss */ section.agenda .grid .card-agenda { flex-basis: 100% !important; width: 100% !important; margin-bottom: 2.5rem; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /* line 24, resources/assets/styles/pages/_agenda.scss */ section.agenda .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 29, resources/assets/styles/pages/_agenda.scss */ section.agenda .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } @media (max-width: 74.99875rem) { /* line 42, resources/assets/styles/pages/_agenda.scss */ section.agenda { padding: 4%; margin-bottom: 3.125rem; padding-top: 3.125rem; } /* line 46, resources/assets/styles/pages/_agenda.scss */ section.agenda .grid { grid-template-columns: repeat(1, 1fr); } /* line 49, resources/assets/styles/pages/_agenda.scss */ section.agenda .btn-wrapper button { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 56, resources/assets/styles/pages/_agenda.scss */ section.agenda { padding: 2%; } /* line 58, resources/assets/styles/pages/_agenda.scss */ section.agenda .grid { grid-template-columns: repeat(2, 1fr); } } /* Single post */ /* line 2, resources/assets/styles/pages/_annuaire.scss */ section.annuaire { width: 100%; height: auto; padding: 2%; } /* line 6, resources/assets/styles/pages/_annuaire.scss */ section.annuaire header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 12, resources/assets/styles/pages/_annuaire.scss */ section.annuaire header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 22, resources/assets/styles/pages/_annuaire.scss */ section.annuaire header h2 { font-family: "graphik_regular"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 120%; } /* line 30, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .grid { width: 100%; justify-content: space-between; display: grid; grid-template-columns: repeat(2, 1fr); column-count: 2; column-gap: 40px; } /* line 37, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .grid .card-member { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; min-height: 250px; } /* line 43, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .grid .cta, section.annuaire .grid input[type="button"], section.annuaire .grid input[type="submit"], section.annuaire .grid .gform_wrapper.gravity-theme form .gfield_repeater_buttons .add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons section.annuaire .grid .add_repeater_item, section.annuaire .grid .gform_wrapper.gravity-theme form .gfield_repeater_buttons .remove_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons section.annuaire .grid .remove_repeater_item { margin-bottom: 0; } /* line 47, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 52, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } @media (max-width: 74.99875rem) { /* line 65, resources/assets/styles/pages/_annuaire.scss */ section.annuaire { padding: 4%; margin-bottom: 3.125rem; } /* line 68, resources/assets/styles/pages/_annuaire.scss */ section.annuaire header { padding-bottom: 0.75rem; } /* line 70, resources/assets/styles/pages/_annuaire.scss */ section.annuaire header h2 { font-size: 1.875rem; } /* line 74, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .grid { grid-template-columns: repeat(1, 1fr); } /* line 77, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .grid .card-member { padding-bottom: 1.5rem; min-height: auto; } /* line 82, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .btn-wrapper button { width: 100%; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 89, resources/assets/styles/pages/_annuaire.scss */ section.annuaire { padding: 2%; } /* line 91, resources/assets/styles/pages/_annuaire.scss */ section.annuaire .grid { grid-template-columns: repeat(2, 1fr); } } /* Single post */ /* line 2, resources/assets/styles/pages/_candidature.scss */ section.candidature { width: 100%; height: auto; padding: 2%; } /* line 6, resources/assets/styles/pages/_candidature.scss */ section.candidature header { width: 100%; padding-bottom: 8px; margin-bottom: 24px; position: relative; } /* line 12, resources/assets/styles/pages/_candidature.scss */ section.candidature header::after { content: ""; background: #191919; width: 100vw; height: 1px; position: absolute; bottom: 0; left: 0; transition: 1.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 22, resources/assets/styles/pages/_candidature.scss */ section.candidature header h2 { font-family: "graphik_regular"; font-size: 36px; font-style: normal; font-weight: 400; line-height: 120%; } /* line 30, resources/assets/styles/pages/_candidature.scss */ section.candidature .grid { width: 100%; justify-content: space-between; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 40px; } /* line 36, resources/assets/styles/pages/_candidature.scss */ section.candidature .grid .card-member { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /* line 42, resources/assets/styles/pages/_candidature.scss */ section.candidature .btn-wrapper { width: 100%; display: grid; place-items: center; height: 200px; } /* line 47, resources/assets/styles/pages/_candidature.scss */ section.candidature .btn-wrapper button { min-width: 250px; width: 400px; text-align: center; display: flex; align-items: center; justify-content: center; transition: 0.3s cubic-bezier(0.74, 0.23, 0.32, 0.99); } /* line 55, resources/assets/styles/pages/_candidature.scss */ section.candidature .btn-wrapper button:hover { color: #de0918; } @media (max-width: 74.99875rem) { /* line 63, resources/assets/styles/pages/_candidature.scss */ section.candidature { padding: 4%; margin-bottom: 3.125rem; } /* line 66, resources/assets/styles/pages/_candidature.scss */ section.candidature .grid { display: flex; flex-direction: column; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 74, resources/assets/styles/pages/_candidature.scss */ section.candidature { padding: 2%; } /* line 76, resources/assets/styles/pages/_candidature.scss */ section.candidature .grid { grid-template-columns: repeat(2, 1fr); } } /* line 1, resources/assets/styles/pages/_sitemap.scss */ .sitemap { display: grid; row-gap: 16px; padding-top: 24px; } /* line 5, resources/assets/styles/pages/_sitemap.scss */ .sitemap ul { display: grid; gap: 0.5rem; list-style-type: none; margin: 0; padding: 0; grid-template-columns: repeat(4, 1fr); column-gap: 5%; row-gap: 40px; } /* line 15, resources/assets/styles/pages/_sitemap.scss */ .sitemap ul > li { margin-bottom: 1rem; } /* line 20, resources/assets/styles/pages/_sitemap.scss */ .sitemap li { flex: 1 0 0; min-width: 200px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } /* line 28, resources/assets/styles/pages/_sitemap.scss */ .sitemap li li a { font-weight: 600; } /* line 32, resources/assets/styles/pages/_sitemap.scss */ .sitemap li li li a { color: #adb5bd; font-weight: 400; } /* line 37, resources/assets/styles/pages/_sitemap.scss */ .sitemap > ul { row-gap: 3rem; } /* line 41, resources/assets/styles/pages/_sitemap.scss */ .sitemap > ul > li > a { font-size: 1.25rem; font-weight: 400; text-decoration: none; color: #de0918; } /* line 49, resources/assets/styles/pages/_sitemap.scss */ .sitemap > ul > li > ul { grid-template-columns: repeat(auto-fill, 220px); gap: 0; margin-top: 1.5rem; display: flex; flex-direction: column; } /* line 55, resources/assets/styles/pages/_sitemap.scss */ .sitemap > ul > li > ul a { font-weight: 400; text-decoration: none; } /* line 61, resources/assets/styles/pages/_sitemap.scss */ .sitemap > ul > li > ul > li > ul { margin-top: 0.5rem; } /* line 65, resources/assets/styles/pages/_sitemap.scss */ .sitemap a { transition: 200ms ease; text-decoration: underline; } /* line 70, resources/assets/styles/pages/_sitemap.scss */ .sitemap a:hover, .sitemap a:focus { color: #e56f8c; text-decoration: none; } @media screen and (min-width: 640px) and (max-width: 768px) { /* line 80, resources/assets/styles/pages/_sitemap.scss */ .sitemap ul { display: flex; flex-direction: column; } } @media screen and (max-width: 640px) { /* line 89, resources/assets/styles/pages/_sitemap.scss */ .sitemap ul { display: flex; flex-direction: column; } } @media screen and (min-width: 768px) and (max-width: 1200px) { /* line 98, resources/assets/styles/pages/_sitemap.scss */ .sitemap ul { grid-template-columns: repeat(3, 1fr); } } /* Helpers */ /* Classes utiles */ /* line 4, resources/assets/styles/helpers/_utils.scss */ .screen-reader-text, .for-screen-reader, .hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 0; } /* line 15, resources/assets/styles/helpers/_utils.scss */ .split-parent { overflow: hidden; } /* line 19, resources/assets/styles/helpers/_utils.scss */ .split-child { display: inline-block; } /* line 23, resources/assets/styles/helpers/_utils.scss */ .only-mobile { display: none !important; } /* line 27, resources/assets/styles/helpers/_utils.scss */ .not-mobile { display: inline-flex; } @media screen and (max-width: 1190px) { /* line 34, resources/assets/styles/helpers/_utils.scss */ .only-mobile { display: flex !important; } /* line 36, resources/assets/styles/helpers/_utils.scss */ .only-mobile.cta, input.only-mobile[type="button"], input.only-mobile[type="submit"], .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.add_repeater_item, .gform_wrapper.gravity-theme form .gfield_repeater_buttons .only-mobile.remove_repeater_item { display: inline-flex !important; } /* line 41, resources/assets/styles/helpers/_utils.scss */ .not-mobile { display: none !important; } } /* line 47, resources/assets/styles/helpers/_utils.scss */ .pojo-a11y-toolbar-toggle, .pojo-a11y-toolbar-title { display: none !important; } /* line 52, resources/assets/styles/helpers/_utils.scss */ #pojo-a11y-toolbar.pojo-a11y-toolbar-right { right: -120%; } @layer utilities { /* line 57, resources/assets/styles/helpers/_utils.scss */ #pojo-a11y-toolbar { top: calc(80px + var(--admin-bar)) !important; } @media (max-width: 74.99875rem) { /* line 57, resources/assets/styles/helpers/_utils.scss */ #pojo-a11y-toolbar { top: calc(108px + var(--admin-bar)) !important; } } } /* line 65, resources/assets/styles/helpers/_utils.scss */ #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { width: 220px !important; } @media (max-width: 43.74875rem) { /* line 65, resources/assets/styles/helpers/_utils.scss */ #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { width: 100% !important; } /* line 69, resources/assets/styles/helpers/_utils.scss */ #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay .pojo-a11y-toolbar-item { font-size: 1.5rem !important; } } /* line 75, resources/assets/styles/helpers/_utils.scss */ .pojo-a11y-toolbar-item:hover { background-color: #de0918 !important; } /* line 77, resources/assets/styles/helpers/_utils.scss */ .pojo-a11y-toolbar-item:hover * { color: #fff !important; } /* line 83, resources/assets/styles/helpers/_utils.scss */ .pojo-a11y-toolbar-item * { font-family: "graphik_regular" !important; font-size: 1.125rem !important; } @media (max-width: 43.74875rem) { /* line 83, resources/assets/styles/helpers/_utils.scss */ .pojo-a11y-toolbar-item * { font-size: 1.375rem; } } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-130 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-140 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-150 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-160 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-170 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-180 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-190 { font-size: 100% !important; } /* line 96, resources/assets/styles/helpers/_utils.scss */ body.pojo-a11y-resize-font-200 { font-size: 100% !important; } /* line 102, resources/assets/styles/helpers/_utils.scss */ #wp-toolbar, #wp-toolbar ul { overflow: unset !important; display: unset !important; } /* line 108, resources/assets/styles/helpers/_utils.scss */ #wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar .shortlink-input, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item { min-width: none; } /* IMAGE ZOOM */ /* line 5, resources/assets/styles/helpers/_animations.scss */ .img-zoom-link:hover:not(:active) .img-zoom, .img-zoom-link:focus:not(:active) .img-zoom { transform: scale(1.1); } /* line 11, resources/assets/styles/helpers/_animations.scss */ .img-zoom-parent { overflow: hidden; } /* line 15, resources/assets/styles/helpers/_animations.scss */ .img-zoom { transition: transform 0.5s ease; } /*# sourceMappingURL=main.css.map*/