/* * Copyright 2019 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-accordion__header { margin: 0; } .cmp-accordion__button { display: block; width: 100%; text-align: left; } .cmp-accordion__panel--hidden { display: none; } .cmp-accordion__panel--expanded { display: block; } /* * Copyright 2018 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-carousel__content { position: relative; } .cmp-carousel__item { display: none; } .cmp-carousel__item--active { display: block; } .cmp-carousel__action { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .cmp-carousel__indicators { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; padding: 0; list-style: none; } .cmp-carousel__indicator { position: relative; flex: 0 1 auto; width: 10px; height: 10px; margin: 0 7px; border-radius: 50%; font-size: 0; text-indent: -3000px; background-color: rgba(0, 0, 0, 0.5); } .cmp-carousel__indicator--active { background-color: rgba(0, 0, 0, 0.8); } /* * Copyright 2017 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ /** @define image */ .cmp-image__image { width: 100%; } .cmp-image__title { display: block; margin-top: var(--spacing); color: var(--color-neutral-darker); font-family: var(--font-family-body-light); font-size: var(--font-size-xs); line-height: var(--line-height); } .cmp-container .cmp-imagebanner .cmp-image__image { margin-top: 4.5rem; } /* * Copyright 2018 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-tabs__tablist { display: flex; flex-wrap: wrap; padding-left: 0; list-style: none; } .cmp-tabs__tab { box-sizing: border-box; border-bottom: 1px solid transparent; padding: .5rem 1rem; cursor: pointer; } .cmp-tabs__tab--active { border-color: inherit; } .cmp-tabs__tabpanel { display: none; } .cmp-tabs__tabpanel--active { display: block; } /* * Copyright 2017 Adobe * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .cmp-search { position: relative; } .cmp-search__field { position: relative; height: 2rem; } .cmp-search__input { padding-left: 2rem; padding-right: 2rem; height: 100%; width: 100%; } .cmp-search__icon { display: block; position: absolute; left: .5rem; top: .5rem; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo="); background-size: contain; width: 1rem; height: 1rem; pointer-events: none; } .cmp-search__loading-indicator { display: none; position: absolute; top: .5rem; left: .5rem; border: 3px solid #ccc; border-top-color: #333; border-radius: 50%; width: 1rem; height: 1rem; animation: cmp-search__loading-indicator-spin 2s linear infinite; } @keyframes cmp-search__loading-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cmp-search__clear { display: none; margin: 0; padding: 0; border: none; background: transparent; } .cmp-search__clear-icon { position: absolute; top: .5rem; right: .5rem; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K"); background-size: contain; width: 1rem; height: 1rem; } .cmp-search__results { display: none; overflow-y: auto; min-width: 100%; max-height: 10rem; position: absolute; top: 100%; left: 0; z-index: 999999; border: 1px solid #ccc; background: #fff; } .cmp-search__item { display: block; } .cmp-search__item--is-focused { background-color: #ccc; } /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/fonts/bliss-pro.css ***! \**************************************************************************************************************************************************************************************************************************************************/ /* This font software is the property of JT Types Ltd. You may not modify the font software, use it on another website, or install it on a computer. Copyright (C) 2015 JT Types Ltd. */ @font-face { font-family: 'BlsPrW-Bd'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-bd.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-bd.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'BlsPrW-Lt'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-lt.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-lt.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'BlsPrW-Rg'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-rg.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-rg.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'BlsPrW-XBd'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-xbd.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/blsprw-xbd.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/fonts/chronicle-display.css ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* Copyright (C) Hoefler & Co. This software is the property of Hoefler & Co. (H&Co). Your right to access and use this software is subject to the applicable License Agreement, or Terms of Service, that exists between you and H&Co. If no such agreement exists, you may not access or use this software for any purpose. This software may only be hosted at the locations specified in the applicable License Agreement or Terms of Service, and only for the purposes expressly set forth therein. You may not copy, modify, convert, create derivative works from or distribute this software in any way, or make it accessible to any third party, without first obtaining the written permission of H&Co. For more information, please visit us at http://typography.com. */ /* @font-face { font-family: 'Chronicle-xlight'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-XLight_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-XLight_Web.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Chronicle-xlight-italic'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-XLightItalic_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-XLightItalic_Web.woff') format('woff'); font-weight: 200; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Chronicle-light'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Light_Web.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Light_Web.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Chronicle-light-italic'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-LightItal_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-LightItal_Web.woff') format('woff'); font-weight: 300; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Chronicle-roman'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Roman_Web.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Roman_Web.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Chronicle-italic'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-Italic_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-Italic_Web.woff') format('woff'); font-weight: 400; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Chronicle-semibold'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Semibold_Web.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Semibold_Web.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Chronicle-semibold-italic'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-SemiboldItal_Web.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-SemiboldItal_Web.woff) format('woff'); font-weight: 600; font-style: italic; font-display: swap; } /* @font-face { font-family: 'Chronicle-bold'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-Bold_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-Bold_Web.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } */ /* @font-face { font-family: 'Chronicle-bold-italic'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-BoldItal_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-BoldItal_Web.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } */ @font-face { font-family: 'Chronicle-black'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Black_Web.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/ChronicleDisp-Black_Web.woff) format('woff'); font-weight: 800; font-style: normal; font-display: swap; } /* @font-face { font-family: 'Chronicle-black-italic'; src: url('clientlib-site/dist/assets/fonts/chronicle-display/woff2/ChronicleDisp-BlackItalic_Web.woff2') format('woff2'), url('clientlib-site/dist/assets/fonts/chronicle-display/woff/ChronicleDisp-BlackItalic_Web.woff') format('woff'); font-weight: 800; font-style: italic; font-display: swap; } */ /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/fonts/noto-sans.css ***! \**************************************************************************************************************************************************************************************************************************************************/ /* Regular */ @font-face { font-family: 'NotoSans-condensed-regular'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Regular.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Regular.woff) format('woff'); font-weight: 400; font-style: normal; font-display: swap; } /* Bold */ @font-face { font-family: 'NotoSans-condensed-bold'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Bold.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Bold.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; } /* Italic */ @font-face { font-family: 'NotoSans-condensed-italic'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Italic.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Italic.woff) format('woff'); font-weight: 400; font-style: italic; font-display: swap; } /* Bold Italic */ @font-face { font-family: 'NotoSans-condensed-bold-italic'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-BoldItalic.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-BoldItalic.woff2) format('woff'); font-weight: 700; font-style: italic; font-display: swap; } /* Medium */ @font-face { font-family: 'NotoSans-medium'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Medium.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Medium.woff) format('woff'); font-weight: 500; font-style: normal; font-display: swap; } /* SemiBold */ @font-face { font-family: 'NotoSans-condensed-semibold'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-SemiBold.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-SemiBold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } /* Black */ @font-face { font-family: 'NotoSans-extra-condensed-black'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansExtraCondensed-Black.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansExtraCondensed-Black.woff) format('woff'); font-weight: 900; /* Adjusted to 900 for 'Black' */ font-style: normal; font-display: swap; } /* ExtraBold */ @font-face { font-family: 'NotoSans-extra-condensed-extrabold'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansExtraCondensed-ExtraBold.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansExtraCondensed-ExtraBold.woff) format('woff'); font-weight: 800; /* Adjusted to 800 for 'ExtraBold' */ font-style: normal; font-display: swap; } /* Light */ @font-face { font-family: 'NotoSans-condensed-light'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Light.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Light.woff) format('woff'); font-weight: 300; /* Adjusted to 300 for 'Light' */ font-style: normal; font-display: swap; } /* SemiBold Italic */ @font-face { font-family: 'NotoSans-condensed-semibold-italic'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-SemiBoldItalic.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-SemiBoldItalic.woff) format('woff'); font-weight: 600; /* Adjusted to 600 for 'SemiBold' */ font-style: italic; font-display: swap; } /* ExtraLight */ @font-face { font-family: 'NotoSans-extra-light'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-ExtraLight.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-ExtraLight.woff) format('woff'); font-weight: 200; /* Adjusted to 200 for 'ExtraLight' */ font-style: normal; font-display: swap; } /* Light */ @font-face { font-family: 'NotoSans-light'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Light.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Light.woff) format('woff'); font-weight: 300; /* Adjusted to 300 for 'Light' */ font-style: normal; font-display: swap; } /* Thin */ @font-face { font-family: 'NotoSans-thin'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Thin.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Thin.woff) format('woff'); font-weight: 100; /* Adjusted to 100 for 'Thin' */ font-style: normal; font-display: swap; } /* Condensed ExtraLight */ @font-face { font-family: 'NotoSans-condensed-extra-light'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-ExtraLight.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-ExtraLight.woff) format('woff'); font-weight: 200; /* Adjusted to 200 for 'Condensed ExtraLight' */ font-style: normal; font-display: swap; } /* Condensed Thin */ @font-face { font-family: 'NotoSans-condensed-thin'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Thin.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansCondensed-Thin.woff) format('woff'); font-weight: 100; /* Adjusted to 100 for 'Condensed Thin' */ font-style: normal; font-display: swap; } /* SemiCondensed Thin */ @font-face { font-family: 'NotoSans-semicondensed-thin'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansSemiCondensed-Thin.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSansSemiCondensed-Thin.woff) format('woff'); font-weight: 100; /* Adjusted to 100 for 'SemiCondensed Thin' */ font-style: normal; font-display: swap; } /* Regular */ @font-face { font-family: 'NotoSans-regular'; src: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Regular.woff2) format('woff2'), url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/fonts/NotoSans-Regular.woff) format('woff'); font-style: normal; font-weight: 400; font-display: swap; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/colors.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* * Settings: Colors */ :root { --color-primary: #B92504; --color-primary-dark: #b93b19; /* #b93b19 - rgb(185, 59, 25) - hsl(13, 76.2%, 41.2%) */ --color-primary-a1: rgba(185, 59, 25, 0.1); /* #ca411d(0.1) - rgba(185, 59, 25, 0.1) - hsla(13, 76.2%, 41.2%, 0.1) */ --color-primary-inverse: #1da6c9; /* Used for menu with mix-blend-mode */ --color-secondary-dark: #95906f; /* #95906f - rgb(149, 144, 111) - hsl(52, 15.2%, 51%) */ --color-secondary: #a49f79; /* #a49f79 - rgb(164, 159, 121) - hsl(53, 19.1%, 55.9%) */ --color-secondary-light: #b7b395; /* #b7b395 - rgb(183, 179, 149) - hsl(53, 19.1%, 65.1%) */ --color-secondary-lighter: #e0e0d7; /* #e0e0d7 - rgb(224, 224, 215) - hsl(60, 12.7%, 86.1%) */ --color-secondary-lighter-a5: rgba(224, 224, 215, 0.5); /* #e0e0d7 - rgb(224, 224, 215) - hsl(60, 12.7%, 86.1%) */ --color-tertiary: #edede3; /* #edede3 - rgb(237, 237, 227) - hsl(60, 21.7%, 91%) */ --color-tertiary-light: #e0e0d7; /* #e0e0d7 - rgb(224, 224, 215) - hsl(60, 12.7%, 86.1%) */ --color-tertiary-a8: rgba(237, 237, 227, 0.8); /* #edede3 */ /* monochromatic neutrals */ --color-neutral-darkest: #222; --color-neutral-darkest-inverse: #ddd; /* Used for menu with mix-blend-mode */ --color-neutral-darker: #4a4a4a; /* #4a4a4a - rgb(74, 74, 74) - hsl(0, 0%, 29%) */ --color-neutral-dark: #8c8c8c; /* #8c8c8c - rgb(140, 140, 140) - hsl(0, 0%, 54.9%) */ --color-neutral-semidark: #969696; /* #969696 - rgb(150, 150, 150) - hsl(0, 0%, 59%) */ --color-neutral: #b2b2b2; /* #b2b2b2 - rgb(178, 178, 178) - hsl(240, 0.7%, 70%) */ --color-neutral-light: #d6d6d6; /* #d6d6d6 - rgb(214, 214, 214) - hsl(0, 0%, 83.9%) */ --color-neutral-lighter: #f5f5f5; /* #f5f5f5 - rgb(245, 245, 245) - hsl(0, 0%, 96.1%) */ --color-white: #fff; /* #ffffff */ --color-white-a8: rgba(255, 255, 255, 0.8); /* #ffffff */ --color-white-a6: rgba(255, 255, 255, 0.6); /* #ffffff */ --color-white-a4: rgba(255, 255, 255, 0.4); /* #ffffff */ --color-neutral-darker-a6: rgba(74, 74, 74, 0.6); /* #4a4a4a */ --color-golden: #a5a07b; /*Redesign 2024*/ --Grey29: #4A4A4A; --Primary-charcoal-grey: rgba(34, 32, 31, 1); --Prim-Dark-Gray: #22201F; --Primary-Red:rgba(185, 37, 4, 1); --Prim-Red: #B92504; --Illustration-Sand200: #EDE9DE; --Illustration-Sand300: #D0CAB8; --Illustration-Sand400: #9F9781; --Illustration-Red300: #911D09; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/motion.css ***! \*****************************************************************************************************************************************************************************************************************************************/ :root { --transition-time: .4s; --easing-alpha: cubic-bezier(0.2, 1, 0.2, 1); --easing-beta: cubic-bezier(1, 0, 0, 1); --easing-gamma: cubic-bezier(1, 1, 1, 1); } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/variables.css ***! \********************************************************************************************************************************************************************************************************************************************/ /* * Settings: * Variables */ :root { /* spacing */ --spacing-xxxl: 12.0rem; --spacing-xxl: 8.0rem; --spacing-xl: 6.0rem; --spacing-lg: 4.0rem; --spacing-md: 3.0rem; --spacing: 2.0rem; --spacing-sm: 1.0rem; --spacing-xs: .5rem; --spacing-xs-minus-one: .4rem; --spacing-xxs: .2rem; --spacing-xxxs: .1rem; /* fonts: chronicle display - semibold chronicle display - roman bliss small caps - extrabold bliss small caps - bold bliss small caps - light bliss pro - regular bliss pro - light extra - used in design (not defined in guideline): chronicle display - black (M.15 big letters) bliss pro - extra bold (d-3/buttons/links) bliss pro - bold (popover/dropdown/filters) */ /* font families */ --font-family-display: NotoSans-regular, serif; --font-family-display-semibold: NotoSans-semibold, serif; --font-family-display-semiitalic: NotoSans-semibold-italic, serif; --font-family-display-black: NotoSans-black, serif; --font-family-display-light: NotoSans-light, serif; --font-family-body: NotoSans-regular, sans-serif; --font-family-body-medium: NotoSans-medium, sans-serif; --font-family-body-bold: NotoSans-regular-bold, sans-serif; --font-family-body-extrabold: NotoSans-extrabold, sans-serif; --font-family-body-light: NotoSans-light, sans-serif; --font-family-body-extra-light: NotoSans-extra-light, sans-serif; /* font sizes */ --font-size-xxxxxl: 10.0rem; --font-size-xxxxl: 7.5rem; --font-size-xxxl: 5.4rem; --font-size-xxl: 3.4rem; --font-size-xl: 2.4rem; --font-size-lg: 2.2rem; --font-size-md: 1.8rem; --font-size: 1.7rem; --font-size-sm: 1.6rem; --font-size-xs: 1.4rem; /* line height */ --line-height: 2.5rem; /* font weight */ --font-weight-light: 300; --font-weight: 400; --font-weight-bold: 600; --font-weight-bolder: 800; /* radius */ --border-radius: 5px; /* border-width */ --border-width: 1px; /* box shadow */ --box-shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.2); --box-shadow-md: 0 5px 10px rgba(0, 0, 0, 0.05), 0 15px 25px rgba(0, 0, 0, 0.15); --box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.15); --box-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.15); --box-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.24), 0 1px 3px rgba(0, 0, 0, 0.12); /* layout */ --sidebar-width: 24.0rem; --sidebar-width-large: 26.0rem; --siteselector-slideout-width: 36.0rem; --narrow-width: 65.4%; /* z-index */ --zindex-layout-lines: 85; --zindex-c-popover: 86; --zindex-cmp-header: 80; --zindex-cmp-footer: 90; --zindex-cmp-header-mobile: 100; --zindex-modal: 200; /* spacing */ --section-spacing: var(--spacing-xxxl); --section-spacing-md: var(--spacing-xxl); --component-spacing: var(--spacing-xl); --component-spacing-md: var(--spacing-lg); /* grid */ --container-max-width: 158.0rem; --grid-margin: 1.5rem; --grid-gutter: 1.0rem; --grid-gutter-large: 2.0rem; --col-1-12: 8.3333%; --col-2-12: 16.6667%; --col-3-12: 25%; --col-4-12: 33.3333%; --col-5-12: 41.6667%; --col-6-12: 50%; --col-7-12: 58.3333%; --col-8-12: 66.6667%; --col-9-12: 75%; --col-10-12: 83.3333%; --col-11-12: 91.6667%; --col-12-12: 100%; } /* 1025px -> Tablet / small desktop */ @media (min-width: 1025px) { :root { --grid-gutter: var(--grid-gutter-large); } } /* 1281px -> Desktop */ @media (min-width: 1281px) { :root { --sidebar-width: var(--sidebar-width-large); --grid-margin: 2.0rem; } } :root[lang^="ko"], :root[lang^="ru"] { /* Special korean cultural case for fonts ... no serif */ --font-family-display: BlsPrW-Rg, sans-serif; --font-family-display-semibold: BlsPrW-Bd, sans-serif; --font-family-display-semiitalic: BlsPrW-Rg, sans-serif; /* Not in use */ --font-family-display-black: BlsPrW-XBd, sans-serif; --font-family-display-light: BlsPrW-Lt, sans-serif; /* Not in use */ } /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/settings/animations.css ***! \*********************************************************************************************************************************************************************************************************************************************/ /* @keyframes hoverArrow { 0% { margin-left: var(--spacing-sm); } 50% { margin-left: var(--spacing); } 100% { margin-left: var(--spacing-sm); } } */ @-webkit-keyframes hoverArrow { 0% { transform: translateX(0); } 50% { transform: translateX(1.0rem); transform: translateX(var(--spacing-sm)); } 100% { transform: translateX(0); } } @keyframes hoverArrow { 0% { transform: translateX(0); } 50% { transform: translateX(1.0rem); transform: translateX(var(--spacing-sm)); } 100% { transform: translateX(0); } } @-webkit-keyframes hoverArrowRTL { 0% { transform: scaleX(-1) translateX(0); } 50% { transform: scaleX(-1) translateX(1.0rem); transform: scaleX(-1) translateX(var(--spacing-sm)); } 100% { transform: scaleX(-1) translateX(0); } } @keyframes hoverArrowRTL { 0% { transform: scaleX(-1) translateX(0); } 50% { transform: scaleX(-1) translateX(1.0rem); transform: scaleX(-1) translateX(var(--spacing-sm)); } 100% { transform: scaleX(-1) translateX(0); } } @-webkit-keyframes listItemEnter { from { opacity: 0; margin-left: calc(4.0rem * -1); margin-left: calc(var(--spacing-lg) * -1); } to { opacity: 1; margin-left: 0; } } @keyframes listItemEnter { from { opacity: 0; margin-left: calc(4.0rem * -1); margin-left: calc(var(--spacing-lg) * -1); } to { opacity: 1; margin-left: 0; } } /*!**********************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/normalize.css/normalize.css ***! \**********************************************************************************************************************************************************************************************/ /*! normalize.css v8.0.1 | 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 iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 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. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/generic/reset.css ***! \***************************************************************************************************************************************************************************************************************************************/ /* * Generic: Reset css * * Using normalize.css * https://necolas.github.io/normalize.css/ * */ /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/generic/base.css ***! \**************************************************************************************************************************************************************************************************************************************/ /** * Generic: Base * */ :root { --root-font-size: 62.5%; --base-color: var(--color-neutral-darker); --base-font-family: var(--font-family-body-light); --base-font-size: var(--font-size); --base-font-weight: var(--font-weight); --base-line-height: var(--line-height); } *, *::before, *::after { box-sizing: border-box; font-size: inherit; } html { font-size: 62.5%; font-size: var(--root-font-size); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; background-color: var(--color-white); } body { color: #4a4a4a; color: var(--base-color); background-color: #fff; background-color: var(--color-white); font-family: NotoSans-light, sans-serif; font-family: var(--base-font-family); font-size: 1.7rem; font-size: var(--base-font-size); font-weight: 400; font-weight: var(--base-font-weight); line-height: 2.5rem; line-height: var(--base-line-height); } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/anchor.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* * Elements: Anchor */ a { color: inherit; font-weight: 400; font-weight: var(--font-weight); } a:focus { outline: none; } a.focus-visible { outline: 1px dashed currentColor; outline-offset: .5rem; outline-offset: var(--spacing-xs); } a.focus-visible { outline: 1px dashed currentColor; outline-offset: .5rem; outline-offset: .5rem; outline-offset: var(--spacing-xs); } a:focus-visible { outline: 1px dashed currentColor; outline-offset: .5rem; outline-offset: var(--spacing-xs); } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/hr.css ***! \*************************************************************************************************************************************************************************************************************************************/ /* Elements: hr */ hr, .hr, .divider { display: block; margin: 6.0rem 0; margin: var(--spacing-xl) 0; background: #b2b2b2; background: var(--color-neutral); height: 1px; border: none; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/list.css ***! \***************************************************************************************************************************************************************************************************************************************/ /* * list */ ul, ol { padding-left: 2.0rem; padding-left: var(--spacing); margin: 0 0 3.0rem; margin: 0 0 var(--spacing-md); } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/table.css ***! \****************************************************************************************************************************************************************************************************************************************/ table { width: 100%; text-align: left; border-spacing: 0; border: none; } th, td { text-align: left; } /*!***************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/text.css ***! \***************************************************************************************************************************************************************************************************************************************/ /* * elements: * text */ p { margin-top: 0; margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } small, .small { font-size: 65%; line-height: 0.2em; font-weight: 400; font-weight: var(--font-weight); } mark { background: var(--color-secondary-100); padding: 0 .2rem; padding: 0 var(--spacing-xxs); } abbr { cursor: help; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* stylelint-disable selector-no-qualifying-type */ abbr[title], abbr[data-original-title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } /* type selector can't be avoided here */ /* stylelint-enable selector-no-qualifying-type */ b, strong, .bold { font-weight: 600; font-weight: var(--font-weight-bold); } .bolder { font-weight: 800; font-weight: var(--font-weight-bolder); } em { font-style: italic; } address { font-style: inherit; } /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/typography.css ***! \*********************************************************************************************************************************************************************************************************************************************/ /* * typography Values extracted from designs so far: Mobile: 38/41(1.07) d-5 30/38(1.26) d-4 24/26(1.08) d-3 26/32(1.23) d-2 24/34(1.3) d-1 22/30(1.36) abstract 17/25(1.47) body 14/25(1.78) body small Desktop: 75/80(1.06) d-5 54/60(1.11) d-4 24/26(1.08) d-3 ls:2 34/42(1.23) d-2 24/32(1.33) d-1 22/30(1.36) abstract 17/25(1.47) body 14/25(1.78) body-small Extra stuff in design: 100/100(1) 18/20(1.11) ls:1 button/link 18/30(1.66) ls:1.7 dropdown (different in design then guideline) 16/20(1.25) filters 14/30(2.14) ls:1.17 (used in banner - small red)? */ /* * Display headings */ .display-5 { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 72px; font-style: normal; font-weight: 300; line-height: 72px; /* 100% */ letter-spacing: -0.36px; } .display-4 { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 5.4rem; line-height: 6.0rem; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .display-3 { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-size: 24px; font-style: normal; font-weight: 300; line-height: 32px; margin-bottom: 3.0rem; } .display-2 { color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 28px; font-style: normal; font-weight: 300; line-height: 36px; /* 128.571% */ } .display-1.display-1 { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .abstract { font-family: NotoSans-regular, serif; font-family: var(--font-family-display); font-size: 2.2rem; line-height: 3.0rem; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .body { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.7rem; font-size: var(--font-size); line-height: 2.5rem; } .body--sm { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.4rem; font-size: var(--font-size-xs); line-height: 2.5rem; } /* mobile styles */ @media (max-width: 768px) { .display-5 { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 3.8rem; line-height: 4.1rem; } .display-4 { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 3.0rem; line-height: 3.8rem; } .display-3 { font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); font-size: 2.4rem; line-height: 2.6rem; letter-spacing: 2px; } .display-2 { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 2.6rem; line-height: 3.2rem; } .display-1.display-1 { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 2.4rem; line-height: 3.4rem; } } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/elements/image.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* * Elements: * Image */ img { display: block; /* width: 100%; */ border-radius: 10px; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/objects/grid.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* * Css component: * Grid */ .o-grid { display: flex; flex-wrap: wrap; margin: 0 calc(-1 * 1.0rem); margin: 0 calc(-1 * var(--grid-gutter)); } /* grid item */ .o-grid__item { flex: 1; } /* gap - space between */ /* stylelint-disable function-calc-no-invalid */ .o-grid > .o-grid__item { padding: 0 1.0rem; padding: 0 var(--grid-gutter); } /* stylelint-enable */ /* 1025px -> Desktop (IE10+) */ @media (min-width: 1025px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .o-grid.o-grid { margin: 0 calc(-1 * 2.0rem); margin: 0 calc(-1 * var(--grid-gutter-large)); } .o-grid.o-grid > .o-grid__item { padding: 0 2.0rem; padding: 0 var(--grid-gutter-large); } } /* modifiers */ .o-grid--top { align-items: flex-start; } .o-grid--bottom { align-items: flex-end; } .o-grid--center { align-items: center; } /* grid__item sizes */ .o-grid__item--100\% { flex: none; flex-basis: 100%; max-width: 100%; } .o-grid__item--50\% { flex: none; flex-basis: 50%; max-width: 50%; } .o-grid__item--33\% { flex: none; flex-basis: 33.3333%; max-width: 33.3333%; } .o-grid__item--25\% { flex: none; flex-basis: 25%; max-width: 25%; } .o-grid__item--20\% { flex: none; flex-basis: 20%; max-width: 20%; } /* responsive max-width: 768px */ @media (min-width: 769px) { .sm\:o-grid__item { flex: 1 1 auto; max-width: 100%; } .sm\:o-grid__item--100\% { flex: none; flex-basis: 100%; max-width: 100%; } .sm\:o-grid__item--50\% { flex: none; flex-basis: 50%; max-width: 50%; } .sm\:o-grid__item--33\% { flex: none; flex-basis: 33.333%; max-width: 33.333%; } .sm\:o-grid__item--25\% { flex: none; flex-basis: 25%; max-width: 25%; } .sm\:o-grid__item--20\% { flex: none; flex-basis: 20%; max-width: 20%; } } /* max-width: 1024px */ @media (min-width: 1025px) { .md\:o-grid__item { flex: 1 1 auto; max-width: 100%; } .md\:o-grid__item--100\% { flex: none; flex-basis: 100%; max-width: 100%; } .md\:o-grid__item--50\% { flex: none; flex-basis: 50%; max-width: 50%; } .md\:o-grid__item--33\% { flex: none; flex-basis: 33.333%; max-width: 33.333%; } .md\:o-grid__item--25\% { flex: none; flex-basis: 25%; max-width: 25%; } .md\:o-grid__item--20\% { flex: none; flex-basis: 20%; max-width: 20%; } } /* min-width: 1921px */ @media (min-width: 1281px) { .lg\:o-grid__item { flex: 1 1 auto; max-width: 100%; } .lg\:o-grid__item--100\% { flex: none; flex-basis: 100%; max-width: 100%; } .lg\:o-grid__item--50\% { flex: none; flex-basis: 50%; max-width: 50%; } .lg\:o-grid__item--33\% { flex: none; flex-basis: 33.333%; max-width: 33.333%; } .lg\:o-grid__item--25\% { flex: none; flex-basis: 25%; max-width: 25%; } .lg\:o-grid__item--20\% { flex: none; flex-basis: 20%; max-width: 20%; } } /* Bootstrap grid */ /* https://github.com/twbs/bootstrap/blob/v4-dev/dist/css/bootstrap-grid.css */ /* Only implemented row, col, col-[breakpoint] */ /* Not inlcuded offset, order, row-cols */ .row { min-width: 100%; display: flex; flex-wrap: wrap; margin-right: calc(-1 * 1.0rem); margin-right: calc(-1 * var(--grid-gutter)); margin-left: calc(-1 * 1.0rem); margin-left: calc(-1 * var(--grid-gutter)); } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 1.0rem; padding-right: var(--grid-gutter); padding-left: 1.0rem; padding-left: var(--grid-gutter); } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } /* 1025px -> Desktop (IE10+) */ @media (min-width: 1025px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .row { margin-right: calc(-1 * 2.0rem); margin-right: calc(-1 * var(--grid-gutter-large)); margin-left: calc(-1 * 2.0rem); margin-left: calc(-1 * var(--grid-gutter-large)); } .row > .col { padding-right: 2.0rem; padding-right: var(--grid-gutter-large); padding-left: 2.0rem; padding-left: var(--grid-gutter-large); } } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333%; max-width: 8.3333%; } .col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } @media (min-width: 769px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333%; max-width: 8.3333%; } .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } } @media (min-width: 1025px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333%; max-width: 8.3333%; } .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } } @media (min-width: 1281px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333%; max-width: 8.3333%; } .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } } @media (min-width: 1921px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333%; max-width: 8.3333%; } .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/objects/media-object.css ***! \**********************************************************************************************************************************************************************************************************************************************/ /* * Objects: * Media object */ .o-media { align-items: flex-start; display: flex; } .o-media__left, .o-media__right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .o-media__content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; } /* modifiers */ .o-media--center { align-items: center; } @media (max-width: 1024px) { .md\:o-media--stacked { display: block; } } @media (max-width: 768px) { .sm\:o-media--stacked { display: block; } } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/objects/link-list.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /** * objects: * link list */ .o-link-list { margin: 0; padding: 0; list-style: none; } .o-link-list__item { color: inherit; } .o-link-list__link, .o-link-list__link:visited { color: inherit; text-decoration: none; display: inline-flex; align-items: center; } .o-link-list--inline .o-link-list__item { display: inline-block; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/button.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /* Component - Button ------------------------- */ :root { --button-font-size: 1.8rem; --button-line-height: 2.0rem; --button-height: 4.0rem; } .c-button--reset { margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; text-decoration: none; cursor: pointer; border: 1px solid transparent; outline: none; display: inline-block; font: inherit; line-height: normal; } .c-button { margin: 0; padding: 1.0rem 2.0rem; padding: var(--spacing-sm) var(--spacing); width: auto; overflow: visible; background: transparent; color: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; text-decoration: none; cursor: pointer; border: 1px solid transparent; outline: none; display: inline-flex; align-items: center; font: inherit; line-height: normal; /* stylelint-disable-line */ line-height: 2.0rem; line-height: var(--button-line-height); /*font-variant: all-small-caps;*/ font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; font-size: var(--button-font-size); height: 4.0rem; height: var(--button-height); letter-spacing: 1px; transition: color .4s cubic-bezier(0.2, 1, 0.2, 1), background-color .4s cubic-bezier(0.2, 1, 0.2, 1), border-color .4s cubic-bezier(0.2, 1, 0.2, 1); } /* Remove excess padding and border in Firefox 4+ */ .c-button--reset::-moz-focus-inner::-moz-focus-inner, .c-button::-moz-focus-inner::-moz-focus-inner { border: 0; padding: 0; } .c-button--reset.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-button--reset.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-button--reset:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-button.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-button.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-button:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-button__text { margin-top: -.2rem; font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 100%; } /* primary / red in design (outlined) */ .c-button--primary { color: #B92504; color: var(--color-primary); border-color: #B92504; border-color: var(--color-primary); } /* neutral / secondary/gray in design (outlined) */ .c-button--neutral { color: #4a4a4a; color: var(--color-neutral-darker); /*border-color: var(--color-neutral-darker);*/ border-radius: 5px; border: 1px solid #9F9781; border: 1px solid var(--Illustration-Sand400, #9F9781); height: 4.0rem; padding: 1.2rem 1.6rem; justify-content: center; } /* white (outlined) */ .c-button--white { color: white; border-color: white; } /* * diabled */ .c-button.is-disabled { opacity: .5; pointer-events: none; cursor: auto; cursor: initial; } /* primary states */ .c-button--primary:hover, .c-button--primary:focus, .c-button--primary.is-hovered, .c-button--primary.is-disabled { color: white; background-color: #B92504; background-color: var(--color-primary); } /* neutral states */ .c-button--neutral:hover, .c-button--neutral:focus, .c-button--neutral.is-hovered, .c-button--neutral.is-disabled { color: white; background-color: #4a4a4a; background-color: var(--color-neutral-darker); } /* white states */ .c-button--white:hover, .c-button--white:focus, .c-button--white.is-hovered, .c-button--white.is-disabled { color: #4a4a4a; color: var(--color-neutral-darker); background-color: white; } /* * full / filled */ /* neutral / secondary/gray in design */ .c-button--full.c-button--neutral, .c-button--full.c-button--neutral:hover, .c-button--full.c-button--neutral:focus, .c-button--full.c-button--neutral.is-hovered { background-color: #4a4a4a; background-color: var(--color-neutral-darker); color: white; } /* * full / filled */ /* primary / red in design */ .c-button--full.c-button--primary, .c-button--full.c-button--primary:hover, .c-button--full.c-button--primary:focus, .c-button--full.c-button--primary.is-hovered { background-color: #B92504; background-color: var(--color-primary); color: white; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/link/link.css ***! \**********************************************************************************************************************************************************************************************************************************************/ /* * CSS Component * Link * * Style policy classes: * Colors: * c-link--primary * c-link--secondary * c-link--golden * c-link--white * Icon styles * c-link--arrow * c-link--download * */ .c-link { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); text-decoration: none; } /** * Primary style */ .c-link--primary { color: #B92504; color: var(--color-primary); } .c-link--primary:hover { color: #b93b19; color: var(--color-primary-dark); } .c-link--primary:active, .c-link--primary:visited { color: #B92504; color: var(--color-primary); } /* Secondary */ .c-link--secondary, .c-link--secondary:active { color: #a49f79; color: var(--color-secondary); } .c-link--secondary:hover { color: #b7b395; color: var(--color-secondary-light); } /* Golden */ .c-link--golden, .c-link--golden:active { color: #a5a07b; color: var(--color-golden); } /* White */ .c-link--white, .c-link--white:hover, .c-link--white:active { color: white; } /* Disabled */ .c-link--primary.is-disabled, .c-link--secondary.is-disabled { opacity: .5; pointer-events: none; } /* White - disabled */ .c-link--white.is-disabled { opacity: 1; } .c-link--white.is-disabled::after { display: inline; } /* Arrow */ .c-link--arrow.c-link--arrow.c-link--arrow.c-link--arrow.c-link--arrow { display: inline-flex; /*align-items: center;*/ height: 1.3rem; } [dir="ltr"] .c-link--arrow::after,[dir="ltr"] .c-link--download::after { margin-left: 1.0rem; margin-left: var(--spacing-sm); } [dir="rtl"] .c-link--arrow::after,[dir="rtl"] .c-link--download::after { margin-right: 1.0rem; margin-right: var(--spacing-sm); } [dir="ltr"] .c-link--arrow::after,[dir="ltr"] .c-link--download::after { margin-left: 1.0rem; } [dir="rtl"] .c-link--arrow::after,[dir="rtl"] .c-link--download::after { margin-right: 1.0rem; } .c-link--arrow::after, .c-link--download::after { display: inline-block; position: relative; will-change: transform; height: 23px; margin-left: 6px; transform: scale(0.6); /*change the size of the icons to 0.6 of the original width+height*/ } .c-link--arrow:hover::after { -webkit-animation: hoverArrow .4s ease-in-out; animation: hoverArrow .4s ease-in-out; } /* * Primary arrow */ .c-link--arrow.c-link--primary::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/link-icons/icon-arrow-81da04fde5c407ce2f738a74eeb53b02.svg); } /* * White arrow */ .c-link--arrow.c-link--white::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/link-icons/new-icon-arrow-white-d5fa70beec88d42ac29378ffaacdcd0e.svg); } /* * Download */ .c-link--download.c-link--primary::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/link-icons/icon-download-primary-e0c4565deca5707077e99be0e8408d68.svg); top: 4px; } /* * RTL */ [dir="rtl"] .c-link--arrow::after { transform: scale(-1); } [dir="rtl"] .c-link--arrow:hover::after { -webkit-animation: hoverArrowRTL .4s ease-in-out; animation: hoverArrowRTL .4s ease-in-out; } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/logo/logo.css ***! \**********************************************************************************************************************************************************************************************************************************************/ .c-logo { display: flex; width: 150px; height: 62.974px; padding: 0px 0.001px 0px 0.944px; justify-content: center; align-items: center; flex-shrink: 0; } .c-logo.c-logo--default { background: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/img/new-default-logo-facelift-2024-2ab25420902c512f8579dbcabfb070dd.svg); background-repeat: no-repeat; background-size: cover; } .c-logo.focus-visible { outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-logo.focus-visible { outline: 1px dashed #B92504; outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-logo:focus-visible { outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); outline-offset: .2rem; outline-offset: var(--spacing-xxs); } /*!**************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/search/search.css ***! \**************************************************************************************************************************************************************************************************************************************************/ /* * search */ .c-search { display: inline-flex; background: #B92504; background: var(--color-primary); border-radius: 3.2rem; align-items: center; transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); width: 4.2rem; justify-content: flex-end; position: relative; height: 4.2rem; padding-right: 4.2rem; } .c-search:hover { border: 1px solid #B92504; border: 1px solid var(--color-primary); background: #fff; background: var(--color-white); } .c-search:active { border: 1px solid #911D09; border: 1px solid var(--Illustration-Red300); background: #fff; background: var(--color-white); } .c-search__input { margin-left: 2.0rem; margin-left: var(--spacing); padding: 0 1.0rem; padding: 0 var(--spacing-sm); border: none; height: 4.0rem; width: 100%; display: none; background: transparent; } .c-search__icon-button { border: none; margin: 0; padding: 0; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; width: 4.2rem; height: 4.2rem; top: 0; font-size: 4.0rem; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; cursor: pointer; transition: width .4s cubic-bezier(0.2, 1, 0.2, 1), height .4s cubic-bezier(0.2, 1, 0.2, 1); transition: width var(--transition-time) var(--easing-alpha), height var(--transition-time) var(--easing-alpha); } .c-search__icon-button::-moz-focus-inner { border: 0; padding: 0; } .c-search__icon-button:focus { outline: none; } .c-search__icon-button.focus-visible { outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-search__icon-button.focus-visible { outline: 1px dashed #B92504; outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-search__icon-button:focus-visible { outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .is-active.c-search { width: 37.6rem; height: 6.4rem; padding-right: 6.4rem; background: white; } .is-active.c-search .c-search__input { display: inline-block; } .is-active.c-search .c-search__icon-button { width: 6.4rem; height: 6.4rem; } .cmp-search__results { max-height: 50vh; border: 1px solid #d6d6d6; border: 1px solid var(--color-neutral-light); } .cmp-search__item { padding: 1.0rem 3.0rem; padding: var(--spacing-sm) var(--spacing-md); text-decoration: none; } @-webkit-keyframes scaleInSearch { 0% { transform: scale(0); } 35% { transform: scale(0); } to { transform: none; transform: initial; } } @keyframes scaleInSearch { 0% { transform: scale(0); } 35% { transform: scale(0); } to { transform: none; transform: initial; } } @media (min-width: 1025px) { .c-search { -webkit-animation: scaleInSearch .4s ease; animation: scaleInSearch .4s ease; } } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/search/search-mobile.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ .c-search-mobile { display: inline-flex; background: #f5f5f5; background: var(--color-neutral-lighter); align-items: center; transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); justify-content: flex-end; position: relative; height: 6.4rem; padding-right: 6.4rem; width: 100%; } .c-search-mobile__input { margin-left: 2.0rem; margin-left: var(--spacing); padding: 0 1.0rem; padding: 0 var(--spacing-sm); border: none; height: 4.0rem; width: 100%; background: none; } .c-search-mobile__icon-button { border: none; margin: 0; padding: 0; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; width: 6.4rem; height: 6.4rem; font-size: 4.0rem; top: 0; display: flex; align-items: center; justify-content: center; position: absolute; right: 0; cursor: pointer; } .c-search-mobile__icon-button::-moz-focus-inner { border: 0; padding: 0; } /*!******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/svg-icon/svg-icon.css ***! \******************************************************************************************************************************************************************************************************************************************************/ .c-svg-icon { display: inline-flex; /*vertical-align: middle;*/ justify-content: center; align-items: center; color: inherit; } .c-svg-icon__svg { color: inherit; width: 1em; height: 1em; } .c-svg-icon__svg:hover { color: #B92504; color: var(--color-primary); } .c-svg-icon__svg:active { color: #911D09; color: var(--Illustration-Red300); } .c-svg-icon--round { height: 4.0rem; height: var(--spacing-lg); width: 4.0rem; width: var(--spacing-lg); border: 2px solid #8c8c8c; border: 2px solid var(--color-neutral-dark); border-radius: 100%; } .c-svg-icon--primary { color: #B92504; color: var(--color-primary); border-color: #B92504; border-color: var(--color-primary); } .c-svg-icon--white { color: white; border-color: white; } /* sizes */ .c-svg-icon--md { font-size: 3.2rem; } .c-svg-icon--sm { font-size: 2.8rem; } .c-svg-icon--xs { font-size: 2rem; } .c-search__icon-svg{ color:#fff; color:var(--color-white); } .c-search__icon-svg:hover { color:#B92504; color:var(--color-primary); } .c-search.is-active .c-search__icon-svg { color:#B92504; color:var(--color-primary); } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/table.css ***! \************************************************************************************************************************************************************************************************************************************************/ .c-table table { border: none; } .c-table th, .c-table td { padding: 2.0rem 0; padding: var(--spacing) 0; border: none; border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); } .c-table th { border-bottom: 1px solid #8c8c8c; border-bottom: 1px solid var(--color-neutral-dark); padding: 1.0rem 2.0rem 1.0rem 0; padding: var(--spacing-sm) var(--spacing) var(--spacing-sm) 0; } .c-table td { border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); padding: 1.0rem 2.0rem 1.0rem 0; padding: var(--spacing-sm) var(--spacing) var(--spacing-sm) 0; } /* condensed */ .c-table.c-table--condensed th, .c-table.c-table--condensed td { padding: .5rem 1.0rem .5rem 0; padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 0; } /* last cell */ .c-table th:last-child, .c-table td:last-child { padding-right: 0; } .c-table tr:last-child td { border: none; } /* scrollable table container */ .c-table__container--scrollable { overflow-x: scroll; } @media (max-width: 768px) { .c-table--responsive tr, .c-table--responsive th, .c-table--responsive td { display: block; border: 0; text-align: left; } .c-table--responsive td { padding: .5rem 0; padding: var(--spacing-xs) 0; margin: 0; text-align: right; } .c-table--responsive td:last-child { padding-bottom: 2.0rem; padding-bottom: var(--spacing); } .c-table--responsive td:first-child { padding-top: 2.0rem; padding-top: var(--spacing); border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); } .c-table--responsive thead { display: none; } .c-table--responsive td::before { content: attr(data-label); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); display: block; font-size: 1.6rem; text-align: left; float: left; } } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/table-simple.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ /* simple table */ .c-table-simple td, .c-table-simple th { padding: 2.0rem 0; padding: var(--spacing) 0; border: none; border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); font-weight: normal; } .c-table-simple th { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); } .c-table-simple tr:last-child td, .c-table-simple tr:last-child th { border-bottom: none; } /* sebra stribes */ .c-table-simple tr:nth-child(even) { background: #f5f5f5; background: var(--color-neutral-lighter); } /* title */ .c-table-simple--title tr:nth-child(1) * { font-size: 1.6rem; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); line-height: 2.0rem; letter-spacing: 1px; padding: .5rem 0; padding: var(--spacing-xs) 0; font-weight: normal; border: none; text-decoration: none; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .c-table-simple--title tr:nth-child(2) th, .c-table-simple--title tr:nth-child(2) td { border-top: 1px solid #8c8c8c; border-top: 1px solid var(--color-neutral-dark); } .c-table-simple--title:not(.c-table-simple--subtitle) tr:nth-child(even) { background: none; } .c-table-simple--title:not(.c-table-simple--subtitle) tr:nth-child(odd) { background: #f5f5f5; background: var(--color-neutral-lighter); } .c-table-simple--title:not(.c-table-simple--subtitle) tr:nth-child(1) { background: none; } /* subtitle */ .c-table-simple--subtitle:not(.c-table-simple--title) tr:nth-child(1) * { font-size: 1.6rem; font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); line-height: 2.0rem; letter-spacing: 1px; padding: .5rem 0; padding: var(--spacing-xs) 0; font-style: normal; text-decoration: none; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; border: none; font-weight: normal; } .c-table-simple--subtitle:not(.c-table-simple--title) tr:nth-child(1) th, .c-table-simple--subtitle:not(.c-table-simple--title) tr:nth-child(1) td { border-top: 1px solid #8c8c8c; border-top: 1px solid var(--color-neutral-dark); border-bottom: 1px solid #8c8c8c; border-bottom: 1px solid var(--color-neutral-dark); } /* sebra stribes */ .c-table-simple--subtitle:not(.c-table-simple--title) tr:nth-child(even) { background: none; } .c-table-simple--subtitle:not(.c-table-simple--title) tr:nth-child(odd) { background: #f5f5f5; background: var(--color-neutral-lighter); } .c-table-simple--subtitle:not(.c-table-simple--title) tr:nth-child(1) { background: none; } /* title and subtitle */ .c-table-simple--title.c-table-simple--subtitle tr:nth-child(2) * { font-size: 1.6rem; font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); line-height: 2.0rem; letter-spacing: 1px; padding: .5rem 0; padding: var(--spacing-xs) 0; font-style: normal; text-decoration: none; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; border: none; font-weight: normal; } .c-table-simple--title.c-table-simple--subtitle tr:nth-child(2) th, .c-table-simple--title.c-table-simple--subtitle tr:nth-child(2) td { border-top: 1px solid #8c8c8c; border-top: 1px solid var(--color-neutral-dark); border-bottom: 1px solid #8c8c8c; border-bottom: 1px solid var(--color-neutral-dark); } .c-table-simple--title.c-table-simple--subtitle tr:nth-child(2) { background: none; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/table-advanced.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* * Advanced table * This also works with the table component in the text component * for the veriations without collapsable areas */ .c-table--advanced table { border: none; text-align: left; } .c-table--advanced caption { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); text-align: left; font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); font-size: 2.4rem; line-height: 2.6rem; letter-spacing: 2px; } .c-table--advanced th, .c-table--advanced td { border: none; } .c-table--advanced tr:first-child th { font-size: 1.6rem; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); line-height: 2.0rem; letter-spacing: 1px; padding: .5rem 0; padding: var(--spacing-xs) 0; font-weight: normal; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); text-decoration: none; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; vertical-align: bottom; } .c-table--advanced td { font-size: 1.6rem; font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); letter-spacing: 1px; line-height: 2.0rem; padding: 3.0rem 0; padding: var(--spacing-md) 0; vertical-align: top; } .c-table--advanced td:not(:last-child) { padding: 3.0rem 3.0rem 3.0rem 0; padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) 0; } .c-table--advanced tr:not(:first-child) td { border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); } .c-table--advanced tr:first-child th:not(:last-child) { padding: .5rem 3.0rem .5rem 0; padding: var(--spacing-xs) var(--spacing-md) var(--spacing-xs) 0; } .c-table--advanced tr:nth-child(2) td { border-top: none; } .c-table--advanced .u-cursor--pointer:hover { color: hsl(0, 0%, 59%); } /* row heading */ .c-table--advanced tr:not(:first-child) th:first-child { font-size: 2.4rem; font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); line-height: 3.4rem; vertical-align: top; border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); padding: 2.0rem 3.0rem 2.0rem 0; padding: var(--spacing) var(--spacing-md) var(--spacing) 0; } .c-table--advanced tr:nth-child(2) th:first-child { border-top: none; } /* phase star */ .c-table__phase-star::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/assets/icon-phase-star-c4b6eb680cbc3330663834c43dcf5efe.svg); vertical-align: middle; } /* collapsable */ .c-table__collapsable-trigger { display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; color: inherit; padding-left: 2.0rem; padding-left: var(--spacing); } .c-table__collapsable-trigger::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/assets/icon-angle-down-round-02dd3683d5e9de52dbbe3093bcccbba2.svg); vertical-align: middle; color: inherit; width: 30px; height: 30px; } .c-table--collapsable .is-active .c-table__collapsable-trigger::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/assets/icon-angle-up-round-e179b83991a76f02eb47308a3c34d992.svg); } .c-table--collapsable tr:first-child { display: table-row; } .c-table--advanced.c-table--collapsable .c-table__collapsable-row td { /* stylelint-disable declaration-no-important */ padding: 0 !important; border-top: none !important; /* stylelint-enable declaration-no-important */ max-width: 100%; } .c-table__collapsable-container { display: flex; transition: height .4s ease-in-out; transition: height var(--transition-time) ease-in-out; overflow: hidden; } /* hide when not active */ .c-table__collapsable-container:not(.is-active) { display: none; } .c-table__collapsable-container-item { flex: 1; padding: 0 4.0rem 3.0rem 0; padding: 0 var(--spacing-lg) var(--spacing-md) 0; } .c-table__collapsable-container-item > :last-child { margin-bottom: 0; } .c-table__collapsable-container-item img { max-width: 100%; } @media (max-width: 768px) { .c-table--advanced tr, .c-table--advanced th, .c-table--advanced td { display: block; border: 0; text-align: left; } /* phase star */ .c-table__phase-star { position: relative; width: 1.7rem; height: 1.7rem; display: inline-block; } .c-table__phase-star::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/assets/icon-phase-star-mobile-7448ee29f1b4ba5e7f41a519acc1c501.svg); vertical-align: middle; position: absolute; right: 0; } .c-table--advanced .c-table__header-row { display: none; } .c-table--advanced.c-table--advanced td { padding: .5rem 0; padding: var(--spacing-xs) 0; margin: 0; } .c-table--advanced td:last-child { padding-bottom: 2.0rem; padding-bottom: var(--spacing); } /* border */ .c-table--advanced tr:not(:first-child) td { border-top: none; } .c-table--advanced.c-table--advanced th + td, .c-table--advanced.c-table--advanced td:first-child { padding-top: 2.0rem; padding-top: var(--spacing); } .c-table--advanced tr:first-child { display: none; } .c-table--advanced td::before { content: attr(data-label); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); display: block; font-size: 1.6rem; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .c-table__collapsable-container-item { padding: 0 0 2.0rem; padding: 0 0 var(--spacing); } .c-table__collapsable-trigger { padding-left: 0; } .c-table--collapsable .c-table__collapsable-row td:first-child { padding-top: 0; } .c-table--advanced.c-table--advanced tr:not(:first-child) td { border-top: none; } /* bordered on mobile */ .sm\:c-table--advanced-bordered:not(.c-table--collapsable) tr:not(:last-child) td:last-child { border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); } .sm\:c-table--advanced-bordered.c-table--collapsable .c-table__collapsable-row > :last-child { border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); } /* collapsable */ .c-table__collapsable-container { display: block; } } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/products-table.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* * Products - table specific styles */ .c-table--products .o-link-list .o-link-list__link { display: inline-block; } /* rich text links styling, no control over classes */ .c-table--products__richtext ul { margin: 0; padding: 0; list-style: none; } .c-table--products__richtext ul > li { margin-bottom: .5rem; margin-bottom: var(--spacing-xs); color: inherit; } /* stylelint-disable selector-max-compound-selectors */ .c-table--products__richtext a, .c-table--products__richtext ul > li > a { display: inline-block; color: #B92504; color: var(--color-primary); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); text-decoration: none; align-items: center; } /* stylelint-enable selector-max-compound-selectors */ @media (max-width: 768px) { .c-table--products td { word-break: break-word; } .c-table--products.c-table--advanced caption { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .c-table--products.c-table--products .c-table__collapsable-row td:first-child { border-top: 0; } .c-table--products.c-table--products tr:not(.c-table__collapsable-row) td:first-child { border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); } .c-table--products th:first-child { border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); padding-bottom: 1.0rem; padding-bottom: var(--spacing-sm); } .c-table--advanced.c-table--products tr:not(:first-child) th:first-child { border-top: 0; padding-top: 0; } .c-table--products.c-table--collapsable .c-table__collapsable-trigger { float: right; margin-top: calc(-1 * 4.0rem); margin-top: calc(-1 * var(--spacing-lg)); } } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/pipeline-table.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* * Pipeline - table specific styles */ .c-table--pipeline .c-table--pipeline__phase--mobile { display: none; } .c-table--pipeline .c-table__collapsable-trigger { padding-right: 0; } .c-table--pipeline__collapsable-container { flex-wrap: wrap; } .c-table--pipeline__collapsable-container .c-table--pipeline__mode-of-action-label { flex-shrink: 0; flex-basis: 100%; margin: 3.0rem 0 1.0rem; margin: var(--spacing-md) 0 var(--spacing-sm); text-transform: uppercase; } .c-table--pipeline.c-table--advanced tr:not(:first-child) td { border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); padding: 3.0rem 3.0rem 3.0rem 0; padding: var(--spacing-md) var(--spacing-md) var(--spacing-md) 0; } .c-table--pipeline.c-table--advanced tr:not(:first-child) .c-table__collapsable-cell { padding: 0; border: 0; } .c-table__collapsable-container.c-table--pipeline__collapsable-container.is-active { border-top: none; } .c-table__collapsable-trigger--mobile { display: none; } @media (max-width: 768px) { .c-table--pipeline.c-table--collapsable td:not(:first-child) { text-align: right; } .c-table--pipeline.c-table--advanced tr:not(:first-child) td { border: none; padding: 0 0 .5rem 0; padding: 0 0 var(--spacing-xs) 0; } .c-table--pipeline.c-table--advanced tr:not(:first-child) td:last-of-type { padding: 0 0 15px; } .c-table--pipeline.c-table--collapsable td::before { float: left; } .c-table--pipeline tr:nth-child(2) th:first-child { border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); } .c-table--pipeline .c-table--pipeline__phase--desktop { display: none; } .c-table--pipeline .c-table--pipeline__phase--mobile { display: block; } .c-table--pipeline__collapsable-container .c-table--pipeline__mode-of-action-label { margin-top: 0; } } /*!**********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/contactus-table.css ***! \**********************************************************************************************************************************************************************************************************************************************************/ /* * Contactus - table specific styles */ .c-table--contactus.c-table--contactus tr td { border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); } @media (max-width: 768px) { /* * Align contact link to the left on mobile */ .c-table--contactus td:last-child { text-align: left; } } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/table/index.css ***! \************************************************************************************************************************************************************************************************************************************************/ /*!*********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/checkbox.css ***! \*********************************************************************************************************************************************************************************************************************************************/ /* * css component: * checkbox * */ .c-checkbox { margin: .5rem 0; margin: var(--spacing-xs) 0; } .c-checkbox__label { display: inline-block; margin: 0; padding: 0 0 0 2.0rem; padding: 0 0 0 var(--spacing); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; position: relative; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .c-checkbox__btn { position: absolute; left: 0; } /* checkbox icon */ .c-checkbox [type=checkbox] { display: none; } .c-checkbox .c-checkbox__btn::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-checkbox-247c3e066308018fe0e46ade76c72162.svg); } .c-checkbox :checked + .c-checkbox__btn::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-checkbox-selected-a6f07d9f54095027b2e17e0ee9e0a468.svg); } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/chips.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* * CSS Component * Chips */ .c-chips { display: block; } .c-chip { padding: 0 1.0rem; padding: 0 var(--spacing-sm); background: #a49f79; background: var(--color-secondary); line-height: 3.0rem; letter-spacing: 2.7px; color: white; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; display: inline-flex; align-items: center; font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .c-chip:not(:last-child) { margin-right: 1.0rem; margin-right: var(--spacing-sm); } .c-chip .c-svg-icon { width: 3.0rem; width: var(--spacing-md); height: 3.0rem; height: var(--spacing-md); } .c-chip:hover { background: #b7b395; background: var(--color-secondary-light); } .c-chip:active { background: #95906f; background: var(--color-secondary-dark); } .c-chip__label { margin-top: -.2rem; } @media (max-width: 1024px) { .c-chips { margin-top: 2.0rem; margin-top: var(--spacing); } } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/component.css ***! \**********************************************************************************************************************************************************************************************************************************************/ /* * css component * component */ .c-component { margin-bottom: 6.0rem; margin-bottom: var(--component-spacing); } @media (max-width: 1024px) { .c-component { margin-bottom: 4.0rem; margin-bottom: var(--component-spacing-md); } } .c-component .c-component { margin-bottom: 0; } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/filters.css ***! \********************************************************************************************************************************************************************************************************************************************/ /* * Filters * * mixed component * uses popver component etc.. */ .c-filter { display: inline-block; } .c-filter:not(:last-child) { margin-right: 3.0rem; margin-right: var(--spacing-md); } /* * filter button */ .c-filter__button { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: none; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; padding: 1.0rem 3.0rem 1.0rem 0; padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 0; border-radius: 0; border: none; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); outline-color: #B92504; outline-color: var(--color-primary); } .c-filter__button.focus-visible { outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); } .c-filter__button.focus-visible { outline: 1px dashed #B92504; outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); } .c-filter__button:focus-visible { outline: 1px dashed #B92504; outline: 1px dashed var(--color-primary); } .c-filter__button::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-down-3b2f06673c6d9ab8598c332aca807cae.svg); position: absolute; right: 0; top: 8px; width: 14px; height: 6px; } .is-active.c-filter__button { color: #B92504; color: var(--color-primary); border-bottom-color: #B92504; border-bottom-color: var(--color-primary); } .is-active.c-filter__button::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-down-primary-a2e2a55db817cf4819f70782559d3928.svg); } /* * filter popover */ .c-filter .c-popover__content { padding: 3.0rem 2.0rem; padding: var(--spacing-md) var(--spacing); } /* scrollbar */ .c-filter .o-link-list { overflow: auto; max-height: 46.0rem; padding-right: 1.0rem; padding-right: var(--spacing-sm); } .c-filter .o-link-list::-webkit-scrollbar-track { background-color: #b2b2b2; background-color: var(--color-neutral); } .c-filter .o-link-list::-webkit-scrollbar { width: 0.2rem; } .c-filter .o-link-list::-webkit-scrollbar-thumb { max-height: 4.0rem; background-color: #B92504; background-color: var(--color-primary); } .c-filter .o-link-list__item { line-height: 3.0rem; padding: .5rem 0; padding: var(--spacing-xs) 0; width: 100%; display: flex; cursor: pointer; } .c-filter .o-link-list__link-text { flex: 1; padding-right: 2.0rem; padding-right: var(--spacing); } .c-filter .c-svg-icon { font-size: 1.2rem; display: none; } .c-filter .o-link-list__item:hover { opacity: .6; } .c-filter .is-disabled.o-link-list__item { color: #d6d6d6; color: var(--color-neutral-light); pointer-events: none; cursor: default; } .c-filter .is-active.o-link-list__item { color: #B92504; color: var(--color-primary); pointer-events: initial; } .c-filter .is-active.o-link-list__item .c-svg-icon { display: inline-flex; } @media (max-width: 1024px) { .c-filter--alt .c-popover__content { position: fixed; transform: translate(-50%, -50%); top: 50%; left: 50%; min-width: 23.0rem; } .c-filter--alt .c-filter__button.is-active::after { content: ''; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .6); z-index: 1; } } @media (max-width: 768px) { .c-filter.c-filter { display: block; margin-right: 0; } .c-filter:not(:last-child) { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .c-filter__button { width: 100%; text-align: left; } .c-filter .c-popover__content { width: 100%; } } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/input.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* * Input */ *::-moz-placeholder { color: #b2b2b2; color: var(--color-neutral); } *:-ms-input-placeholder { color: #b2b2b2; color: var(--color-neutral); } *::placeholder { color: #b2b2b2; color: var(--color-neutral); } .c-input { width: 100%; padding: .7rem 1.0rem .8rem; padding: .7rem var(--spacing-sm) .8rem; border: 0.1rem solid #4a4a4a; border: 0.1rem solid var(--color-neutral-darker); margin-bottom: 2.0rem; margin-bottom: var(--spacing); height: 4.0rem; color: inherit; } .c-input:focus { outline: none; } .c-input.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-input.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-input:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } /* input field - use as container for icons etc.. */ .c-input__field { position: relative; display: inline-flex; width: 100%; } /* input icons */ .c-input__icon { position: absolute; text-align: center; vertical-align: middle; width: 3.8rem; line-height: 3.8rem; height: 3.8rem; border: 0.1rem solid transparent; box-sizing: content-box; top: 0; } .c-input__icon--left { left: 0; } .c-input__icon--right { right: 0; } .c-input__icon--left ~ .c-input { padding-left: 4.0rem; } .c-input__icon--right ~ .c-input { padding-right: 4.0rem; } .c-input:disabled { border-color: #d6d6d6; border-color: var(--color-neutral-light); background: white; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/layout.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /* * lundbeck layout * hack the aem grid * (who knows what features and edgecases of the grid we might ruin by doing this) */ /* HTML-structure .root .aem-Grid .aem-GridColumn.c-layout__main .aem-Grid */ /* Mobile 320-767 (Mobile first) */ .root { overflow-x: hidden; } /*.root::before,*/ /*.root::after {*/ /* content: '';*/ /* display: block;*/ /* position: fixed;*/ /* top: 0;*/ /* width: 1px;*/ /* height: 100vh;*/ /* background: var(--color-neutral);*/ /* z-index: var(--zindex-layout-lines);*/ /*}*/ /*.root::before {*/ /* left: 15px;*/ /*}*/ /*.root::after {*/ /* right: 15px;*/ /*}*/ .aem-Grid, .aem-GridColumn { margin: 0; padding: 0; } /* Extra extra extra specificity needed to overwrite the AEM grid */ .c-layout__main.c-layout__main.c-layout__main.c-layout__main { float: none; margin: 0; padding: 0; width: 100%; /* using higher values leads to infinite increase of height of the editor.html window */ min-height: 65vh; } .c-layout__main > .aem-Grid { padding: 0 3.0rem 8.0rem; padding: 0 var(--spacing-md) var(--spacing-xxl); } /* Tablet 769-1024 */ @media (min-width: 769px) { .c-layout__main > .aem-Grid { padding: 0 4.0rem 8.0rem; padding: 0 var(--spacing-lg) var(--spacing-xxl); } .root::before { left: 2.0rem; left: var(--spacing); } .root::after { right: 2.0rem; right: var(--spacing); } } /* Tablet / Small desktop 1025-1280 */ @media (min-width: 1025px) { .root::before { right: auto; left: 24.0rem; left: var(--sidebar-width); } .root::after { right: 60px; } .c-layout__main.c-layout__main.c-layout__main.c-layout__main { padding-left: 24.0rem; padding-left: var(--sidebar-width); } .c-layout__main > .aem-Grid { padding: 0 100px 12.0rem 4.0rem; padding: 0 100px var(--spacing-xxxl) var(--spacing-lg); } } /* 1025px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .root.root::before { left: 26.0rem; left: var(--sidebar-width-large); } .c-layout__main.c-layout__main.c-layout__main.c-layout__main.c-layout__main { padding-left: 26.0rem; padding-left: var(--sidebar-width-large); } } /* Desktop 1280-1920 */ /* @media (--breakpoint-up-lg) {} */ /* Large desktop 1920-... */ @media (min-width: 1921px) { .root::after { right: auto; left: 186.0rem; } } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/modal.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* * CSS Component * modal * * Style policies: * lightbox: c-modal--lightbox * modal small: c-modal--sm * modal large: c-modal--lg * modal xlarge: c-modal--xl */ .c-modal { display: block; z-index: 200; z-index: var(--zindex-modal); position: relative; } .c-modal__overlay { display: none; content: ''; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); } .c-modal__container { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 68.0rem; min-height: 9.6rem; max-height: calc(100% - 8.0rem); max-height: calc(100% - var(--spacing-xxl)); padding: 6.0rem 6.0rem 4.0rem; padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-lg); overflow: auto; background: white; } .c-modal__content { padding: 0; } .c-modal__header { padding: 0 0 2.0rem; padding: 0 0 var(--spacing); } .c-modal__heading { padding-right: 2.0rem; padding-right: var(--spacing); margin: 0; } .c-modal__buttons .c-button:not(:last-child) { margin-right: 2.0rem; margin-right: var(--spacing); } /* * close button */ .c-modal__button-close { -webkit-appearance: none; background: none; display: inline-block; margin: 0; padding: 0; border: none; color: #B92504; color: var(--color-primary); cursor: pointer; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .c-modal__button-close::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-x-primary-1cef9b94296799e6017d1ce8835d4524.svg); margin-left: 1.0rem; margin-left: var(--spacing-sm); } .c-modal__button-close:hover { color: #b93b19; color: var(--color-primary-dark); } .c-modal__button-close svg { pointer-events: none; } /* * special width */ .c-modal--sm .c-modal__container { max-width: 58.0rem; } .c-modal--lg .c-modal__container { max-width: 80.0rem; } .c-modal--xl .c-modal__container { max-width: 117.0rem; } /* * lightbox style variation */ .c-modal--lightbox .c-modal__header, .c-modal--lightbox .c-modal__button-close { color: white; } .c-modal--lightbox .c-modal__button-close::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-x-white-3bf3bc66402d50df361f8ac64635874f.svg); } .c-modal--lightbox .c-modal__container { background: none; padding: 0; } /* * active state */ .c-modal.is-active .c-modal__container { display: block; } .c-modal.is-active .c-modal__overlay { display: block; } /* * responsive */ @media (max-width: 768px) { .c-modal__container { padding: 2.0rem 3.0rem 3.0rem; padding: var(--spacing) 3.0rem 3.0rem; max-height: calc(100% - 6.0rem); max-height: calc(100% - var(--spacing-xl)); max-width: none; } .c-modal__button-close { top: 3.0rem; right: 3.0rem; } .c-modal__button-close-text { display: none; } .c-modal--lightbox .c-modal__container { padding: 0; } .c-modal--lightbox .c-modal__header { padding: 2.0rem 3.0rem; padding: var(--spacing) var(--spacing-md); } } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/popover.css ***! \********************************************************************************************************************************************************************************************************************************************/ /* * components: * popover */ :root { --popover-offset: -1.0rem; --popover-arrow-size: 0; --popover-size: 23.0rem; } .c-popover { position: relative; display: inline-flex; } .c-popover__trigger { margin: 0; } .c-popover__content { display: none; position: absolute; min-width: 23.0rem; min-width: var(--popover-size); bottom: -1.0rem; bottom: var(--popover-offset); left: 50%; transform: translateX(-50%) translateY(100%); background: white; z-index: 86; z-index: var(--zindex-c-popover); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.15); box-shadow: var(--box-shadow-sm); } /* sizes */ .c-popover--md .c-popover__content { min-width: var(--size-20); } .c-popover--lg .c-popover__content { min-width: var(--size-21); } .c-popover--sm .c-popover__content { min-width: var(--size-18); } /* * positioning */ /* left */ .c-popover--left .c-popover__content { left: 0; transform: translateX(0) translateY(100%); } /* right */ .c-popover--right .c-popover__content { left: 100%; transform: translateX(-100%) translateY(100%); } /* top */ .c-popover--top .c-popover__content { transform: translateX(-50%) translateY(-100%); bottom: auto; bottom: initial; top: -1.0rem; top: var(--popover-offset); } /* top left */ .c-popover--left.c-popover--top .c-popover__content { left: 0; transform: translateX(0) translateY(-100%); } /* top right */ .c-popover--right.c-popover--top .c-popover__content { left: 100%; transform: translateX(-100%) translateY(-100%); } /* hover: show on hover */ .c-popover--hover::before { display: none; content: ''; position: absolute; height: calc(-2 * -1.0rem); height: calc(-2 * var(--popover-offset)); width: 100%; top: 100%; } .c-popover--hover:hover::before { display: block; } .c-popover--hover:hover .c-popover__content { display: block; } .c-popover--hover.c-popover--top::before { top: auto; top: initial; bottom: 100%; } /* active state - show when active */ .is-active.c-popover .c-popover__content { display: block; } /* responsive */ @media (max-width: 1024px) { .md\:c-popover--left .c-popover__content { left: 0; transform: translateX(0) translateY(100%); } .md\:c-popover--right .c-popover__content { left: 100%; transform: translateX(-100%) translateY(100%); } } @media (max-width: 768px) { .sm\:c-popover--left .c-popover__content { left: 0; transform: translateX(0) translateY(100%); } .sm\:c-popover--right .c-popover__content { left: 100%; transform: translateX(-100%) translateY(100%); } } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/radio.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* * css component: * radio * */ .c-radio { margin: .5rem 0; margin: var(--spacing-xs) 0; } .c-radio__label { display: inline-block; margin: 0; padding: 0 0 0 2.0rem; padding: 0 0 0 var(--spacing); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; position: relative; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .c-radio__btn { position: absolute; left: 0; } /* radio icon */ .c-radio [type=radio] { display: none; } .c-radio .c-radio__btn::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-radio-7df1fa24f26cd1d5b9f9e34117f020d7.svg); margin-right: 1.0rem; margin-right: var(--spacing-sm); } .c-radio :checked + .c-radio__btn::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-radio-selected-10cd941927148d395bf1745da4ff7ea7.svg); } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/select.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /* * Css component * Select * */ .c-select { position: relative; display: inline-flex; align-items: center; } .c-select__select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: white; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; padding: 1.0rem 3.0rem 1.0rem 0; padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 0; border-radius: 0; border: none; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); } .c-select__select:focus { outline: none; } .c-select__select.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-select__select.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-select__select:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .c-select__select::-ms-expand { display: none; } .c-select::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-down-3b2f06673c6d9ab8598c332aca807cae.svg); right: .8rem; display: inline-block; pointer-events: none; position: absolute; } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/sorting.css ***! \********************************************************************************************************************************************************************************************************************************************/ /* * Filtering: * Sorting */ .is-sorted-desc, .is-sorted-asc { color: #B92504; color: var(--color-primary); white-space: nowrap; line-height: 3.0rem; vertical-align: middle; } .is-sorted-asc::before, .is-sorted-desc::before { margin-right: .5rem; margin-right: var(--spacing-xs); display: inline-block; width: 14px; height: 6px; } .is-sorted-desc::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-up-primary-ffac69c5a5ed5a9bd25765cf8fec8998.svg); } .is-sorted-asc::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-down-primary-a2e2a55db817cf4819f70782559d3928.svg); } [data-sort-by] { cursor: pointer; white-space: nowrap; } [data-sort-by]:not(.is-sorted):hover { color: #969696; color: var(--color-neutral-semidark); } [data-sort-by].is-sorted:hover { color: #e18e7c; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/components/tabs.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* * css component * tabs */ .c-tabs { white-space: nowrap; display: flex; flex-wrap: wrap; } .c-tabs .o-link-list__item { display: block; padding-right: 2.0rem; padding-right: var(--spacing); } .c-tabs .o-link-list__link, .c-tabs .o-link-list__link:visited { padding: .5rem 0; padding: var(--spacing-xs) 0; color: inherit; text-decoration: none; display: block; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; text-transform: uppercase; margin-bottom: -1px; } /* line */ .c-tabs--line::after { content: ' '; position: relative; width: 100%; border-bottom: 0.1rem solid #b2b2b2; border-bottom: 0.1rem solid var(--color-neutral); z-index: -1; } /* line */ .c-tabs--line .o-link-list__item, .c-tabs--line .o-link-list__link { /* stylelint-disable-line */ border-bottom: 0.1rem solid #b2b2b2; border-bottom: 0.1rem solid var(--color-neutral); } .c-tabs--line .o-link-list__item { margin: .5rem 0 -1px; margin: var(--spacing-xs) 0 -1px; } /* active item state */ .c-tabs .o-link-list__item.is-active .o-link-list__link, .c-tabs .o-link-list__item.is-active .o-link-list__link:visited, .c-tabs .o-link-list__item.is-active .o-link-list__link:hover { pointer-events: none; text-decoration: none; border-color: #B92504; border-color: var(--color-primary); } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/title/v2/title/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component */ /* Reset h tags */ .display-5 .cmp-title__text, .display-4 .cmp-title__text, .display-3 .cmp-title__text, .display-2 .cmp-title__text, .display-1 .cmp-title__text { font-size: inherit; line-height: inherit; margin: inherit; font-weight: inherit; } .cmp-title a, .cmp-title a:active { color: #a49f79; color: var(--color-secondary); white-space: nowrap; text-decoration: none; } .cmp-title a:hover { color: #b7b395; color: var(--color-secondary-light); } .cmp-title--bottom-space { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/button/v1/button/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Button * - uses css components link and button */ /* Component - Button ------------------------- */ :root { --button-font-size: 1.8rem; --button-line-height: 2.0rem; --button-height: 4.0rem; } .cmp-button { display: inline-block; } .cmp-button__button { text-decoration: none; border-radius: 5px; } .cmp-button__button:focus { outline: none; } .cmp-button__button.focus-visible { outline: 1px dashed currentColor; outline-offset: .5rem; outline-offset: var(--spacing-xs); } .cmp-button__button.focus-visible { outline: 1px dashed currentColor; outline-offset: .5rem; outline-offset: .5rem; outline-offset: var(--spacing-xs); } .cmp-button__button:focus-visible { outline: 1px dashed currentColor; outline-offset: .5rem; outline-offset: var(--spacing-xs); } .cmp-button .cmp-button__button { margin: 0; padding: 1.0rem 2.0rem; padding: var(--spacing-sm) var(--spacing); width: auto; overflow: visible; background: transparent; color: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; text-decoration: none; cursor: pointer; border: 1px solid transparent; display: inline-flex; align-items: center; font: inherit; line-height: normal; /* stylelint-disable-line */ line-height: 2.0rem; line-height: var(--button-line-height); /*font-variant: all-small-caps;*/ font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; font-size: var(--button-font-size); height: 4.0rem; height: var(--button-height); letter-spacing: 1px; transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } .cmp-button__text { /*margin-top: -.2rem;*/ /*leading-trim: both;*/ /*text-edge: cap;*/ font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 2.4rem; /* 150% */ letter-spacing: 0; } /* Styles */ .cmp-button--red .cmp-button__button { color: #fff; color: var(--color-white); background-color: #B92504; background-color: var(--color-primary); outline-color: #B92504; outline-color: var(--color-primary); } .cmp-button--dark .cmp-button__button { color: #fff; color: var(--color-white); background-color: #4a4a4a; background-color: var(--color-neutral-darker); outline-color: #B92504; outline-color: var(--color-primary); } .cmp-button--white .cmp-button__button { color: #4a4a4a; color: var(--color-neutral-darker); background-color: #fff; background-color: var(--color-white); } .cmp-button--outline-red .cmp-button__button { color: #B92504; color: var(--color-primary); border-color: #B92504; border-color: var(--color-primary); outline-color: #B92504; outline-color: var(--color-primary); } .cmp-button--outline-dark .cmp-button__button { color: #22201F; color: var(--Prim-Dark-Gray); background-color: transparent; border: 1px solid #9F9781; border: 1px solid var(--Illustration-Sand400); } .cmp-button--outline-white .cmp-button__button { color: #fff; color: var(--color-white); border-color: #fff; border-color: var(--color-white); } .cmp-button--link .cmp-button__button { padding-left: 0; padding-right: 0; } .cmp-button--link-tight .cmp-button__button { padding: 0; height: auto; min-height: 3.0rem; min-height: var(--spacing-md); } .cmp-button--link-red .cmp-button__button { color: #B92504; color: var(--color-primary); gap: 4px; } .cmp-button--link-red .cmp-button__button:active { color: #911D09; color: var(--Illustration-Red300); } .cmp-button--link-dark .cmp-button__button { color: #4a4a4a; color: var(--color-neutral-darker); } .cmp-button--link-white .cmp-button__button { color: #fff; color: var(--color-white); } .cmp-button--link-gold .cmp-button__button { color: #a5a07b; color: var(--color-golden); } /* Remove excess padding and border in Firefox 4+ */ .cmp-button .cmp-button__button::-moz-focus-inner { border: 0; padding: 0; } .cmp-button--dark .cmp-button__button:focus, .cmp-button--outline-dark .cmp-button__button:focus, .cmp-button--dark .cmp-button__button:hover, .cmp-button--dark.is-hovered .cmp-button__button, .cmp-button--dark.is-disabled .cmp-button__button, .cmp-button--outline-dark .cmp-button__button:hover, .cmp-button--outline-dark.is-hovered .cmp-button__button, .cmp-button--outline-dark.is-disabled .cmp-button__button { color: #22201F; color: var(--Prim-Dark-Gray); border: 0; background-color: #EDE9DE; background-color: var(--Illustration-Sand200); } .cmp-button--outline-dark .cmp-button__button:active { color: #22201F; color: var(--Prim-Dark-Gray); border: 0; background-color: #D0CAB8; background-color: var(--Illustration-Sand300); } .cmp-button--red .cmp-button__button:focus, .cmp-button--outline-red .cmp-button__button:focus, .cmp-button--red .cmp-button__button:hover, .cmp-button--red.is-hovered .cmp-button__button, .cmp-button--red.is-disabled .cmp-button__button, .cmp-button--outline-red .cmp-button__button:hover, .cmp-button--outline-red.is-hovered .cmp-button__button, .cmp-button--outline-red.is-disabled .cmp-button__button { color: #B92504; color: var(--color-primary); background-color: #fff; background-color: var(--color-white); border: 1px solid #B92504; border: 1px solid var(--color-primary); } .cmp-button--red .cmp-button__button:active{ color: #911D09; color: var(--Illustration-Red300); background-color: #fff; background-color: var(--color-white); border: 1px solid #911D09; border: 1px solid var(--Illustration-Red300); } .cmp-button--white .cmp-button__button:focus, .cmp-button--outline-white .cmp-button__button:focus, .cmp-button--white .cmp-button__button:hover, .cmp-button--white.is-hovered .cmp-button__button, .cmp-button--white.is-disabled .cmp-button__button, .cmp-button--outline-white .cmp-button__button:hover, .cmp-button--outline-white.is-hovered .cmp-button__button, .cmp-button--outline-white.is-disabled .cmp-button__button { color: #4a4a4a; color: var(--color-neutral-darker); background-color: #fff; background-color: var(--color-white); border-color: #fff; border-color: var(--color-white); } /* Icon */ .cmp-button__button .c-svg-icon { margin-left: .4rem; margin-left: var(--spacing-xs-minus-one); } /* RTL */ [dir="rtl"] .cmp-button__button .c-svg-icon { margin-left: 0; margin-right: 1.0rem; margin-right: var(--spacing-sm); } [dir="rtl"] .cmp-button__button .c-svg-icon.icon-arrow { transform: scale(-1); } [dir="rtl"] .c-link--arrow:focus .c-svg-icon.icon-arrow, [dir="rtl"] .c-link--arrow:hover .c-svg-icon.icon-arrow { -webkit-animation: hoverArrowRTL .4s ease-in-out; animation: hoverArrowRTL .4s ease-in-out; } .cmp-button--link .cmp-button__button:focus .c-svg-icon.icon-arrow, .cmp-button--link .cmp-button__button:hover .c-svg-icon.icon-arrow { -webkit-animation: hoverArrow .4s ease-in-out; animation: hoverArrow .4s ease-in-out; } /* * diabled */ .cmp-button.is-disabled .cmp-button__button { opacity: .5; pointer-events: none; cursor: auto; cursor: initial; } /* Overwrite AEM grid and container markup */ .cmp-button--inline.cmp-button--inline.cmp-button--inline.cmp-button--inline { display: inline-block; width: auto; float: none; } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/accordion/v1/accordion/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* * * AEM Component: * Accordion * * Style policies: * Version 2: cmp-accordion--v2 * */ .cmp-accordion__header { list-style: none; position: relative; padding: 1.0rem 0; padding: var(--spacing-sm) 0; border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); display: block; } .cmp-accordion__button { border: none; margin: 0; padding: 0; width: 100%; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; display: flex; align-items: center; cursor: pointer; } .cmp-accordion__button:focus { outline: 0; color: #000; } .cmp-accordion__button.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .cmp-accordion__button.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .cmp-accordion__button:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .cmp-accordion__button--disabled { cursor: default; } .cmp-accordion__title { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; font-weight: normal; line-height: 2.0rem; letter-spacing: 1px; flex: 1; margin: 0; } .cmp-accordion__panel { transition: all .4s ease-in-out; transition: all var(--transition-time) ease-in-out; overflow: hidden; } .cmp-accordion__panel > :first-child { padding-top: 2.0rem; padding-top: var(--spacing); } .cmp-accordion__panel > :last-child { padding-bottom: 2.0rem; padding-bottom: var(--spacing); } .cmp-accordion__panel--hidden { display: block; height: 0; } .cmp-accordion__icon { display: inline-flex; vertical-align: middle; justify-content: center; align-items: center; color: inherit; } .cmp-accordion__icon::before, .cmp-accordion__icon::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/accordion-icons/icon-angle-down-3b2f06673c6d9ab8598c332aca807cae.svg); color: inherit; width: 1em; height: 1em; } .cmp-accordion__icon::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/accordion-icons/icon-angle-up-825e0470e886c96c4bab8b54e8d2c3ed.svg); display: none; } .cmp-accordion__button--expanded .cmp-accordion__icon::before { display: none; } .cmp-accordion__button--expanded .cmp-accordion__icon::after { display: block; } /* fix component spacing */ .cmp-accordion__panel :last-child { margin-bottom: 0; } /* * alternate version 2 */ .cmp-accordion--v2 .cmp-accordion__header { border-bottom: none; padding: 0; } .cmp-accordion--v2 .cmp-accordion__button .cmp-accordion__title { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.8rem; font-style: normal; font-weight: 300; line-height: 2.4rem; /* 133.333% */ letter-spacing: 0.36px; transition: all .4s ease-in-out; transition: all var(--transition-time) ease-in-out; } .cmp-accordion--v2 .cmp-accordion__button--expanded .cmp-accordion__title { color: rgba(185, 37, 4, 1); color: var(--Primary-Red, var(--Prim-Red, #B92504)); } .cmp-accordion--v2 .cmp-accordion__icon::before, .cmp-accordion--v2 .cmp-accordion__icon::after { width: 30px; height: 30px; } .cmp-accordion--v2 .cmp-accordion__icon::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/accordion-icons/icon-open-1b07f3daae26961d0f24e946ea184924.svg); } .cmp-accordion--v2 .cmp-accordion__icon::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/accordion-icons/icon-close-64ac12623522afb1e9e72917ff673c46.svg); } .cmp-accordion--v2 .cmp-accordion__item { border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); padding: 2.0rem 0; padding: var(--spacing) 0; } /* .cmp-accordion--v2 .cmp-accordion__panel { padding: var(--spacing) 0 0 0; } */ @media (max-width: 768px) { .cmp-accordion--v2 .cmp-accordion__button .cmp-accordion__title { line-height: 3.4rem; } .cmp-accordion--v2 .cmp-accordion__button--expanded .cmp-accordion__title { /*font-size: 3.0rem;*/ /*line-height: 3.8rem;*/ } } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/share/v1/share/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ /* * Share specific styles */ .cmp-share.c-popover .c-popover__content { padding: 3.0rem 2.0rem; padding: var(--spacing-md) var(--spacing); } .cmp-share.is-active .c-button--neutral, .cmp-share .c-button--neutral:hover, .cmp-share .c-button--neutral:focus { background: none; color: #a49f79; color: var(--color-secondary); border-color: #a49f79; border-color: var(--color-secondary); } .cmp-share .o-link-list__item:not(:last-child) { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .cmp-share .o-link-list__link { padding: 0 .5rem; padding: 0 var(--spacing-xs); height: 4.0rem; } .cmp-share .o-link-list__link:hover { color: #a49f79; color: var(--color-secondary); } .cmp-share .o-link-list__link-text { line-height: 3.0rem; font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); padding-left: 2.0rem; padding-left: var(--spacing); letter-spacing: 1.7px; } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/image/v2/image/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ /* * AEM component * Image */ .image { margin-bottom: 12.0rem; margin-bottom: var(--spacing-xxxl); /* 120 */ } @media (max-width: 768px) { .image { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); /* 40 */ } } /* modifiers */ /* cmp-image-size--sm */ @media (min-width: 769px) { .cmp-image-size--sm .cmp-image__col { flex: 0 0 66.6667%; flex: 0 0 var(--col-8-12); max-width: 66.6667%; max-width: var(--col-8-12); margin-left: 16.6667%; margin-left: var(--col-2-12); margin-right: 16.6667%; margin-right: var(--col-2-12); } } /* extra specificity to overwrite the styles comming from the AEM grid classes */ .cmp-image-size--full-width.cmp-image-size--full-width.cmp-image-size--full-width.cmp-image-size--full-width .cmp-image__row { left: 0; margin-left: calc(-1 * (24.0rem + 6.0rem)); margin-left: calc(-1 * (var(--sidebar-width) + var(--spacing-xl))); /* sidebar width + spacing */ width: calc(100vw + 6.0rem); width: calc(100vw + var(--spacing-xl)); max-width: calc(24.0rem + 158.0rem + 10.0rem); max-width: calc(var(--sidebar-width) + var(--container-max-width) + 10.0rem); /* container + sidebar width + spacing */ position: relative; padding: 0; } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-image-size--full-width.cmp-image-size--full-width.cmp-image-size--full-width.cmp-image-size--full-width .cmp-image__row { margin-left: calc(-1 * (26.0rem + 4.0rem)); margin-left: calc(-1 * (var(--sidebar-width-large) + var(--spacing-lg))); /* sidebar width + spacing */ max-width: calc(26.0rem + 158.0rem + 10.0rem); max-width: calc(var(--sidebar-width-large) + var(--container-max-width) + 10.0rem); /* container + sidebar width + spacing */ } } @media (max-width: 1024px) { /* extra specificity to overwrite the styles comming from the AEM grid classes */ .cmp-image-size--full-width.cmp-image-size--full-width.cmp-image-size--full-width.cmp-image-size--full-width .cmp-image__row { margin-left: calc(-1 * 4.0rem); margin-left: calc(-1 * var(--spacing-lg)); width: calc(100vw + 2.0rem); width: calc(100vw + var(--spacing)); } } /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/text/v2/text/clientlibs/site/styles/index.css ***! \*****************************************************************************************************************************************************************************************************************************************************/ /* * Text - rich text component */ .text + .linklist { margin-top: 2.0rem; margin-top: var(--spacing); } .text + * { margin-top: 6.0rem; margin-top: var(--component-spacing); } .cmp-text p { margin: 0; } .cmp-accordion__panel--expanded .text .cmp-text { color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.4rem; font-style: normal; font-weight: 400; line-height: 1.9rem; letter-spacing: 0.07px; } .text.cmp-container__item > .cmp-text { color: #4A4A4A; color: var(--Grey29, #4A4A4A); font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.6rem; font-style: normal; font-weight: 400; line-height: 2.4rem; /* 150% */ } .cmp-imagebanner__content .cmp-text p { color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; } .cmp-imagebanner__heading.display-3 > .cmp-text { margin-bottom: 26px; } .cmp-blurb .cmp-text { color: #4A4A4A; color: var(--Grey29); font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 25px; text-align: left; } .cmp-text { /* used for scrolling potential overflow of tables */ /* This creates ugly scrollbars on IE11 on all text components */ /* @todo - find another solution for table overflow */ /* overflow-x: scroll; */ } .cmp-text ul { list-style-type: '\2022'; padding-left: .5rem; padding-left: var(--spacing-xs); } .cmp-text ol { padding-left: calc(3.0rem - .5rem); padding-left: calc(var(--spacing-md) - var(--spacing-xs)); } .cmp-text li { padding-left: calc(2.0rem - .5rem); padding-left: calc(var(--spacing) - var(--spacing-xs)); } .cmp-text[dir="rtl"] ul { padding-left: 0; padding-right: .5rem; padding-right: var(--spacing-xs); } .cmp-text[dir="rtl"] ol { padding-left: 0; padding-right: calc(3.0rem - .5rem); padding-right: calc(var(--spacing-md) - var(--spacing-xs)); } .cmp-text[dir="rtl"] li { padding-left: 0; padding-right: calc(2.0rem - .5rem); padding-right: calc(var(--spacing) - var(--spacing-xs)); } .cmp-text a, .cmp-text a:active { color: #a49f79; color: var(--color-secondary); text-decoration: none; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .cmp-text a:hover { color: #b7b395; color: var(--color-secondary-light); } @media (max-width: 768px) { .text.u-width--narrow, .root .u-width--narrow.u-width--narrow.u-width--narrow.text { width: 100%; } } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/linklist/v1/linklist/clientlibs/site/styles/index.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component: * Linklist * * Style classes: * .cmp-linklist--inline * .cmp-linklist--inline-spacing * .cmp-linklist--primary * .cmp-linklist--secondary * .cmp-linklist--white * .cmp-linklist--arrow * .cmp-linklist--download * */ .linklist { margin-top: 2.0rem; margin-top: var(--spacing); } .o-nav-list .cmp-linklist__heading { margin-top: 0; } /* * Inline style * - used for svg list */ /* - overwrite/same as the link list css object */ .cmp-linklist--inline .o-link-list__item, .cmp-linklist--inline-spacing .o-link-list__item { display: inline-block; } .cmp-linklist--stacked .o-link-list__item { display: block; } /* adds spacing between elements */ .cmp-linklist--inline-spacing .o-link-list { /* row element */ margin-left: calc(-1 * 1.0rem); margin-left: calc(-1 * var(--spacing-sm)); margin-right: calc(-1 * 1.0rem); margin-right: calc(-1 * var(--spacing-sm)); } .cmp-linklist--inline-spacing .o-link-list__item { /* col element */ padding: 0 1.0rem; padding: 0 var(--spacing-sm); } .cmp-linklist--bottom-space-small .o-nav-list { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } /* * Primary */ .cmp-linklist--primary .o-link-list__link { color: #B92504; color: var(--color-primary); white-space: nowrap; /* needed for the icons */ } .cmp-linklist--primary .o-link-list__link:hover { color: #b93b19; color: var(--color-primary-dark); } .cmp-linklist--primary .o-link-list__link:active, .cmp-linklist--primary .o-link-list__link:visited { color: #B92504; color: var(--color-primary); } /* * Secondary */ /* stylelint-disable-next-line */ .cmp-linklist--secondary .o-link-list__link, .cmp-linklist--secondary .o-link-list__link:hover, .cmp-linklist--secondary .o-link-list__link:active { color: #a49f79; color: var(--color-secondary); white-space: nowrap; } /* * White */ /* stylelint-disable-next-line */ .cmp-linklist--white .o-link-list__link, .cmp-linklist--white .o-link-list__link:hover, .cmp-linklist--white .o-link-list__link:active { color: white; } /* * Arrow */ .cmp-linklist--arrow .o-link-list__link::after { margin-left: 1.0rem; margin-left: var(--spacing-sm); } .cmp-linklist--arrow .o-link-list__link:hover::after { -webkit-animation: hoverArrow .4s ease-in-out; animation: hoverArrow .4s ease-in-out; } /* Arrow - Primary */ .cmp-linklist--arrow.cmp-linklist--primary .o-link-list__link::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/linklist-icons/icon-arrow-81da04fde5c407ce2f738a74eeb53b02.svg); } /* Arrow - White */ .cmp-linklist--arrow.cmp-linklist--white .o-link-list__link.c-link--white::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/linklist-icons/icon-arrow-white-4378a18f2a914eda5b84b6ea652ec9fc.svg); } /* * Download */ /* Download - Primary */ .cmp-linklist--download.cmp-linklist--primary .o-link-list__link::after { margin-left: 1.0rem; margin-left: var(--spacing-sm); content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/linklist-icons/icon-download-primary-e0c4565deca5707077e99be0e8408d68.svg); } .cmp-linklist--download.cmp-linklist--primary [dir="rtl"] .o-link-list__link::after { margin-left: 0; margin-right: 1.0rem; margin-right: var(--spacing-sm); } .cmp-linklist--arrow.cmp-linklist--primary [dir="rtl"] .o-link-list__link::after { transform: scale(-1); margin-left: 0; margin-right: 1.0rem; margin-right: var(--spacing-sm); } /*!*************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/imagewtextlinkexpand/v1/imagewtextlinkexpand/clientlibs/site/styles/index.css ***! \*************************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM component: * Profile */ .imagewtextlinkexpand { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } .cmp-profile { margin: 0 auto; position:relative; left: -15%; /** adds up the negative 15% **/ /** 115 = 100% + 15% negative **/ /** 8.333 => 1 bootstrap column **/ width: calc(115% - 8.3333%); } .cmp-profile__image img { height: 250px; font-family: "object-fit:cover"; -o-object-fit: cover; object-fit: cover; } .cmp-profile__heading { color: #4A4A4A; color: var(--Grey29); font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 2.4rem; font-style: normal; font-weight: 300; line-height: 3.2rem; /* 133.333% */ margin: 0 0 .5rem; margin: 0 0 var(--spacing-xs); } .cmp-profile__title { font-size: 1.6rem; line-height: 2.0rem; letter-spacing: 1px; display: block; margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .cmp-profile__info { padding: 0; margin-top: 8.0rem; } .cmp-profile__tel { text-decoration: none; } .cmp-profile__tel, .cmp-profile__email { display: block; margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .cmp-profile__more-input { display: none; } .cmp-profile__more-content { max-height: 0; transition: all .5s ease-out; overflow: hidden; } .cmp-profile__more-content .cmp-text { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-profile__button-more { transition: all .4s; } .cmp-profile__button-less { left: 0; opacity: 0; transition: all .4s; display: none; white-space: nowrap; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-profile__more-input:checked ~ .cmp-profile__more-content { max-height: 1000px; overflow: auto; transition: all .4s ease-in; transition-delay: .1s; } .cmp-profile__more-input:checked ~ .cmp-profile__label .cmp-profile__button-more { opacity: 0; display: none; } .cmp-profile__more-input:checked ~ .cmp-profile__label .cmp-profile__button-less { opacity: 1; display: block; } @media (max-width: 768px) { .cmp-profile__image { display: flex; justify-content: center; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-profile__info { padding: 0; } .cmp-profile { left: unset; } } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cta/v1/cta/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * CTA - call to action */ /* Colored box */ .cmp-cta__box { background: #edede3; background: var(--color-tertiary); } /* Content container */ .cmp-cta__container { padding: 6.0rem 0 4.0rem; padding: var(--spacing-xl) 0 var(--spacing-lg); } .cmp-cta__title { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } @media (max-width: 768px) { .cmp-cta__container { padding: 3.0rem 0; padding: var(--spacing-md) 0; } .cmp-cta__title { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/quote/v1/quote/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ .cmp-quote { margin-top: 0; } /* If this quote is nested inside another component like imagewquote, the use full with col and not offset */ .c-component .cmp-quote .col { flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; } .cmp-quote__quote { font-family: NotoSans-semibold-italic, serif; font-family: var(--font-family-display-semiitalic); display: block; font-size: 3.4rem; line-height: 4.2rem; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-quote__quotee { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.6rem; letter-spacing: 1; display: block; align-items: center; font-style: normal; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .cmp-quote__quotee::before { content: ''; display: inline-block; background: #4a4a4a; background: var(--color-neutral-darker); width: 30px; height: 2px; margin-right: 10px; vertical-align: middle; } /* Removes margin on p elements under cite in edit mode */ .cmp-quote__quotee > * { margin-top: 0; margin-bottom: 0; } /* pull left when inside container */ .cmp-container--narrow .cmp-quote { /*left: -12%;*/ position: relative; } @media (max-width: 768px) { .cmp-quote__quote { font-size: 2.6rem; line-height: 3.2rem; } .cmp-container--narrow .cmp-quote { left: auto; } } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/doubleimage/v1/doubleimage/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /* * AEM custom component * Double Image */ .cmp-doubleimage--reverse .cmp-doubleimage { flex-direction: row-reverse; } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/imagewquote/v1/imagewquote/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /* * AEM custom component * Image with quote */ .cmp-imagewquote__content { margin-top: 2.0rem; margin-top: var(--spacing); } .cmp-imagewquote--reverse .cmp-imagewquote { flex-direction: row-reverse; } @media (min-width: 769px) { .cmp-imagewquote__content { margin-top: 0; } } /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/imagewtext/v1/imagewtext/clientlibs/site/styles/index.css ***! \*****************************************************************************************************************************************************************************************************************************************************************/ /* * AEM custom component * Image with text */ .cmp-imagewtext--reverse .cmp-imagewtext { flex-direction: row-reverse; } @media (max-width: 768px) { .cmp-imagewtext .cmp-image { padding: 2.0rem 3.0rem; padding: var(--spacing) var(--spacing-md); } } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/container/v1/container/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* * Container * * * Style policies: * * Narrow width: .cmp-container--narrow * * Flex context: .cmp-container--flex * * Columns 2: .cmp-container--50/50 * Columns 3: .cmp-container--33/33 * * Center align items: .cmp-container--center * Flex start align items: .cmp-container--flex-start * * Gap between items: .cmp-container--gap * Gap medium: .cmp-container--gap-md * Gap large: .cmp-container--gap-lg * Gap 1 column: .cmp-container--gap-1col * Gap 2 column: .cmp-container--gap-2col * Small bottom margin: .cmp-container--bottom-sm * * Stack items on medium screen sizes: .md:cmp-container--100/100 * Stack items on small screen sizes: .sm:cmp-container--100/100 * * Background context: .cmp-container--background * Background fullwidth: .cmp-container--background-fullwidth * Background colors: * - .cmp-container--background-primary * - .cmp-container--background-secondary * - .cmp-container--background-tertiary * - .cmp-container--background-neutral * - .cmp-container--background-neutral-light * - .cmp-container--background-neutral-lighter * */ .container { margin-bottom: 12.0rem; margin-bottom: var(--section-spacing); /* section spacing */ } .cmp-container { position: relative; } .cmp-container .image, .cmp-container .video23 { margin-bottom: 6.0rem; margin-bottom: var(--spacing-xl); } /* narrow width */ .cmp-container--narrow > .cmp-container { max-width: 65.4%; max-width: var(--narrow-width); margin: auto; margin-left: 13.0rem; } @media(max-width: 768px){ .cmp-container--narrow > .cmp-container{ margin-left:0; } } .cmp-container--align-left .cmp-container { margin-left: 0; } /* flex grid / colums */ .cmp-container--flex .cmp-container, .cmp-container--50\/50 .cmp-container, .cmp-container--33\/33 .cmp-container { display: flex; flex-wrap: wrap; padding-left: 10rem; padding-right: 15.0rem; } @media (max-width: 768px) { .cmp-container--flex .cmp-container, .cmp-container--50\/50 .cmp-container, .cmp-container--33\/33 .cmp-container { padding: 3rem; } } @media (max-width: 768px) { .cmp-container--background { padding: 0; } } .cmp-container--50\/50 .cmp-container__item { flex: 1; flex-basis: 50%; max-width: 50%; } .cmp-container--33\/33 .cmp-container__item { flex: 1; flex-basis: 33.33%; max-width: 33.33%; } /* Align items center */ .cmp-container--center .cmp-container { justify-content: center; align-items: center; } .cmp-container--flex-start .cmp-container { align-items: flex-start; } /* * Gap: between items */ .cmp-container--gap .cmp-container { margin: 0 calc(-1 * 2.0rem); margin: 0 calc(-1 * var(--spacing)); } .cmp-container--gap .cmp-container__item { padding: 0 2.0rem; padding: 0 var(--spacing); margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-container--gap-md .cmp-container { margin: 0 calc(-1 * 3.0rem); margin: 0 calc(-1 * var(--spacing-md)); } .cmp-container--gap-md .cmp-container__item { padding: 0 3.0rem; padding: 0 var(--spacing-md); margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } .cmp-container--gap-lg .cmp-container { margin: 0 calc(-1 * 4.0rem); margin: 0 calc(-1 * var(--spacing-lg)); } .cmp-container--gap-lg .cmp-container__item { padding: 0 4.0rem; padding: 0 var(--spacing-lg); margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } /* design column gaps (12 design columns) */ .cmp-container--gap-1col .cmp-container, .cmp-container--gap-2col .cmp-container { width: 100%; justify-content: space-between; } /* 1 design column gap - 2 items per row */ .cmp-container--gap-1col.cmp-container--50\/50 .cmp-container__item { flex-basis: calc(50% - 4.165%); max-width: calc(50% - 4.165%); } /* 2 design column gap - 2 items per row */ .cmp-container--gap-2col.cmp-container--50\/50 .cmp-container__item { flex-basis: calc(50% - 8.33%); max-width: calc(50% - 8.33%); } /* 1 design column gap - 3 items per row */ .cmp-container--gap-1col.cmp-container--33\/33 .cmp-container__item { flex-basis: calc(33.33% - 2.776%); max-width: calc(33.33% - 2.776%); } /* 2 design column gap - 3 items per row */ .cmp-container--gap-2col.cmp-container--33\/33 .cmp-container__item { flex-basis: calc(33.33% - 5.553%); max-width: calc(33.33% - 5.553%); } /* * component spacing */ .container .cmp-container .cmp-container__item:last-child { margin-bottom: 0; } .container.cmp-container--gap { margin-bottom: calc(12.0rem - 2.0rem); margin-bottom: calc(var(--section-spacing) - var(--spacing)); } .container.cmp-container--gap-md { margin-bottom: calc(12.0rem - 3.0rem); margin-bottom: calc(var(--section-spacing) - var(--spacing-md)); } .container.cmp-container--gap-lg { margin-bottom: calc(12.0rem - 4.0rem); margin-bottom: calc(var(--section-spacing) - var(--spacing-lg)); } .container.cmp-container--bottom-sm { margin-bottom: 6.0rem; margin-bottom: var(--spacing-xl); } /* * Background */ .cmp-container--background { position: relative; padding: 6.0rem 0; padding: var(--spacing-xl) 0; } .cmp-container--background::before { content: ''; top: 0; left: 0; width: 100%; position: absolute; height: 100%; z-index: 0; border-radius: 20px; } .cmp-container--background-fullwidth::before { width: 100vw; left: calc(-1 * (24.0rem + 4.0rem)); left: calc(-1 * (var(--sidebar-width) + var(--spacing-lg))); border-radius: 0; } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-container--background-fullwidth::before { left: calc(-1 * (26.0rem + 4.0rem)); left: calc(-1 * (var(--sidebar-width-large) + var(--spacing-lg))); } } .cmp-container--background-primary::before { background: #B92504; background: var(--color-primary); } .cmp-container--background-secondary::before { background: #a49f79; background: var(--color-secondary); } .cmp-container--background-tertiary::before { background: #EDE9DE; background: var(--Illustration-Sand200); } .cmp-container--background-neutral::before { background: #b2b2b2; background: var(--color-neutral); } .cmp-container--background-neutral-light::before { background: #d6d6d6; background: var(--color-neutral-light); } .cmp-container--background-neutral-lighter::before { background: #f5f5f5; background: var(--color-neutral-lighter); } /* * Responsive */ @media (max-width: 1024px) { .container { margin-bottom: 8.0rem; margin-bottom: var(--section-spacing-md); /* section spacing */ } /* stylelint-disable declaration-no-important */ .md\:cmp-container--100\/100 .cmp-container__item { flex: 1 !important; flex-basis: 100% !important; max-width: 100% !important; } /* stylelint-enable declaration-no-important */ .cmp-container--background-fullwidth::before { left: calc(-1 * 3.0rem); left: calc(-1 * var(--spacing-md)); } } @media (max-width: 768px) { .cmp-container--narrow .cmp-container { max-width: none; } /* stylelint-disable declaration-no-important */ .sm\:cmp-container--100\/100 .cmp-container__item { flex: 1 !important; flex-basis: 100% !important; max-width: 100% !important; } /* stylelint-enable declaration-no-important */ .cmp-container .image, .cmp-container .video23 { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } .container.cmp-container--bottom-sm { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } } /*!************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/banner/textbanner/v1/textbanner/clientlibs/site/styles/index.css ***! \************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * textbanner */ .textbanner { margin-bottom: 6.0rem; margin-bottom: var(--component-spacing); } .cmp-textbanner--narrow { max-width: 66.66%; margin: auto; } /* Extra extra extra specificity to overwrite awesome aem grid */ .cmp-textbanner--narrow.cmp-textbanner--narrow.cmp-textbanner--narrow.cmp-textbanner--narrow { float: none; /* overwrite aem grid */ } .cmp-textbanner__text { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } /*!********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/banner/featuredbanner/v1/featuredbanner/clientlibs/styles/site/index.css ***! \********************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM custom component: * Banner featured */ .cmp-featuredbanner { display: block; position: relative; } .cmp-featuredbanner__container { display: flex; flex-direction: row-reverse; } .cmp-featuredbanner__end { position: relative; /*padding: var(--spacing-xxl) var(--spacing-xxl) 0 0;*/ width: calc(30% + 12.0rem); width: calc(30% + var(--spacing-xxxl)); margin-right: 0.0rem; } .cmp-featuredbanner__end-content { padding: 2.0rem 0 0 0; padding: var(--spacing) 0 0 0; /*background: var(--color-white-a8);*/ width: 100%; min-height: 100%; } .cmp-featuredbanner__subtitle { color: rgba(185, 37, 4, 1); color: var(--Primary-Red, var(--Prim-Red, #B92504)); font-family: NotoSans-medium, sans-serif; font-family: var(--font-family-body-medium); font-size: 14px; font-style: normal; font-weight: 500; line-height: 16px; /* 114.286% */ } .cmp-featuredbanner__title { margin: 1.0rem 0 2.0rem; margin: var(--spacing-sm) 0 var(--spacing); max-width: 770px; } .cmp-featuredbanner__title.display-5{ color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light); font-size: 48px; font-style: normal; font-weight: 300; line-height: 58px; /* 120.833% */ } .cmp-featuredbanner__title.display-5 .cmp-enhanced-text { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); line-height: 5.8rem; font-size: 4.8rem; font-style: normal; font-weight: 300; } .cmp-featuredbanner__text { font-size: 2.2rem; line-height: 3.0rem; letter-spacing: .22px; max-width: 675px; } .cmp-featuredbanner__start { width: calc(80% + 12.0rem); width: calc(80% + var(--spacing-xxxl)); /*margin-left: calc(-1 * var(--spacing-xxxl));*/ margin-left: calc(0.1* 4.0rem); margin-left: calc(0.1* var(--spacing-lg)); } .cmp-featuredbanner__start-content { display: block; } .cmp-featuredbanner__links { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-featuredbanner__links .button { margin-bottom: 2.0rem; margin-bottom: var(--spacing); margin-right: 2.0rem; margin-right: var(--spacing); } .cmp-featuredbanner__links .button:nth-child(3) { display: block !important; /* stylelint-disable-line declaration-no-important */ } /* reversed version */ .cmp-featuredbanner--reverse .cmp-featuredbanner__container { flex-direction: row; } .cmp-featuredbanner--reverse .cmp-featuredbanner__start { margin-left: 0; margin-right: calc(1* 4.0rem); margin-right: calc(1* var(--spacing-lg)); padding: 0 6.0rem 0 0; padding: 0 var(--spacing-xl) 0 0; } .cmp-featuredbanner--reverse .cmp-featuredbanner__end { padding-right: 0; margin-right: 0; margin-left: calc(-1 * 12.0rem); margin-left: calc(-1 * var(--spacing-xxxl)); } .cmp-featuredbanner--reverse .cmp-featuredbanner__end-content { display: inline-block; text-align: left; padding: 2.0rem 0 8.0rem 4.0rem; padding: var(--spacing) 0 var(--spacing-xxl) var(--spacing-lg); } @media (max-width: 768px) { .cmp-featuredbanner__container { display: block; } .cmp-featuredbanner__end, .cmp-featuredbanner--reverse .cmp-featuredbanner__end { margin: 0; margin-top: -50px; padding: 0 3.0rem 0 0; padding: 0 var(--spacing-md) 0 0; width: 100%; } .cmp-featuredbanner__end-content, .cmp-featuredbanner--reverse .cmp-featuredbanner__end-content { padding: 3.0rem 0 1.0rem; padding: var(--spacing-md) 0 var(--spacing-sm); width: 100%; min-height: auto; } .cmp-featuredbanner__subtitle { line-height: 2.0rem; letter-spacing: 1px; } .cmp-featuredbanner__title { margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } .cmp-featuredbanner__text { font-size: 2.0rem; line-height: 2.8rem; } .cmp-featuredbanner__start { position: relative; top: 0; left: 0; width: 100%; padding: 0; margin: 0 0 3.0rem; } .cmp-featuredbanner__start-content { float: none; width: 100%; } .cmp-featuredbanner--reverse .cmp-featuredbanner__start { padding-right: 0; } .cmp-featuredbanner__links .button { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); margin-right: 1.0rem; margin-right: var(--spacing-sm); } .cmp-featuredbanner__links .c-link--arrow { display: block !important; /* stylelint-disable-line declaration-no-important */ } } /*!**************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/banner/imagebanner/v1/imagebanner/clientlibs/site/styles/index.css ***! \**************************************************************************************************************************************************************************************************************************************************************************/ /* * Image banner */ .cmp-imagebanner { align-items: center; } .cmp-imagebanner__content { margin-top: 2.0rem; margin-top: var(--spacing); } .cmp-imagebanner__heading { margin-top: 0; color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 28px; font-style: normal; font-weight: 300; line-height: 36px; /* 128.571% */ margin-bottom: 8px; } .cmp-imagebanner__link { margin-top: 2.0rem; margin-top: var(--spacing); } /* reversed */ .cmp-imagebanner--reverse .cmp-imagebanner { flex-direction: row-reverse; } .cmp-imagebanner--reverse .cmp-imagebanner__content { margin-right: 8.3333%; margin-right: var(--col-1-12); } .cmp-imagebanner--reverse.cmp-imagebanner--50\/50 .cmp-imagebanner__content { margin-right: 0; } /* Below hero image */ .cmp-imagebanner--hero .cmp-imagebanner { align-items: initial; } .cmp-imagebanner--hero .cmp-image { transform: translateY(-6.0rem); } /* responsive */ @media (max-width: 768px) { .cmp-imagebanner__heading { margin: 0 0 1.0rem; margin: 0 0 var(--spacing-sm); } .cmp-imagebanner__link { margin-top: 1.0rem; margin-top: var(--spacing-sm); } /* Below hero image */ .cmp-imagebanner--hero.cmp-imagebanner--hero { transform: translateY(-3.0rem); margin-bottom: -3.0rem; } .cmp-imagebanner--hero .cmp-image { transform: translateY(0); } .cmp-imagebanner--reverse .cmp-imagebanner__content { margin-right: 0; } } @media (min-width: 769px) { /* 50/50 */ .cmp-imagebanner--50\/50 .cmp-imagebanner__image, .cmp-imagebanner--50\/50 .cmp-imagebanner__content { /* Overwrite col-classes from 4/12 and 7/12 to two times 6/12 */ flex: 0 0 50%; flex: 0 0 var(--col-6-12); max-width: 50%; max-width: var(--col-6-12); } } .cmp-imagebanner__image .cmp-image__caption { margin-left: 0; margin-right: 0; flex: 0 0 100%; flex: 0 0 var(--col-12-12); max-width: 100%; max-width: var(--col-12-12); } /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/blurb/v1/blurb/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ /* * Blurb * * Style policies: * heading as green numbers: '.cmp-blurbcontainer--heading-numbers' * more from lundbeck: .cmp-blurbcontainer--more-from-lundbeck */ /* * cmp-blurbcontainer * Layout / grid / row / col */ @media (min-width: 769px) { .cmp-blurbcontainer--2\/2 .cmp-container__item { /* Overwrite col-classes from 12/12 to 6/12 */ flex: 0 0 50%; flex: 0 0 var(--col-6-12); max-width: 50%; max-width: var(--col-6-12); } .cmp-blurbcontainer--3\/3 .cmp-container__item { /* Overwrite col-classes from 12/12 to 4/12 */ flex: 0 0 33.3333%; flex: 0 0 var(--col-4-12); max-width: 33.3333%; max-width: var(--col-4-12); } } /* * cmp-blurb */ .cmp-blurb { border-top: 3px solid #4a4a4a; border-top: 3px solid var(--color-neutral-darker); border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); padding: 3.0rem 0; padding: var(--spacing-md) 0; } .cmp-blurb__heading, .cmp-blurb .cmp-text { display: block; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } /* style policy - heading as numbers */ .cmp-blurbcontainer--heading-numbers .cmp-blurb__heading { font-family: NotoSans-black, serif; font-family: var(--font-family-display-black); color: #a49f79; color: var(--color-secondary); font-size: 6.0rem; line-height: 7.0rem; text-transform: none; font-feature-settings: "kern" off; font-variant: none; margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .cmp-blurbcontainer--heading-numbers .cmp-blurb { padding: 2.0rem 0; padding: var(--spacing) 0; } .cmp-blurbcontainer--heading-numbers .cmp-blurb .cmp-text { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } /* * style policy - "More from Lundbeck" */ .cmp-blurbcontainer--more-from-lundbeck > .cmp-container { margin-top: 3rem; margin-bottom: 3rem; } .sand-no-borders { border-radius: 20px; background-color: #EDE9DE; background-color: var(--Illustration-Sand200); } .sand-no-borders .blurb.col.col-12.cmp-container__item { border-left: 0; flex:50%; max-width:50%; } .sand-no-borders .cmp-container { display: flex; flex-wrap: wrap; padding: 100px; } .cmp-blurbcontainer--more-from-lundbeck [dir="ltr"] .blurb:not(:first-child) { border-left: 1px solid #d6d6d6; border-left: 1px solid var(--color-neutral-light); } .cmp-blurbcontainer--more-from-lundbeck [dir="rtl"] .blurb:not(:last-child) { border-left: 1px solid #d6d6d6; border-left: 1px solid var(--color-neutral-light); } .cmp-blurbcontainer--more-from-lundbeck .cmp-blurb { text-align: left; border: none; padding: 0 2.0rem; padding: 0 var(--spacing); } /* * Typography - "More from Lundbeck" */ .cmp-blurbcontainer--more-from-lundbeck .cmp-blurb__heading { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 2.4rem; font-feature-settings: "kern" off; font-variant: none; line-height: 3.2rem; margin-bottom: 2.0rem; margin-bottom: var(--spacing); text-transform: none; display: flex; min-height: 75px; align-items: flex-end; justify-content: start; letter-spacing: 0; } .sand-no-borders .cmp-blurb__heading { margin-bottom: 8px; } .sand-no-borders .cmp-button__button{ height:unset; padding:0; } .sand-no-borders .cmp-text{ margin-bottom: 0; } /*.cmp-blurbcontainer--more-from-lundbeck .cmp-text p {*/ /* min-height: 75px;*/ /*}*/ /* * responsive styles for small devices */ @media (max-width: 768px) { /* * Typography (SM) - "More from Lundbeck" */ .cmp-blurbcontainer--more-from-lundbeck .cmp-blurb__heading { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 2.4rem; line-height: 3.4rem; margin-bottom: 2.0rem; margin-bottom: var(--spacing); min-height: 0; } .cmp-blurbcontainer--more-from-lundbeck .cmp-container .blurb { border: none; } .cmp-blurbcontainer--more-from-lundbeck .cmp-blurb { padding: 4.0rem 0; padding: var(--spacing-lg) 0; } /*.cmp-blurbcontainer--more-from-lundbeck .blurb:not(:first-child) .cmp-blurb {*/ /* border-top: 1px solid var(--color-neutral-light);*/ /*}*/ .cmp-blurbcontainer--more-from-lundbeck .cmp-text { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .cmp-blurbcontainer--more-from-lundbeck .cmp-text p { min-height: 0; } .sand-no-borders .blurb.col.col-12.cmp-container__item { border-left: 0; flex: 100%; max-width: 100%; padding-left: 2rem; padding-right: 2rem; } .sand-no-borders .cmp-container{ padding: 0; } } /*!*********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/linklistitem/v1/linklistitem/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************************/ /* * * AEM Component * Link list item * * Style policy classes: * Colors: * cmp-linklistitem--primary * cmp-linklistitem--secondary * cmp-linklistitem--white * Icon styles * cmp-linklistitem--arrow * cmp-linklistitem--download * */ .cmp-linklistitem { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); text-decoration: none; } .cmp-linklistitem .o-link-list__link { white-space: nowrap; flex-direction: row; display: flex; } /** * Primary style */ .cmp-linklistitem--primary .o-link-list__link { color: #B92504; color: var(--color-primary); white-space: nowrap; } .cmp-linklistitem--primary:hover .o-link-list__link { color: #b93b19; color: var(--color-primary-dark); } .cmp-linklistitem--primary .o-link-list__link:active, .cmp-linklistitem--primary .o-link-list__link:visited { color: #B92504; color: var(--color-primary); } /* Secondary */ /* stylelint-disable-next-line */ .cmp-linklistitem--secondary .o-link-list__link, .cmp-linklistitem--secondary .o-link-list__link:active { color: #a49f79; color: var(--color-secondary); white-space: nowrap; } .cmp-linklistitem--secondary .o-link-list__link:hover { color: #b7b395; color: var(--color-secondary-light); } /* White */ .cmp-linklistitem--white, .cmp-linklistitem--white .o-link-list__link:hover, .cmp-linklistitem--white .o-link-list__link:active { color: white; white-space: nowrap; } /* Disabled */ .cmp-linklistitem--primary .o-link-list__link.is-disabled, .cmp-linklistitem--secondary .o-link-list__link.is-disabled { opacity: .5; pointer-events: none; } /* White - disabled */ .cmp-linklistitem--white .o-link-list__link.is-disabled { opacity: 1; } .cmp-linklistitem--white .o-link-list__link.is-disabled::after { display: inline; } /* Arrow */ .cmp-linklistitem--arrow .o-link-list__link::after, .cmp-linklistitem--download .o-link-list__link::after { margin-left: 1.0rem; margin-left: var(--spacing-sm); } .cmp-linklistitem--arrow:hover .o-link-list__link::after { -webkit-animation: hoverArrow .4s ease-in-out; animation: hoverArrow .4s ease-in-out; } /* Primary arrow */ .cmp-linklistitem--arrow.cmp-linklistitem--primary .o-link-list__link::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/linklistitem-icons/icon-arrow-81da04fde5c407ce2f738a74eeb53b02.svg); } /* White arrow */ .cmp-linklistitem--arrow.cmp-linklistitem--white .o-link-list__link::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/linklistitem-icons/icon-arrow-white-4378a18f2a914eda5b84b6ea652ec9fc.svg); } /* * Download */ .cmp-linklistitem--download.cmp-linklistitem--primary .o-link-list__link::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/linklistitem-icons/icon-download-primary-e0c4565deca5707077e99be0e8408d68.svg); } /* RTL */ [dir="rtl"] .cmp-linklistitem--arrow .o-link-list__link::after, [dir="rtl"] .cmp-linklistitem--download .o-link-list__link::after { margin-left: 0; margin-right: 1.0rem; margin-right: var(--spacing-sm); } [dir="rtl"] .cmp-linklistitem--arrow .o-link-list__link::after { transform: scale(-1); } [dir="rtl"] .cmp-linklistitem--arrow:hover .o-link-list__link::after { -webkit-animation: hoverArrowRTL .4s ease-in-out; animation: hoverArrowRTL .4s ease-in-out; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/filelist/v1/filelist/clientlibs/site/styles/index.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* * Component: * Filelist / Medialist * */ .cmp-filelist__header { display: flex; width: 100%; margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } .cmp-filelist__title { flex: 1; margin: 0; } .cmp-filelist__files { display: block; list-style: none; margin: 0; padding: 0; } @media (max-width: 768px) { .cmp-filelist__header { display: block; } } /*!*********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/filelistitem/v1/filelistitem/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************************/ /* * Component: * Filelist item / Medialist item * */ .cmp-filelistitem { border-top: 1px solid #d6d6d6; border-top: 1px solid var(--color-neutral-light); display: flex; padding: 3.0rem 0; padding: var(--spacing-md) 0; } .cmp-filelistitem__item { flex: 1; padding: 0 4.0rem 0 0; padding: 0 var(--spacing-lg) 0 0; } .cmp-filelistitem__item:last-child { padding-right: 0; text-align: right; } .cmp-filelistitem__type { display: block; } .cmp-filelistitem__image { width: 100%; } .cmp-filelistitem__video { width: 100%; } .cmp-filelistitem__media { min-width: 27.0rem; } .cmp-filelistitem__title { font-family: NotoSans-black, serif; font-family: var(--font-family-display-black); font-size: 2.4rem; line-height: 3.4rem; flex-basis: 30%; } .cmp-filelistitem__meta { font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; } .cmp-filelistitem__item .cmp-video23__image { max-width: 100%; } @media (max-width: 768px) { .cmp-filelistitem, .cmp-filelistitem__item { display: block; } .cmp-filelistitem__item:last-child { text-align: left; } .cmp-filelistitem__media { padding-right: 0; } } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/factbox/v1/factbox/clientlibs/site/styles/index.css ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* * AEM component * Factbox * * style policies: * narrow text width: .cmp-factboxitem--narrow (as designed when using a single factboxitem) * */ .factbox { border-top: 1px solid #b2b2b2; border-top: 1px solid var(--color-neutral); border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); } .factbox:not(:last-child) { border-right: 1px solid #b2b2b2; border-right: 1px solid var(--color-neutral); } .cmp-factboxitem { padding: 2.0rem; padding: var(--spacing); margin: auto; } .cmp-factboxitem .cmp-factboxitem__title { margin: 0; } .cmp-factboxitem__subtitle { font-size: 1.4rem; line-height: 3.0rem; letter-spacing: 1px; font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); color: #a49f79; color: var(--color-secondary); font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .cmp-factbox--noborder.factbox { border: unset; } .factbox:first-child .cmp-factboxitem { padding-left: 0; } .factbox:last-child .cmp-factboxitem { padding-right: 0; } .factbox .cmp-text :last-child { margin-bottom: 0; } /* style policies */ .cmp-factboxitem--narrow .cmp-factboxitem__text { max-width: 100%; margin: auto; } @media (max-width: 768px) { .factbox.factbox { border: none; flex-basis: 100%; max-width: 100%; margin-bottom: 0; } .factbox:first-child { border-top: 1px solid #b2b2b2; border-top: 1px solid var(--color-neutral); } .factbox:last-child { border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); margin-bottom: 6.0rem; margin-bottom: var(--spacing-xl); } .cmp-factboxitem { border: none; padding: 0 0 2.0rem; padding: 0 0 var(--spacing); } .factbox:first-child .cmp-factboxitem { padding-top: 2.0rem; padding-top: var(--spacing); } } @media (max-width: 768px) { .cmp-factboxitem { max-width: none; } } @media (max-width: 768px) { .cmp-factbox--noborder.factbox { border: unset; } } /*!*****************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/latestnews/v1/latestnews/clientlibs/site/styles/index.css ***! \*****************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Latest news */ .cmp-latestnews { margin-bottom: 6.0rem; margin-bottom: var(--component-spacing); } .cmp-latestnews__first { margin-left: calc(-1 * ( 24.0rem + 4.0rem)); margin-left: calc(-1 * ( var(--sidebar-width) + var(--spacing-lg))); background: #EDE9DE; background: var(--Illustration-Sand200); padding-left: calc(1 * ( 24.0rem + 4.0rem)); padding-left: calc(1 * ( var(--sidebar-width) + var(--spacing-lg))); padding-top: 6.0rem; padding-top: var(--spacing-xl); padding-bottom: 6.0rem; padding-bottom: var(--spacing-xl); padding-right: 8.0rem; padding-right: var(--spacing-xxl); border-radius: 20px; } /* .cmp-latestnews__first::before { content: ' '; display: block; position: absolute; top: 0; left: calc((var(--sidebar-width) + var(--spacing-lg)) * -1); width: calc(var(--sidebar-width) + var(--spacing-lg) + 100%); height: 100%; background: var(--color-tertiary); z-index: -1; } */ /* 1281px -> Desktop (IE10+) */ /* @media (--breakpoint-up-lg) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-latestnews__first::before { left: calc((var(--sidebar-width-large) + var(--spacing-lg)) * -1); width: calc(var(--sidebar-width-large) + var(--spacing-lg) + 100%); } } */ .cmp-latestnews__last { padding-right: 8.0rem; padding-right: var(--spacing-xxl); display: flex; align-items: center; } .cmp-latestnews__meta-item { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; /* 133.333% */ letter-spacing: 0.12px; margin-right: 24px; } .cmp-latestnews__title { text-decoration: none; color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light); font-size: 16px; font-style: normal; font-weight: 200; line-height: 22px; /* 137.5% */ } .cmp-latestnews__item { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-latestnews__button { margin-top: 2.0rem; margin-top: var(--spacing); } @media (max-width: 768px) { .cmp-latestnews { display: block; } .cmp-latestnews__first { margin-left: 0; margin-bottom: 6.0rem; margin-bottom: var(--component-spacing); padding: 4.0rem 3.0rem; padding: var(--spacing-lg) 3.0rem; } .cmp-latestnews__last { padding: 0 3.0rem 0 0; } } /* modify text banner component */ .cmp-latestnews__last .textbanner:not(:last-child) { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } /* modify image component */ .cmp-latestnews__last .cmp-image__image { position: absolute; top: 0; left: 0; width: calc(100% + 100px); height: 100%; font-family: "object-fit:cover"; -o-object-fit: cover; object-fit: cover; } @media (max-width: 768px) { .cmp-latestnews__last .cmp-image { display: none; } } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/jobticker/v1/jobticker/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* * AEM component * Jobticker * */ .cmp-jobticker { position: relative; overflow: hidden; padding: 6.0rem 0 8.0rem; padding: var(--spacing-xl) 0 var(--spacing-xxl); border-bottom: 1px solid #f0f0eb; } .cmp-jobticker__heading { margin: 0 0 1.0rem; margin: 0 0 var(--spacing-sm); } .cmp-jobticker__number, .cmp-jobticker__position { margin: 0; } .cmp-jobticker__text { margin-bottom: 0; } .cmp-jobticker__number[data-content]::after { content: attr(data-content); font-size: 35.8rem; line-height: 1em; position: absolute; top: -1.0rem; left: 0; text-align: right; width: 100%; color: #e0e0d7; color: var(--color-secondary-lighter); opacity: .5; font-family: NotoSans-black, serif; font-family: var(--font-family-display-black); } @media (max-width: 768px) { .cmp-jobticker { padding: 2.0rem 0 6.0rem; padding: var(--spacing) 0 var(--spacing-xl); } .cmp-jobticker__number { font-size: 5.4rem; line-height: 6.0rem; } .cmp-jobticker__number[data-content]::after { font-size: 12.0rem; top: 11.0rem; } } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/storieslist/v1/storieslist/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /* * Aem component * Storieslist */ .storieslist { padding-bottom: calc(8.0rem + 1.0rem); padding-bottom: calc(var(--spacing-xxl) + var(--spacing-sm)); } /* Reuses the featuredbanner component for the first item */ .cmp-storieslist__first-item .cmp-featuredbanner__end { padding-top: 15.6rem; } .cmp-storieslist__first-item .cmp-featuredbanner__end-content { background: white; padding: 6.0rem; padding: var(--spacing-xl); } .cmp-storieslist__first-item .cmp-featuredbanner__title { margin-top: .5rem; margin-top: var(--spacing-xs); margin-bottom: 2.0rem; margin-bottom: var(--spacing); } /* other items */ .cmp-storieslist__rest { display: flex; flex-wrap: wrap; margin-top: 6.0rem; margin-top: var(--spacing-xl); } .cmp-storieslist__item { flex-basis: 50%; max-width: 50%; padding-bottom: 6.0rem; padding-bottom: var(--spacing-xl); } .cmp-storieslist__item-link { text-decoration: none; } .cmp-storieslist__item:nth-child(odd) { border-right: 1px solid #b2b2b2; border-right: 1px solid var(--color-neutral); padding-right: 4.0rem; padding-right: var(--spacing-lg); } .cmp-storieslist__item:nth-child(even) { padding-left: 4.0rem; padding-left: var(--spacing-lg); } .cmp-storieslist__image { max-width: 100%; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } /* some images should be smaller */ .cmp-storieslist__item:nth-child(4n+2) .cmp-storieslist__image, .cmp-storieslist__item:nth-child(4n+3) .cmp-storieslist__image { max-width: 75%; } .cmp-storieslist__subtitle { color: #B92504; color: var(--color-primary); font-size: 1.4rem; line-height: 2.4rem; letter-spacing: 1px; font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); margin: 0; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .cmp-storieslist__title { margin: 0; width: 50%; } @media (max-width: 768px) { .storieslist { padding-bottom: 4.0rem; padding-bottom: var(--spacing-lg); } .storieslist .cmp-featuredbanner__end { padding: 0 calc(3.0rem / 2); padding: 0 calc(var(--spacing-md) / 2); } .storieslist .cmp-featuredbanner__end-content { padding: 3.0rem; padding: var(--spacing-md); } .storieslist .u-text-align--center.u-margin-top--xl { margin-top: 0; } .cmp-storieslist__rest { display: block; margin-top: 3.0rem; margin-top: var(--spacing-md); } .cmp-storieslist__image { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .cmp-storieslist__item.cmp-storieslist__item { flex-basis: 100%; max-width: 100%; border: none; padding: 0 0 3.0rem; padding: 0 0 var(--spacing-md); display: block; } .cmp-storieslist__item.cmp-storieslist__item:last-child { padding-bottom: 4.0rem; padding-bottom: var(--spacing-lg); } .cmp-storieslist__rest .cmp-storieslist__item .cmp-storieslist__image { max-width: 100%; } .cmp-storieslist__title { width: 80%; } } /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/magazinecontainer/v1/magazinecontainer/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component: * Magazine container */ .cmp-magazinecontainer .cmp-container { display: flex; flex-wrap: wrap; margin: 0 calc(-1 * 1.5rem); margin: 0 calc(-1 * var(--grid-margin)); width: 100%; } .magazine:hover { transition: opacity .4s; transition: opacity var(--transition-time); opacity: .6; } .cmp-magazinecontainer--4\/4 .cmp-container .magazine { flex: 1; flex-basis: 25%; max-width: 25%; padding: 0 1.0rem 4.0rem 1.0rem; padding: 0 var(--grid-gutter) var(--spacing-lg) var(--grid-gutter); text-align: center; } /* 1025px -> Desktop (IE10+) */ @media (min-width: 1025px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-magazinecontainer--4\/4.cmp-magazinecontainer--4\/4 .cmp-container .magazine { padding: 0 2.0rem 4.0rem 2.0rem; padding: 0 var(--grid-gutter-large) var(--spacing-lg) var(--grid-gutter-large); } } .magazine img { width: 100%; max-width: 100%; } .cmp-magazinecontainer__button, .cmp-magazinecontainer__button .cmp-button { display: flex; margin: auto; } .cmp-magazinecontainer .cmp-container .magazine { display: none; } /* AEM in preview adds tags that screw up positional selectors so it is better to rely on type */ .cmp-magazinecontainer .cmp-container .magazine:nth-of-type(1), .cmp-magazinecontainer .cmp-container .magazine:nth-of-type(2), .cmp-magazinecontainer .cmp-container .magazine:nth-of-type(3), .cmp-magazinecontainer .cmp-container .magazine:nth-of-type(4) { display: block; } .cmp-magazinecontainer--show .cmp-container .magazine.magazine { display: block; } .magazinecontainer h3, .magazinecontainer .cmp-magazinecontainer__button { position: inherit; } @media (max-width: 768px) { .cmp-magazinecontainer .cmp-container .magazine { flex-basis: 100%; max-width: 100%; } } /*!***************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/featuredstories/v1/featuredstories/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Featured stories * */ .featuredstories > :first-child { margin-bottom: 8.0rem; margin-bottom: var(--spacing-xxl); } @media (max-width: 1024px) { .featuredstories > :first-child { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } } /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/countriesthatdisclose/v1/countriesthatdisclose/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM component * Countries that disclose */ .cmp-countriesthatdisclose__empty { padding-top: 2.0rem; padding-top: var(--spacing); border-top: 1px solid #b2b2b2; border-top: 1px solid var(--color-neutral); } .cmp-countriesthatdisclose_links .cmp-linklist__heading { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 3.4rem; line-height: 4.2rem; margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } @media (max-width: 768px) { .cmp-countriesthatdisclose_links .cmp-linklist__heading { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 2.6rem; line-height: 3.2rem; } } /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/individualdisclosures/v1/individualdisclosures/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * individual disclosures * */ .cmp-individualdisclosures.cmp-individualdisclosures .c-table__collapsable-container td { padding: 0 2.0rem 2.0rem 0; padding: 0 var(--spacing) var(--spacing) 0; } .cmp-individualdisclosures.cmp-individualdisclosures .c-table__collapsable-container td:first-child { padding: 0 2.0rem 2.0rem 6.0rem; padding: 0 var(--spacing) var(--spacing) var(--spacing-xl); } @media (max-width: 768px) { .cmp-individualdisclosures.cmp-individualdisclosures .c-table__collapsable-container.c-table__collapsable-container td { padding: 0 1.0rem 1.0rem 0; padding: 0 var(--spacing-sm) var(--spacing-sm) 0; border-top: none; } /* .cmp-individualdisclosures.cmp-individualdisclosures.cmp-individualdisclosures td:last-child { border-bottom: none; } */ .cmp-individualdisclosures.cmp-individualdisclosures .c-table__collapsable-container td:first-child { padding: 0 0 1.0rem 0; padding: 0 0 var(--spacing-sm) 0; } } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/doccheck/v1/doccheck/clientlibs/site/styles/index.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* Component - DocCheck ------------------------- */ .cmp-doccheck { display: flex; } .cmp-doccheck iframe { border: none; overflow: hidden; margin: auto; } .cmp-doccheck .cmp-doccheck__login_s { width: 156px; height: 203px; } .cmp-doccheck .cmp-doccheck__login_m { width: 311px; height: 188px; } .cmp-doccheck .cmp-doccheck__login_l { width: 414px; height: 215px; } .cmp-doccheck .cmp-doccheck__login_xl { width: 467px; height: 231px; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/iframe/v1/iframe/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* Component - iFrame ------------------------- */ .cmp-iframe { overflow: hidden; position: relative; } .cmp-iframe iframe { border: none; overflow: hidden; margin: auto; } /*!*********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/swissrxlogin/v1/swissrxlogin/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Swissrx - login * */ .cmp-swissrxlogin { width: 65.4%; width: var(--narrow-width); margin: auto; } /* for accessibility reasons and using html5 validation it should not be display none but opacity 0 */ .cmp-swissrxlogin .c-checkbox [type=checkbox] { opacity: 0; display: inherit; position: absolute; margin-left: calc(-1 * 2.0rem); margin-left: calc(-1 * var(--spacing)); } .cmp-swissrxlogin .c-checkbox__label { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-feature-settings: normal; font-variant: normal; } /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/search/v1/search/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************/ /* Empty file */ /*!****************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cision/subscription/v1/subscription/clientlibs/site/styles/index.css ***! \****************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM component: * Cision Subscription * */ /* stylelint-disable declaration-no-important */ .c-choice-checkboxes--cision { display: inline-block !important; vertical-align: baseline !important; } /* stylelint-enable declaration-no-important */ .c-choice-checkboxes--cision-label { margin-left: 1rem; } .g-recaptcha { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .c-choice-checkboxes--cision:disabled, .c-choice-checkboxes--cision:disabled + .c-choice-checkboxes--cision-label { opacity: .6; } /*!*********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/plaintext/v1/plaintext/enhancedplaintext/clientlibs/site/styles/index.css ***! \*********************************************************************************************************************************************************************************************************************************************************************************/ /* * Enhanced Plain Text */ .cmp-enhanced-text { /*color: var(--color-white, #FFF);*/ font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; } .cmp-enhanced-text__label { margin-bottom: 20px; border-radius: 5px; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; background: #B92504; background: var(--Prim-Red, #B92504); color: white; padding: 1.0rem 1.5rem; } .cmp-enhanced-text__label > .cmp-enhanced-text { margin-bottom: 0; } .cmp-pagetop__heading > .cmp-enhanced-text { color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light); font-size: 4.8rem; font-style: normal; font-weight: 200; line-height: 5.8rem; } .cmp-pagetop__text > .cmp-enhanced-text { color: #22201F; color: var(--Prim-Dark-Gray, #22201F); font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: 2.4rem; /* 133.333% */ } .quote .cmp-enhanced-text { color: #000; font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light); font-size: 4.2rem; font-style: normal; font-weight: 200; line-height: 4.6rem; /* 109.524% */ } .cmp-blurb .cmp-blurb__heading .cmp-enhanced-text { color: #4A4A4A; color: var(--Grey29); font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light); font-size: 4.2rem; font-style: normal; font-weight: 200; line-height: 4.0rem; margin-bottom: 0; word-break: keep-all; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } .cmp-imagebanner__heading.display-3 > .cmp-enhanced-text { color: #4A4A4A; font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 2.8rem; font-style: normal; font-weight: 300; line-height: 3.6rem; } .cmp-hero__heading.display-5 > .cmp-enhanced-text { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 7.2rem; font-style: normal; font-weight: 300; line-height: 7.2rem; /* 100% */ letter-spacing: -0.36px; } .cmp-factboxitem__title.display-1 > .cmp-enhanced-text{ font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light); color: rgba(34, 32, 31, 1); color: var(--Primary-charcoal-grey, var(--Prim-Dark-Gray, #22201F)); font-size: 4.2rem; font-style: normal; font-weight: 200; line-height: 110%; letter-spacing: -0.84px; } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cognito/v1/cognito/clientlibs/site/styles/index.css ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Cognito forms */ .cognito.cognito .c-forms-form-title h2 { font-size: 2.4rem; font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); line-height: 2.6rem; letter-spacing: 2px; padding: 0; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .cognito.cognito.cognito .c-forms-description { margin-top: 4.0rem; margin-top: var(--spacing-lg); padding: 0; } .cognito.cognito .c-progress-section { padding: 0; margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cognito.cognito .c-progress-steps ol, .cognito.cognito .c-progress-steps ul { width: 100%; display: flex; } .cognito.cognito .c-progress-steps li { flex: 1; margin: 0; border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); opacity: 1; } .cognito.cognito .c-progress-steps span { padding: 0; } /* remove page nr */ .cognito.cognito .c-progress-steps .c-non-submit-button::before { display: none; } /* step link */ .cognito.cognito .c-progress-steps .c-non-submit-button { font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; padding: .5rem 0; padding: var(--spacing-xs) 0; text-align: center; width: 100%; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); color: inherit; } /* selected step */ .cognito.cognito .c-progress-steps .c-page-selected { border-bottom: 2px solid #B92504; border-bottom: 2px solid var(--color-primary); } .cognito.cognito .c-page-selected ~ li { opacity: .3; } .cognito.cognito .c-section { margin: 0; padding: 0; } .cognito.cognito .c-title { font-family: NotoSans-semibold, serif; font-family: var(--font-family-display-semibold); font-size: 3.4rem; line-height: 4.2rem; margin: 4.0rem 0; margin: var(--spacing-lg) 0; padding: 0; } .cognito.cognito .c-field { padding: 0; margin-bottom: 2.0rem; margin-bottom: var(--spacing); display: table; clear: both; } .cognito.cognito :not(.c-question) > .c-label { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.8rem; line-height: 2.0rem; font-weight: normal; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; padding: 1.0rem 0; padding: var(--spacing-sm) 0; padding-right: 4.0rem; padding-right: var(--spacing-lg); float: left; display: flex; align-items: center; width: 40%; } .cognito.cognito .c-editor { padding: 0; float: left; min-width: 60%; clear: none; } .cognito.cognito .c-editor + .c-editor { margin-top: 2.0rem; margin-top: var(--spacing); } /* input */ .cognito.cognito [type=text], .cognito.cognito [type=password], .cognito.cognito [type=email], .cognito.cognito [type=tel], .cognito.cognito [type=url], .cognito.cognito textarea { border: 1px solid #b2b2b2; border: 1px solid var(--color-neutral); padding: 7px 2.0rem 7px 1.0rem; padding: 7px var(--spacing) 7px var(--spacing-sm); line-height: 2.4rem; } .cognito.cognito [type=text]:focus, .cognito.cognito [type=password]:focus, .cognito.cognito [type=email]:focus, .cognito.cognito [type=tel]:focus, .cognito.cognito [type=url]:focus, .cognito.cognito textarea:focus { border: 1px solid #B92504; border: 1px solid var(--color-primary); outline: none; } .c-name .c-validation, .c-address .c-validation, .c-name .c-helptext, .c-address .c-helptext { position: unset; top: unset; } /* validation */ .cognito.cognito .c-field.c-error .c-validation { color: #B92504; color: var(--color-primary); background: rgba(185, 59, 25, 0.1); background: var(--color-primary-a1); padding: 7px 1.0rem 8px; padding: 7px var(--spacing-sm) 8px; margin: 1.0rem 0; margin: var(--spacing-sm) 0; flex-basis: 100%; max-width: 100%; } /* required star */ .cognito.cognito .c-field.c-required .c-label::after, .cognito.cognito .c-rating-scale.c-required .c-choice-question::after { color: #B92504; color: var(--color-primary); } /* buttons */ /* stylelint-disable declaration-no-important, no-descending-specificity */ .cognito .c-button { border-radius: 0 !important; color: #B92504; color: var(--color-primary); border-color: #B92504; border-color: var(--color-primary); background-color: white; } /* Hovered and focus with tab (keyboard navigation) */ .cognito .c-button:focus, .cognito .c-button:hover { color: white; border-color: #B92504; border-color: var(--color-primary); background-color: #B92504; background-color: var(--color-primary); } /* Remove outline when focus */ .cognito .c-button:focus { outline: none; } /* Disabled */ /* Disabled comes first so active can properly restyle */ .cognito .c-button:disabled { color: white; border-color: #B92504; border-color: var(--color-primary); background-color: #B92504; background-color: var(--color-primary); opacity: .5; pointer-events: none; cursor: auto; cursor: initial; } /* Pressed state */ .cognito .c-button:not(:disabled):active { color: white; border-color: #b93b19; border-color: var(--color-primary-dark); background-color: #b93b19; background-color: var(--color-primary-dark); } /* c-button-section */ /* Same margin as labels width */ .cognito .c-button-section { padding-top: 2.0rem; padding-top: var(--spacing); margin-left: 40%; } /* On Small devices remove margin-left */ .cognito.c-sml .c-button-section { margin-left: 0; } /* .c-action */ /* Act as a row, therefore negative margins */ .cognito .c-action { margin: 0 calc(-1 * 1.0rem) !important; margin: 0 calc(-1 * var(--spacing-sm)) !important; } /* .c-action c-button */ /* Act as columns, with margins (spacing) */ .cognito .c-button-section .c-button { width: auto !important; margin: 0 1.0rem !important; margin: 0 var(--spacing-sm) !important; } /* stylelint-enable declaration-no-important, no-descending-specificity */ /* radio / checkbox */ .cognito.cognito.cognito .c-choice-option { float: none; width: 100%; padding: .6rem 0; } .cognito .c-choice-option label, .cognito .c-editor .c-yesno-radio, .cognito .c-editor.c-yesno-checkbox label { display: inline-block; margin: 0; padding: 0 0 0 2.0rem; padding: 0 0 0 var(--spacing); text-indent: calc(2.0rem * -1); text-indent: calc(var(--spacing) * -1); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; } /* radio icon */ .cognito [type=radio] { display: none; } .cognito .c-choice-option span::before, .cognito .c-yesno-radio span::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons-cognito/icon-radio-6c93b0bbc832e7e93726d340a6d364d3.svg); margin-right: 1.0rem; margin-right: var(--spacing-sm); } .c-yesno-radio :checked + span::before, .c-choice-option :checked + span::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons-cognito/icon-radio-selected-5239c09bc2dd9128ea1a26fb62c3fcae.svg); } /* checkbox icon */ .cognito [type=checkbox] { display: none; } .cognito .c-editor.c-yesno-checkbox span::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons-cognito/icon-checkbox-d892bbe342d2038946ac4440d2a86193.svg); margin-right: 1.0rem; margin-right: var(--spacing-sm); } /* stylelint-disable-next-line */ .cognito .c-editor.c-yesno-checkbox :checked + span::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons-cognito/icon-checkbox-selected-5dee75fb819941cf24f3cc0d51d48860.svg); } .cognito .c-editor.c-editor-email::after { clear: both; display: table; content: ''; width: 100%; height: 1.0rem; height: var(--spacing-sm); } /* select box */ .cognito .c-dropdown { position: relative; display: inline-block; } .cognito .c-dropdown select { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; background: white; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 2.0rem; letter-spacing: 1px; padding: 1.0rem 3.0rem 1.0rem 0; padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) 0; border-radius: 0; border: none; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); } .cognito .c-dropdown select:focus { outline: none; } .cognito .c-dropdown select.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .cognito .c-dropdown select.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .cognito .c-dropdown select:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .cognito .c-dropdown select::-ms-expand { display: none; } .cognito.cognito .c-dropdown::after { position: absolute; top: 8px; display: inline-block; width: 14px; height: 6px; content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-down-3b2f06673c6d9ab8598c332aca807cae.svg); } .cognito.cognito.c-ie .c-dropdown::after { display: inline-block; } /*!**************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cision/stockticker/v1/stockticker/clientlibs/site/styles/index.css ***! \**************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM component: * Stockticker * */ .cmd-stockticker { position: relative; overflow: hidden; } .cmd-stockticker[data-price]::after { content: attr(data-price); display: block; position: absolute; width: 100%; height: 100%; color: #e0e0d7; color: var(--color-tertiary-light); opacity: .5; font-size: 20vw; z-index: 0; bottom: -60%; font-family: NotoSans-black, serif; font-family: var(--font-family-display-black); text-align: center; } .cmd-stockticker__content { position: relative; z-index: 1; } .cmd-stockticker__heading, .cmd-stockticker__price, .cmd-stockticker__date { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } @media (max-width: 768px) { .cmd-stockticker[data-price]::after { bottom: -75%; font-size: 25vw; } } /*!***************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cision/sharegraph/v1/sharegraph/clientlibs/site/styles/bootstrap-datepicker.css ***! \***************************************************************************************************************************************************************************************************************************************************************************************/ /*! * Datepicker for Bootstrap v1.7.1 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker.datepicker.datepicker { padding: 2.0rem 2.0rem 3.0rem; direction: ltr; font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.1rem; } .datepicker-title { display: none; } .datepicker-inline { width: 24.0rem; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker table { margin: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker td, .datepicker th { font-weight: normal; text-align: center; width: 20px; height: 20px; border: none; } .datepicker thead th { border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); text-transform: uppercase; padding: 1.0rem 0; padding: var(--spacing-sm) 0; color: #8c8c8c; color: var(--color-neutral-dark); } .table-striped .datepicker td,.table-striped .datepicker th { background-color: transparent; } .datepicker .day.focused, .datepicker .day:hover { background: #eee; cursor: pointer; } .datepicker .new,.datepicker .old { color: #999; } .datepicker .disabled,.datepicker .disabled:hover { background: 0 0; color: #999; cursor: default; } .datepicker .highlighted { background: #d9edf7; border-radius: 0; } .datepicker .today,.datepicker .today.disabled,.datepicker .today.disabled:hover,.datepicker .today:hover { background-color: #edede3; background-color: var(--color-tertiary); border-color: #edede3; border-color: var(--color-tertiary); border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25); color: #000; } /* stylelint-disable-next-line */ .datepicker .today.active,.datepicker .today.disabled,.datepicker .today.disabled.active,.datepicker .today.disabled.disabled,.datepicker .today.disabled:active,.datepicker .today.disabled:hover,.datepicker .today.disabled:hover.active,.datepicker .today.disabled:hover.disabled,.datepicker .today.disabled:hover:active,.datepicker .today.disabled:hover:hover,.datepicker .today.disabled:hover[disabled],.datepicker .today.disabled[disabled],.datepicker .today:active,.datepicker .today:hover,.datepicker .today:hover.active,.datepicker .today:hover.disabled,.datepicker .today:hover:active,.datepicker .today:hover:hover,.datepicker .today:hover[disabled],.datepicker .today[disabled] { background-color: #e0e0d7; background-color: var(--color-tertiary-light); } /* stylelint-disable-next-line */ .datepicker .today.active,.datepicker .today.disabled.active,.datepicker .today.disabled:active,.datepicker .today.disabled:hover.active,.datepicker .today.disabled:hover:active,.datepicker .today:active,.datepicker .today:hover.active,.datepicker .today:hover:active { background-color: #B92504; background-color: var(--color-primary); color: white; } .datepicker .today:hover:hover { color: #000; } .datepicker .today.active:hover { color: #fff; } .datepicker .range,.datepicker .range.disabled,.datepicker .range.disabled:hover,.datepicker .range:hover { background: #eee; } .datepicker .range.today,.datepicker .range.today.disabled,.datepicker .range.today.disabled:hover,.datepicker .range.today:hover { background-color: #f3d17a; } /* stylelint-disable-next-line */ .datepicker .range.today.active,.datepicker .range.today.disabled,.datepicker .range.today.disabled.active,.datepicker .range.today.disabled.disabled,.datepicker .range.today.disabled:active,.datepicker .range.today.disabled:hover,.datepicker .range.today.disabled:hover.active,.datepicker .range.today.disabled:hover.disabled,.datepicker .range.today.disabled:hover:active,.datepicker .range.today.disabled:hover:hover,.datepicker .range.today.disabled:hover[disabled],.datepicker .range.today.disabled[disabled],.datepicker .range.today:active,.datepicker .range.today:hover,.datepicker .range.today:hover.active,.datepicker .range.today:hover.disabled,.datepicker .range.today:hover:active,.datepicker .range.today:hover:hover,.datepicker .range.today:hover[disabled],.datepicker .range.today[disabled] { background-color: #f3e97a; } /* stylelint-disable-next-line */ .datepicker .range.today.active,.datepicker .range.today.disabled.active,.datepicker .range.today.disabled:active,.datepicker .range.today.disabled:hover.active,.datepicker .range.today.disabled:hover:active,.datepicker .range.today:active,.datepicker .range.today:hover.active,.datepicker .range.today:hover:active { opacity: .3; } .datepicker .selected,.datepicker .selected.disabled,.datepicker .selected.disabled:hover,.datepicker .selected:hover { background-color: #9e9e9e; color: #fff; } /* stylelint-disable-next-line */ .datepicker .selected.active,.datepicker .selected.disabled,.datepicker .selected.disabled.active,.datepicker .selected.disabled.disabled,.datepicker .selected.disabled:active,.datepicker .selected.disabled:hover,.datepicker .selected.disabled:hover.active,.datepicker .selected.disabled:hover.disabled,.datepicker .selected.disabled:hover:active,.datepicker .selected.disabled:hover:hover,.datepicker .selected.disabled:hover[disabled],.datepicker .selected.disabled[disabled],.datepicker .selected:active,.datepicker .selected:hover,.datepicker .selected:hover.active,.datepicker .selected:hover.disabled,.datepicker .selected:hover:active,.datepicker .selected:hover:hover,.datepicker .selected:hover[disabled],.datepicker .selected[disabled] { background-color: grey; } .datepicker.selected.active,.datepicker.selected.disabled.active,.datepicker.selected.disabled:active,.datepicker.selected.disabled:hover.active,.datepicker.selected.disabled:hover:active,.datepicker.selected:active,.datepicker.selected:hover.active,.datepicker.selected:hover:active { background-color: #666; } .datepicker.active,.datepicker.active.disabled,.datepicker.active.disabled:hover,.datepicker.active:hover { background-color: #b93b19; background-color: var(--color-primary-dark); color: white; } /* stylelint-disable-next-line */ .datepicker.active.active,.datepicker.active.disabled,.datepicker.active.disabled.active,.datepicker.active.disabled.disabled,.datepicker.active.disabled:active,.datepicker.active.disabled:hover,.datepicker.active.disabled:hover.active,.datepicker.active.disabled:hover.disabled,.datepicker.active.disabled:hover:active,.datepicker.active.disabled:hover:hover,.datepicker.active.disabled:hover[disabled],.datepicker.active.disabled[disabled],.datepicker.active:active,.datepicker.active:hover,.datepicker.active:hover.active,.datepicker.active:hover.disabled,.datepicker.active:hover:active,.datepicker.active:hover:hover,.datepicker.active:hover[disabled],.datepicker.active[disabled] { background-color: #B92504; background-color: var(--color-primary); color: white; } /* stylelint-disable-next-line */ .datepicker.active.active,.datepicker.active.disabled.active,.datepicker.active.disabled:active,.datepicker.active.disabled:hover.active,.datepicker.active.disabled:hover:active,.datepicker.active:active,.datepicker.active:hover.active,.datepicker.active:hover:active { background-color: #B92504; background-color: var(--color-primary); color: white; } /* stylelint-disable-next-line */ .datepicker span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; } .datepicker .focused,.datepicker span:hover { background: #eee; } /* stylelint-disable-next-line */ .datepicker .disabled,.datepicker .disabled:hover { background: 0 0; color: #999; cursor: default; } .datepicker .active,.datepicker .active.disabled,.datepicker .active.disabled:hover,.datepicker .active:hover { background-color: #006dcc; color: #fff; } /* stylelint-disable-next-line */ .datepicker .active.active,.datepicker .active.disabled,.datepicker .active.disabled.active,.datepicker .active.disabled.disabled,.datepicker .active.disabled:active,.datepicker .active.disabled:hover,.datepicker .active.disabled:hover.active,.datepicker .active.disabled:hover.disabled,.datepicker .active.disabled:hover:active,.datepicker .active.disabled:hover:hover,.datepicker .active.disabled:hover[disabled],.datepicker .active.disabled[disabled],.datepicker .active:active,.datepicker .active:hover,.datepicker .active:hover.active,.datepicker .active:hover.disabled,.datepicker .active:hover:active,.datepicker .active:hover:hover,.datepicker .active:hover[disabled],.datepicker .active[disabled] { background-color: #B92504; background-color: var(--color-primary); color: white; } /* stylelint-disable-next-line */ .datepicker .active.active,.datepicker .active.disabled.active,.datepicker .active.disabled:active,.datepicker .active.disabled:hover.active,.datepicker .active.disabled:hover:active,.datepicker .active:active,.datepicker .active:hover.active,.datepicker .active:hover:active { background-color: #B92504; background-color: var(--color-primary); color: white; } /* stylelint-disable-next-line */ .datepicker .new,.datepicker .old { color: #999; } .datepicker .datepicker-switch { width: 145px; } /* stylelint-disable-next-line */ .datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th { cursor: pointer; } .datepicker .prev { text-align: left; } .datepicker .next { text-align: right; } /* stylelint-disable-next-line */ .datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover { background: #eee; } .datepicker .next.disabled,.datepicker .prev.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on,.input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i,.input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } /* stylelint-disable-next-line */ .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: 400; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } /*!************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cision/sharegraph/v1/sharegraph/clientlibs/site/styles/index.css ***! \************************************************************************************************************************************************************************************************************************************************************************/ /* * Cision * sharegraph * */ .cmp-cision-sharegraph__horisontal-ticker th { border-bottom: 1px solid #d6d6d6; border-bottom: 1px solid var(--color-neutral-light); } .cmp-cision-sharegraph__horisontal-ticker .sharegraph__image { border: none; } .cmp-cision-sharegraph__horisontal-ticker .sharegraph__image img { width: 40px; margin-bottom: -52px; padding-right: 2px; } .sharegraph-extras *::after { box-sizing: content-box; } @media (max-width: 1024px) { .sharegraph-extras:nth-child(1), .sharegraph-extras:nth-child(3) { flex-basis: 50%; max-width: 50%; } .sharegraph-extras:nth-child(2) { order: 3; flex-basis: 100%; max-width: 100%; } .sharegraph-extras:nth-child(3) { display: flex; justify-content: flex-end; flex-wrap: wrap; } .sharegraph-extras .dropdown, .sharegraph-extras .date-picker { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .sharegraph-extras .date-picker { float: right; } } .c-tabs .active { border-color: #B92504; border-color: var(--color-primary); } /* !!! style bootstrap framework classes */ .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .btn:focus { outline: none; } .btn.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .btn.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .btn:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } /* stylelint-disable declaration-no-important */ .btn-line { border-top: 0 !important; border-right: 0 !important; border-left: 0 !important; border-radius: 0 !important; } /* stylelint-enable declaration-no-important */ /* button group - (bootstrap component) */ .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; /* line-height: 2.0rem; */ padding: .5rem 0; padding: var(--spacing-xs) 0; width: 4.0rem; text-align: center; } .input-group-append .btn { position: relative; z-index: 2; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; color: #B92504; color: var(--color-primary); border-color: #B92504; border-color: var(--color-primary); } /* dropdown - bootstrap component */ .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { margin: 0; width: auto; overflow: visible; background: transparent; color: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; text-decoration: none; cursor: pointer; border: 1px solid transparent; display: inline-block; font: inherit; line-height: normal; -moz-appearance: none; appearance: none; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); letter-spacing: 1px; padding-bottom: 1.0rem; padding-bottom: var(--spacing-sm); } .dropdown-toggle:focus { outline: none; } .dropdown-toggle.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .dropdown-toggle.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .dropdown-toggle:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .dropdown-toggle::after { display: inline-block; line-height: 4.0rem; padding-left: 1.0rem; padding-left: var(--spacing-sm); content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-down-3b2f06673c6d9ab8598c332aca807cae.svg); width: 14px; height: 6px; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown.show .dropdown-toggle { color: #B92504; color: var(--color-primary); border-color: #B92504; border-color: var(--color-primary); } .dropdown.show .dropdown-toggle::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-angle-up-primary-ffac69c5a5ed5a9bd25765cf8fec8998.svg); } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 27.0rem; padding: 1.0rem 0; margin: 0; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.15); box-shadow: var(--box-shadow); } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-right { right: 0; left: auto; } } .dropdown-menu-left { right: auto; left: 0; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } /* .dropup .dropdown-toggle::after { display: inline-block; } */ .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } /* .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } */ .dropright .dropdown-toggle:empty::after { margin-left: 0; } /* .dropright .dropdown-toggle::after { vertical-align: 0; } */ .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } /* .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } */ .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } /* .dropleft .dropdown-toggle::before { vertical-align: 0; } */ .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } /* .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } */ .dropdown-item { display: block; width: 100%; padding: .5rem 2.0rem; line-height: 3.0rem; clear: both; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } /* .dropdown-item:first-child { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .dropdown-item:last-child { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } */ .dropdown-item > a { text-decoration: none; text-transform: uppercase; letter-spacing: 1.7px; } .dropdown-item:hover, .dropdown-item:focus { color: #b2b2b2; color: var(--color-neutral); text-decoration: none; } .dropdown-item.active, .dropdown-item:active { color: #B92504; color: var(--color-primary); text-decoration: none; } .dropdown-item.selected { color: #B92504; color: var(--color-primary); } .dropdown-item .fa-check { display: none; } .dropdown-item.selected > a::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-check-primary-4275ca8f862d5b44715140b768d3bcb3.svg); float: right; } .dropdown-item.disabled, .dropdown-item:disabled { opacity: .3; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 2.0rem 2.0rem 0; margin: 0; font-size: 1.4rem; font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; } /* * Datepicker/input -- bootstrap */ .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group-append { margin-left: -1px; } .input-group-prepend, .input-group-append { display: flex; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control:focus { outline: none; } .input-group > .form-control.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .input-group > .form-control.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .input-group > .form-control:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .date-picker { width: 13.0rem; float: left; border-bottom: 1px solid #4a4a4a; border-bottom: 1px solid var(--color-neutral-darker); } .date-input { background: none; border: 0; padding: 1.0rem 1.0rem 1.0rem 0; padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0; font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); letter-spacing: 1px; font-size: 1.8rem; color: #4a4a4a; color: var(--color-neutral-darker); } .date-picker__btn { margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; text-decoration: none; cursor: pointer; border: 1px solid transparent; display: inline-block; font: inherit; line-height: normal; } .date-picker__btn:focus { outline: none; } .date-picker__btn.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .date-picker__btn.focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } .date-picker__btn:focus-visible { outline: 1px dashed currentColor; outline-offset: .2rem; outline-offset: var(--spacing-xxs); } /* tabs */ .tab-pane { display: none; } .tab-pane.active { display: block; } /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/cision/sharecalculator/v1/sharecalculator/clientlibs/site/styles/index.css ***! \**********************************************************************************************************************************************************************************************************************************************************************************/ /* * cision share calculator */ .cmp-cision-sharecalculator__shares { text-align: center; display: flex; justify-content: flex-end; align-items: flex-end; } .cmp-cision-sharecalculator__shares-button, .cmp-cision-sharecalculator__tbNumberOfShares, .cmp-cision-sharecalculator__tbAmount { display: inline-block; } .cmp-cision-sharecalculator__tbNumberOfShares input, .cmp-cision-sharecalculator__tbAmount input { width: 10.0rem; margin: 0 1.0rem 1.0rem; margin: 0 var(--spacing-sm) var(--spacing-sm); } @media (max-width: 768px) { .cmp-cision-sharecalculator__shares { text-align: left; display: block; } .cmp-cision-sharecalculator__shares-button, .cmp-cision-sharecalculator__tbNumberOfShares, .cmp-cision-sharecalculator__tbAmount { display: block; } .cmp-cision-sharecalculator__shares-button { text-align: center; } .cmp-cision-sharecalculator__tbNumberOfShares input, .cmp-cision-sharecalculator__tbAmount input { width: 100%; margin: 0 0 1.0rem; margin: 0 0 var(--spacing-sm); } } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/video23/v1/video23/clientlibs/site/styles/index.css ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * twentythree video * * Style policy: * Narrow: .cmp-video23__embed--narrow */ .video23 { margin-bottom: 12.0rem; margin-bottom: var(--spacing-xxxl); } .cmp-video23__iframe { border: 0; } .cmp-video23__image { margin: auto; } .cmp-video23__image-play-button { display: block; position: relative; border: 0; margin: auto; } .cmp-video23__image-play-button::before { content: ''; position: absolute; width: 6.0rem; height: 6.0rem; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #B92504; background: var(--color-primary); border-radius: 50%; } .cmp-video23__image-play-button::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-top: 1.05rem solid transparent; border-bottom: 1.05rem solid transparent; border-left: 1.65rem solid white; } .cmp-video23__image-play-button:hover::before { background: #b93b19; background: var(--color-primary-dark); } .cmp-video23__image-play-button:active::before { background: #B92504; background: var(--color-primary); } .cmp-video23__embed--narrow .cmp-video23__embed { margin-right: 16.6667%; margin-right: var(--col-2-12); margin-left: 16.6667%; margin-left: var(--col-2-12); } @media (max-width: 768px) { .video23 { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } .cmp-video23__embed--narrow .cmp-video23__embed { margin-right: 0; margin-left: 0; } .cmp-video23__image-play-button { margin: 0; } } /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/jobfinder/v1/jobfinder/clientlibs/site/styles/index.css ***! \***************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Jobfinder - careers vacancies * */ .cmp-jobfinder { display: block; } @media (max-width: 1024px) { .cmp-jobfinder .c-table--advanced td:last-child { border-bottom: 1px solid #b2b2b2; border-bottom: 1px solid var(--color-neutral); } .cmp-jobfinder tr:last-child td:last-child { border: none; } } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/content/newsarchive/v1/newsarchive/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /* * News archive */ .cmp-newsarchive__table.cmp-newsarchive__table th:last-child, .cmp-newsarchive__table td:last-child { padding-right: 4.0rem; padding-right: var(--spacing-lg); } .cmp-newsarchive__table .c-table__header-row th:nth-child(1) { width: 17.5%; } .cmp-newsarchive__table .c-table__header-row th:nth-child(3) { width: 13.5%; } @media (max-width: 768px) { .cmp-newsarchive__table .c-table__header-row th:nth-child(1), .cmp-newsarchive__table .c-table__header-row th:nth-child(3) { width: auto; } } /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/header/v1/header/clientlibs/site/styles/slideout.css ***! \**************************************************************************************************************************************************************************************************************************************************************/ /* * slide out */ @media (min-width: 1025px) { .cmp-header__mix-blend-mode { position: fixed; /* z-index: var(--zindex-nav-top); */ z-index: 10; background: rgba(0, 0, 0, 0.5); /* For browser who do not have mix-blend-mode support (IE11) */ } } /* stylelint-disable */ @supports (mix-blend-mode: exclusion) { @media (min-width: 1025px) { .cmp-header__mix-blend-mode { mix-blend-mode: exclusion; color: #ddd; color: var(--color-neutral-darkest-inverse); background: unset; /* Unset background */ } } } /* stylelint-enable */ .cmp-header__slideout { position: fixed; top: 0; left: 0; border-right: 5px solid #B92504; border-right: 5px solid var(--color-primary); height: 100vh; background: white; transition: all .4s ease-in-out; transition: all var(--transition-time) ease-in-out; z-index: 1; width: 0; } /* slideout active */ .is-active.cmp-header__slideout { left: 0; } /* set color for nav behaviour on hero image when slider is active */ .is-active.cmp-header__slideout + .cmp-header__menu-container { color: #4a4a4a; color: var(--color-neutral-darker); } /* slideout active - level 1 */ .is-active.cmp-header__slideout.is-level-1 { width: calc(24.0rem + 36.0rem); width: calc(var(--sidebar-width) + var(--siteselector-slideout-width)); } /* slideout active - level 2 */ .is-active.cmp-header__slideout.is-level-2 { width: calc(24.0rem + 36.0rem + 36.0rem); width: calc(var(--sidebar-width) + var(--siteselector-slideout-width) + var(--siteselector-slideout-width)); } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* slideout active - level 1 */ .is-active.cmp-header__slideout.is-level-1 { width: calc(26.0rem + 36.0rem); width: calc(var(--sidebar-width-large) + var(--siteselector-slideout-width)); } /* slideout active - level 2 */ .is-active.cmp-header__slideout.is-level-2 { width: calc(26.0rem + 36.0rem + 36.0rem); width: calc(var(--sidebar-width-large) + var(--siteselector-slideout-width) + var(--siteselector-slideout-width)); } } @media (max-width: 1024px) { .cmp-header__slideout { display: none; } } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/header/v1/header/clientlibs/site/styles/index.css ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* * Header */ .cmp-header { position: relative; } .cmp-header__button-menu-mobile .c-svg-icon__svg { width: 2.0rem; width: var(--spacing); height: 2.0rem; height: var(--spacing); } .cmp-header__brand { position: absolute; padding: 1.2rem 3.0rem; padding: 1.2rem var(--spacing-md); z-index: 15; } @media (min-width: 769px) { .cmp-header__brand { padding: 1.2rem 4.0rem; padding: 1.2rem var(--spacing-lg); } } @media (min-width: 1025px) { .cmp-header__brand { display: inline-block; padding: 6.0rem 3.0rem; padding: var(--spacing-xl) var(--spacing-md); width: 24.0rem; width: var(--sidebar-width); position: fixed; z-index: 15; } } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-header__brand { width: 26.0rem; width: var(--sidebar-width-large); } } .cmp-header__search { display: flex; justify-content: flex-end; position: absolute; top: 6.0rem; top: var(--spacing-xl); right: 100px; height: 6.4rem; align-items: center; z-index: 1; } .cmp-header__links { padding: 0 3.0rem; padding: 0 var(--spacing-md); margin-top: 3.0rem; margin-top: var(--spacing-md); } .cmp-header__links .o-link-list__link { font-size: 1.6rem; line-height: 3.0rem; letter-spacing: 1px; color: #8c8c8c; color: var(--color-neutral-dark); } /* reset font-family to base until deciding for keeping c-link on linklist or not */ .cmp-header__links .o-link-list__link.c-link { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); color: inherit; } @media (min-width: 1025px) { .cmp-header__links .o-link-list__link.c-link { color: #FFF; color: var(--Illustration-White, #FFF); font-size: 14px; font-style: normal; font-weight: 400; font-weight: var(--font-weight); line-height: 16px; letter-spacing: 0.07px; } } @media (min-width: 1025px) { .cmp-header__links .o-link-list__link.c-link:hover, .cmp-header__links .o-link-list__link.c-link:focus { color: rgba(255, 255, 255, 0.6); color: var(--color-white-a6); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } } /* responsive styles */ .cmp-header__search-mobile, .cmp-header__button-menu-mobile { display: none; } /* mobile */ @media (max-width: 1024px) { .cmp-header { width: 100%; position: relative; top: 0; left: 0; z-index: 100; z-index: var(--zindex-cmp-header-mobile); } .cmp-header__search { display: none; } .cmp-header__search-mobile, .cmp-header__button-menu-mobile { display: block; } .cmp-header__search-mobile { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-search__results { border: none; min-width: auto; top: auto; background: #f5f5f5; background: var(--color-neutral-lighter); margin: 0 3.0rem 6.0rem; margin: 0 var(--spacing-md) var(--spacing-xl); right: 0; } .search-results__hit--title { word-break: break-word; } .cmp-header__top { background: white; position: relative; width: 100vw; height: 6.4rem; } /*!* lines *!*/ /*.cmp-header__top::before,*/ /*.cmp-header__top::after {*/ /* content: '';*/ /* display: block;*/ /* position: absolute;*/ /* top: 0;*/ /* right: 15px;*/ /* width: 1px;*/ /* height: 100%;*/ /* background: var(--color-neutral);*/ /*}*/ .cmp-header__top::before { right: auto; left: 15px; } .cmp-header__brand .c-logo { height: 40px; width: 95px; } .cmp-header__button-menu-mobile { color: #B92504; color: var(--color-primary); font-size: 3.2rem; position: absolute; top: 0; right: 15px; padding: 0; height: 6.4rem; width: 6.4rem; } .cmp-header__menu { position: fixed; top: 0; left: 0; background: white; width: 100vw; height: 100vh; transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); padding: 8.6rem 3.0rem 6.0rem; padding: 8.6rem var(--spacing-md) var(--spacing-xl); border-right: 5px solid #B92504; border-right: 5px solid var(--color-primary); z-index: var(--zindex-header-menu); display: flex; flex-flow: column; margin-left: -120%; } .cmp-header__menu-scroll { overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; height: 100%; } .cmp-header__menu-container { position: relative; left: 0; transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } /* (close button) */ .cmp-header__menu .cmp-header__button-menu-mobile { top: 1.2rem; } .cmp-header__menu.is-active { margin-left: 0; } .cmp-header__links { padding: 0; } .cmp-header__links .o-link-list__link { font-size: 2.0rem; } /* overwrite dynamic scroll behaviour color inheritance */ .cmp-header__menu-container .cmp-navigation, .cmp-header__menu-container .cmp-header__links { color: #4a4a4a; color: var(--color-neutral-darker); } } @media (min-width: 769px) and (max-width: 1024px) { .cmp-header__top::before { left: 2.0rem; left: var(--spacing); } .cmp-header__top::after { right: 2.0rem; right: var(--spacing); } .cmp-header__button-menu-mobile { right: 2.0rem; right: var(--spacing); } } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/breadcrumb/v2/breadcrumb/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************/ :root { --breadcrumb-seperator: '›'; } .cmp-breadcrumb { white-space: nowrap; } .cmp-breadcrumb__list { list-style: none; padding: 0; margin: 0; } .cmp-breadcrumb__item { display: inline-block; font-family: NotoSans-medium, sans-serif; font-family: var(--font-family-body-medium); font-size: 1.2rem; color: #8c8c8c; color: var(--color-neutral-dark); line-height: 3.0rem; letter-spacing: 1px; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } /* seperator */ .cmp-breadcrumb__item::after { content: '›'; content: var(--breadcrumb-seperator); display: inline-block; margin: 0 .5rem; margin: 0 var(--spacing-xs); } .cmp-breadcrumb__item-link { text-decoration: none; } .cmp-breadcrumb__item-link:hover { opacity: .6; } /*!*************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/pagetop/v1/pagetop/clientlibs/site/styles/index.css ***! \*************************************************************************************************************************************************************************************************************************************************************/ /* * AEM component: * Page top * OBS: This component has a complex flexible layout composition to account for the positioning of all the included components * so tread carefully if you edit this * * style policies: * full width image: cmp-pagetop--image-full * background tertiary: cmp-pagetop--tertiary * bottom space variant: cmp-pagetop--bottomspace-* */ /* Pagetop */ .cmp-pagetop { display: block; position: relative; margin-bottom: 8.0rem; margin-bottom: var(--spacing-xxl); } /* Layout */ /* Layout - Start */ .cmp-pagetop__layout-start { /* Offset start */ position: relative; right: -100px; } /* Layout - End */ .cmp-pagetop__layout-end { z-index: 1; pointer-events: none; /* disable pointer-events (due to layout stretch over share button) */ height: 100%; } @media (min-width: 1025px) and (max-width: 1280px) { .cmp-pagetop__layout-end .row.h-100 .col-md-5 { max-width: none; max-width: initial; } } @media (min-width: 769px) and (max-width: 1024px) { .cmp-pagetop__layout-end .row.h-100 .col-md-5 { flex: 0; } } @media (min-width: 1280.1px) and (max-width: 1281px) { .cmp-pagetop__layout-end .row.h-100 .col-md-5 { flex: 1; max-width: none; max-width: initial; } } /* Content */ .cmp-pagetop__content { margin-top: 135px; height: calc(100% - 135px); padding: 4.0rem 0 0 0; padding: var(--spacing-lg) 0 0 0; pointer-events: auto; /* enable pointer-events (due to layout stretch over share button) */ } @media (min-width: 769px) and (max-width: 1280px) { .cmp-pagetop__content .row .col-sm-5 { flex: initial; max-width: none; max-width: initial; padding-right: 48px; } } @media (min-width: 1280.1px) and (max-width: 1281px) { .cmp-pagetop__content .row .col-sm-5 { flex: initial; max-width: none; max-width: initial; padding-right: 48px; } } [dir="rtl"] .cmp-pagetop__content { padding-right: 4.0rem; padding-right: var(--spacing-lg); } /* Breadcrumb */ .cmp-pagetop__breadcrumb { display: block; position: absolute; left: 0; top: 70px; z-index: 2; } .cmp-pagetop__image { min-height: 13.0rem; /* for version without image */ margin-top: 17.0rem; padding-right: 10rem; } /* Share */ .cmp-pagetop__share { margin: 4.0rem 10rem 0 0; margin: var(--spacing-lg) 10rem 0 0; z-index: 2; } /* Typography */ .cmp-pagetop__title { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.5rem; font-style: normal; font-weight: 400; color: rgba(185, 37, 4, 1); color: var(--Primary-Red, var(--Prim-Red, #B92504)); line-height: 1.6rem; margin: 0; } .cmp-pagetop__title-meta { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.8rem; line-height: 3.0rem; letter-spacing: 1.7px; color: #b2b2b2; color: var(--color-neutral); margin: 0 3.0rem; margin: 0 var(--spacing-md); font-weight: 200; } .cmp-pagetop__heading { margin: 1.0rem 0 4.0rem; margin: var(--spacing-sm) 0 var(--spacing-lg); font-family: NotoSans-extra-light, sans-serif; font-family: var(--font-family-body-extra-light) } .cmp-pagetop__text { font-family: NotoSans-regular, serif; font-family: var(--font-family-display); font-size: 2.2rem; line-height: 3.0rem; letter-spacing: .22px; } /* * Modifiers * (Style Policies) */ /* * bottomspace-small */ .cmp-pagetop--bottomspace-small .cmp-pagetop { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } /* * bottomspace-medium */ .cmp-pagetop--bottomspace-medium .cmp-pagetop { margin-bottom: 6.0rem; margin-bottom: var(--spacing-xl); } /* * bottomspace-large */ .cmp-pagetop--bottomspace-large .cmp-pagetop { margin-bottom: 12.0rem; margin-bottom: var(--spacing-xxxl); } /* * tertiary * (on tertiary background) */ .cmp-pagetop--tertiary .pagetop::before { background-color: #edede3; background-color: var(--color-tertiary); content: " "; position: absolute; top: 0; bottom: 0; right: 0; left: calc(-1 * ( 24.0rem + 4.0rem)); left: calc(-1 * ( var(--sidebar-width) + var(--spacing-lg))); } .cmp-pagetop--tertiary .cmp-pagetop__content { background-color: #edede3; background-color: var(--color-tertiary); } .cmp-pagetop--tertiary .c-search { background: white; } /* * image-full * (Variation - full width image) */ .cmp-pagetop--image-full .stack-grid { display: block; } .cmp-pagetop--image-full .cmp-pagetop__breadcrumb { position: static; position: initial; padding: 70px 0 4.0rem; padding: 70px 0 var(--spacing-lg); } .cmp-pagetop--image-full .cmp-pagetop__layout { display: block; } .cmp-pagetop--image-full .cmp-pagetop__layout-start { margin: 0; padding: 0; width: 100%; position: static; position: initial; } .cmp-pagetop--image-full .cmp-pagetop__layout-start .col { flex: 0 0 100%; max-width: 100%; } .cmp-pagetop--image-full .cmp-pagetop__image { width: calc(100% + 100px); } .cmp-pagetop--image-full .cmp-pagetop__share { position: absolute; right: 0; margin-right: 2.0rem; margin-right: var(--spacing); } .cmp-pagetop--image-full .cmp-pagetop__layout-end { margin: 0; padding: 0; } .cmp-pagetop--image-full .cmp-pagetop__content { height: auto; margin-top: 0; } /* * articlepagetop * (article specific style) */ .articlepagetop .cmp-pagetop { margin-bottom: 8.0rem; margin-bottom: var(--spacing-xxl); } @media (max-width: 1024px) { .cmp-pagetop--image-full .cmp-pagetop__share { margin-right: 3.0rem; margin-right: var(--spacing-md); } } /* mobile */ @media (max-width: 768px) { .cmp-pagetop__layout-start { right: auto; } .cmp-pagetop__content { margin-top: 0; } .cmp-pagetop__image { margin-top: 0; padding-right: 0; } .cmp-pagetop__image .cmp-image__image { margin: 0; } .cmp-pagetop__layout > .stack-grid { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } .cmp-pagetop__text { font-size: 2.0rem; line-height: 2.8rem; } .cmp-pagetop--image-full .cmp-pagetop__share { position: relative; right: auto; } .storypage .cmp-pagetop--bottomspace-medium .cmp-pagetop { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } } /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/footer/v1/footer/clientlibs/site/styles/index.css ***! \***********************************************************************************************************************************************************************************************************************************************************/ /* footer */ .cmp-footer { background: #B92504; background: var(--color-primary); color: white; font-size: 1.4rem; line-height: 2.4rem; z-index: 90; z-index: var(--zindex-cmp-footer); position: relative; } /* revert aem-grid! */ .cmp-footer .aem-Grid { width: 100%; margin: 0; } /* structure */ .cmp-footer__container { display: flex; align-items: flex-start; padding: 6.0rem 6.0rem 3.0rem 0; padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-md) 0; position: relative; } .cmp-footer__container--bottom { padding: 0 6.0rem 3.0rem 0; padding: 0 var(--spacing-xl) var(--spacing-md) 0; } .cmp-footer__start, .cmp-footer__end { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .cmp-footer__start { width: 24.0rem; width: var(--sidebar-width); padding: 0 3.0rem; padding: 0 var(--spacing-md); } .cmp-footer__address{ font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-footer__start { width: 26.0rem; width: var(--sidebar-width-large); } } .cmp-footer__end { text-align: right; padding: 0 4.0rem 0 0; padding: 0 var(--spacing-lg) 0 0; } .cmp-footer__content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; display: flex; align-items: flex-start; } .cmp-footer__content .cmp-footer__col { padding: 0 0 0 4.0rem; padding: 0 0 0 var(--spacing-lg); } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-footer__container::before, .cmp-footer__container::after { left: 26.0rem; left: var(--sidebar-width-large); } } .cmp-footer__container::after { left: calc(100% - 6.0rem); } /* content elements */ .cmp-footer__heading.cmp-footer__heading { font-family: NotoSans-light, sans-serif; font-family: var(--font-family-body-light); font-size: 1.6rem; font-style: normal; font-weight: 300; line-height: 1.5rem; } .cmp-footer__meta { color: #fff; color: var(--color-white); text-decoration: none; font-size: 1.2rem; line-height: 2.6rem; } /* overwrite link css component */ .cmp-footer .c-link-primary { text-transform: none; } @media (min-width: 769px) and (max-width: 1024px) { .cmp-footer__container::before { left: 2.0rem; left: var(--spacing); } .cmp-footer__container::after { left: auto; right: 2.0rem; right: var(--spacing); } .cmp-footer__start { width: auto; padding-left: 4.0rem; padding-left: var(--spacing-lg); } .cmp-footer__end { padding: 0; flex-shrink: 1; } .cmp-footer__end .cmp-footer__social-links { float: right; margin-top: calc(2.0rem * -1); margin-top: calc(var(--spacing) * -1); margin-left: calc(2.0rem / -2); margin-left: calc(var(--spacing) / -2); margin-right: calc(2.0rem / -2); margin-right: calc(var(--spacing) / -2); } .cmp-footer__end .cmp-footer__social-links .o-link-list__item { margin-left: 0; margin-top: 1.0rem; margin-top: var(--spacing-sm); padding-left: 0.0rem; padding-right: calc(2.0rem / 2); padding-right: calc(var(--spacing) / 2); } } /* mobile */ @media (max-width: 768px) { .cmp-footer__container, .cmp-footer__content, .cmp-footer__start, .cmp-footer__end { display: block; } .cmp-footer__container { padding: 6.0rem 2.0rem 0; padding: var(--spacing-xl) var(--spacing) 0; } /* lines */ .cmp-footer__container::before { left: 15px; } .cmp-footer__container::after { left: auto; right: 15px; } .cmp-footer__col.cmp-footer__col { display: block; width: 100%; flex-basis: 100%; text-align: left; padding: 0 2.0rem 6.0rem; padding: 0 var(--spacing) var(--spacing-xl); } .cmp-footer__heading.cmp-footer__heading { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .cmp-footer__container--bottom { padding: 0 2.0rem 6.0rem; padding: 0 var(--spacing) var(--spacing-xl); } .cmp-footer__container--bottom .cmp-footer__col { padding-bottom: 0; } .cmp-footer__end .cmp-footer__social-links { float: none; } } /* Align last-published */ .footer .cmp-lastmodified { width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; padding: 0 100px 0 4.0rem; padding: 0 100px 0 var(--spacing-lg); } /*!********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/navigation/v1/navigation/clientlibs/site/styles/mobile.css ***! \********************************************************************************************************************************************************************************************************************************************************************/ /* * Mobile * Navigation - aka. Mega menu */ /* mobile */ @media (max-width: 1024px) { .cmp-navigation__group { list-style: none; margin: 0; padding: 0; } .cmp-navigation__item-link { text-decoration: none; display: inline-block; width: 100%; } .cmp-navigation { /* position: relative; */ flex: 1; } .cmp-navigation__item { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 2.2rem; line-height: 4.4rem; letter-spacing: 1px; /*font-variant: all-small-caps;*/ } .cmp-navigation__item--level-0 > .cmp-navigation__group > .cmp-navigation__item:nth-child(3) { margin-top: 2.0rem; margin-top: var(--spacing); } .cmp-navigation__item--level-0 .cmp-navigation__item--has-group { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .cmp-navigation__item--level-0 .cmp-navigation__item:not(.cmp-navigation__item--has-group) + .cmp-navigation__item--has-group:not(:nth-child(3)) { /* fix spacing between items with and without subpages */ margin-top: 3.0rem; margin-top: var(--spacing-md); } .cmp-navigation__item--level-2 { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 2.0rem; letter-spacing: 1.25px; text-transform: none; } .cmp-navigation > .cmp-navigation__group { left: 0; /* position: relative; */ } .cmp-navigation__item--level-0 > .cmp-navigation__group { position: absolute; width: 100%; top: 0; left: 100vw; display: none; } .cmp-navigation__item--active > .cmp-navigation__item-link { color: #B92504; color: var(--color-primary); } .is-active.cmp-navigation__item--level-0 > .cmp-navigation__group, .is-active.cmp-navigation__item--level-1 > .cmp-navigation__group { display: block; } .cmp-navigation__item-link-back { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; letter-spacing: 1px; } .cmp-navigation__item-link-back::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/navigation-icons/icon-arrow-darker-d7eb1e52849bca7870f47d7eaa296591.svg); transform: rotate(180deg); display: inline-block; vertical-align: middle; margin-right: .5rem; margin-right: var(--spacing-xs); } /* secondary version */ .cmp-navigation--secondary.cmp-navigation > .cmp-navigation__group { margin-top: 3.0rem; margin-top: var(--spacing-md); } .cmp-navigation--secondary .cmp-navigation__item--level-0 { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); } } /*!*********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/navigation/v1/navigation/clientlibs/site/styles/desktop.css ***! \*********************************************************************************************************************************************************************************************************************************************************************/ /* * Desktop * Navigation - aka. Mega menu */ :root { --navigation-sublevel-width: 30.0rem; --navigation-padding-top: 18.6rem; } /* desktop */ @media (min-width: 1025px) { .cmp-navigation__group { list-style: none; margin: 0; padding: 0; } .cmp-navigation__item-link { text-decoration: none; width: 100%; display: flex; height: 20px; flex-direction: column; justify-content: center; color: #FFF; color: var(--Illustration-White, #FFF); } /* slideout */ .cmp-navigation__slideout { content: ''; position: fixed; height: 100vh; border-right: 5px solid #B92504; border-right: 5px solid var(--color-primary); background: white; width: 0; top: 0; left: -5px; transition: width .4s ease-in-out; transition: width var(--transition-time) ease-in-out; will-change: width; z-index: 10; } .is-active.cmp-navigation .cmp-navigation__slideout { left: 0; } /* change color when open on hero image */ .is-active.cmp-navigation__slideout ~ .cmp-navigation, .is-active.cmp-navigation__slideout ~ .navigation, .is-active.cmp-navigation__slideout ~ .cmp-header__links, .is-active.cmp-navigation__slideout ~ .cmp-header__languageselector, .is-active.cmp-navigation__slideout ~ div .cmp-siteselector { color: #4a4a4a; color: var(--color-neutral-darker); } /* stylelint-disable */ @supports (mix-blend-mode: exclusion) { .is-active.cmp-navigation__slideout ~ .cmp-navigation, .is-active.cmp-navigation__slideout ~ .navigation, .is-active.cmp-navigation__slideout ~ .cmp-header__links, .is-active.cmp-navigation__slideout ~ .cmp-header__languageselector, .is-active.cmp-navigation__slideout ~ div .cmp-siteselector { color: inherit; } } /* stylelint-enable */ .cmp-navigation__item { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; /* 150% */ } .cmp-navigation__item--level-0 .cmp-navigation__item--has-group { margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } .cmp-navigation__item--level-0 .cmp-navigation__item:not(.cmp-navigation__item--has-group) + .cmp-navigation__item--has-group:not(:nth-child(3)) { /* fix spacing between items with and without subpages */ margin-top: 3.0rem; margin-top: var(--spacing-md); } .cmp-navigation__item--active > .cmp-navigation__item-link { color: #B92504; color: var(--color-primary); } /* stylelint-disable */ @supports (mix-blend-mode: exclusion) { .cmp-navigation__item--active > .cmp-navigation__item-link { color: #1da6c9; color: var(--color-primary-inverse); } } /* stylelint-enable */ .cmp-navigation__item-link:hover, .cmp-navigation__item-link.focus-visible { color: rgba(255, 255, 255, 0.6); color: var(--color-white-a6); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } .cmp-navigation__item-link:hover, .cmp-navigation__item-link.focus-visible { color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); color: var(--color-white-a6); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } .cmp-navigation__item-link:hover, .cmp-navigation__item-link:focus-visible { color: rgba(255, 255, 255, 0.6); color: var(--color-white-a6); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } .cmp-navigation__item-link-back { display: none; } .cmp-navigation__item--level-0 { padding: .5rem 3.0rem; padding: var(--spacing-xs) var(--spacing-md); } .cmp-navigation__item--level-1 { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); letter-spacing: 1px; padding: calc(.5rem - .1rem) 4.0rem; padding: calc(var(--spacing-xs) - var(--spacing-xxxs)) var(--spacing-lg); width: 100%; padding-right: 1rem; } .cmp-navigation__item--level-1:nth-child(2) { position: absolute; top: 18.6rem; top: var(--navigation-padding-top); margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } .cmp-navigation__item--level-0 > .cmp-navigation__item-link, .cmp-navigation__item--level-1 > .cmp-navigation__item-link { /*font-variant: all-small-caps;*/ } .cmp-navigation__item--level-2 { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.3rem; text-transform: none; padding: .5rem 0; padding: var(--spacing-xs) 0; color: rgba(255, 255, 255, 0.6); color: var(--color-white-a6); } .cmp-navigation__item--level-2:first-child { padding-top: 1.0rem; padding-top: var(--spacing-sm); } /* group - level 0 */ .cmp-navigation > .cmp-navigation__group { width: 24.0rem; width: var(--sidebar-width); display: block; padding-top: 18.6rem; padding-top: var(--navigation-padding-top); } /* group - level 1 */ .cmp-navigation__item--level-0 > .cmp-navigation__group { width: 30.0rem; width: var(--navigation-sublevel-width); position: absolute; top: 0; padding: calc(18.6rem + 6rem) 0 3.0rem; padding: calc(var(--navigation-padding-top) + 6rem) 0 var(--spacing-md); z-index: -1; left: -999vw; height: 100vh; min-height: 70.0rem; /* design requirement for new menu */ display: flex; flex-direction: column; flex-wrap: wrap; } .cmp-navigation__item--level-2 .cmp-navigation__item-link { white-space: nowrap; color: var(--gray); display: inline-block; } .cmp-navigation__item--level-2 .cmp-navigation__item-link:hover::after, .cmp-navigation__item--level-2 .cmp-navigation__item-link:focus::after { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/navigation-icons/icon-arrow-2fb6efef7bd70e2b606f3e13d290c39d.svg); margin-left: 1.0rem; margin-left: var(--spacing-sm); color: #b2b2b2; color: var(--color-neutral); display: inline-block; -webkit-animation: hoverArrow .4s ease-in-out; animation: hoverArrow .4s ease-in-out; position: absolute; width: 19px; height: 8px; } /* active state - level 0 item */ .is-active.cmp-navigation__item--level-0 > .cmp-navigation__item-link { color: #B92504; color: var(--color-primary); } /* stylelint-disable */ @supports (mix-blend-mode: exclusion) { .is-active.cmp-navigation__item--level-0 > .cmp-navigation__item-link { color: #1da6c9; color: var(--color-primary-inverse); } } /* stylelint-enable */ /* group level one active */ .is-active.cmp-navigation__item--level-0 > .cmp-navigation__group { left: 24.0rem; left: var(--sidebar-width); } /* items enter animation */ .cmp-navigation__item--animation-start { opacity: 0; margin-left: calc(4.0rem * -1); margin-left: calc(var(--spacing-lg) * -1); } .cmp-navigation__item--animation-end { opacity: 1; margin-left: 0; transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } /* secondary version */ .cmp-navigation--secondary.cmp-navigation > .cmp-navigation__group { padding-top: 0; margin-top: 3.0rem; margin-top: var(--spacing-md); } .cmp-navigation--secondary .cmp-navigation__item--level-0 { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; /* 114.286% */ letter-spacing: 0.07px; } .cmp-navigation.is-active .cmp-navigation__item--level-0.cmp-navigation__item--active:not(.is-active) .cmp-navigation__item-link { color: inherit; } } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-navigation > .cmp-navigation__group { width: 26.0rem; width: var(--sidebar-width-large); } .is-active.cmp-navigation__item--level-0 > .cmp-navigation__group { left: 26.0rem; left: var(--sidebar-width-large); } } /*!*******************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/navigation/v1/navigation/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************/ /* * Navigation - aka. Mega menu */ /*!*******************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/hero/v1/hero/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Hero */ .cmp-hero { height: 85vh; overflow: hidden; margin-left: calc(-1 * ( 24.0rem + 4.0rem)); margin-left: calc(-1 * ( var(--sidebar-width) + var(--spacing-lg))); margin-right: calc(-1 * (8.0rem + 2.0rem)); margin-right: calc(-1 * (var(--spacing-xxl) + var(--spacing))); } /* Image */ .cmp-hero__image { height: 85vh; } .cmp-hero__image .cmp-image, .cmp-hero__image .cmp-image__row, .cmp-hero__image .cmp-image__col, .cmp-hero__image .cmp-image__image { height: 100%; } .cmp-hero__image .cmp-image__row { -webkit-animation: scaleInHero 3s ease-out; animation: scaleInHero 3s ease-out; } @media (prefers-reduced-motion) { .cmp-hero__image .cmp-image__row { -webkit-animation: none; animation: none; } } .cmp-hero__image .cmp-image__image { font-family: "object-fit:cover;object-position:center"; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; border-radius: 0; } /* Content */ .cmp-hero__dir { margin-left: calc(1 * ( 24.0rem + 4.0rem)); margin-left: calc(1 * ( var(--sidebar-width) + var(--spacing-lg))); margin-right: calc(1 * (8.0rem + 2.0rem)); margin-right: calc(1 * (var(--spacing-xxl) + var(--spacing))); } .cmp-hero__content { position: relative; width: 100%; -webkit-animation: fadeInHeroContent 3s ease-out; animation: fadeInHeroContent 3s ease-out; } @media (prefers-reduced-motion) { .cmp-hero__content { -webkit-animation: none; animation: none; opacity: 1; } } .cmp-hero__heading { margin-bottom: 2.0rem; margin-bottom: var(--spacing); color: #FFF; max-width: 50.0rem; } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .cmp-hero__dir { margin-left: calc(1 * ( 26.0rem + 4.0rem)); margin-left: calc(1 * ( var(--sidebar-width-large) + var(--spacing-lg))); margin-right: calc(1 * (8.0rem + 2.0rem)); margin-right: calc(1 * (var(--spacing-xxl) + var(--spacing))); } } /* Animations */ @-webkit-keyframes scaleInHero { from { transform: scale(1.2); } to { transform: scale(1); } } @keyframes scaleInHero { from { transform: scale(1.2); } to { transform: scale(1); } } @-webkit-keyframes fadeInHeroContent { 0% { opacity: 0; } 12.5% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes fadeInHeroContent { 0% { opacity: 0; } 12.5% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 1; } } /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/siteselector/v1/siteselector/clientlibs/site/styles/desktop.css ***! \*************************************************************************************************************************************************************************************************************************************************************************/ /* * Site selector * Desktop */ /* * Using media query * to avoid collision with the mobile version */ @media (min-width: 1025px) { /* * siteselector */ .cmp-siteselector { display: block; padding: 0 3.0rem; padding: 0 var(--spacing-md); } /* generel group styles */ .cmp-siteselector__group { list-style: none; padding: 0; margin: 0; } /* generel link styles */ .cmp-siteselector__item-link { text-decoration: none; font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 14px; font-style: normal; font-weight: 400; line-height: 16px; /* 114.286% */ letter-spacing: 0.07px; } .cmp-siteselector__item-link:hover, .cmp-siteselector__item-link:focus { color: rgba(255, 255, 255, 0.6); color: var(--color-white-a6); transition: all .4s cubic-bezier(0.2, 1, 0.2, 1); transition: all var(--transition-time) var(--easing-alpha); } /* first item (entry point) */ .cmp-siteselector__item--level-0 { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 1.6rem; line-height: 3.0rem; letter-spacing: 1px; } /* selected item - active */ .is-active.cmp-siteselector__item > .cmp-siteselector__item-link { color: #B92504; color: var(--color-primary); } /* stylelint-disable */ @supports (mix-blend-mode: exclusion) { .is-active.cmp-siteselector__item > .cmp-siteselector__item-link { color: #1da6c9; color: var(--color-primary-inverse); } } /* stylelint-enable */ /* * sub groups */ /* hide all sub groups after level 2 */ .cmp-siteselector__item--level-2 .cmp-siteselector__group { display: none; } /* generel sub group styles */ .cmp-siteselector__item--level-0 .cmp-siteselector__group { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; line-height: 3.0rem; letter-spacing: 1px; display: none; } /* shared sub group style */ .cmp-siteselector__item--level-0 > .cmp-siteselector__group, .cmp-siteselector__item--level-1 > .cmp-siteselector__group { position: absolute; left: 0; top: 0; padding: 4.0rem; padding: var(--spacing-lg); padding-top: 19.3rem; /* logo height */ height: 100vh; width: 36.0rem; width: var(--siteselector-slideout-width); z-index: -1; opacity: 0; } /* active sub group one */ .is-active.cmp-siteselector__item--level-0 > .cmp-siteselector__group { left: 24.0rem; left: var(--sidebar-width); opacity: 1; display: block; } /* acitive sub group two */ .is-active.cmp-siteselector__item--level-1 > .cmp-siteselector__group { left: 36.0rem; left: var(--siteselector-slideout-width); opacity: 1; border-left: 1px solid #b2b2b2; border-left: 1px solid var(--color-neutral); display: block; overflow-x: scroll; -moz-column-count: 2; column-count: 2; } /* hide mobile back btn */ .cmp-siteselector__item-link-back { display: none; } } /* 1281px -> Desktop (IE10+) */ @media (min-width: 1281px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .is-active.cmp-siteselector__item--level-0 > .cmp-siteselector__group { left: 26.0rem; left: var(--sidebar-width-large); } } /*!************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/siteselector/v1/siteselector/clientlibs/site/styles/mobile.css ***! \************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * Site selector * Mobile */ /* all styles in media query * - to avoid collision with desktop version */ @media (max-width: 1024px) { /* generel group styles */ .cmp-siteselector__group { list-style: none; margin: 0; padding: 0; } /* generel link styles */ .cmp-siteselector__item-link { text-decoration: none; } /* site selector */ .cmp-siteselector { flex: 1; color: #4a4a4a; color: var(--color-neutral-darker); } /* generel item styles */ .cmp-siteselector__item { font-family: NotoSans-regular, sans-serif; font-family: var(--font-family-body); font-size: 2.0rem; line-height: 4.4rem; letter-spacing: 1px; } /* hide all sub groups after level 2 */ .cmp-siteselector__item--level-2 .cmp-siteselector__group { display: none; } /* group zero */ .cmp-siteselector > .cmp-siteselector__group { left: 0; } /* subgroups */ .cmp-siteselector__item--level-0 > .cmp-siteselector__group, .cmp-siteselector__item--level-1 > .cmp-siteselector__group { position: absolute; width: 100%; top: 0; left: 100vw; display: none; } /* active state of subgroups */ .md\:is-active.cmp-siteselector__item--level-0 > .cmp-siteselector__group, .md\:is-active.cmp-siteselector__item--level-1 > .cmp-siteselector__group { display: block; } /* back link */ .cmp-siteselector__item-link-back { font-family: NotoSans-regular-bold, sans-serif; font-family: var(--font-family-body-bold); font-size: 1.8rem; letter-spacing: 1px; } /* icon for back link */ .cmp-siteselector__item-link-back::before { content: url(../../../etc.clientlibs/aembase/clientlibs/clientlib-site/dist/resources/icons/icon-arrow-darker-d7eb1e52849bca7870f47d7eaa296591.svg); transform: rotate(180deg); display: inline-block; vertical-align: middle; margin-right: .5rem; margin-right: var(--spacing-xs); } } /*!***********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/siteselector/v1/siteselector/clientlibs/site/styles/index.css ***! \***********************************************************************************************************************************************************************************************************************************************************************/ /* * Aem component * siteselector * * uses slideout from header component */ /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/components/structure/languageselector/v1/languageselector/clientlibs/site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************************************************************/ /* * AEM Component * language selector */ .cmp-languageselector { padding: 0 3.0rem; padding: 0 var(--spacing-md); line-height: 3.0rem; } .cmp-languagenavigation__group { list-style: none; margin: 0; padding: 0; } .cmp-languagenavigation__item { display: inline-block; } .cmp-languagenavigation__item-link { text-decoration: none; font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .is-active.cmp-languagenavigation__item-link { font-family: NotoSans-extrabold, sans-serif; font-family: var(--font-family-body-extrabold); } .cmp-languagenavigation__item:not(:last-child)::after { content: '/'; } @media (max-width: 1024px) { .cmp-languageselector { padding: 0; font-size: 2.0rem; } } /*!************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/helpers/stretched-link.css ***! \************************************************************************************************************************************************************************************************************************************************/ .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/align.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable declaration-no-important */ .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-top { vertical-align: text-top !important; } .align-text-bottom { vertical-align: text-bottom !important; } /* stylelint-enable declaration-no-important */ /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/colors.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* * Utilities: * Colors */ /* svg */ .fill-currentColor { fill: currentColor; } .path-stroke-currentColor path { stroke: currentColor; } /* bacgrounds */ .root .u-background--primary { background: #B92504; background: var(--color-primary); } .root .u-background--secondary { background: #a49f79; background: var(--color-secondary); } .root .u-background--tertiary { background: #edede3; background: var(--color-tertiary); } .root .u-background--neutral-darker { background: #4a4a4a; background: var(--color-neutral-darker); } .root .u-background--neutral-dark { background: #8c8c8c; background: var(--color-neutral-dark); } .root .u-background--neutral { background: #b2b2b2; background: var(--color-neutral); } .root .u-background--neutral-light { background: #d6d6d6; background: var(--color-neutral-light); } .root .u-background--neutral-lighter { background: #f5f5f5; background: var(--color-neutral-lighter); } .root .u-background--white { background: white; } .root .u-background--black { background: black; } /* colors */ .root .u-color--primary { color: #B92504; color: var(--color-primary); } .root .u-color--secondary { color: #a49f79; color: var(--color-secondary); } .root .u-color--tertiary { color: #edede3; color: var(--color-tertiary); } .root .u-color--neutral-darker { color: #4a4a4a; color: var(--color-neutral-darker); } .root .u-color--neutral-dark { color: #8c8c8c; color: var(--color-neutral-dark); } .root .u-color--neutral { color: #b2b2b2; color: var(--color-neutral); } .root .u-color--neutral-light { color: #d6d6d6; color: var(--color-neutral-light); } .root .u-color--neutral-lighter { color: #f5f5f5; color: var(--color-neutral-lighter); } .root .u-color--white { color: white; } .root .u-color--black { color: black; } /*!******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/cursor.css ***! \******************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable declaration-no-important */ .cursor-auto { cursor: auto !important; } .cursor-pointer { cursor: pointer !important; } .cursor-unset { cursor: unset !important; } /* stylelint-enable declaration-no-important */ /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/flex.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* * Flex variation * https://getbootstrap.com/docs/4.5/utilities/flex/ * NOTE: no breakpoints * CSS Utility classes needs !important */ /* stylelint-disable declaration-no-important */ .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } /* stylelint-enable declaration-no-important */ /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/misc.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* * Utilities * Misc */ .root .u-display--none { display: none; } .root .u-display--inline { display: inline; } .root .u-display--inline-block { display: inline-block; } .root .u-display--block { display: block; } .root .u-display--flex { display: flex; } .root .u-small-caps { font-feature-settings: "smcp", "c2sc"; font-variant: all-small-caps; } .root .u-text-transform--none { text-transform: none; } .root .u-text-transform--uppercase { text-transform: uppercase; } .root .u-visually-hidden { position: absolute; clip: rect(1px 1px 1px 1px); -webkit-clip-path: inset(0 0 99.9% 99.9%); clip-path: inset(0 0 99.9% 99.9%); overflow: hidden; height: 1px; width: 1px; padding: 0; border: 0; } .root .u-overflow-x--scroll { overflow-x: scroll; } .root .u-text-align--right { text-align: right; } .root .u-text-align--center { text-align: center; } .root .u-text-align--left { text-align: left; } .root .u-list--unstyled { list-style: none; padding: 0; margin: 0; } .root .u-cursor--pointer { cursor: pointer; } .root .u-white-space--nowrap { white-space: nowrap; } .root .u-word-break--break-word { word-break: break-word; } .root .u-font-size--xs { font-size: 1.4rem; font-size: var(--font-size-xs); } .root .u-width--narrow.u-width--narrow.u-width--narrow { width: 65.4%; width: var(--narrow-width); margin: auto; float: none; /* overwrite aem grid */ } .root .u-width--auto { width: auto; } .root .u-width--20\% { width: 20%; } .root .u-width--25\% { width: 25%; } .root .u-width--33\% { width: 33.33%; } .root .u-width--50\% { width: 50%; } .root .u-width--100\% { width: 100%; } .root .u-user-select--none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .root .u-float--left { float: left; } .root .u-float--right { float: right; } .root .u-justify-content--space-between { justify-content: space-between; } .root .u-flex-wrap--wrap { flex-wrap: wrap; } .root .u-text-truncate { overflow: hidden; text-overflow: ellipsis; display: block; } .root .u-nowrap-icon { white-space: nowrap; margin-left: .25rem; } @media (max-width: 1024px) { .root .md\:u-display--none { display: none; } .root .md\:u-display--inline { display: inline; } .root .md\:u-display--inline-block { display: inline-block; } .root .md\:u-display--block { display: block; } .root .md\:u-display--flex { display: flex; } .root .md\:u-text-align--center { text-align: center; } .root .md\:u-width--100\% { width: 100%; } .root .md\:u-text-align--left { text-align: left; } } @media (max-width: 768px) { .root .sm\:u-display--none { display: none; } .root .sm\:u-text-align--center { text-align: center; } .root .sm\:u-text-align--right { text-align: right; } .root .sm\:u-text-align--left { text-align: left; } .root .sm\:u-width--100\% { width: 100%; } } /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/position.css ***! \********************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable declaration-no-important */ .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .position-inherit { position: inherit !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } /* stylelint-enable declaration-no-important */ /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/ratio.css ***! \*****************************************************************************************************************************************************************************************************************************************/ /* * Ratio */ .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: 100%; content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-21x9::before { padding-top: 42.8571%; } .ratio-16x9::before { padding-top: 56.25%; } .ratio-3x4::before { padding-top: 133.3333%; } .ratio-1x1::before { padding-top: 100%; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/spacing.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /* * Utilities: * Spacing */ /* padding */ .root .u-padding--0 { padding: 0; } .root .u-padding--xxxl { padding: 12.0rem; padding: var(--spacing-xxxl); } .root .u-padding--xxl { padding: 8.0rem; padding: var(--spacing-xxl); } .root .u-padding--xl { padding: 6.0rem; padding: var(--spacing-xl); } .root .u-padding--lg { padding: 4.0rem; padding: var(--spacing-lg); } .root .u-padding--md { padding: 3.0rem; padding: var(--spacing-md); } .root .u-padding { padding: 2.0rem; padding: var(--spacing); } .root .u-padding--sm { padding: 1.0rem; padding: var(--spacing-sm); } .root .u-padding--xs { padding: .5rem; padding: var(--spacing-xs); } .root .u-padding--xxs { padding: .2rem; padding: var(--spacing-xxs); } .root .u-padding--xxxs { padding: .1rem; padding: var(--spacing-xxxs); } .root .u-padding-top--0 { padding-top: 0; } .root .u-padding-top--xxxl { padding-top: 12.0rem; padding-top: var(--spacing-xxxl); } .root .u-padding-top--xxl { padding-top: 8.0rem; padding-top: var(--spacing-xxl); } .root .u-padding-top--xl { padding-top: 6.0rem; padding-top: var(--spacing-xl); } .root .u-padding-top--lg { padding-top: 4.0rem; padding-top: var(--spacing-lg); } .root .u-padding-top--md { padding-top: 3.0rem; padding-top: var(--spacing-md); } .root .u-padding-top { padding-top: 2.0rem; padding-top: var(--spacing); } .root .u-padding-top--sm { padding-top: 1.0rem; padding-top: var(--spacing-sm); } .root .u-padding-top--xs { padding-top: .5rem; padding-top: var(--spacing-xs); } .root .u-padding-top--xxs { padding-top: .2rem; padding-top: var(--spacing-xxs); } .root .u-padding-top--xxxs { padding-top: .1rem; padding-top: var(--spacing-xxxs); } .root .u-padding-right--0 { padding-right: 0; } .root .u-padding-right--xxxl { padding-right: 12.0rem; padding-right: var(--spacing-xxxl); } .root .u-padding-right--xxl { padding-right: 8.0rem; padding-right: var(--spacing-xxl); } .root .u-padding-right--xl { padding-right: 6.0rem; padding-right: var(--spacing-xl); } .root .u-padding-right--lg { padding-right: 4.0rem; padding-right: var(--spacing-lg); } .root .u-padding-right--md { padding-right: 3.0rem; padding-right: var(--spacing-md); } .root .u-padding-right { padding-right: 2.0rem; padding-right: var(--spacing); } .root .u-padding-right--sm { padding-right: 1.0rem; padding-right: var(--spacing-sm); } .root .u-padding-right--xs { padding-right: .5rem; padding-right: var(--spacing-xs); } .root .u-padding-right--xxs { padding-right: .2rem; padding-right: var(--spacing-xxs); } .root .u-padding-right--xxxs { padding-right: .1rem; padding-right: var(--spacing-xxxs); } .root .u-padding-bottom--0 { padding-bottom: 0; } .root .u-padding-bottom--xxxl { padding-bottom: 12.0rem; padding-bottom: var(--spacing-xxxl); } .root .u-padding-bottom--xxl { padding-bottom: 8.0rem; padding-bottom: var(--spacing-xxl); } .root .u-padding-bottom--xl { padding-bottom: 6.0rem; padding-bottom: var(--spacing-xl); } .root .u-padding-bottom--lg { padding-bottom: 4.0rem; padding-bottom: var(--spacing-lg); } .root .u-padding-bottom--md { padding-bottom: 3.0rem; padding-bottom: var(--spacing-md); } .root .u-padding-bottom { padding-bottom: 2.0rem; padding-bottom: var(--spacing); } .root .u-padding-bottom--sm { padding-bottom: 1.0rem; padding-bottom: var(--spacing-sm); } .root .u-padding-bottom--xs { padding-bottom: .5rem; padding-bottom: var(--spacing-xs); } .root .u-padding-bottom--xxs { padding-bottom: .2rem; padding-bottom: var(--spacing-xxs); } .root .u-padding-bottom--xxxs { padding-bottom: .1rem; padding-bottom: var(--spacing-xxxs); } .root .u-padding-left--0 { padding-left: 0; } .root .u-padding-left--xxxl { padding-left: 12.0rem; padding-left: var(--spacing-xxxl); } .root .u-padding-left--xxl { padding-left: 8.0rem; padding-left: var(--spacing-xxl); } .root .u-padding-left--xl { padding-left: 6.0rem; padding-left: var(--spacing-xl); } .root .u-padding-left--lg { padding-left: 4.0rem; padding-left: var(--spacing-lg); } .root .u-padding-left--md { padding-left: 3.0rem; padding-left: var(--spacing-md); } .root .u-padding-left { padding-left: 2.0rem; padding-left: var(--spacing); } .root .u-padding-left--sm { padding-left: 1.0rem; padding-left: var(--spacing-sm); } .root .u-padding-left--xs { padding-left: .5rem; padding-left: var(--spacing-xs); } .root .u-padding-left--xxs { padding-left: .2rem; padding-left: var(--spacing-xxs); } .root .u-padding-left--xxxs { padding-left: .1rem; padding-left: var(--spacing-xxxs); } /* margin */ .root .u-margin--0 { margin: 0; } .root .u-margin--xxxl { margin: 12.0rem; margin: var(--spacing-xxxl); } .root .u-margin--xxl { margin: 8.0rem; margin: var(--spacing-xxl); } .root .u-margin--xl { margin: 6.0rem; margin: var(--spacing-xl); } .root .u-margin--lg { margin: 4.0rem; margin: var(--spacing-lg); } .root .u-margin--md { margin: 3.0rem; margin: var(--spacing-md); } .root .u-margin { margin: 2.0rem; margin: var(--spacing); } .root .u-margin--sm { margin: 1.0rem; margin: var(--spacing-sm); } .root .u-margin--xs { margin: .5rem; margin: var(--spacing-xs); } .root .u-margin--xxs { margin: .2rem; margin: var(--spacing-xxs); } .root .u-margin--xxxs { margin: .1rem; margin: var(--spacing-xxxs); } .root .u-margin-top--0 { margin-top: 0; } .root .u-margin-top--xxxl { margin-top: 12.0rem; margin-top: var(--spacing-xxxl); } .root .u-margin-top--xxl { margin-top: 8.0rem; margin-top: var(--spacing-xxl); } .root .u-margin-top--xl { margin-top: 6.0rem; margin-top: var(--spacing-xl); } .root .u-margin-top--lg { margin-top: 4.0rem; margin-top: var(--spacing-lg); } .root .u-margin-top--md { margin-top: 3.0rem; margin-top: var(--spacing-md); } .root .u-margin-top { margin-top: 2.0rem; margin-top: var(--spacing); } .root .u-margin-top--sm { margin-top: 1.0rem; margin-top: var(--spacing-sm); } .root .u-margin-top--xs { margin-top: .5rem; margin-top: var(--spacing-xs); } .root .u-margin-top--xxs { margin-top: .2rem; margin-top: var(--spacing-xxs); } .root .u-margin-top--xxxs { margin-top: .2rem; margin-top: var(--spacing-xxs); } .root .u-margin-right--0 { margin-right: 0; } .root .u-margin-right--xxxl { margin-right: 12.0rem; margin-right: var(--spacing-xxxl); } .root .u-margin-right--xxl { margin-right: 8.0rem; margin-right: var(--spacing-xxl); } .root .u-margin-right--xl { margin-right: 6.0rem; margin-right: var(--spacing-xl); } .root .u-margin-right--lg { margin-right: 4.0rem; margin-right: var(--spacing-lg); } .root .u-margin-right--md { margin-right: 3.0rem; margin-right: var(--spacing-md); } .root .u-margin-right { margin-right: 2.0rem; margin-right: var(--spacing); } .root .u-margin-right--sm { margin-right: 1.0rem; margin-right: var(--spacing-sm); } .root .u-margin-right--xs { margin-right: .5rem; margin-right: var(--spacing-xs); } .root .u-margin-right--xxs { margin-right: .2rem; margin-right: var(--spacing-xxs); } .root .u-margin-right--xxxs { margin-right: .2rem; margin-right: var(--spacing-xxs); } .root .u-margin-bottom--0 { margin-bottom: 0; } .root .u-margin-bottom--xxxl { margin-bottom: 12.0rem; margin-bottom: var(--spacing-xxxl); } .root .u-margin-bottom--xxl { margin-bottom: 8.0rem; margin-bottom: var(--spacing-xxl); } .root .u-margin-bottom--xl { margin-bottom: 6.0rem; margin-bottom: var(--spacing-xl); } .root .u-margin-bottom--lg { margin-bottom: 4.0rem; margin-bottom: var(--spacing-lg); } .root .u-margin-bottom--md { margin-bottom: 3.0rem; margin-bottom: var(--spacing-md); } .root .u-margin-bottom { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .root .u-margin-bottom--sm { margin-bottom: 1.0rem; margin-bottom: var(--spacing-sm); } .root .u-margin-bottom--xs { margin-bottom: .5rem; margin-bottom: var(--spacing-xs); } .root .u-margin-bottom--xxs { margin-bottom: .2rem; margin-bottom: var(--spacing-xxs); } .root .u-margin-bottom--xxxs { margin-bottom: .2rem; margin-bottom: var(--spacing-xxs); } .root .u-margin-left--0 { margin-left: 0; } .root .u-margin-left--xxxl { margin-left: 12.0rem; margin-left: var(--spacing-xxxl); } .root .u-margin-left--xxl { margin-left: 8.0rem; margin-left: var(--spacing-xxl); } .root .u-margin-left--xl { margin-left: 6.0rem; margin-left: var(--spacing-xl); } .root .u-margin-left--lg { margin-left: 4.0rem; margin-left: var(--spacing-lg); } .root .u-margin-left--md { margin-left: 3.0rem; margin-left: var(--spacing-md); } .root .u-margin-left { margin-left: 2.0rem; margin-left: var(--spacing); } .root .u-margin-left--sm { margin-left: 1.0rem; margin-left: var(--spacing-sm); } .root .u-margin-left--xs { margin-left: .5rem; margin-left: var(--spacing-xs); } .root .u-margin-left--xxs { margin-left: .2rem; margin-left: var(--spacing-xxs); } .root .u-margin-left--xxxs { margin-left: .2rem; margin-left: var(--spacing-xxs); } @media (max-width: 1024px) { .root .md\:u-margin-top { margin-top: 2.0rem; margin-top: var(--spacing); } .root .md\:u-margin-bottom { margin-bottom: 2.0rem; margin-bottom: var(--spacing); } .root .md\:u-margin-left--0 { margin-left: 0; } } @media (max-width: 768px) { .root .sm\:u-margin-left--0 { margin-left: 0; } } /*!**********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/stack-grid.css ***! \**********************************************************************************************************************************************************************************************************************************************/ .stack-grid { display: grid; grid-template-columns: 1fr; } .stack-grid > * { grid-row-start: 1; grid-column-start: 1; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/text.css ***! \****************************************************************************************************************************************************************************************************************************************/ /* stylelint-disable declaration-no-important */ .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } [dir="rtl"] * { letter-spacing: normal; } /* stylelint-enable declaration-no-important */ /*!********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/utilities/utilites.css ***! \********************************************************************************************************************************************************************************************************************************************/ /* * Utilities * */ /* stylelint-disable declaration-no-important */ .h-100 { height: 100% !important; } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } @media (min-width: 769px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } } @media (min-width: 1025px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } } @media (min-width: 1281px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } } /* stylelint-enable declaration-no-important */ /*!*******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/main/jcr_root/apps/aembase/clientlibs/clientlib-site/styles/index.css ***! \*******************************************************************************************************************************************************************************************************************************/ /** * Index */ /* Settings */ /* generic */ /* Elements */ /* Objects */ /* css Components */ /* AEM components */ /* Integration AEM components */ /* Structural AEM components */ /* Helpers */ /* Utilities */ /*# sourceMappingURL=main.css.map*/