/** * Pages * * @description * Contains page styles * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Global styles * 2.0 - Search page * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .html-page h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .html-page h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .html-page h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } .html-page a { color: #33518C; text-decoration: none; } .html-page a:hover { color: shade(#33518C, 10%); text-decoration: underline; } .html-page a:active { color: shade(#33518C, 20%); text-decoration: underline; } .related-articles-link a { color: #008080; text-decoration: underline; font-weight: 500; } .related-articles-link a:hover { color: shade(#33518C, 10%); text-decoration: none; } .related-articles-link a:active { color: #1A171B; color: shade(#33518C, 20%); text-decoration: none; } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Global styles * ----------------------------------------------------------------------------- */ .article-content { margin: 0 auto; width: 50%; min-width: 68.5rem; padding: 3.2rem 2.4rem 8rem; } @media (max-width: 767px) { .article-content { width: 100%; min-width: auto; padding: 3.2rem 2.4rem 8rem 2.4rem; } } .article-content .related-container:last-child { margin-bottom: 0; } .organization-logo { float: left; padding-right: 0.8rem; } .html-page { padding: 8rem; } @media (max-width: 767px) { .html-page { padding: 3.2rem; } } .html-page h1 { margin-bottom: 3.2rem; } .html-page a { color: #5D6266; } .html-page a:hover { color: #1A171B; } .tagsContainer { list-style: none; margin: 4rem 0 4rem; padding: 0; } .tagsContainer li { display: inline-block; } .tagsContainer.tagsContainer-search { margin: 1.6rem 0 0 0; } .related-container { margin: 4rem 0 4rem; } .search-results { width: 73%; margin: 0 auto; padding: 4rem 0 8rem 0; } @media (max-width: 767px) { .search-results { width: 100%; padding: 4rem 2.4rem 0.8rem 2.4rem; } } .search-filters { padding: 9rem 3.2rem 7.2rem 0; } @media (max-width: 767px) { .search-filters { padding: 0 2.4rem 2.4rem 2.4rem; } } .related-articles { padding: 2.4rem; background-color: #fff; margin-top: 8rem; } .related-articles h2 { margin-top: 0; } @media (max-width: 768px) { .related-articles { margin-top: 3.2rem; } } .related-articles-link { text-align: center; margin: 0.8rem 0; } @media all and (min-width: 0px) { .related-articles-link a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .related-articles-link a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .at4-follow-outer, .at4-follow-outer * { display: none !important; } .at-share-close-control, .at-share-close-control.at4-hide-content { visibility: visible !important; opacity: 1 !important; } /** * Progress * * @description * Contains progress styles * * @version * 1.0.0 **/ /** * Table of Contents: * * 1.0 - Global styles * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Global styles * ----------------------------------------------------------------------------- */ { /* Make clicks pass-through */ /* Fancy blur effect */ /* Remove these to get rid of the spinner */ } #nprogress { pointer-events: none; } #nprogress .bar { background: #DC001A; position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #DC001A, 0 0 5px #DC001A; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border: solid 2px transparent; border-top-color: #DC001A; border-left-color: #DC001A; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes _1gOoTx0992WfdoRmwilRy8 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes _1gOoTx0992WfdoRmwilRy8 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /** * Print * * Description: Contains styling for print. * @see: https://html5boilerplate.com/ * Version: 1.0.3 * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ @media print { { /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ } *:not(.imageCaption), *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } article > header img { display: none; } .article-content { padding-top: 0; width: 100%; } .article-content > section { padding-bottom: 0 !important; } .article-content > section > div { display: none !important; } .search-filters { display: none; } #main-content > header > div > div { background-color: rgba(26, 23, 27, 0.65) !important; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 0.1rem solid #999; page-break-inside: avoid; } img { display: none; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } thead { display: table-header-group; } tr, img { display: none; } article > header > div > div { padding-bottom: 0 !important; } div > header, footer, .related-articles { display: none; } .rteContent blockquote { color: #1A171B; margin: 0px !important; margin-top: 3.2rem; margin-bottom: 3.2rem; border: 0px; padding-left: 0px !important; } .rteContent blockquote p { font-style: italic; font-weight: 500; font-size: large; } .rteContent img { display: none; } .rteContent figure.imageArticle.imageMedium img { display: none; } .rteContent figure.imageArticle.imageMedium figcaption.imageContent { position: relative; } .rteContent figure.imageArticle.imageMedium figcaption.imageContent div.imageTitle h1 { font-size: 1.8rem; font-weight: 300; line-height: 3rem; margin-bottom: 2rem; padding: 0; text-align: left; } .rteContent figure.imageArticle.imageMedium figcaption.imageContent div.imageTitle p { font-size: 1.8rem; font-weight: 300; line-height: 3rem; margin-bottom: 2rem; padding: 0; text-align: left; } .rteContent figure.imageArticle.imageMedium figcaption.imageContent div.imageCaption p { font-size: 1.8rem; font-weight: 300; line-height: 3rem; margin-bottom: 2rem; margin-top: -2rem; padding: 0; text-align: left; } .related-container { display: none; } ul.tagsContainer { display: none; } .imageBlock .image { display: none; } .promoExtended .image { display: none; } } @charset "UTF-8"; /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ { /* Denna borde vara någon annanstans... */ } *, *:before, *:after { box-sizing: border-box; } html { font-size: 62.5%; } body { font-family: "Raleway", sans-serif; background-color: #E5E5E5; margin: 0; font-size: 2rem; } body.ckeditor_full_html { background-color: #fff; width: 50%; margin: 4rem auto; max-width: 72rem; } body.ckeditor_blockpage_html { background-color: #fff; margin: 0.4rem; } .is-visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 0.1rem; margin: -0.1rem; overflow: hidden; padding: 0; position: absolute; width: 0.1rem; } .is-visuallyhidden.is-focusable:active, .is-visuallyhidden.is-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } #main-content { background-color: #fff; } /** * @stylesheet components/Header.scss Header * @parent styleguide * * @description * Styling for the header. * * version * 3.0.0 * **/ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ .BsCjlHySQ_llzQr2-E89w { max-height: 16.8rem; background-color: #fff; } .BsCjlHySQ_llzQr2-E89w ._3ExXJ0XmgHSChY3-Ue4RdC { position: relative; padding: 2.4rem; display: flex; justify-content: space-between; align-items: flex-end; max-width: 1440px; margin: 0 auto; } .BsCjlHySQ_llzQr2-E89w ._3szyqF8Yz0UwvKuLkXyTIe { width: 25%; } .BsCjlHySQ_llzQr2-E89w ._3szyqF8Yz0UwvKuLkXyTIe a { display: block; } .BsCjlHySQ_llzQr2-E89w ._3szyqF8Yz0UwvKuLkXyTIe a img { max-height: 12rem; width: auto; } .BsCjlHySQ_llzQr2-E89w ._3DaIOSAhmYi9WB48IawMmy { width: 50%; } .BsCjlHySQ_llzQr2-E89w ._1DV2Zn03pUN0eFVtw4XyHQ { width: 25%; margin-left: 2.4rem; text-align: right; } .BsCjlHySQ_llzQr2-E89w ._1Akwn7EWhtc6-QB70Dhrnf { position: absolute; top: 2.4rem; right: 0; } .BsCjlHySQ_llzQr2-E89w .AjvQKo-QQv_-qIj36ruhn { display: none; } .BsCjlHySQ_llzQr2-E89w .AjvQKo-QQv_-qIj36ruhn a:not(:last-child) span { margin-right: 1.6rem; } .BsCjlHySQ_llzQr2-E89w ._3PuNyBxvxiijekhY8jJUOl, .BsCjlHySQ_llzQr2-E89w ._1YTqNYWeWetz35K_1a1jT9, .BsCjlHySQ_llzQr2-E89w ._3M-J26Avza3asgUeaYZNSg, .BsCjlHySQ_llzQr2-E89w ._2E4hB42J2mUM67x1-6GGc7, .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V { display: none; position: absolute; top: 7.5rem; left: 0; width: 100%; background-color: #fff; z-index: 99; } .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O { list-style-type: none; padding-left: 1rem; margin-top: 0.5rem; } .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W { font-weight: 500; margin-right: 0.8rem; margin-left: 1.5rem; position: relative; margin-bottom: 0; } @media all and (min-width: 0px) { .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W { font-size: 2rem; margin-top: 0; line-height: 3.3rem; margin-bottom: 0.3rem; } } @media all and (min-width: 768px) { .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W { font-size: 2rem; margin-top: 0; line-height: 3.3rem; margin-bottom: 0.4rem; } } .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W:not(:first-child), .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W:not(:first-child) { border-top: 1px solid #E5E5E5; padding-top: 0.4rem; } .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W .ohR4kaxchpOyR2IkZlDWG, .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W ._3xk42motGTuFTN9xy4tql0, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W .ohR4kaxchpOyR2IkZlDWG, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W ._3xk42motGTuFTN9xy4tql0 { text-decoration: none; color: #1A171B; font-size: 1.6rem; } .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W ._3xk42motGTuFTN9xy4tql0, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V ._3dRKrvkjSBFunQaK3wSJ4O ._1Brk7NCyRX3qGufcQHdp4W ._3xk42motGTuFTN9xy4tql0 { color: #DC001A; } .BsCjlHySQ_llzQr2-E89w ._3M-J26Avza3asgUeaYZNSg, .BsCjlHySQ_llzQr2-E89w ._2E4hB42J2mUM67x1-6GGc7 { padding: 1.6rem; } .BsCjlHySQ_llzQr2-E89w ._1YTqNYWeWetz35K_1a1jT9, .BsCjlHySQ_llzQr2-E89w ._2E4hB42J2mUM67x1-6GGc7, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V { display: block; } .BsCjlHySQ_llzQr2-E89w ._13FXCwpD2t7Fd20GyY-jnF { text-transform: uppercase; } .BsCjlHySQ_llzQr2-E89w ._13FXCwpD2t7Fd20GyY-jnF span { margin-right: 0 !important; margin-left: 0.4rem; } .BsCjlHySQ_llzQr2-E89w ._13FXCwpD2t7Fd20GyY-jnF span:before { font-size: 2rem; } .BsCjlHySQ_llzQr2-E89w .yQ3t3Af_mXIYR1xMGPSnI { padding: 0.8rem 0 0.8rem 0.8rem; text-decoration: none; text-align: right; font-size: 2.8rem; color: inherit; } .BsCjlHySQ_llzQr2-E89w ._3_ah2FPcvcJoieZeNo2j-j { padding-left: 1.6rem; font-size: 1.6rem; padding-top: 1.6rem !important; } .BsCjlHySQ_llzQr2-E89w ._3_ah2FPcvcJoieZeNo2j-j span:not(#_19ih4ftdwORNccJdcBduFD) { font-weight: bold; } .BsCjlHySQ_llzQr2-E89w ._3_ah2FPcvcJoieZeNo2j-j p, .BsCjlHySQ_llzQr2-E89w ._3_ah2FPcvcJoieZeNo2j-j #_19ih4ftdwORNccJdcBduFD { font-size: 1.3rem; } .BsCjlHySQ_llzQr2-E89w ._3_ah2FPcvcJoieZeNo2j-j:before { content: ""; border-top: 0.1rem solid #E5E5E5; width: 95%; position: absolute; margin-top: -1rem; } /** * Media queries * -------------------------------------------------------------------- */ @media (max-width: 1024px) { .BsCjlHySQ_llzQr2-E89w ._3szyqF8Yz0UwvKuLkXyTIe { width: auto; margin-top: 1.6rem; } .BsCjlHySQ_llzQr2-E89w ._3szyqF8Yz0UwvKuLkXyTIe a img { max-height: 9rem; } .BsCjlHySQ_llzQr2-E89w ._3DaIOSAhmYi9WB48IawMmy { width: auto; } .BsCjlHySQ_llzQr2-E89w ._1DV2Zn03pUN0eFVtw4XyHQ { margin-left: 0; width: 20%; } } @media (max-width: 768px) { .BsCjlHySQ_llzQr2-E89w ._3szyqF8Yz0UwvKuLkXyTIe a img { max-height: 4rem; } .BsCjlHySQ_llzQr2-E89w ._1Akwn7EWhtc6-QB70Dhrnf { display: none; } .BsCjlHySQ_llzQr2-E89w ._1DV2Zn03pUN0eFVtw4XyHQ { display: none; } .BsCjlHySQ_llzQr2-E89w ._3DaIOSAhmYi9WB48IawMmy { display: none; } .BsCjlHySQ_llzQr2-E89w .AjvQKo-QQv_-qIj36ruhn { display: block; } .BsCjlHySQ_llzQr2-E89w ._3ExXJ0XmgHSChY3-Ue4RdC { padding: 1.6rem; } } @media (min-width: 769px) { .BsCjlHySQ_llzQr2-E89w ._3PuNyBxvxiijekhY8jJUOl, .BsCjlHySQ_llzQr2-E89w ._1YTqNYWeWetz35K_1a1jT9, .BsCjlHySQ_llzQr2-E89w ._3M-J26Avza3asgUeaYZNSg, .BsCjlHySQ_llzQr2-E89w ._2E4hB42J2mUM67x1-6GGc7, .BsCjlHySQ_llzQr2-E89w ._3ay2yTdk-69D8YCBfeo8YY, .BsCjlHySQ_llzQr2-E89w .Q1v6O1FTLPLpqulxQ1V-V { display: none; } } /** * @stylesheet components/MainMenu.scss MainMenu * @parent styleguide * * @description * Styling for mainMenu. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._22CavC4kF1gZdczZblaW78 { display: inline-block; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ { list-style: none; margin: 0; padding: 0; margin-left: 2.4rem; display: inline-block; text-align: center; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 { display: inline-block; font-weight: 500; margin-right: 2.4rem; margin-left: 1.5rem; position: relative; margin-bottom: 0; } @media all and (min-width: 0px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 { font-size: 2rem; margin-top: 0; line-height: 3.3rem; margin-bottom: 0.3rem; } } @media all and (min-width: 768px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 { font-size: 2rem; margin-top: 0; line-height: 3.3rem; margin-bottom: 0.4rem; } } @media (max-width: 1024px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 { margin-right: 0; font-size: 1.8rem; } } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub a, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 a { text-decoration: none; color: #1A171B; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub a:hover, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub a:active, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 a:hover, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 a:active { border-bottom: 0.2rem solid #008080; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._2U8Vr3IoV4Ah22iuqpOCPX, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub .YLemD2tHuf3trLi49USan, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._2U8Vr3IoV4Ah22iuqpOCPX, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 .YLemD2tHuf3trLi49USan { line-height: 2rem; } @media all and (min-width: 0px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._2U8Vr3IoV4Ah22iuqpOCPX, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub .YLemD2tHuf3trLi49USan, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._2U8Vr3IoV4Ah22iuqpOCPX, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 .YLemD2tHuf3trLi49USan { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._2U8Vr3IoV4Ah22iuqpOCPX, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub .YLemD2tHuf3trLi49USan, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._2U8Vr3IoV4Ah22iuqpOCPX, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 .YLemD2tHuf3trLi49USan { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub .YLemD2tHuf3trLi49USan, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 .YLemD2tHuf3trLi49USan { color: #DC001A; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y { list-style: none; padding: 0.4rem; width: 100%; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y :last-child, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y :last-child { margin-bottom: 0; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y :first-child, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y :first-child { margin-top: 0.4rem; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y li, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y li { line-height: 2rem; } @media all and (min-width: 0px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y li, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y li { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y li, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y li { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ._3zPHQoClPksszTEF_a9D2Y li._3IYbXb05crVzq8PWDpXeeu a, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ._3zPHQoClPksszTEF_a9D2Y li._3IYbXb05crVzq8PWDpXeeu a { color: #DC001A; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ul, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ul { width: 25rem; top: 3rem; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ul li, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ul li { line-height: 2rem; margin-bottom: 0.8rem; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._2PImn4wTkQ8B1d4Qog12ub ul li a:hover, ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 ul li a:hover { border-bottom: none; } ._22CavC4kF1gZdczZblaW78 ._382WQU9KeJeOn68g_WaRf_ ._222ww_IAMX-PYuVoLtmrf5 > div > a { color: #DC001A; } /** * @stylesheet components/SearchField.scss SearchField * @parent styleguide * * @description * Styling for a search field. * * version * 3.0.0 * **/ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._394zXO66Mj2dtc426CO7XY { display: inline-block; margin: 0 0.4rem; position: relative; } ._394zXO66Mj2dtc426CO7XY:hover ._1lwqC9Ps52W8Izib-gLxjD { visibility: visible; } ._394zXO66Mj2dtc426CO7XY ._1lwqC9Ps52W8Izib-gLxjD { overflow: auto; z-index: 99; display: block; visibility: hidden; text-align: left; position: absolute; top: 2.6rem; left: 50%; margin-left: -11rem; width: 20rem; list-style: none; background-color: #fff; border: 1px solid #E5E5E5; padding: 0.4rem 0; } ._394zXO66Mj2dtc426CO7XY ._1lwqC9Ps52W8Izib-gLxjD li { margin: 0.4rem 0; padding: 0 1.6rem; } ._394zXO66Mj2dtc426CO7XY ._1lwqC9Ps52W8Izib-gLxjD li a:hover { text-decoration: underline; } ._394zXO66Mj2dtc426CO7XY a { text-decoration: none; color: #1A171B; } ._394zXO66Mj2dtc426CO7XY ._2Qmk3FALNQh4OjfzcARsMy { margin: 0.4rem 0; padding: 0 1.6rem; list-style: none; } ._394zXO66Mj2dtc426CO7XY ._2Qmk3FALNQh4OjfzcARsMy a:hover { text-decoration: underline; } /** * @stylesheet components/TopMenu.scss TopMenu * @parent styleguide * * @description * Styling for the top menu. * * version * 3.0.0 * **/ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 { display: inline-block; list-style: none; padding: 0; margin: 0; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 a { text-decoration: none; color: #1A171B; } @media all and (min-width: 0px) { ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 a._2luYd7K7_N17-Rr0v5nv_L:hover { text-decoration: underline; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr { display: inline-block; padding-right: 2.4rem; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr._1yk6u9LnJKvg-HKxEcluTX > div { padding-bottom: 0.2rem; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr._1yk6u9LnJKvg-HKxEcluTX ul { width: 23rem; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr._1yk6u9LnJKvg-HKxEcluTX span._2gqia7ybY8h70LfnmIUck1 { font-weight: 500; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr._1yk6u9LnJKvg-HKxEcluTX span:first-child, ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr._1yk6u9LnJKvg-HKxEcluTX span:last-child { padding: 0 0.4rem; } ._6_SdxuP9xOz258LD0PQwO ._3FnUZ4UvIn7Mp1cE2A8hQ0 ._20dYaUi5d4CLq6uHuIKxOr._1yk6u9LnJKvg-HKxEcluTX span.kGOFopxsMy85PhXq97chw { color: #87888A; } ._6_SdxuP9xOz258LD0PQwO ._2YFT7cOpLK8I_7Aq0h5DrS { font-size: 1.6rem; padding-top: 1.6rem !important; } ._6_SdxuP9xOz258LD0PQwO ._2YFT7cOpLK8I_7Aq0h5DrS span:not(#F1Wsix3KI116xm0XhbwVP) { font-weight: bold; } ._6_SdxuP9xOz258LD0PQwO ._2YFT7cOpLK8I_7Aq0h5DrS p, ._6_SdxuP9xOz258LD0PQwO ._2YFT7cOpLK8I_7Aq0h5DrS #F1Wsix3KI116xm0XhbwVP { font-size: 1.3rem; margin-bottom: 0; } ._6_SdxuP9xOz258LD0PQwO ._2YFT7cOpLK8I_7Aq0h5DrS:before { content: ""; border-top: 0.1rem solid #E5E5E5; width: 80%; position: absolute; margin-top: -1rem; } /** * @stylesheet components/Icon.scss Icon * @parent styleguide * * @description * Styling for icons. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ @font-face { font-family: 'icomoon'; src: url("/static/fonts/icomoon.eot?xzycan"); src: url("/static/fonts/icomoon.eot?xzycan#iefix") format("embedded-opentype"), url("/static/fonts/icomoon.ttf?xzycan") format("truetype"), url("/static/fonts/icomoon.woff?xzycan") format("woff"), url("/static/fonts/icomoon.svg?xzycan#icomoon") format("svg"); font-weight: normal; font-style: normal; } ._1SIxyzX4ZhcH-5mDotww2B { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } ._1z6EUnPbfIHAOt1wJnjYCC:before { content: "\E900"; } ._2N7bY65VfLAx4GFLT29_wo:before { content: "\F0C9"; } ._21-xruDpuxa-Ik4se5DKMo:before { content: "\F0C9"; } ._1l1_1yOIf7LjOvDcr8QmTs:before { content: "\F0C9"; } .D93skBlbndPNNLt4FZdEj:before { content: "\F002"; } ._2pNYQosrK93ysXQ_ocZHkc:before { content: "\F00D"; } .fQQ3BC-UOLltUql1Y7yUq:before { content: "\F00D"; } ._2Df_2N6ORyiuRZIwkEyQVQ:before { content: "\F00D"; } ._1Eho9Lgno6LDaSfD1GhqQp:before { content: "\F02B"; } .fsfB7euIgOTNR3C_V3iYl:before { content: "\F04B"; } .hoi3sRjHrSwLqS6B7M7H8:before { content: "\F053"; } ._1GbuzDvZcWdisLKLp3jfPi:before { content: "\F054"; } ._2K8jCyTJjj1GJQDi6_fagi:before { content: "\F081"; } ._26dbJ1YsX4_XG39xqoaLKd:before { content: "\F082"; } .PXlPIDQhMxlFalQVtROGd:before { content: "\F087"; } ._2oaFSbRC22e_NlMjddtXiN:before { content: "\F0AC"; } ._3mMn6Ub8Yis2Xrxwdokadi:before { content: "\F0D4"; } .DzgCqgeab0KYSYAR8YNJJ:before { content: "\F0D7"; } ._2jTMA3iaiQ9y-U-XpC2wSI:before { content: "\F0D8"; } ._1hu-75srgS8BNx8kNZkEXw:before { content: "\F0E0"; } ._1AsqM3WYTdb45Icyt2ibvR:before { content: "\F0F6"; } ._26Irpj-jh1cw2nZk2-YEFB:before { content: "\F0F7"; } .QjNdkjx98hyzll5amG6Kl:before { content: "\F106"; } ._3YL2CLTjeDvHZPbBDJWVoP:before { content: "\F107"; } ._2GGwGhm7opeQ_lroBBUrJD:before { content: "\F110"; } ._3m6SZziT9olhk2ir5slRSF:before { content: "\F15C"; } ._1Mq3dvBWeWien-wnh9QiIt:before { content: "\F166"; } ._7V6tFzdSPkH8oybLw9dy3:before { content: "\F275"; } ._3gwGnNVOWT-SZiFckekqRs:before { content: "\EAA5"; } ._1HdQli4tWLsEC3mzCEkawq:before { content: "\E901"; } ._2Gu1PmO2No-PwWyP4_z27I:before { content: "\E902"; } ._2aaEwU5DoB1defYnHmRgYs:before { content: "\E903"; } .dpGlonUlGJzZK-F-42iSy:before { content: "\E904"; } ._1oEcQLdUTFLMjeH6uHgFgY:before { content: "\E905"; } /** * Colors */ .VXUVxaIke_8OYSpqsr87N { color: #008080; } ._36u88kynD3JB0Sy1jf1hOY { color: #DC001A; } ._1_-2w-JeHHEDLIqv2JEMnc { color: #33518C; } ._2Bktr36e0M__gjBV_tDb7h { color: #fff; } ._1M8O4JZpWS0J9awjWEiNp_ { color: #87888A; } ._16F_ga30860QbDYemESH71 { color: #a9aaac; } ._1c9Z0Ml-MEmw4S4W8XJK93 { color: #5D6266; } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ ._3qiNawo6Fu_C3vRH9UQ0Rs ._1wm0_4GWYOF5D2j99Odehy { padding-left: 0.8rem; } ._3qiNawo6Fu_C3vRH9UQ0Rs ._1jBfXUJ3ymbxLT5upXpGGB { color: #87888A; padding-right: 0.8rem; } ._3qiNawo6Fu_C3vRH9UQ0Rs ul { min-width: 25rem; max-height: 30rem; overflow: scroll; } ._3qiNawo6Fu_C3vRH9UQ0Rs ul :last-child { border-bottom: none; } ._3qiNawo6Fu_C3vRH9UQ0Rs ._1rbW2l-ADRZPZhVsCBa8H3 { position: relative; border-bottom: 0.1rem solid #E5E5E5; margin: 0 !important; } ._3qiNawo6Fu_C3vRH9UQ0Rs ._1rbW2l-ADRZPZhVsCBa8H3 ._2uZZ_ebqMQbiYJEqxzbU-U { display: inline-block; font-size: 1.4rem !important; line-height: 2rem; margin: 0.8rem 0; padding-right: 1.6rem; pointer-events: all; font-weight: 500; } ._3qiNawo6Fu_C3vRH9UQ0Rs ._1rbW2l-ADRZPZhVsCBa8H3 span { font-size: 1.4rem; position: absolute; top: 0.8rem; right: 1.6rem; z-index: 99; cursor: pointer; } /** * @stylesheet components/SearchField.scss SearchField * @parent styleguide * * @description * Styling for a search field. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Form * * @description * Contains common styling for form elements * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Input field * 2.0 - Search field * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * 1.0 Input field * ----------------------------------------------------------------------------- */ ._10XwJ9UD0_WRll2DsdkbJs input { -webkit-appearance: none; border: none; width: 100%; padding: 0.8rem 1.6rem; border-radius: 0.4rem; background-color: #fff; font-family: "Raleway", sans-serif; color: #1A171B; line-height: 1.5rem; } @media all and (min-width: 0px) { ._10XwJ9UD0_WRll2DsdkbJs input { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._10XwJ9UD0_WRll2DsdkbJs input { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._10XwJ9UD0_WRll2DsdkbJs input::placeholder { color: #87888A; } /** * 2.0 Search field * ----------------------------------------------------------------------------- */ ._10XwJ9UD0_WRll2DsdkbJs { position: relative; display: inline-block; width: 100%; } @media (max-width: 768px) { ._10XwJ9UD0_WRll2DsdkbJs input { font-size: 1.6rem; } } ._10XwJ9UD0_WRll2DsdkbJs ._1h7hTw5vbPKyaBqVSdvR7a { position: absolute; right: 1.6rem; top: 0.8rem; line-height: 2rem; background: none; border: none; padding: 0; cursor: pointer; outline: inherit; } @media all and (min-width: 0px) { ._10XwJ9UD0_WRll2DsdkbJs ._1h7hTw5vbPKyaBqVSdvR7a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._10XwJ9UD0_WRll2DsdkbJs ._1h7hTw5vbPKyaBqVSdvR7a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._10XwJ9UD0_WRll2DsdkbJs input { padding: 0.8rem 3.2rem 0.8rem 1.6rem; background-color: #E5E5E5; } /** * @stylesheet components/MainMenu.scss MainMenu * @parent styleguide * * @description * Styling for mainMenu. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ ._2rqOAKwoA5FKoxgR1CzFNY { display: block; border-bottom: 3px solid #e30613; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ { list-style: none; margin: 0; padding: 0; margin-left: 0.8rem; overflow: hidden; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD { font-weight: 500; margin-right: 0.8rem; margin-left: 1.5rem; position: relative; margin-bottom: 0; } @media all and (min-width: 0px) { ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD { font-size: 2rem; margin-top: 0; line-height: 3.3rem; margin-bottom: 0.3rem; } } @media all and (min-width: 768px) { ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD { font-size: 2rem; margin-top: 0; line-height: 3.3rem; margin-bottom: 0.4rem; } } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 a, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA a, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD a { text-decoration: none; color: #1A171B; font-size: 1.6rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 a:hover, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 a:active, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA a:hover, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA a:active, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD a:hover, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD a:active, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 a:hover, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 a:active, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA a:hover, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA a:active, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD a:hover, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD a:active { border-bottom: 0.2rem solid #008080; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 .ywG4UsEysYL3CRPkDibQX, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA .ywG4UsEysYL3CRPkDibQX, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD .ywG4UsEysYL3CRPkDibQX, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 .ywG4UsEysYL3CRPkDibQX, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA .ywG4UsEysYL3CRPkDibQX, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD .ywG4UsEysYL3CRPkDibQX, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._2jWvckbChBWJkLJz8Y5kt6 { font-size: 1.4rem; line-height: 2rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._2jWvckbChBWJkLJz8Y5kt6, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._2jWvckbChBWJkLJz8Y5kt6 { color: #DC001A; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N { list-style: none; padding: 0.4rem; margin-left: 0.8rem; width: 100%; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N :last-child, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N :last-child, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N :last-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N :last-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N :last-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N :last-child { margin-bottom: 0; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N :first-child, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N :first-child, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N :first-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N :first-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N :first-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N :first-child { margin-top: 0.4rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N li, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N li, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N li, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N li, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N li, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N li { line-height: 2rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N li a, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N li a, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N li a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N li a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N li a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N li a { font-size: 1.4rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N li._2vpPl1RmCs2x68J1SbL1PD a, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N li._2vpPl1RmCs2x68J1SbL1PD a, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N li._2vpPl1RmCs2x68J1SbL1PD a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ._3D-l-d5hkPwSuTrA96DU_N li._2vpPl1RmCs2x68J1SbL1PD a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ._3D-l-d5hkPwSuTrA96DU_N li._2vpPl1RmCs2x68J1SbL1PD a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ._3D-l-d5hkPwSuTrA96DU_N li._2vpPl1RmCs2x68J1SbL1PD a { color: #DC001A; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._1zNYkrEoTfTXOIDq4mTKL2 ul li, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA ul li, ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD ul li, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._1zNYkrEoTfTXOIDq4mTKL2 ul li, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA ul li, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD ul li { line-height: 2rem; margin-bottom: 0.8rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA:not(:first-child), ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA:not(:first-child) { border-top: 1px solid #E5E5E5; padding-top: 0.4rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2hgyFx-LTmPXSXHjXBY8fA:last-child, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2hgyFx-LTmPXSXHjXBY8fA:last-child { margin-bottom: 0.8rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry ._2jIuxz1jr8rl6E2ifdQtMD > a, ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ ._2jIuxz1jr8rl6E2ifdQtMD > a { color: #DC001A; } ._2rqOAKwoA5FKoxgR1CzFNY ._2dVCVwMkbyiVv2PNb5Z4ry { margin-left: 0.8rem; } ._2rqOAKwoA5FKoxgR1CzFNY ._1yX5pOt0bCcEjDv2P-FrDJ:not(:last-child) { padding-bottom: 0.4rem; } /** * @stylesheet components/Icon.scss Icon * @parent styleguide * * @description * Styling for icons. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._1BHfS7AdkOdPVTdL5LGY1Z h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._1BHfS7AdkOdPVTdL5LGY1Z h2 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { ._1BHfS7AdkOdPVTdL5LGY1Z h2 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } ._1BHfS7AdkOdPVTdL5LGY1Z { color: #fff; } ._1BHfS7AdkOdPVTdL5LGY1Z .IWJ9xYRRA_nu1mzYwxE4m { background-color: #1A171B; } ._1BHfS7AdkOdPVTdL5LGY1Z .IWJ9xYRRA_nu1mzYwxE4m._3QwGPSZJaznMR7Ngfrxb-W { background-color: #5D6266; } ._1BHfS7AdkOdPVTdL5LGY1Z ._3jzWqbm0Eg5aQoUqhaLyQI { position: absolute; height: 25rem; opacity: 0.05; left: 16rem; top: 4rem; } ._1BHfS7AdkOdPVTdL5LGY1Z ._34cUnl49_D0JeCZiWRUhrq { display: flex; position: relative; } ._1BHfS7AdkOdPVTdL5LGY1Z ._34cUnl49_D0JeCZiWRUhrq ._3D9y4hOTYM0Q1TZmF1cK2B { margin-top: 7rem; } @media (max-width: 767px) { ._1BHfS7AdkOdPVTdL5LGY1Z ._34cUnl49_D0JeCZiWRUhrq ._3D9y4hOTYM0Q1TZmF1cK2B { margin-top: 0.8rem; } } ._1BHfS7AdkOdPVTdL5LGY1Z ._3wXKTdXuR8jhlIYjfGK1fK { background-color: #5D6266; padding: 1.6rem 2.4rem; text-align: center; max-width: 1440px; margin: 0 auto; } ._1BHfS7AdkOdPVTdL5LGY1Z ._3wXKTdXuR8jhlIYjfGK1fK p { margin: 0 !important; } /** * Media queries * -------------------------------------------------------------------- */ ._1BHfS7AdkOdPVTdL5LGY1Z ._34cUnl49_D0JeCZiWRUhrq { padding: 0 1.6rem; } /** * @stylesheet components/RteContent.scss RteContent * @parent styleguide * * @description * Styling for RteContent. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .rteContent h1, .cke_editable h1, .rteContent h2, .cke_editable h2, .rteContent h3, .cke_editable h3, .rteContent h4, .rteContent h5, .rteContent h6, .cke_editable h4, .cke_editable h5, .cke_editable h6 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .rteContent h1, .cke_editable h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent h1, .cke_editable h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { .rteContent h2, .cke_editable h2 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent h2, .cke_editable h2 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent h3, .cke_editable h3 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent h3, .cke_editable h3 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent h4, .rteContent h5, .rteContent h6, .cke_editable h4, .cke_editable h5, .cke_editable h6 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent h4, .rteContent h5, .rteContent h6, .cke_editable h4, .cke_editable h5, .cke_editable h6 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent p, .cke_editable p, .rteContent ul, .rteContent ol, .cke_editable ul, .cke_editable ol, .rteContent table tr td, .cke_editable table tr td { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent p, .cke_editable p, .rteContent ul, .rteContent ol, .cke_editable ul, .cke_editable ol, .rteContent table tr td, .cke_editable table tr td { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 0px) { .rteContent cite, .cke_editable cite, .rteContent.small p, .cke_editable.small p, .rteContent.small ul li, .cke_editable.small ul li { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .rteContent cite, .cke_editable cite, .rteContent.small p, .cke_editable.small p, .rteContent.small ul li, .cke_editable.small ul li { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ @font-face { font-family: 'icomoon'; src: url("/static/fonts/icomoon.eot?xzycan"); src: url("/static/fonts/icomoon.eot?xzycan#iefix") format("embedded-opentype"), url("/static/fonts/icomoon.ttf?xzycan") format("truetype"), url("/static/fonts/icomoon.woff?xzycan") format("woff"), url("/static/fonts/icomoon.svg?xzycan#icomoon") format("svg"); font-weight: normal; font-style: normal; } .rteContent, .cke_editable { margin-bottom: 0.8rem; } .rteContent a, .cke_editable a { color: #33518C; text-decoration: none; } .rteContent a:hover, .cke_editable a:hover { text-decoration: underline; } .rteContent blockquote, .cke_editable blockquote { color: #008080; margin: 3.2rem; border-left: 4px solid #E5E5E5; padding-left: 2.4rem; } .rteContent blockquote p, .cke_editable blockquote p { font-style: italic; font-weight: 500; } @media all and (min-width: 0px) { .rteContent blockquote p, .cke_editable blockquote p { font-size: 2.4rem; margin-top: 0; line-height: 3.4rem; margin-bottom: 2.8rem; } } @media all and (min-width: 768px) { .rteContent blockquote p, .cke_editable blockquote p { font-size: 2.4rem; margin-top: 0; line-height: 3.4rem; margin-bottom: 3.1rem; } } .rteContent cite, .cke_editable cite { color: #87888A; margin-left: 7.2rem; } .rteContent ul li, .rteContent ol li, .cke_editable ul li, .cke_editable ol li { padding: 0.4rem 0; margin: 0; line-height: 2.5rem; } .rteContent table, .cke_editable table { border: none; border-spacing: 0; margin: 2.4rem 0; border-top: 1px solid #E5E5E5; } .rteContent table tr:nth-child(even), .cke_editable table tr:nth-child(even) { background-color: #F9F9F9; } .rteContent table tr td, .cke_editable table tr td { border: none; padding: 0.8rem; border-bottom: 1px solid #E5E5E5; } .rteContent table tr td p, .cke_editable table tr td p { margin-bottom: 0; } .rteContent table tr th, .cke_editable table tr th { border: none; padding: 0.8rem; text-align: left; border-bottom: 1px solid #E5E5E5; } .rteContent img, .cke_editable img { width: 100%; height: auto; } .rteContent.small, .cke_editable.small { margin-bottom: 0; } .rteContent.small ul li, .cke_editable.small ul li { margin: 0; } .rteContent.white p, .rteContent.white a, .rteContent.white h1, .rteContent.white h2, .rteContent.white h3, .rteContent.white h4, .rteContent.white h5, .rteContent.white h6, .cke_editable.white p, .cke_editable.white a, .cke_editable.white h1, .cke_editable.white h2, .cke_editable.white h3, .cke_editable.white h4, .cke_editable.white h5, .cke_editable.white h6 { color: #fff; } .rteContent.white a, .cke_editable.white a { text-decoration: underline; } .rteContent.white a:hover, .cke_editable.white a:hover { text-decoration: none; } .rteContent span, .cke_editable span { color: inherit !important; } /** * @stylesheet components/RteTemplate.scss RteTemplate * @parent styleguide * * @description * Styling for RteTemplate. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .rteContent .imageArticle.imageFull .imageContent .imageTitle h1, .cke_editable .imageArticle.imageFull .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p, .rteContent .imageArticle.imageMedium .imageTitle h1, .cke_editable .imageArticle.imageMedium .imageTitle h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .rteContent .imageArticle.imageFull .imageContent .imageTitle h1, .cke_editable .imageArticle.imageFull .imageContent .imageTitle h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .imageArticle.imageFull .imageContent .imageTitle h1, .cke_editable .imageArticle.imageFull .imageContent .imageTitle h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p, .rteContent .imageArticle.imageMedium .imageTitle h1, .cke_editable .imageArticle.imageMedium .imageTitle h1 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p, .rteContent .imageArticle.imageMedium .imageTitle h1, .cke_editable .imageArticle.imageMedium .imageTitle h1 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .imageArticle .imageContent .imageCaption p, .cke_editable .imageArticle .imageContent .imageCaption p { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .rteContent .imageArticle .imageContent .imageCaption p, .cke_editable .imageArticle .imageContent .imageCaption p { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Buttons * * @description * Contains style for a button * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Buttons * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .rteContent .imageArticle.imageFull .imageContent .imageTitle h1, .cke_editable .imageArticle.imageFull .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p, .rteContent .imageArticle.imageMedium .imageTitle h1, .cke_editable .imageArticle.imageMedium .imageTitle h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .rteContent .imageArticle.imageFull .imageContent .imageTitle h1, .cke_editable .imageArticle.imageFull .imageContent .imageTitle h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .imageArticle.imageFull .imageContent .imageTitle h1, .cke_editable .imageArticle.imageFull .imageContent .imageTitle h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p, .rteContent .imageArticle.imageMedium .imageTitle h1, .cke_editable .imageArticle.imageMedium .imageTitle h1 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p, .rteContent .imageArticle.imageMedium .imageTitle h1, .cke_editable .imageArticle.imageMedium .imageTitle h1 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .imageArticle .imageContent .imageCaption p, .cke_editable .imageArticle .imageContent .imageCaption p { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .rteContent .imageArticle .imageContent .imageCaption p, .cke_editable .imageArticle .imageContent .imageCaption p { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 - Buttons * * Description: Style for buttons * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Table of Contents: * * 1.0 - Styles * - 1.1 - Raised capital letter * - 1.2 - Turquoise color * - 1.3 - Regular and large blockquote (also template) * - 1.4 - Ul-list with arrow icons * - 1.5 - Unstyled list * - 1.6 - Social media icons * 2.0 - Turquoise box * 3.0 - Images in article - Article-width/Full-width * - 3.1 - General styling * - 3.2 - Article-width * - 3.3 - Full-width * - 3.4 - Full color overlay * ----------------------------------------------------------------------------- */ .rteContent, .cke_editable { /** * 1.0 Styles * ----------------------------------------------------------------------------- */ /** * 1.1 Raised capital letter * ----------------------------------------------------------------------------- */ /** * 1.2 Turquoise color * ----------------------------------------------------------------------------- */ /** * 1.3 Regular and large blockquote (also template) * ----------------------------------------------------------------------------- */ /** * 1.4 Ul-list with icon arrows * ----------------------------------------------------------------------------- */ /** * 1.5 Unstyled list * ----------------------------------------------------------------------------- */ /** * 1.6 Social media icons * ----------------------------------------------------------------------------- */ /** * 2.0 Turquoise box * ----------------------------------------------------------------------------- */ /** * 3.0 Images in article - Article-width/Full-width * ----------------------------------------------------------------------------- */ /** * 3.1 General styling * ----------------------------------------------------------------------------- */ } .rteContent .raised, .cke_editable .raised { color: #008080; font-weight: 500; } @media all and (min-width: 0px) { .rteContent .raised, .cke_editable .raised { font-size: 4rem; margin-top: 0; line-height: 4rem; margin-bottom: 0.3rem; } } @media all and (min-width: 768px) { .rteContent .raised, .cke_editable .raised { font-size: 4rem; margin-top: 0; line-height: 4rem; margin-bottom: 0.4rem; } } .rteContent .turquoise, .cke_editable .turquoise { color: #008080; } .rteContent .regularQuote, .rteContent .largeQuote, .cke_editable .regularQuote, .cke_editable .largeQuote { margin-bottom: 3.2rem; margin-left: 3.2rem; } .rteContent .regularQuote blockquote, .rteContent .largeQuote blockquote, .cke_editable .regularQuote blockquote, .cke_editable .largeQuote blockquote { margin: 3.2rem 3.2rem 0.8rem 0; } .rteContent .regularQuote blockquote p, .rteContent .largeQuote blockquote p, .cke_editable .regularQuote blockquote p, .cke_editable .largeQuote blockquote p { margin-bottom: 0.8rem !important; } @media (max-width: 768px) { .rteContent .regularQuote cite, .rteContent .largeQuote cite, .cke_editable .regularQuote cite, .cke_editable .largeQuote cite { margin-left: 0 !important; } } .rteContent .largeQuote, .cke_editable .largeQuote { margin: 6.4rem 3.2rem 6.4rem -24%; } @media (max-width: 767px) { .rteContent .largeQuote, .cke_editable .largeQuote { margin: 3.2rem 3.2rem; } .rteContent .largeQuote blockquote p, .cke_editable .largeQuote blockquote p { font-size: 2.5rem !important; line-height: 3.5rem !important; } } @media all and (min-width: 0px) { .rteContent .largeQuote blockquote p, .cke_editable .largeQuote blockquote p { font-size: 4rem; margin-top: 0; line-height: 4.5rem; margin-bottom: 2.8rem; } } @media all and (min-width: 768px) { .rteContent .largeQuote blockquote p, .cke_editable .largeQuote blockquote p { font-size: 5.6rem; margin-top: 0; line-height: 6.4rem; margin-bottom: 3.1rem; } } .rteContent .largeQuote cite, .cke_editable .largeQuote cite { margin-left: 8rem; } .rteContent ul.arrowList, .cke_editable ul.arrowList { list-style: none; padding: 0; } .rteContent ul.arrowList li:before, .cke_editable ul.arrowList li:before { content: "\F054"; font-family: 'icomoon' !important; padding-right: 1.6rem; opacity: 0.2; vertical-align: middle; } .rteContent ul.unstyledList, .cke_editable ul.unstyledList { list-style: none; padding: 0; } .rteContent .link, .cke_editable .link { margin: 1rem 0; } .rteContent .link:before, .cke_editable .link:before { font-family: 'icomoon' !important; padding-right: 1.6rem; opacity: 0.2; font-size: 2.8rem; vertical-align: middle; } .rteContent .link--facebook:before, .cke_editable .link--facebook:before { content: "\F082"; } .rteContent .link--twitter:before, .cke_editable .link--twitter:before { content: "\F081"; } .rteContent .link--youtube:before, .cke_editable .link--youtube:before { content: "\F166"; } .rteContent .link--google:before, .cke_editable .link--google:before { content: "\F0D4"; } .rteContent .link--instagram:before, .cke_editable .link--instagram:before { content: "\E900"; } .rteContent .link--mail:before, .cke_editable .link--mail:before { content: "\F0E0"; font-size: 2.4rem; } .rteContent .boxTurquoise, .cke_editable .boxTurquoise { background-color: rgba(0, 128, 128, 0.05); padding: 2.4rem; margin: 3.2rem; margin-left: -2.4rem; margin-right: -2.4rem; } .rteContent .boxTurquoise h1, .rteContent .boxTurquoise h2, .rteContent .boxTurquoise h3, .rteContent .boxTurquoise h4, .rteContent .boxTurquoise h5, .rteContent .boxTurquoise h6, .cke_editable .boxTurquoise h1, .cke_editable .boxTurquoise h2, .cke_editable .boxTurquoise h3, .cke_editable .boxTurquoise h4, .cke_editable .boxTurquoise h5, .cke_editable .boxTurquoise h6 { color: #008080; } .rteContent .boxTurquoise :last-child, .cke_editable .boxTurquoise :last-child { margin-bottom: 0; padding-bottom: 0; } .rteContent .boxTurquoiseImage .imageArticle, .cke_editable .boxTurquoiseImage .imageArticle { margin-bottom: -0.5rem !important; } .rteContent .boxTurquoiseImage .boxTurquoise, .cke_editable .boxTurquoiseImage .boxTurquoise { margin: 0 0 3.2rem 0; } .rteContent .imageArticle, .cke_editable .imageArticle { max-height: 72rem; position: relative; overflow: hidden; /** * 3.2 Article-width * ----------------------------------------------------------------------------- */ /** * 3.3 Full-width * ----------------------------------------------------------------------------- */ /** * 3.4 Full color overlay * ----------------------------------------------------------------------------- */ } .rteContent .imageArticle img, .cke_editable .imageArticle img { max-height: 72rem; width: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; } .rteContent .imageArticle .imageContent, .cke_editable .imageArticle .imageContent { position: absolute; bottom: 0.4rem; left: 0; right: 0; display: flex; flex-direction: column; } .rteContent .imageArticle .imageContent .imageTitle, .cke_editable .imageArticle .imageContent .imageTitle { background-color: rgba(26, 23, 27, 0.65); padding: 1.6rem; text-align: center; flex-grow: 1; } .rteContent .imageArticle .imageContent .imageTitle h1, .rteContent .imageArticle .imageContent .imageTitle p, .cke_editable .imageArticle .imageContent .imageTitle h1, .cke_editable .imageArticle .imageContent .imageTitle p { color: #fff; margin-bottom: 0; padding: 0 2.4rem; pointer-events: all; } .rteContent .imageArticle .imageContent .imageTitle a, .cke_editable .imageArticle .imageContent .imageTitle a { color: #fff; } .rteContent .imageArticle .imageContent .imageCaption, .cke_editable .imageArticle .imageContent .imageCaption { background-color: rgba(26, 23, 27, 0.8); min-height: 4rem; width: 100%; text-align: right; padding: 0.8rem 1.6rem; } .rteContent .imageArticle .imageContent .imageCaption p, .cke_editable .imageArticle .imageContent .imageCaption p { color: #fff; font-style: italic; margin: 0; pointer-events: all; } @media (max-width: 1024px) { .rteContent .imageArticle .imageTitle, .cke_editable .imageArticle .imageTitle { padding: 2.4rem !important; } } @media (max-width: 767px) { .rteContent .imageArticle .imageTitle, .cke_editable .imageArticle .imageTitle { position: static !important; margin-top: -1rem; } .rteContent .imageArticle .imageTitle h1, .cke_editable .imageArticle .imageTitle h1 { padding: 0 !important; font-size: 2.5rem !important; } .rteContent .imageArticle .imageCaption, .cke_editable .imageArticle .imageCaption { position: static !important; } } .rteContent .imageArticle.imageMedium, .cke_editable .imageArticle.imageMedium { margin: 2.4rem 0; max-height: none; } .rteContent .imageArticle.imageMedium img, .cke_editable .imageArticle.imageMedium img { max-height: none; } .rteContent .imageArticle.imageFull, .cke_editable .imageArticle.imageFull { margin: 4rem -58% 4rem -58%; } .rteContent .imageArticle.imageFull .imageContent, .cke_editable .imageArticle.imageFull .imageContent { bottom: 0; } @media (max-width: 767px) { .rteContent .imageArticle.imageFull, .cke_editable .imageArticle.imageFull { margin: 4rem -5%; } } @media (max-width: 1280px) { .rteContent .imageArticle.imageFull .imageContent, .cke_editable .imageArticle.imageFull .imageContent { bottom: 0.4rem; } } @media print { .rteContent .imageArticle.imageFull, .cke_editable .imageArticle.imageFull { margin: 0; max-width: 100%; page-break-inside: avoid; } .rteContent .imageArticle.imageFull img, .cke_editable .imageArticle.imageFull img { width: auto; max-height: 250px; object-fit: cover; } .rteContent .imageArticle.imageFull figcaption.imageContent, .cke_editable .imageArticle.imageFull figcaption.imageContent { position: relative; margin: 0; margin-top: -10rem; } } .rteContent .imageArticle.imageOverlay .imageContent, .cke_editable .imageArticle.imageOverlay .imageContent { top: 0; pointer-events: none; justify-content: flex-end; } .rteContent .imageArticle.imageOverlay .imageContent .imageTitle, .cke_editable .imageArticle.imageOverlay .imageContent .imageTitle { display: flex; align-items: center; justify-content: center; flex-direction: column; } .rteContent .imageArticle.colorOverlay .imageContent, .cke_editable .imageArticle.colorOverlay .imageContent { bottom: 0.4rem; } .rteContent .imageArticle.colorOverlay .imageTitle, .cke_editable .imageArticle.colorOverlay .imageTitle { background-color: rgba(0, 128, 128, 0.65); } .rteContent .imageArticle.colorOverlay .imageCaption, .cke_editable .imageArticle.colorOverlay .imageCaption { background-color: rgba(0, 128, 128, 0.8); } /** * @stylesheet components/Fieldset.scss Fieldset * @parent styleguide * * @description * Styling for fieldset. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .zFtN5SNFY1uuP5qcywP3A legend a { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .zFtN5SNFY1uuP5qcywP3A legend a { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .zFtN5SNFY1uuP5qcywP3A legend a { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } .zFtN5SNFY1uuP5qcywP3A { background-color: #F9F9F9; border: none; margin-top: -4.2rem; margin-bottom: 3.2rem; } .zFtN5SNFY1uuP5qcywP3A legend { display: block; position: relative; top: 3.5rem; width: 100%; cursor: pointer; margin-bottom: 1rem; } .zFtN5SNFY1uuP5qcywP3A legend a { color: #87888A; text-transform: capitalize; text-decoration: none; display: inline-block; width: 100%; margin-bottom: 1.5rem; } .zFtN5SNFY1uuP5qcywP3A legend span { float: right; } .zFtN5SNFY1uuP5qcywP3A ._2osxxJyOYi0dq_iW14JEyM { display: block; margin-top: 2rem; } .zFtN5SNFY1uuP5qcywP3A ._2osxxJyOYi0dq_iW14JEyM p { margin: 0; } @media all and (min-width: 0px) { .zFtN5SNFY1uuP5qcywP3A ._2osxxJyOYi0dq_iW14JEyM p { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .zFtN5SNFY1uuP5qcywP3A ._2osxxJyOYi0dq_iW14JEyM p { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .zFtN5SNFY1uuP5qcywP3A ._3e-vUJWrxF1oFDQBkglUT9 { display: none; } .zFtN5SNFY1uuP5qcywP3A ._15FID8nDipjBdYaWbJSisF { color: #008080; display: block; margin-top: 0.4rem !important; margin-bottom: 0.4rem !important; } @media all and (min-width: 0px) { .zFtN5SNFY1uuP5qcywP3A ._15FID8nDipjBdYaWbJSisF { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .zFtN5SNFY1uuP5qcywP3A ._15FID8nDipjBdYaWbJSisF { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .zFtN5SNFY1uuP5qcywP3A label { margin: 0 !important; display: flex; align-items: baseline; } @media all and (min-width: 0px) { .zFtN5SNFY1uuP5qcywP3A label { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .zFtN5SNFY1uuP5qcywP3A label { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .zFtN5SNFY1uuP5qcywP3A label input { margin-right: 0.7rem; } .zFtN5SNFY1uuP5qcywP3A label input[type="radio"] { margin-bottom: 1.4rem; } .zFtN5SNFY1uuP5qcywP3A label span:first-of-type { flex-grow: 1; } .zFtN5SNFY1uuP5qcywP3A label .labelExtra { color: #87888A; margin: 0; } @media all and (min-width: 0px) { .zFtN5SNFY1uuP5qcywP3A label .labelExtra { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .zFtN5SNFY1uuP5qcywP3A label .labelExtra { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * Pages * * @description * Contains page styles * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Global styles * 2.0 - Search page * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby- { color: #008080; text-decoration: underline; font-weight: 500; } ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby-:hover { color: shade(#33518C, 10%); text-decoration: none; } ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby-:active { color: #1A171B; color: shade(#33518C, 20%); text-decoration: none; } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Buttons * * @description * Contains style for a button * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Buttons * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby- { color: #008080; text-decoration: underline; font-weight: 500; } ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby-:hover { color: shade(#33518C, 10%); text-decoration: none; } ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby-:active { color: #1A171B; color: shade(#33518C, 20%); text-decoration: none; } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 - Buttons * * Description: Style for buttons * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Global styles * ----------------------------------------------------------------------------- */ ._2PNCsecDhhlGl_VM5v9Cc2 { display: none; } ._1Q8O7UjxLkd1QUT22YV52R { border-top: 0.1rem solid #E5E5E5; margin-top: 0.8rem; } @media all and (min-width: 0px) { ._1Q8O7UjxLkd1QUT22YV52R { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._1Q8O7UjxLkd1QUT22YV52R { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } ._1Q8O7UjxLkd1QUT22YV52R a { color: #33518C; text-decoration: none; } ._1Q8O7UjxLkd1QUT22YV52R a:hover { text-decoration: underline; } ._3cLlGY5jaJh4oiDANfiJlD { text-align: right; } @media all and (min-width: 0px) { ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby- { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._3cLlGY5jaJh4oiDANfiJlD ._3N6yQTdzjmMEchEwV0Bby- { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media (max-width: 768px) { ._3G1TMgvo5490K9nncQTizf { margin: 4.8rem 0 -3rem; order: -1; } } /** * 2.0 Search page * ----------------------------------------------------------------------------- */ ._31PvLxsCKpfsV5uGh4w4xh { display: flex; justify-content: space-between; } ._31PvLxsCKpfsV5uGh4w4xh p { color: #87888A; margin-bottom: 0; } @media all and (min-width: 0px) { ._31PvLxsCKpfsV5uGh4w4xh p { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._31PvLxsCKpfsV5uGh4w4xh p { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > div { padding-bottom: 0.8rem; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > p { color: #87888A; display: inline-block; margin: 0 !important; } @media all and (min-width: 0px) { ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > p { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > p { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > div > a span:not(.oV-ZNheP4Ol5noxraBrZL) { text-decoration: none; margin-left: 0.4rem; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > div > a:hover .oV-ZNheP4Ol5noxraBrZL { text-decoration: underline; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD > div > a:hover span:not(.oV-ZNheP4Ol5noxraBrZL) { text-decoration: none; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD .oV-ZNheP4Ol5noxraBrZL { width: 8.2rem !important; font-weight: 500; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD ul { top: 0.8rem; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD li { margin: 0.2rem 0 !important; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD a:hover { text-decoration: none !important; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD span { color: #008080; text-decoration: underline; text-transform: lowercase; } @media all and (min-width: 0px) { ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD span { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD span { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD span:hover { text-decoration: none; } ._31PvLxsCKpfsV5uGh4w4xh ._1ULanbQbeCxAw_TioqE8wD span._3325msF0HhldGcD--8C-9D { color: #1A171B; text-decoration: none !important; pointer-events: none; } .krn9FnNYgPehwDQtfPicS { display: flex; justify-content: center; } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK { margin-top: 0.8rem; } @media all and (min-width: 0px) { .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK p { color: #87888A; display: inline-block; margin: 0; } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK ul { list-style: none; display: inline-block; margin: 0; padding: 0 0 0 0.8rem; } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK ul li { display: inline-block; padding-right: 0.8rem; } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK ul li a { color: #008080; } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK ul li:before { content: '|'; padding-right: 0.8rem; } .krn9FnNYgPehwDQtfPicS .glR9LDYJL0CYULS1MI9ZK ul li:first-of-type:before { content: ''; padding-right: 0; } /** * @stylesheet components/RteWidgets.scss RteWidgets * @parent styleguide * * @description * Styling for RteWidgets. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1, .rteContent .blockHeader h2, .cke_editable .blockHeader h2, .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .promoExtended .content .container .overlay p, .cke_editable .promoExtended .content .container .overlay p, .rteContent .signup .content, .cke_editable .signup .content, .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .promoExtended .content .container .overlay p, .cke_editable .promoExtended .content .container .overlay p, .rteContent .signup .content, .cke_editable .signup .content, .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Buttons * * @description * Contains style for a button * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Buttons * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1, .rteContent .blockHeader h2, .cke_editable .blockHeader h2, .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .promoExtended .content .container .overlay p, .cke_editable .promoExtended .content .container .overlay p, .rteContent .signup .content, .cke_editable .signup .content, .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .promoExtended .content .container .overlay p, .cke_editable .promoExtended .content .container .overlay p, .rteContent .signup .content, .cke_editable .signup .content, .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 - Buttons * * Description: Style for buttons * ----------------------------------------------------------------------------- */ .rteContent .promoExtended .content .container .overlay .promo-button a, .cke_editable .promoExtended .content .container .overlay .promo-button a, .rteContent .signup .form a, .cke_editable .signup .form a { border: 0; display: inline-block; padding: 1.6rem 2.1rem; background-color: #008080; color: #fff; font-weight: 500; transition: background-color 0.4s ease-out; text-decoration: none; border-radius: 1rem; font-size: 1.6rem; } .rteContent .promoExtended .content .container .overlay .promo-button a:hover, .cke_editable .promoExtended .content .container .overlay .promo-button a:hover, .rteContent .signup .form a:hover, .cke_editable .signup .form a:hover { text-decoration: none; cursor: pointer; background-color: #006767; } .rteContent .promoExtended .content .container .overlay .promo-button a:active, .cke_editable .promoExtended .content .container .overlay .promo-button a:active, .rteContent .signup .form a:active, .cke_editable .signup .form a:active { border-color: rgba(82, 168, 236, 0.8); outline: 0; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075), 0 0 0.8rem rgba(82, 168, 236, 0.6); } /** * Form * * @description * Contains common styling for form elements * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Input field * 2.0 - Search field * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1, .rteContent .blockHeader h2, .cke_editable .blockHeader h2, .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .blockHeader h1, .cke_editable .blockHeader h1, .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1, .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .rteContent .promoExtended .content .container .overlay p, .cke_editable .promoExtended .content .container .overlay p, .rteContent .signup .content, .cke_editable .signup .content, .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .rteContent .promoExtended .content .container .overlay p, .cke_editable .promoExtended .content .container .overlay p, .rteContent .signup .content, .cke_editable .signup .content, .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * 1.0 Input field * ----------------------------------------------------------------------------- */ /** * 2.0 Search field * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Table of Contents: * * 1.0 - Layout + BlockHeader * 2.0 - Latest Articles * 3.0 - Events * 4.0 - Promo Extended * 5.0 - Sign up * 6.0 - Image block * 7.0 - List block * 8.0 - Article Highlights * ----------------------------------------------------------------------------- */ .rteContent, .cke_editable { /** * 1.0 Layout + BlockHeader * ----------------------------------------------------------------------------- */ /** * 2.0 Latest Articles * ----------------------------------------------------------------------------- */ /** * 3.0 Events * ----------------------------------------------------------------------------- */ /** * 4.0 Promo Extended * ----------------------------------------------------------------------------- */ /** * 5.0 Sign Up * ----------------------------------------------------------------------------- */ /** * 6.0 Image block * ----------------------------------------------------------------------------- */ /** * 7.0 List block * ----------------------------------------------------------------------------- */ /** * 8.0 Article Highlights * ----------------------------------------------------------------------------- */ } .rteContent .layout, .cke_editable .layout { overflow: hidden; display: block; } .rteContent .layout.layoutWhite, .cke_editable .layout.layoutWhite { background-color: #fff; } .rteContent .layout.layoutTurquoise, .cke_editable .layout.layoutTurquoise { background-color: #E5E5E5; } .rteContent .layout .layoutContent, .cke_editable .layout .layoutContent { margin: 8rem auto; max-width: 1440px; } @media (max-width: 1024px) { .rteContent .layout .layoutContent, .cke_editable .layout .layoutContent { margin: 8rem 3.2rem; } } @media (max-width: 767px) { .rteContent .layout .layoutContent, .cke_editable .layout .layoutContent { margin: 3.2rem 2.4rem; } } .rteContent .blockHeader h1, .cke_editable .blockHeader h1 { margin-bottom: 0.8rem; } .rteContent .blockHeader h2, .cke_editable .blockHeader h2 { color: #008080; margin-bottom: 0; } @media all and (min-width: 0px) { .rteContent .latestArticles .articles-subtitle, .cke_editable .latestArticles .articles-subtitle { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .rteContent .latestArticles .articles-subtitle, .cke_editable .latestArticles .articles-subtitle { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } .rteContent .latestArticles .articles, .cke_editable .latestArticles .articles { margin: 2.4rem 0; display: flex; flex-wrap: wrap; } .rteContent .latestArticles .blockArticle, .cke_editable .latestArticles .blockArticle { padding-right: 1.6rem; margin-bottom: 2.4rem; width: 25%; } .rteContent .latestArticles .blockArticle img, .cke_editable .latestArticles .blockArticle img { width: 100%; } .rteContent .events .eventsContainer, .cke_editable .events .eventsContainer { margin-top: 4rem; display: flex; flex-wrap: wrap; } .rteContent .events .eventsContainer .event, .cke_editable .events .eventsContainer .event { width: 30%; background-color: #fff; border-radius: 1rem; padding: 1.6rem; margin: 0.8rem; text-align: center; } .rteContent .events .eventsContainer .event img, .cke_editable .events .eventsContainer .event img { width: 100%; } .rteContent .promoExtended, .cke_editable .promoExtended { position: relative; max-height: 80rem; } .rteContent .promoExtended .image img, .cke_editable .promoExtended .image img { width: 100% !important; max-height: 80rem; object-fit: cover; font-family: 'object-fit: cover;'; } @media print { .rteContent .promoExtended .image img, .cke_editable .promoExtended .image img { display: none; } } .rteContent .promoExtended .content, .cke_editable .promoExtended .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; pointer-events: none; } .rteContent .promoExtended .content .container, .cke_editable .promoExtended .content .container { width: 1440px; margin: 0 auto; position: relative; } .rteContent .promoExtended .content .container .overlay, .cke_editable .promoExtended .content .container .overlay { width: 55%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; background-color: rgba(26, 23, 27, 0.65); color: #fff; padding: 3.2rem 2.4rem; pointer-events: all; } .rteContent .promoExtended .content .container .overlay h1, .cke_editable .promoExtended .content .container .overlay h1 { margin-bottom: 1.5rem; } .rteContent .signup, .cke_editable .signup { display: flex; } .rteContent .signup .column, .cke_editable .signup .column { width: 50%; } .rteContent .signup .form, .cke_editable .signup .form { display: flex; align-content: normal; align-items: flex-end; } .rteContent .signup .form a, .cke_editable .signup .form a { padding: 0.8rem 2.1rem; } @media all and (min-width: 0px) { .rteContent .signup .form a, .cke_editable .signup .form a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .rteContent .signup .form a, .cke_editable .signup .form a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media (max-width: 767px) { .rteContent .signup .form a, .cke_editable .signup .form a { width: 100%; text-align: center; } } .rteContent .signup .image img, .cke_editable .signup .image img { max-width: 100%; } @media (max-width: 767px) { .rteContent .signup .image, .cke_editable .signup .image { display: none; } } .rteContent .imageBlock .image img, .cke_editable .imageBlock .image img { width: 100% !important; max-height: 80rem; object-fit: cover; font-family: 'object-fit: cover;'; } @media print { .rteContent .imageBlock .image img, .cke_editable .imageBlock .image img { display: none; } } .rteContent .listBlock, .cke_editable .listBlock { margin-bottom: 2.4rem; } .rteContent .listBlock a, .cke_editable .listBlock a { text-decoration: none; color: #1A171B; } .rteContent .listBlock a:hover, .cke_editable .listBlock a:hover { text-decoration: underline; } .rteContent .listBlock .image, .cke_editable .listBlock .image { margin-bottom: 0.8rem; } .rteContent .listBlock .image img, .cke_editable .listBlock .image img { width: 100%; height: 18.6rem; object-fit: cover; font-family: 'object-fit: cover;'; transition: transform 0.4s ease-out; } .rteContent .listBlock .content h2, .cke_editable .listBlock .content h2 { color: #1A171B; margin-bottom: 0.8rem; } .rteContent .listBlock .content .description, .cke_editable .listBlock .content .description { color: #1A171B; margin-bottom: 0; } @media (max-width: 1024px) { .rteContent .listBlock, .cke_editable .listBlock { margin-bottom: 2.4rem; } .rteContent .listBlock .image img, .cke_editable .listBlock .image img { height: 20rem; } } @media (max-width: 767px) { .rteContent .listBlock .image img, .cke_editable .listBlock .image img { height: 28rem; } } .rteContent .articleHighlights, .cke_editable .articleHighlights { background-color: #fff; } .rteContent .headerHighlights, .cke_editable .headerHighlights { max-height: 72rem; position: relative; overflow: hidden; } .rteContent .headerHighlights img, .cke_editable .headerHighlights img { max-height: 72rem; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } .rteContent .headerHighlights .contentOverlay, .cke_editable .headerHighlights .contentOverlay { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; } .rteContent .headerHighlights .contentOverlay.static, .cke_editable .headerHighlights .contentOverlay.static { position: static; margin-top: 4rem; } .rteContent .headerHighlights .titleOverlay, .cke_editable .headerHighlights .titleOverlay { background-color: rgba(26, 23, 27, 0.65); padding: 2.4rem 0.8rem; } .rteContent .headerHighlights .titleOverlay h1, .cke_editable .headerHighlights .titleOverlay h1 { color: #fff; margin-bottom: 0; padding: 0 2.4rem; } .rteContent .articlesContainer, .cke_editable .articlesContainer { padding: 2.4rem 0.8rem 2.4rem 2.4rem; } .rteContent .articlesContainer .blockArticle, .cke_editable .articlesContainer .blockArticle { display: inline-block; padding-right: 1.6rem; width: 25%; } .rteContent .articlesContainer .blockArticle img, .cke_editable .articlesContainer .blockArticle img { width: 100%; } .rteContent .listBlock { width: 50%; display: inline-block; vertical-align: top; } .rteContent .listBlock :nth-of-type(odd) { padding-right: 0.8rem; } .rteContent .listBlock :nth-of-type(even) { padding-left: 0.8rem; } @media (max-width: 767px) { .rteContent .listBlock { width: 100%; } } /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ .nxt1Iuh03zXFDwOJBTUCP, ._wvH5DvcC90O8J07AifY6 { margin-right: auto; margin-left: auto; width: 100%; } ._wvH5DvcC90O8J07AifY6 { padding-right: 2rem; padding-left: 2rem; } ._1fn8IAWGbvyZiTocDgIvtV { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: -1.2rem; margin-left: -1.2rem; } ._1fn8IAWGbvyZiTocDgIvtV._3TIGh7mrfIvwZQabLrqVCl { flex-direction: row-reverse; } .fp_bGkRkIDr-vcxlhVZ1D._3TIGh7mrfIvwZQabLrqVCl { flex-direction: column-reverse; } ._179yKoBY4eGcb_m-EHo2yC, ._209O_RCLRXhsGkKc7hiA3b, ._2Dqw3b7n3JKQZj5MDZq-Ac, ._1zdK8Tm4EEFUxVwbanR_AZ, .lsgHK_y5xTy6Dwj3AnaZ4, .qFraEj0WvXiCAkLzPEYVj, ._2e3Y0SGcd9EzMYaKoYaKr0, ._2NQqNdala6Aoi9MaD3QvMA, .LFXFUnXDj1RszYA8mpzaG, ._3qRZZuH6g9O5fbKrSGyCTa, .U7RfSCtLWKqs-AzS-_yeF, ._2WAuiwRttJLIRDaxEsQ6hI, ._1TghzV5fn6NewYhT_rVQu9, ._2BZqXAYwcbgg-C86GWBxsv, ._19scHjAxvBgrJBPIAs4mXi, .VSqu87n7uriVUhJKNgOS-, ._1uh_ebvk6RabUatXHS04Sa, .zQMsLGbY3rCUqHP3PQkwi, ._28grQhwfI_6roGyhbzPmee, ._3CVH5iKWt5OlaYACQkeMy8, ._2UtXJkrX7So8veIHf8pUmx, ._4IfdRU-o_E8cVvpHIe4Cr, ._2NwbdKCogY32yHPsV5BmgE, ._2vNrkKD8JTu1RGiOGsOaaQ, ._1EgI1tLfHssdu2Rp2vKiXW, ._21T-EYmMLk-0-Fkto4KRka { box-sizing: border-box; flex: 0 0 auto; padding-right: 1.2rem; padding-left: 1.2rem; } ._179yKoBY4eGcb_m-EHo2yC { flex-grow: 1; flex-basis: 0; max-width: 100%; } ._209O_RCLRXhsGkKc7hiA3b { margin-left: 0%; } ._2Dqw3b7n3JKQZj5MDZq-Ac { margin-left: 8.33333%; } ._1zdK8Tm4EEFUxVwbanR_AZ { margin-left: 16.66667%; } .lsgHK_y5xTy6Dwj3AnaZ4 { margin-left: 25%; } .qFraEj0WvXiCAkLzPEYVj { margin-left: 33.33333%; } ._2e3Y0SGcd9EzMYaKoYaKr0 { margin-left: 41.66667%; } ._2NQqNdala6Aoi9MaD3QvMA { margin-left: 50%; } .LFXFUnXDj1RszYA8mpzaG { margin-left: 58.33333%; } ._3qRZZuH6g9O5fbKrSGyCTa { margin-left: 66.66667%; } .U7RfSCtLWKqs-AzS-_yeF { margin-left: 75%; } ._2WAuiwRttJLIRDaxEsQ6hI { margin-left: 83.33333%; } ._1TghzV5fn6NewYhT_rVQu9 { margin-left: 91.66667%; } ._2BZqXAYwcbgg-C86GWBxsv { margin-left: 100%; } ._19scHjAxvBgrJBPIAs4mXi { flex-basis: 8.33333%; max-width: 8.33333%; } .VSqu87n7uriVUhJKNgOS- { flex-basis: 16.66667%; max-width: 16.66667%; } ._1uh_ebvk6RabUatXHS04Sa { flex-basis: 25%; max-width: 25%; } .zQMsLGbY3rCUqHP3PQkwi { flex-basis: 33.33333%; max-width: 33.33333%; } ._28grQhwfI_6roGyhbzPmee { flex-basis: 41.66667%; max-width: 41.66667%; } ._3CVH5iKWt5OlaYACQkeMy8 { flex-basis: 50%; max-width: 50%; } ._2UtXJkrX7So8veIHf8pUmx { flex-basis: 58.33333%; max-width: 58.33333%; } ._4IfdRU-o_E8cVvpHIe4Cr { flex-basis: 66.66667%; max-width: 66.66667%; } ._2NwbdKCogY32yHPsV5BmgE { flex-basis: 75%; max-width: 75%; } ._2vNrkKD8JTu1RGiOGsOaaQ { flex-basis: 83.33333%; max-width: 83.33333%; } ._1EgI1tLfHssdu2Rp2vKiXW { flex-basis: 91.66667%; max-width: 91.66667%; } ._21T-EYmMLk-0-Fkto4KRka { flex-basis: 100%; max-width: 100%; } ._1GJ2dUz8oiGamtmVO_AfHB { justify-content: flex-start; text-align: start; } ._3YHS5Z8f2bti54onpKg8aF { justify-content: center; text-align: center; } ._2F9wpoRAJxkWyhqJy1PHS- { justify-content: flex-end; text-align: end; } ._1uQglvr8b4ox6pK4wY48xs { align-items: flex-start; } ._1zkCoBQ5YJYzycUAgH3D8p { align-items: center; } .ehDPSuSATDjHxusDr8jRJ { align-items: flex-end; } ._1uiGaKM2rOqm6GBAC4oOSP { justify-content: space-around; } ._1VsPEVW7xduIVP0kTfmjYN { justify-content: space-between; } ._2MTQlbwe3nTK3icxL8i1O3 { order: -1; } ._2fHBAaq-p41UM5XRCYgxIA { order: 1; } @media only screen and (min-width: 767px) { ._2FF5ulYBLkGBJG4kC-yo_3, ._2IcedNTfE5-ku13r2cF3h7, ._3qio4YhscJRre8Ontv7sIz, ._2pgyWYu9smz4AvdokZ8lMt, .QSTM2brsfclbCD5PcHvQ8, ._1SFBEDIcQ3heSOit_YDzmy, ._2jIzcSLNezQeljuFC8Z3_, ._1X8t_BSTRCFkaATjl9tOrt, ._1_EcIZsiSJZxGBw_B8MikC, ._1ODdifnJhzOs97M--yDpb_, ._58OJZ4W6kaoiM0MHLYxra, ._1KvyaQBnZQKbhb6GzqEm_K, ._1jmFg_VTR-jYlzpniognH1, .f9JIjORVd31A6YmtSasaD, ._1yEjFqAm9QO03sn_pIlPiT, ._1MeFr7DYurEn0zTF5ZRw4n, ._3y0eJ_c9Q5RpkXUBaFgrbs, ._33ybRWG46JBipD108hdJk, ._27Zy5nliJTgJWXSbAzGagV, ._1Xj6fXTA13zwusUtIkZ3_e, ._33mLd5Ol-0pm_n2Qeym2jr, .DP_HUl-sZqUWPn7WkJq1a, .NpVNHz-m0qyV-ZHedUb3P, ._12PokSwcjVQBSAzfhaIWxG, ._2FfNJuD4sH0tJhENMkSTIo, ._3oC-zo2dlx4kkpMnllALvn { box-sizing: border-box; flex: 0 0 auto; padding-right: 1.2rem; padding-left: 1.2rem; } ._2FF5ulYBLkGBJG4kC-yo_3 { flex-grow: 1; flex-basis: 0; max-width: 100%; } ._2IcedNTfE5-ku13r2cF3h7 { margin-left: 0%; } ._3qio4YhscJRre8Ontv7sIz { margin-left: 8.33333%; } ._2pgyWYu9smz4AvdokZ8lMt { margin-left: 16.66667%; } .QSTM2brsfclbCD5PcHvQ8 { margin-left: 25%; } ._1SFBEDIcQ3heSOit_YDzmy { margin-left: 33.33333%; } ._2jIzcSLNezQeljuFC8Z3_ { margin-left: 41.66667%; } ._1X8t_BSTRCFkaATjl9tOrt { margin-left: 50%; } ._1_EcIZsiSJZxGBw_B8MikC { margin-left: 58.33333%; } ._1ODdifnJhzOs97M--yDpb_ { margin-left: 66.66667%; } ._58OJZ4W6kaoiM0MHLYxra { margin-left: 75%; } ._1KvyaQBnZQKbhb6GzqEm_K { margin-left: 83.33333%; } ._1jmFg_VTR-jYlzpniognH1 { margin-left: 91.66667%; } .f9JIjORVd31A6YmtSasaD { margin-left: 100%; } ._1yEjFqAm9QO03sn_pIlPiT { flex-basis: 8.33333%; max-width: 8.33333%; } ._1MeFr7DYurEn0zTF5ZRw4n { flex-basis: 16.66667%; max-width: 16.66667%; } ._3y0eJ_c9Q5RpkXUBaFgrbs { flex-basis: 25%; max-width: 25%; } ._33ybRWG46JBipD108hdJk { flex-basis: 33.33333%; max-width: 33.33333%; } ._27Zy5nliJTgJWXSbAzGagV { flex-basis: 41.66667%; max-width: 41.66667%; } ._1Xj6fXTA13zwusUtIkZ3_e { flex-basis: 50%; max-width: 50%; } ._33mLd5Ol-0pm_n2Qeym2jr { flex-basis: 58.33333%; max-width: 58.33333%; } .DP_HUl-sZqUWPn7WkJq1a { flex-basis: 66.66667%; max-width: 66.66667%; } .NpVNHz-m0qyV-ZHedUb3P { flex-basis: 75%; max-width: 75%; } ._12PokSwcjVQBSAzfhaIWxG { flex-basis: 83.33333%; max-width: 83.33333%; } ._2FfNJuD4sH0tJhENMkSTIo { flex-basis: 91.66667%; max-width: 91.66667%; } ._3oC-zo2dlx4kkpMnllALvn { flex-basis: 100%; max-width: 100%; } ._3ptCPkdz1GJC736qiRTZDC { justify-content: flex-start; text-align: start; } ._1UWsatvynEH-Pe1PfZuigx { justify-content: center; text-align: center; } ._7Sc89j1cU9KGqbUIshXJ7 { justify-content: flex-end; text-align: end; } ._15A_QRJhD9_8gFYazZtJFe { align-items: flex-start; } ._2k5Rh-hogC-irnexFRo1L2 { align-items: center; } ._1VUDamvqJxGFwzp6Gh3510 { align-items: flex-end; } ._336TwrU0CpS3XchnA7vmtL { justify-content: space-around; } ._36Z4PVPUZr_QcT4SjByR5L { justify-content: space-between; } ._1ZGAcbq8oNnPAnNq5ta7wO { order: -1; } ._1UsrNCaz2ihZRnkyvQs3_v { order: 1; } } @media only screen and (min-width: 1024px) { ._28jBoHa6wRU_kJi4ZiQ4zo, .GqznpKawhfSYlzIZsCRsC, ._3Up4vUx8CqcZ6pMMs5h5rP, .qIyhdYduuc3JDKIFgY-h8, ._2w4MDZPW2UR5AvisFQ1j6N, ._18Dkawumqnfb-AIypO7xEs, ._2YJjgvtR3C8laPhvYlbHT1, ._2AhBla7uCo78vIwzX_C_Ck, ._2cUEv-Jq4OzK2XZjqscU5y, ._2yJJz4TZB2WM0hLji8-Ajr, ._1yxAEj6kxMCEukMdd9WUhY, ._3CQjq2D0NDDteo8I-yYOog, ._1RyBqZcczQBN10RhifWURx, .G4Ma2ijht5fAs2Vm3CTaD, .mLHO2BPJ5vDXMAuA1Wzqq, ._3nITtc2epO_5itUcfX3TYz, .SlZmZXpW1ExJSxK0avVLf, .XOOZoIrGRINuOkeNZ9J50, ._1d50Wn8XC0jiU07QTIrzD_, ._19mYmyxXMiZQ6K0VLoHRC_, ._2C8dDl_67AjCIxKUJeybef, .dDokJ-T6S6KDRJkrlDzam, ._1FNU22VG5W0OtDTuSbeDwc, ._2QIiHmj1Mr145hsqOq-OL4, ._3JgI3QwTRi9_8MFdOZsiaT, ._2x25pR-WgBVes8m46U4YN4 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1.2rem; padding-left: 1.2rem; } ._28jBoHa6wRU_kJi4ZiQ4zo { flex-grow: 1; flex-basis: 0; max-width: 100%; } .GqznpKawhfSYlzIZsCRsC { margin-left: 0%; } ._3Up4vUx8CqcZ6pMMs5h5rP { margin-left: 8.33333%; } .qIyhdYduuc3JDKIFgY-h8 { margin-left: 16.66667%; } ._2w4MDZPW2UR5AvisFQ1j6N { margin-left: 25%; } ._18Dkawumqnfb-AIypO7xEs { margin-left: 33.33333%; } ._2YJjgvtR3C8laPhvYlbHT1 { margin-left: 41.66667%; } ._2AhBla7uCo78vIwzX_C_Ck { margin-left: 50%; } ._2cUEv-Jq4OzK2XZjqscU5y { margin-left: 58.33333%; } ._2yJJz4TZB2WM0hLji8-Ajr { margin-left: 66.66667%; } ._1yxAEj6kxMCEukMdd9WUhY { margin-left: 75%; } ._3CQjq2D0NDDteo8I-yYOog { margin-left: 83.33333%; } ._1RyBqZcczQBN10RhifWURx { margin-left: 91.66667%; } .G4Ma2ijht5fAs2Vm3CTaD { margin-left: 100%; } .mLHO2BPJ5vDXMAuA1Wzqq { flex-basis: 8.33333%; max-width: 8.33333%; } ._3nITtc2epO_5itUcfX3TYz { flex-basis: 16.66667%; max-width: 16.66667%; } .SlZmZXpW1ExJSxK0avVLf { flex-basis: 25%; max-width: 25%; } .XOOZoIrGRINuOkeNZ9J50 { flex-basis: 33.33333%; max-width: 33.33333%; } ._1d50Wn8XC0jiU07QTIrzD_ { flex-basis: 41.66667%; max-width: 41.66667%; } ._19mYmyxXMiZQ6K0VLoHRC_ { flex-basis: 50%; max-width: 50%; } ._2C8dDl_67AjCIxKUJeybef { flex-basis: 58.33333%; max-width: 58.33333%; } .dDokJ-T6S6KDRJkrlDzam { flex-basis: 66.66667%; max-width: 66.66667%; } ._1FNU22VG5W0OtDTuSbeDwc { flex-basis: 75%; max-width: 75%; } ._2QIiHmj1Mr145hsqOq-OL4 { flex-basis: 83.33333%; max-width: 83.33333%; } ._3JgI3QwTRi9_8MFdOZsiaT { flex-basis: 91.66667%; max-width: 91.66667%; } ._2x25pR-WgBVes8m46U4YN4 { flex-basis: 100%; max-width: 100%; } ._1qM0Kt17fCw4yxXykO1i_F { justify-content: flex-start; text-align: start; } ._3MFPYBO1PW_7_DEOw4-eAc { justify-content: center; text-align: center; } ._3x-47J4ffuRL-gcobxJr18 { justify-content: flex-end; text-align: end; } ._1uku9169hZSRATp8V0rZ8X { align-items: flex-start; } ._3hD3BJMOjJaej_MWHLb0Sj { align-items: center; } ._24Gs26tGRIYIt49zIJFhfh { align-items: flex-end; } ._1enQSN46TIVSSUPujNj8_A { justify-content: space-around; } ._3ohYgvlIEyxvM34wEp0Jzd { justify-content: space-between; } ._2PiQti0Q3k6JkJPJ-3fvtg { order: -1; } .ukHos3GauoymqaPy7FC7y { order: 1; } } @media only screen and (min-width: 1440px) { .hc0jkCPCIDlEoUwfRLnE_, ._2bnfxq2fX-kK36TY9fFRM3, ._22KRRNdOOXkFWn5eh9nX8u, ._9OtXpGI4nJOo7ESvyPFz5, ._2FquE1uQ2AxuWS05BvUwAh, .LLW_YbCp58f00AKTc95n7, ._1aDweoFNR24iwDRwHOQbfd, ._2b44PbvVyorapRiwG7p01w, ._3cCzb2_-s7SJYeL2_eqWgV, ._3mRIJl0OsanXmeNPTenzlV, ._1htLPmdWthZAA2PhLqzCmq, ._3UI8Xo9jPGWtRE2EUtqOEN, ._2B5iVOYpSb9E4XqMG-hEfA, ._1ItQ5vh6J6X95CcAXmJ2WN, ._23rFhNAVQBW8pe3ETnJYo1, .Stoqga2uAg6S4oPsXSBEm, ._3CNicP26yqk-PpZoKpSGob, ._1ZEwmlQh6aqVNdMn-frU-U, ._3DuSSrknuZMA9G3WEVnxpO, ._20d6Nm3D4wNwWJbJxBRmGs, ._2P5WojLgZRfU5IDKUIse4T, ._37-ZZ0JrIQMGpxeE-VfuxQ, ._38YjtZVjn9UaNCg6OvANJi, ._1AMYoYYg4nk0cNj6_v90uz, ._3gRY9wkPzf58V0NK5ytrrI, ._1IcbFclpIRY9IUVNchR1I1 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1.2rem; padding-left: 1.2rem; } .hc0jkCPCIDlEoUwfRLnE_ { flex-grow: 1; flex-basis: 0; max-width: 100%; } ._2bnfxq2fX-kK36TY9fFRM3 { margin-left: 0%; } ._22KRRNdOOXkFWn5eh9nX8u { margin-left: 8.33333%; } ._9OtXpGI4nJOo7ESvyPFz5 { margin-left: 16.66667%; } ._2FquE1uQ2AxuWS05BvUwAh { margin-left: 25%; } .LLW_YbCp58f00AKTc95n7 { margin-left: 33.33333%; } ._1aDweoFNR24iwDRwHOQbfd { margin-left: 41.66667%; } ._2b44PbvVyorapRiwG7p01w { margin-left: 50%; } ._3cCzb2_-s7SJYeL2_eqWgV { margin-left: 58.33333%; } ._3mRIJl0OsanXmeNPTenzlV { margin-left: 66.66667%; } ._1htLPmdWthZAA2PhLqzCmq { margin-left: 75%; } ._3UI8Xo9jPGWtRE2EUtqOEN { margin-left: 83.33333%; } ._2B5iVOYpSb9E4XqMG-hEfA { margin-left: 91.66667%; } ._1ItQ5vh6J6X95CcAXmJ2WN { margin-left: 100%; } ._23rFhNAVQBW8pe3ETnJYo1 { flex-basis: 8.33333%; max-width: 8.33333%; } .Stoqga2uAg6S4oPsXSBEm { flex-basis: 16.66667%; max-width: 16.66667%; } ._3CNicP26yqk-PpZoKpSGob { flex-basis: 25%; max-width: 25%; } ._1ZEwmlQh6aqVNdMn-frU-U { flex-basis: 33.33333%; max-width: 33.33333%; } ._3DuSSrknuZMA9G3WEVnxpO { flex-basis: 41.66667%; max-width: 41.66667%; } ._20d6Nm3D4wNwWJbJxBRmGs { flex-basis: 50%; max-width: 50%; } ._2P5WojLgZRfU5IDKUIse4T { flex-basis: 58.33333%; max-width: 58.33333%; } ._37-ZZ0JrIQMGpxeE-VfuxQ { flex-basis: 66.66667%; max-width: 66.66667%; } ._38YjtZVjn9UaNCg6OvANJi { flex-basis: 75%; max-width: 75%; } ._1AMYoYYg4nk0cNj6_v90uz { flex-basis: 83.33333%; max-width: 83.33333%; } ._3gRY9wkPzf58V0NK5ytrrI { flex-basis: 91.66667%; max-width: 91.66667%; } ._1IcbFclpIRY9IUVNchR1I1 { flex-basis: 100%; max-width: 100%; } ._2xt86bYx3scx7FI3vkUBRv { justify-content: flex-start; text-align: start; } ._2J6Cy3A2Iq7HHL5Xfj6io4 { justify-content: center; text-align: center; } ._3Iw4bpEOikOVukF0gF5LD0 { justify-content: flex-end; text-align: end; } ._2rWZsJklY6dXZ4cW_bjY8v { align-items: flex-start; } .jAxrGZUPF2swVBuzWJvpW { align-items: center; } ._2PXP5VaaR_yeP4RZHGjzy1 { align-items: flex-end; } ._2GijKk34BDTFMk6tfSwNm { justify-content: space-around; } ._3q2hJsNfQyy35v6Bf7eh-K { justify-content: space-between; } ._3YkvmuoNcI0OvhHhhAN30p { order: -1; } .gvV7L9VbaeW49CfQsJrvx { order: 1; } } /** * @stylesheet components/Layout.scss Layout * @parent styleguide * * @description * Styling for the Layout. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._1HvN7B9PzC0MyQ1mvyHWiA { overflow: hidden; display: block; } ._1HvN7B9PzC0MyQ1mvyHWiA._2k-si8-42dPgr7WXNjF4Cs { background-color: #fff; } ._1HvN7B9PzC0MyQ1mvyHWiA._1RBQLVpkF3z5xmDHlLB2vX { background-color: #1A171B; } ._1HvN7B9PzC0MyQ1mvyHWiA._1f2giDRqKthFNjaJRfUXx6 { background-color: #E5E5E5; } ._1HvN7B9PzC0MyQ1mvyHWiA ._2VbniNaCHt3PrymFPfAT-N { margin: 8rem auto; max-width: 1440px; } @media (max-width: 1440px) { ._1HvN7B9PzC0MyQ1mvyHWiA ._2VbniNaCHt3PrymFPfAT-N { margin: 8rem 2.4rem; } } @media (max-width: 768px) { ._1HvN7B9PzC0MyQ1mvyHWiA ._2VbniNaCHt3PrymFPfAT-N { margin: 2.4rem; } } @media (max-width: 767px) { ._1HvN7B9PzC0MyQ1mvyHWiA ._2VbniNaCHt3PrymFPfAT-N { margin: 2.4rem 1.6rem; } } /** * @stylesheet components/Icon.scss Icon * @parent styleguide * * @description * Styling for icons. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._3foQlJGDqH8e-jn0PBhi2M ._26n_u0k7HWUEEweH37OemC a { color: #008080; text-decoration: underline; font-weight: 500; } ._3foQlJGDqH8e-jn0PBhi2M ._26n_u0k7HWUEEweH37OemC a:hover { color: shade(#33518C, 10%); text-decoration: none; } ._3foQlJGDqH8e-jn0PBhi2M ._26n_u0k7HWUEEweH37OemC a:active { color: #1A171B; color: shade(#33518C, 20%); text-decoration: none; } @media all and (min-width: 0px) { ._3foQlJGDqH8e-jn0PBhi2M ._2d-H4Ym8zcwi628K5FaIdd { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { ._3foQlJGDqH8e-jn0PBhi2M ._2d-H4Ym8zcwi628K5FaIdd { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } ._3foQlJGDqH8e-jn0PBhi2M .ozXveFIWzJT--poMJ2e1g { margin-top: 2.4rem; } ._3foQlJGDqH8e-jn0PBhi2M ._26n_u0k7HWUEEweH37OemC { text-align: center; display: block; margin-top: 2.4rem; } @media all and (min-width: 0px) { ._3foQlJGDqH8e-jn0PBhi2M ._26n_u0k7HWUEEweH37OemC a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._3foQlJGDqH8e-jn0PBhi2M ._26n_u0k7HWUEEweH37OemC a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * @stylesheet components/BlockArticle.scss BlockArticle * @parent styleguide * * @description * Styling for an article block. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim h2 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim h2 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim p { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim p { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ .S_eUa3IX0A6NrXtyon--i { margin-bottom: 2.4rem; } .S_eUa3IX0A6NrXtyon--i a { text-decoration: none; } .S_eUa3IX0A6NrXtyon--i a:hover h2 { text-decoration: underline; } .S_eUa3IX0A6NrXtyon--i a:hover ._3qEb4NgC8eBajulAd8P85a img { transform: scale(1.03); } .S_eUa3IX0A6NrXtyon--i ._3qEb4NgC8eBajulAd8P85a { margin-bottom: 0.8rem; } .S_eUa3IX0A6NrXtyon--i ._3qEb4NgC8eBajulAd8P85a img { width: 100%; height: 18.6rem; object-fit: cover; font-family: 'object-fit: cover;'; transition: transform 0.4s ease-out; } .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim h2 { color: #1A171B; margin-bottom: 0.8rem; } .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim p { color: #1A171B; margin-bottom: 0; } .S_eUa3IX0A6NrXtyon--i ._6rYpN03GAkYP8p5852tim p .OOHfCfa9UjWqrXtV9ylF9 { color: #008080; margin-right: 0.8rem; font-weight: 600; } @media (max-width: 1024px) { .S_eUa3IX0A6NrXtyon--i { margin-bottom: 2.4rem; } .S_eUa3IX0A6NrXtyon--i ._3qEb4NgC8eBajulAd8P85a img { height: 20rem; } } @media (max-width: 767px) { .S_eUa3IX0A6NrXtyon--i ._3qEb4NgC8eBajulAd8P85a img { height: 28rem; } } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._3NpV0sqlp53gYLt_YsFX_5 h1, ._3NpV0sqlp53gYLt_YsFX_5 h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._3NpV0sqlp53gYLt_YsFX_5 h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._3NpV0sqlp53gYLt_YsFX_5 h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { ._3NpV0sqlp53gYLt_YsFX_5 h2 { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { ._3NpV0sqlp53gYLt_YsFX_5 h2 { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } ._3NpV0sqlp53gYLt_YsFX_5 h1 { margin-bottom: 0.8rem; } ._3NpV0sqlp53gYLt_YsFX_5 h2 { color: #008080; margin-bottom: 0; } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ .dywPnQOsBWaMOCAqRCl8d { font-size: 3rem; line-height: 3rem; vertical-align: middle; text-align: center; display: block; animation: N_nzRePsYlpXy3IMQcdHx 2s infinite linear; } .dywPnQOsBWaMOCAqRCl8d._2vVNLJBqsAJoLuHencMzqa { font-size: 6rem; line-height: 6rem; margin-left: auto; margin-right: auto; padding: 1.6rem 0; } .dywPnQOsBWaMOCAqRCl8d.TUEiT9bTYKubvBVLl_mzT { font-size: 2.5rem; line-height: 2.5rem; margin: 0 1.6rem; } @keyframes N_nzRePsYlpXy3IMQcdHx { 0% { transform: rotate(0deg) scale(1); } 100% { transform: rotate(359deg) scale(1); } } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL a { color: #008080; text-decoration: underline; font-weight: 500; } ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL a:hover { color: shade(#33518C, 10%); text-decoration: none; } ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL a:active { color: #1A171B; color: shade(#33518C, 20%); text-decoration: none; } /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._1ts1HDtigSAcSIBSIoM5Zn ._36gN68kW41wYBQqoM-wbvR { margin-top: 4rem; } @media (max-width: 1024px) { ._1ts1HDtigSAcSIBSIoM5Zn ._36gN68kW41wYBQqoM-wbvR ._17baDsPZtRzdCnOA86bYcy { margin-bottom: 2.4rem; } } ._1ts1HDtigSAcSIBSIoM5Zn ._36gN68kW41wYBQqoM-wbvR ._1fCMu8skwPCH3XWM3VfIMG { background-color: #fff; padding: 1.6rem; border-radius: 1rem; height: 100%; } ._1ts1HDtigSAcSIBSIoM5Zn ._36gN68kW41wYBQqoM-wbvR ._1fCMu8skwPCH3XWM3VfIMG .nS2xLEx-K4qlVIkM_f7nW { color: #DC001A; margin: 0; } ._1ts1HDtigSAcSIBSIoM5Zn ._36gN68kW41wYBQqoM-wbvR ._1fCMu8skwPCH3XWM3VfIMG h3 { margin: 0; } ._1ts1HDtigSAcSIBSIoM5Zn ._36gN68kW41wYBQqoM-wbvR ._1fCMu8skwPCH3XWM3VfIMG ._618Tik5OOcIL1bkMpwx8l { margin: 0.8rem 0; } ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL { text-align: center; display: block; margin-top: 4rem; } @media (max-width: 1024px) { ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL { margin-top: 1.6rem; } } @media all and (min-width: 0px) { ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._1ts1HDtigSAcSIBSIoM5Zn ._3FqoTTdxpMvC2yPtwEoYgL a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * @stylesheet components/PromoExtended.scss PromoExtended * @parent styleguide * * @description * Styling for the PromoExtended. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I p { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I p { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Buttons * * @description * Contains style for a button * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Buttons * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I p { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I p { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 - Buttons * * Description: Style for buttons * ----------------------------------------------------------------------------- */ ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I ._uWE75yCErgjM8bp9omJv { border: 0; display: inline-block; padding: 1.6rem 2.1rem; background-color: #008080; color: #fff; font-weight: 500; transition: background-color 0.4s ease-out; text-decoration: none; border-radius: 1rem; font-size: 1.6rem; } ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I ._uWE75yCErgjM8bp9omJv:hover { text-decoration: none; cursor: pointer; background-color: #006767; } ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I ._uWE75yCErgjM8bp9omJv:active { border-color: rgba(82, 168, 236, 0.8); outline: 0; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075), 0 0 0.8rem rgba(82, 168, 236, 0.6); } /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._1a8oUlTGuo_khERK_FHCHB { position: relative; max-height: 80rem; } ._1a8oUlTGuo_khERK_FHCHB ._1JY9yErnonvXYv07c55sRu img { display: block; width: 100%; max-height: 80rem; object-fit: cover; font-family: 'object-fit: cover;'; } @media print { ._1a8oUlTGuo_khERK_FHCHB ._1JY9yErnonvXYv07c55sRu img { display: none; } } ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-end; } ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm { width: 1440px; margin: 0 auto; position: relative; } ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I { width: 55%; border-top-left-radius: 1rem; border-top-right-radius: 1rem; background-color: rgba(26, 23, 27, 0.65); color: #fff; padding: 3.2rem 2.4rem; } ._1a8oUlTGuo_khERK_FHCHB ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I h1 { margin-bottom: 1.5rem; } /** * Media queries * ----------------------------------------------------------------------------- */ @media (max-width: 767px) { ._1JgYlZV51zfdPK3jkKxEGl { position: relative !important; } ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm { width: inherit !important; margin: inherit !important; } ._1JgYlZV51zfdPK3jkKxEGl .DHQ5YjmX3gbza9HFbVHHm ._21RiY4G2RESE0wrZnklo6I { border-top-left-radius: inherit !important; border-top-right-radius: inherit !important; width: inherit !important; padding: 2rem !important; } } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ @media all and (min-width: 0px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._19NZaVaL4R-GX4eqd7eLoJ { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._19NZaVaL4R-GX4eqd7eLoJ { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Form * * @description * Contains common styling for form elements * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Input field * 2.0 - Search field * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ @media all and (min-width: 0px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._19NZaVaL4R-GX4eqd7eLoJ { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._19NZaVaL4R-GX4eqd7eLoJ { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * 1.0 Input field * ----------------------------------------------------------------------------- */ ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM input { -webkit-appearance: none; border: none; width: 100%; padding: 0.8rem 1.6rem; border-radius: 0.4rem; background-color: #fff; font-family: "Raleway", sans-serif; color: #1A171B; line-height: 1.5rem; } @media all and (min-width: 0px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM input { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM input { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM input::placeholder { color: #87888A; } /** * 2.0 Search field * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Buttons * * @description * Contains style for a button * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Buttons * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ @media all and (min-width: 0px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._19NZaVaL4R-GX4eqd7eLoJ { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._19NZaVaL4R-GX4eqd7eLoJ { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 - Buttons * * Description: Style for buttons * ----------------------------------------------------------------------------- */ ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a { border: 0; display: inline-block; padding: 1.6rem 2.1rem; background-color: #008080; color: #fff; font-weight: 500; transition: background-color 0.4s ease-out; text-decoration: none; border-radius: 1rem; font-size: 1.6rem; } ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a:hover { text-decoration: none; cursor: pointer; background-color: #006767; } ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a:active { border-color: rgba(82, 168, 236, 0.8); outline: 0; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.075), 0 0 0.8rem rgba(82, 168, 236, 0.6); } /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM input { border: 0.1rem solid #E5E5E5; width: 50%; } @media (max-width: 767px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM input { width: 100%; } } ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM ._2tuZ706A3AiGWo8sZMX9xX { display: none; } ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a { padding: 0.8rem 2.1rem; } @media all and (min-width: 0px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media (max-width: 767px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM a { width: 100%; text-align: center; } } @media print { ._2x-yJjkD-Y2zaLWOcUXrtD ._3ihl26bOO8_ia25PqP27pM { display: none; } } ._2x-yJjkD-Y2zaLWOcUXrtD ._20DwirwwMB748b3Pvemkws img { max-width: 100%; } @media (max-width: 1024px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._20DwirwwMB748b3Pvemkws { margin-top: 1.6rem; } } @media (max-width: 767px) { ._2x-yJjkD-Y2zaLWOcUXrtD ._20DwirwwMB748b3Pvemkws { display: none; } } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ ._3wMRmzVrGHAJOqDi0UPvSl ._1q_SONHdMVHsougjYKNNF7 { margin-top: 2.4rem; } ._3wMRmzVrGHAJOqDi0UPvSl ._1q_SONHdMVHsougjYKNNF7 img { width: 100%; max-height: 80rem; object-fit: cover; font-family: 'object-fit: cover;'; } @media print { ._3wMRmzVrGHAJOqDi0UPvSl ._1q_SONHdMVHsougjYKNNF7 img { display: none; } } /** * @stylesheet components/ArticleHighlights.scss ArticleHighlights * @parent styleguide * * @description * Styling for a container with article highlights. * * version * 3.0.0 * **/ /** * Table of Contents: * * 1.0 - Article highlights * 1.1 - Block article * 2.0 - Media queries * ----------------------------------------------------------------------------- */ /** * 1.0 Article header * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._2t0Q66QDluuF9ZoErqs036 { background-color: #fff; } ._3Oqjb7kglkAi4iIPE0x-uC { max-height: 72rem; position: relative; overflow: hidden; } ._3Oqjb7kglkAi4iIPE0x-uC .BsAjNSXnrqROjD4vwPiqk img { display: block; max-height: 72rem; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } ._3Oqjb7kglkAi4iIPE0x-uC ._2T3qtvxHOiZ8JiegA3emKQ { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; } ._3Oqjb7kglkAi4iIPE0x-uC ._2T3qtvxHOiZ8JiegA3emKQ.kfZZsQBPxtOZSGth_f2Sm { position: static; margin-top: 4rem; } ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ { background-color: rgba(26, 23, 27, 0.65); padding: 2.4rem 0.8rem; } ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ h1 { color: #fff; margin-bottom: 0; padding: 0 2.4rem; } ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ ._3ZQbJz1jh57LMeDZjnUQ6a { margin-top: -4rem; padding: 0 2.4rem; } ._3Oqjb7kglkAi4iIPE0x-uC .bMeRCxgEz9iyQzJtlEjzh { list-style: none; display: inline-block; margin: 0; padding: 0; } ._3Oqjb7kglkAi4iIPE0x-uC .bMeRCxgEz9iyQzJtlEjzh li { display: inline-block; } ._2SR0SwRxlh6TJQrqKfSIlf { padding: 2.4rem; } /** * 2.0 Media queries * ----------------------------------------------------------------------------- */ @media (max-width: 1024px) { ._1TG7HD87IXfNjuNQvscKX_ { padding: 2.4rem !important; } } @media (max-width: 767px) { ._1TG7HD87IXfNjuNQvscKX_ { position: static !important; } ._1TG7HD87IXfNjuNQvscKX_ h1, ._1TG7HD87IXfNjuNQvscKX_ ._3ZQbJz1jh57LMeDZjnUQ6a { padding: 0 !important; } ._2YpKYD6_64NctS23-eatOt { position: static !important; } ._2T3qtvxHOiZ8JiegA3emKQ { position: inherit !important; } } @media print { ._3Oqjb7kglkAi4iIPE0x-uC .bMeRCxgEz9iyQzJtlEjzh { display: none; } ._3Oqjb7kglkAi4iIPE0x-uC ._1TG7HD87IXfNjuNQvscKX_ h1 { margin-top: 4rem; } ._3Oqjb7kglkAi4iIPE0x-uC .BsAjNSXnrqROjD4vwPiqk img { display: none; } } /** * @stylesheet components/PostList.scss PostList * @parent styleguide * * @description * Styling for a post list. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi h1 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi h1 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi p { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi p { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi { margin-top: 2.4rem; padding-bottom: 2.4rem; text-decoration: none; display: block; border-bottom: 0.1rem solid #E5E5E5; } ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi:first-of-type { padding-top: 2.4rem; border-top: 0.1rem solid #E5E5E5; margin-top: 0.8rem; } ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi:hover h1 { text-decoration: underline; } ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi h1 { color: #1A171B; margin-bottom: 0.8rem; } ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi p { color: #1A171B; margin-bottom: 0; } ._3-fPdwG15QZejEdVpXqz1N ._28CoOrUVkKO7aFsotcepyi p .MCMR19Vpm9jQPp6v7Bnla { color: #008080; margin-right: 0.8rem; font-weight: 600; } /** * @stylesheet components/SearchHeader.scss SearchHeader * @parent styleguide * * @description * Styling for the search page header. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Form * * @description * Contains common styling for form elements * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Input field * 2.0 - Search field * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } /** * 1.0 Input field * ----------------------------------------------------------------------------- */ ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu input { -webkit-appearance: none; border: none; width: 100%; padding: 0.8rem 1.6rem; border-radius: 0.4rem; background-color: #fff; font-family: "Raleway", sans-serif; color: #1A171B; line-height: 1.5rem; } @media all and (min-width: 0px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu input { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu input { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu input::placeholder { color: #87888A; } /** * 2.0 Search field * ----------------------------------------------------------------------------- */ ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu { position: relative; display: inline-block; width: 100%; } @media (max-width: 768px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu input { font-size: 1.6rem; } } ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu ._3mJjSEROnxZuBMw0KV5vuv { position: absolute; right: 1.6rem; top: 0.8rem; line-height: 2rem; background: none; border: none; padding: 0; cursor: pointer; outline: inherit; } @media all and (min-width: 0px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu ._3mJjSEROnxZuBMw0KV5vuv { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._1eEIbmuVYmqRP-Pn-qYyAu ._3mJjSEROnxZuBMw0KV5vuv { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._2NT1ij9VmqLsZFH092IhMi { position: relative; background-color: #1A171B; } ._2NT1ij9VmqLsZFH092IhMi ._2m5nDNGLM9X-iFnicY50Gh { max-height: 25rem; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; opacity: 0.5; margin-bottom: -0.5rem; } ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB { position: absolute; bottom: 4rem; padding-left: 14.2rem; width: 80rem; } ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB ._2J9tlzwDgKUAHNGJi82h2b { color: #fff; } @media (max-width: 1100px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB { width: 80%; } } @media (max-width: 767px) { ._2NT1ij9VmqLsZFH092IhMi ._3Lz1KLlxoHdegsLlxvMXTB { padding-left: 2.4rem; padding-right: 2.4rem; width: 100%; } } /** * @stylesheet components/Pager.scss Pager * @parent styleguide * * @description * Styling for a pager. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ @media all and (min-width: 0px) { ._3xFO-ynLOGuddSWhMkflX6 { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._3xFO-ynLOGuddSWhMkflX6 { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._3xFO-ynLOGuddSWhMkflX6 ul { list-style: none; display: inline-block; padding: 0; margin: 0.8rem 0 0 0; } ._3xFO-ynLOGuddSWhMkflX6 ul li { display: inline-block; padding-right: 0.8rem; text-transform: lowercase; } ._3xFO-ynLOGuddSWhMkflX6 ul li._1PzRVval1HIlsTxtZeVuMw { pointer-events: none; } ._3xFO-ynLOGuddSWhMkflX6 ul li._1PzRVval1HIlsTxtZeVuMw a { text-decoration: none !important; color: #1A171B !important; pointer-events: none; } ._3xFO-ynLOGuddSWhMkflX6 ul li a { color: #008080; text-decoration: underline; cursor: pointer; } ._3xFO-ynLOGuddSWhMkflX6 ul li a:hover { text-decoration: none; } ._3xFO-ynLOGuddSWhMkflX6 ul li:before { content: '|'; padding-right: 0.8rem; } ._3xFO-ynLOGuddSWhMkflX6 ul li:first-of-type:before { content: ''; padding-right: 0; } /** * @stylesheet components/Tag.scss Tag * @parent styleguide * * @description * Styling for tags. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._1wLEjOK3qE0rPPM4Uehw3Y { display: inline-block; padding: 0.4rem 0.8rem; margin-right: 0.4rem; background-color: #DC001A; color: #fff; border-radius: 4px; cursor: pointer; text-decoration: none; } @media all and (min-width: 0px) { ._1wLEjOK3qE0rPPM4Uehw3Y { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._1wLEjOK3qE0rPPM4Uehw3Y { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._1wLEjOK3qE0rPPM4Uehw3Y:hover p { text-decoration: underline; } ._1wLEjOK3qE0rPPM4Uehw3Y p { font-weight: 500; display: inline-block; margin: 0; } ._1wLEjOK3qE0rPPM4Uehw3Y span { color: rgba(255, 255, 255, 0.8); margin-right: 0.8rem; } ._1wLEjOK3qE0rPPM4Uehw3Y._1h7cqOrfmwGKlrWRdQ_UT6 { padding-right: 3.2rem; } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ ._7GeDjBTtM7G54arWwVNaB { text-decoration: none; color: #1A171B; } ._7GeDjBTtM7G54arWwVNaB:hover ._2coQV2-1fUX7GA3jlq3P0T { box-shadow: 4px 4px 15px 4px rgba(0, 0, 0, 0.05); } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T { position: relative; padding: 4.5rem 2.4rem 1.6rem; margin-bottom: 2.4rem; background-color: #fff; border: 1px solid #E5E5E5; border-radius: 0.5rem; transition: box-shadow ease-in-out 0.3s; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._14I4AN8fFjHsHxbOmVZGfT { position: absolute; top: 2.4rem; padding: 0.6rem 0.9rem 0.5rem; font-size: 1.1rem; line-height: 1rem; color: #F9F9F9; text-transform: uppercase; border-radius: 0.4rem; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._14I4AN8fFjHsHxbOmVZGfT._2cr7GpmaMWuA0W_xDmoBkx { background-color: #1da1f2; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._14I4AN8fFjHsHxbOmVZGfT.r7TVPQWUOg1pz4gwU0aeL { background-color: #4857b7; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._14I4AN8fFjHsHxbOmVZGfT._3RGy-71p8OLcBcH5NNZj0y { background-color: #1877f2; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._bKRgML-OaRZOAfaNYyO5 { width: calc(100% + 4.8rem); margin: -4.5rem -2.4rem 0; max-height: 29rem; object-fit: cover; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._3v87ZbH4Q5QE1DDrzDZGQ4 { margin-top: 1.6rem; font-size: 1.4rem; line-height: 2.2rem; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._3v87ZbH4Q5QE1DDrzDZGQ4 a { color: #008080; text-decoration: none; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._3v87ZbH4Q5QE1DDrzDZGQ4 a:hover { text-decoration: underline; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T .h0NBItCIVemjKxbZXFTva { margin-top: 1.6rem; display: flex; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T .h0NBItCIVemjKxbZXFTva ._3dNj-oGKSm3iG75ZpkNw-n { width: 4rem; height: 4rem; margin-right: 2rem; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T .h0NBItCIVemjKxbZXFTva .lBKyTPqxCrHkmbr9OAjny ._3MnNdQjjFIujLXgAFUwFgS { margin: 0; font-size: 1.6rem; font-weight: bold; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T .h0NBItCIVemjKxbZXFTva .lBKyTPqxCrHkmbr9OAjny .Abi3mXa_-JyNF65MrjD6K { margin: 0; font-size: 1.2rem; color: #a9aaac; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T .h0NBItCIVemjKxbZXFTva .lBKyTPqxCrHkmbr9OAjny .QjBHlXlA4lgY62M_ocw5u { margin-left: 0.6rem; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T .h0NBItCIVemjKxbZXFTva .lBKyTPqxCrHkmbr9OAjny .QjBHlXlA4lgY62M_ocw5u:before { content: '\B7'; margin-right: 0.6rem; font-size: 1.6rem; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._33L8JlACvzixvVrCYGPBAS { display: flex; margin: 1.6rem -2.4rem 0; border-top: 1px solid #E5E5E5; padding: 1.6rem 2.4rem 0; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._33L8JlACvzixvVrCYGPBAS ._2GlToy8cfltdQ8O1NFyn6l { margin-right: 1.6rem; display: flex; justify-content: center; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._33L8JlACvzixvVrCYGPBAS ._2GlToy8cfltdQ8O1NFyn6l .byahKHm8Sc0DCWN2QVsmW { margin-left: 0.4rem; font-size: 1.4rem; color: #a9aaac; } ._7GeDjBTtM7G54arWwVNaB ._2coQV2-1fUX7GA3jlq3P0T ._33L8JlACvzixvVrCYGPBAS ._1vdKLzm-1vVaJ9LVquMh5V { margin-left: auto; } /** * @stylesheet components/SearchField.scss SearchField * @parent styleguide * * @description * Styling for a search field. * * version * 3.0.0 * **/ /** * Table of Contents: * * 1.0 - Article header * 2.0 - Media queries * ----------------------------------------------------------------------------- */ /** * 1.0 Article header * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._2YplGh7eZ2EiVv26RFiRM6 ._3nVR7AkQMWqUZAgKNseOfc h1 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._2YplGh7eZ2EiVv26RFiRM6 ._3nVR7AkQMWqUZAgKNseOfc h1 { font-size: 3.6rem; margin-top: 0; line-height: 3.6rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._2YplGh7eZ2EiVv26RFiRM6 ._3nVR7AkQMWqUZAgKNseOfc h1 { font-size: 6rem; margin-top: 0; line-height: 7rem; margin-bottom: 2.4rem; } } @media all and (min-width: 0px) { ._2YplGh7eZ2EiVv26RFiRM6 ._3fToegfBNfpIVNgbV68tfO p { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._2YplGh7eZ2EiVv26RFiRM6 ._3fToegfBNfpIVNgbV68tfO p { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ ._2YplGh7eZ2EiVv26RFiRM6 { max-height: 72rem; position: relative; overflow: hidden; } ._2YplGh7eZ2EiVv26RFiRM6 img { display: block; max-height: 72rem; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; } ._2YplGh7eZ2EiVv26RFiRM6 .fqNJFvMLNaZYMGPNK8ryS { position: absolute; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; } ._2YplGh7eZ2EiVv26RFiRM6 .fqNJFvMLNaZYMGPNK8ryS._3-HQvcjO9yxgdyh4FXX42m { position: static; margin-top: 4rem; } ._2YplGh7eZ2EiVv26RFiRM6 ._3nVR7AkQMWqUZAgKNseOfc { background-color: rgba(26, 23, 27, 0.65); padding: 2.4rem 8.3% 2.4rem 25%; } ._2YplGh7eZ2EiVv26RFiRM6 ._3nVR7AkQMWqUZAgKNseOfc h1 { color: #fff; margin-bottom: 0; padding: 0 2.4rem; } ._2YplGh7eZ2EiVv26RFiRM6 ._3nVR7AkQMWqUZAgKNseOfc ._12HMk6Ab_IIozJ9ZGzw9Wk { margin-top: -4rem; padding: 0 2.4rem; } ._2YplGh7eZ2EiVv26RFiRM6 ._1ZP9T5Rnh6nmsu9B7eaejS { list-style: none; display: inline-block; margin: 0; padding: 0; } ._2YplGh7eZ2EiVv26RFiRM6 ._1ZP9T5Rnh6nmsu9B7eaejS li { display: inline-block; } ._2YplGh7eZ2EiVv26RFiRM6 ._3fToegfBNfpIVNgbV68tfO { background-color: rgba(26, 23, 27, 0.8); min-height: 4rem; width: 100%; text-align: right; padding: 0.8rem 1.6rem; } ._2YplGh7eZ2EiVv26RFiRM6 ._3fToegfBNfpIVNgbV68tfO p { color: #fff; font-style: italic; margin: 0; } /** * 2.0 Media queries * ----------------------------------------------------------------------------- */ @media (max-width: 1024px) { ._3nVR7AkQMWqUZAgKNseOfc { padding: 2.4rem !important; } } @media (max-width: 769px) { ._3nVR7AkQMWqUZAgKNseOfc h1 { font-size: 3.5rem !important; line-height: 5rem !important; } } @media (max-width: 767px) { ._3nVR7AkQMWqUZAgKNseOfc h1 { font-size: 2.8rem !important; line-height: 4rem !important; } ._3nVR7AkQMWqUZAgKNseOfc h1, ._3nVR7AkQMWqUZAgKNseOfc ._12HMk6Ab_IIozJ9ZGzw9Wk { padding: 0 !important; } ._3fToegfBNfpIVNgbV68tfO { position: static !important; } .fqNJFvMLNaZYMGPNK8ryS { position: inherit !important; } } @media print { ._2YplGh7eZ2EiVv26RFiRM6 img { display: none; } } /** * @stylesheet components/ThumnailList.scss ThumnailList * @parent styleguide * * @description * Styling for a ThumnailList. * * version * 3.0.0 * **/ /** * Table of Contents: * * 1.0 - ThumbnailList * 2.0 - Modal * 3.0 - Previous/Next buttons * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 ThumbnailList * ----------------------------------------------------------------------------- */ .nt-npe4nJCLr-_y6GEgV0 { background-color: #F9F9F9; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc { list-style: none; margin: 0; padding: 0; margin: 0 auto; width: 50%; padding: 2.4rem 2.4rem 1.6rem 2.4rem; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc ._1z8hcXObWhzLM7ENuY7s7q { display: inline-block; padding-right: 0.8rem; padding-bottom: 0.3rem; position: relative; transition: transform 0.4s ease-out; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc ._1z8hcXObWhzLM7ENuY7s7q img { object-fit: cover; font-family: 'object-fit: cover;'; height: 5.6rem; width: 5.6rem; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc ._1z8hcXObWhzLM7ENuY7s7q .qOslYgtSVEMUMnWmsOWAx { background-color: rgba(26, 23, 27, 0.65); position: absolute; top: 0; left: 0; right: 0.8rem; bottom: 0.8rem; padding: 1.9rem; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc ._1z8hcXObWhzLM7ENuY7s7q:hover { transform: scale(1.05); } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc .NzW9a0iXyD2ZbduVKT0qx a { font-size: 1.6rem; color: #33518C; text-decoration: none; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc .NzW9a0iXyD2ZbduVKT0qx a ._2AMn4y7e-Kz2BIIW8IiOsK { padding-left: 0.8rem; } @media (max-width: 767px) { .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc { margin: 0; width: 100%; } } @media print { .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc { display: none; } .nt-npe4nJCLr-_y6GEgV0 ._3fT0I5bsGRJcZcn7Xfrtxc .NzW9a0iXyD2ZbduVKT0qx { display: none; } } /** * 2.0 Modal * ----------------------------------------------------------------------------- */ .overlay { background-color: rgba(26, 23, 27, 0.8) !important; } .modal-wrapper-video .modal { display: block; } .modal-wrapper { width: 80%; margin: 0 auto; max-width: 1440px !important; pointer-events: all; } @media (max-width: 767px) { .modal-wrapper { width: 100%; } } .modal { position: relative; margin: 0 auto; display: flex; justify-content: center; } .modal .autoembed { pointer-events: all; } .modal iframe { width: 100% !important; } .modal header img { width: auto !important; } @media (max-width: 767px) { .modal header img { width: 100% !important; } } /** * 3.0 Previous/Next buttons * ----------------------------------------------------------------------------- */ ._3fuApvYI7TlhteK1AoYIZT, .I2v9f93B2s2oelR1p6RYB { font-size: 7rem; text-decoration: none; position: absolute; top: 44%; opacity: 0.5; transition: opacity 0.4s ease-out; pointer-events: all; } ._3fuApvYI7TlhteK1AoYIZT:hover, .I2v9f93B2s2oelR1p6RYB:hover { opacity: 1; } @media (max-width: 767px) { ._3fuApvYI7TlhteK1AoYIZT, .I2v9f93B2s2oelR1p6RYB { font-size: 5rem; top: 40%; } } ._3fuApvYI7TlhteK1AoYIZT { left: -7.2rem; } @media (max-width: 767px) { ._3fuApvYI7TlhteK1AoYIZT { left: 1.6rem; } } .I2v9f93B2s2oelR1p6RYB { right: -7.2rem; } @media (max-width: 767px) { .I2v9f93B2s2oelR1p6RYB { right: 1.6rem; } } /** * @stylesheet components/_autoembed.scss Autoembed * @parent styleguide * * @description * Styling for embeds. * * version * 3.0.0 * **/ .autoembed iframe { border: 0; } .autoembed--youtube, .autoembed--vimeo { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 2rem; } .autoembed--youtube iframe, .autoembed--vimeo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print { .autoembed--youtube, .autoembed--vimeo { display: none; } } /** * @stylesheet components/ArticleIntro.scss ArticleIntro * @parent styleguide * * @description * Styling for article intros. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV a { color: #33518C; text-decoration: none; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV a:hover { color: shade(#33518C, 10%); text-decoration: underline; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV a:active { color: shade(#33518C, 20%); text-decoration: underline; } /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ ._39t8xNUcp3FMDpUTwllMnb { border-bottom: 0.1rem solid #E5E5E5; margin-bottom: 3.2rem; padding-bottom: 3.2rem; } ._39t8xNUcp3FMDpUTwllMnb :last-child { margin-bottom: 0 !important; } ._39t8xNUcp3FMDpUTwllMnb ._3zwfOlZTG-g_STlF6phrqt { display: flex; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 1.6rem; } @media (max-width: 767px) { ._39t8xNUcp3FMDpUTwllMnb ._3zwfOlZTG-g_STlF6phrqt { flex-direction: column-reverse; flex-wrap: wrap; } } ._39t8xNUcp3FMDpUTwllMnb ._2LD57hz5RdFoAzS2EStoZG { display: inline-block; } ._39t8xNUcp3FMDpUTwllMnb ._2rwCNDCYdU5z8ovJGpa3QW { font-weight: 600; margin: 3.2rem 0; } @media all and (min-width: 0px) { ._39t8xNUcp3FMDpUTwllMnb ._2rwCNDCYdU5z8ovJGpa3QW { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { ._39t8xNUcp3FMDpUTwllMnb ._2rwCNDCYdU5z8ovJGpa3QW { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } ._39t8xNUcp3FMDpUTwllMnb ._2rwCNDCYdU5z8ovJGpa3QW ._20rYSwvbgMzSoHUK_Upp_e { color: #008080; margin-right: 0.4rem; } ._39t8xNUcp3FMDpUTwllMnb ._1THByDXVhHTzV8eU_tR68o { color: #87888A; font-style: italic; margin: 0; } @media all and (min-width: 0px) { ._39t8xNUcp3FMDpUTwllMnb ._1THByDXVhHTzV8eU_tR68o { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._39t8xNUcp3FMDpUTwllMnb ._1THByDXVhHTzV8eU_tR68o { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._39t8xNUcp3FMDpUTwllMnb ._1THByDXVhHTzV8eU_tR68o p { margin: 0; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 { list-style: none; display: inline-block; margin: 0; padding: 0; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV { display: inline-block; padding-right: 0.8rem; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV:before { content: '|'; padding-right: 0.8rem; font-style: normal; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV:first-of-type { padding-left: 1.6rem; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV:first-of-type:before { content: ''; padding-right: 0; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV a { font-style: normal; } ._39t8xNUcp3FMDpUTwllMnb ._19odcNIvW8bHCDkrIWUvS5 .NOcE-GXoIJndZuVJ4-7eV ._3NE01Txn1JFchjEcpx_8it { font-style: normal; color: #1A171B; display: inline-block; } /** * @stylesheet components/Dummy.scss Dummy * @parent styleguide * * @description * Styling for the Dummy. * * version * 3.0.0 * **/ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ .evimFTRP2H_utUxh4O5H4 { margin: 0; } .evimFTRP2H_utUxh4O5H4 a { color: #33518C; text-decoration: none; } @media all and (min-width: 0px) { .evimFTRP2H_utUxh4O5H4 a { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .evimFTRP2H_utUxh4O5H4 a { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .evimFTRP2H_utUxh4O5H4 a .pkG7ltAlHVb7GtY6Cy8Mx { padding-left: 0.8rem; } .evimFTRP2H_utUxh4O5H4 a:hover .pkG7ltAlHVb7GtY6Cy8Mx { text-decoration: underline; } @media (max-width: 768px) { .evimFTRP2H_utUxh4O5H4 { margin: 0.8rem 0 2.4rem; } } /** * @stylesheet components/Icon.scss Icon * @parent styleguide * * @description * Styling for icons. * * version * 3.0.0 * **/ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ ._1T6VV7odcgYTg5fi6zRdVZ ._1VY8NXWJdRxZMcaOVHkSUH h2 { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { ._1T6VV7odcgYTg5fi6zRdVZ ._1VY8NXWJdRxZMcaOVHkSUH h2 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { ._1T6VV7odcgYTg5fi6zRdVZ ._1VY8NXWJdRxZMcaOVHkSUH h2 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l ._3ftvQlwA4Xv9l_lFHovvjs { color: #33518C; text-decoration: none; } ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l ._3ftvQlwA4Xv9l_lFHovvjs:hover { color: shade(#33518C, 10%); text-decoration: underline; } ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l ._3ftvQlwA4Xv9l_lFHovvjs:active { color: shade(#33518C, 20%); text-decoration: underline; } ._1T6VV7odcgYTg5fi6zRdVZ ._1VY8NXWJdRxZMcaOVHkSUH { border-bottom: 0.1rem solid #E5E5E5; margin-bottom: 0.8rem; } ._1T6VV7odcgYTg5fi6zRdVZ ._1VY8NXWJdRxZMcaOVHkSUH h2 { margin-bottom: 0.8rem; } ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l { list-style: none; margin: 0; padding: 0; } @media all and (min-width: 0px) { ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l ._3ftvQlwA4Xv9l_lFHovvjs { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l ._3ftvQlwA4Xv9l_lFHovvjs { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } ._1T6VV7odcgYTg5fi6zRdVZ ._3AI_rk91j6yYCuVoUBUC9l ._3ftvQlwA4Xv9l_lFHovvjs span { margin-right: 0.8rem; } /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ { /** All events calender **/ } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .custom_title { margin: em(50px) em(50px) 0; } .page-all-events { margin: 0 em(50px); } .page-all-events .event-date { float: left; margin-right: 3%; width: 19%; } .page-all-events .event-date h3 { color: #DC001A; font-weight: normal; padding-top: 0; text-align: right; margin: 0 0 0.4em 0; } @media all and (min-width: 0px) { .page-all-events .event-date h3 { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .page-all-events .event-date h3 { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } .page-all-events .event-date h3 a { color: #DC001A; } .page-all-events .event-list { float: left; width: 78%; } .page-all-events .event-list > .inner { border-left: 3px solid #cacaca; padding-left: 3%; } .page-all-events .event-group .event-list .event-separator { border-bottom: 1px dotted #cbcbcb; height: 1px; margin: 17px 0 17px 4.4%; } .page-all-events .event-group:last-child .event-list .event-separator { border-bottom: none; margin-top: 0; } .page-all-events .node-event { margin-bottom: 12px; } .page-all-events .node-event p.date { background-color: transparent; white-space: nowrap; color: #282828; float: left; } .page-all-events .node-event.node-calendar p.date { padding: 0; margin-top: 0; text-align: left; width: 10%; } .page-all-events .node-event.node-calendar.link p.date { background-color: transparent; color: #DC001A; } .page-all-events .node-event .text-holder { width: 81%; float: left; padding-left: 5%; } .page-all-events .node-event .text-holder p { margin-bottom: 0; margin-top: 0; font-weight: bold; } .page-all-events .node-event .text-holder p.location { font-weight: normal; font-style: italic; } .page-all-events .view-content { margin-top: 35px; } .page-all-events .all-events-timeline .all-events-time-line-item { float: left; padding: 7px 0.875em; border-right: 1px solid #cacaca; } .page-all-events .all-events-timeline .all-events-time-line-item .year { font-weight: bold; margin: 0 0 0.3em 0; } .page-all-events .all-events-timeline .all-events-time-line-item:first-child { padding-left: 0; } .page-all-events .all-events-timeline .all-events-time-line-item:last-child { padding-right: 0; border-right: none; } .page-all-events .all-events-timeline .all-events-time-line-item .month-nav { padding: 0; margin: 0; list-style: none; } .page-all-events .all-events-timeline .all-events-time-line-item .month-nav li { float: left; padding-left: 0.857em; } .page-all-events .all-events-timeline .all-events-time-line-item .month-nav li:first-child { padding-left: 0; } .page-all-events .all-events-timeline .all-events-time-line-item .month-nav li a { color: #87888A; font-size: 0.928em; } @media (max-width: 1084px) { .page-all-events .all-events-timeline .all-events-time-line-item { font-size: 0.9em; } } @media (max-width: 987px) { .page-all-events .all-events-timeline .all-events-time-line-item { font-size: 0.85em; } } @media (max-width: 940px) { .page-all-events .all-events-timeline .all-events-time-line-item { font-size: 0.8em; } } @media (max-width: 891px) { .page-all-events .all-events-timeline .all-events-time-line-item { font-size: 0.75em; } } @media (max-width: 843px) { .page-all-events .all-events-timeline .all-events-time-line-item { font-size: 0.7em; } } @media (max-width: 794px) { .page-all-events .all-events-timeline .all-events-time-line-item { font-size: 0.65em; } } @media (max-width: 767px) { .page-all-events .all-events-timeline .all-events-time-line-item { float: none; font-size: 1em; border-right: none; padding-right: 0; padding-left: 0; } } @media (max-width: 767px) { .page-all-events .event-date { float: none; width: auto; } .page-all-events .event-date h3 { margin-bottom: 12px; text-align: left; } .page-all-events .event-list { float: none; width: auto; } .page-all-events .event-list > .inner { padding-left: 3%; } .page-all-events .node-event.node-calendar p.date { width: 15%; } .page-all-events .node-event .text-holder { padding-left: 0; } } /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * Spacing * * @description * Contains defined spacings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Spacings * ----------------------------------------------------------------------------- */ /** * 1.0 Spacings * ----------------------------------------------------------------------------- */ /** * Typography * * @description * Contains typography settings * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Typography * 2.0 - Mixins * - 2.1 - Font-size * --2.2 - Make font-size * 3.0 - Extensions * ----------------------------------------------------------------------------- */ /** * Media queries * * @description * Contains defined media queries * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * 1.0 Responsiveness and sizes * ----------------------------------------------------------------------------- */ /** * Colors * * @description * Contains theme colors * * @version * 3.0.0 **/ /** * Table of Contents: * * 1.0 - Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Colors * ----------------------------------------------------------------------------- */ /** * 1.0 Typography * ----------------------------------------------------------------------------- */ /** * 2.0 - Mixins * ----------------------------------------------------------------------------- */ /** * 2.1 - Font size * * Description: Handeling font-sizes with responsivness. * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 2.2 - Make font size * * Description: Utility function for mixin font-size * @See: http://www.smashingmagazine.com/2015/06/responsive-typography-with-sass-maps/ * ----------------------------------------------------------------------------- */ /** * 3.0 - Extensions * ----------------------------------------------------------------------------- */ .view-affiliate-list h2.list-header, .node-region-page .inner-header { font-family: "Raleway", sans-serif; margin: 0; font-weight: 800; font-style: normal; line-height: 2.6rem; font-variant-ligatures: none; font-feature-settings: "liga" 0; } @media all and (min-width: 0px) { .view-affiliate-list h2.list-header { font-size: 3rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .view-affiliate-list h2.list-header { font-size: 3.2rem; margin-top: 0; line-height: 4rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .node-region-page .inner-header { font-size: 2.2rem; margin-top: 0; line-height: 2.6rem; margin-bottom: 1.2rem; } } @media all and (min-width: 768px) { .node-region-page .inner-header { font-size: 2.4rem; margin-top: 0; line-height: 3.2rem; margin-bottom: 1.6rem; } } @media all and (min-width: 0px) { .affiliate_nav .rte p, .views-view-grid.cols-4 td .views-field a, .view-affiliate-list p, .aw_header .rte p { font-size: 1.6rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } @media all and (min-width: 768px) { .affiliate_nav .rte p, .views-view-grid.cols-4 td .views-field a, .view-affiliate-list p, .aw_header .rte p { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } } .content-main-holder { width: 80%; display: inline-block; } @media (max-width: 767px) { .content-main-holder { width: 100%; margin-top: 3.2rem; } } .sidebar { width: 20%; display: inline-block; vertical-align: top; } @media (max-width: 767px) { .sidebar { display: none; } } .affiliate_nav { background: #1A171B; min-height: 370px; position: relative; color: #fff; margin-left: -8rem; margin-right: -8rem; margin-top: -8rem; margin-bottom: 4.8rem; width: 1440px; padding: 4.8rem; } @media (max-width: 1440px) { .affiliate_nav { width: auto; } } @media (max-width: 767px) { .affiliate_nav { margin-left: -3.2rem; margin-right: -3.2rem; margin-top: -3.2rem; margin-bottom: 0; } } .affiliate_nav #affiliate_nav { padding: em(33px) em(27px); } .affiliate_nav h1 { color: #fff; margin-bottom: 15px; } .affiliate_nav .rte { width: 320px; } .affiliate_nav .rte p { line-height: 2.5rem; } @media (max-width: 767px) { .affiliate_nav .rte { width: 100%; } } .affiliate_nav select, .affiliate_nav .chosen-container { width: 275px; font-size: 1.6rem; height: 3rem; } .affiliate_nav select .chzn-drop li, .affiliate_nav .chosen-container .chzn-drop li { color: #1A171B; } @media (max-width: 767px) { .affiliate_nav select, .affiliate_nav .chosen-container { width: 100%; } } .affiliate_nav p.info { position: absolute; left: 4.8rem; bottom: 0; padding-right: 1.6rem; font-size: 1.4rem; } .affiliate_nav p.info a { color: #fff; text-decoration: underline !important; } .affiliate_nav + .views_panes { background-color: #fff; padding: em(45px) 0 0; margin: 0 auto; max-width: 1440px; font-size: em(16px); } .affiliate_nav + .views_panes a { color: #1A171B; } @media (max-width: 767px) { .affiliate_nav { background: #1A171B; } .affiliate_nav + .views_panes { display: none; } } .view-affiliate-countries { padding: 0 50px; } .views-view-grid { width: 100%; } .views-view-grid.cols-4 td { width: 25%; border: none; padding: 0; } .views-view-grid.cols-4 td .views-field { padding: 0 0 12px 7px; } .views-view-grid a { font-size: em(22px); line-height: em(26px, 22px); } .view-affiliate-list h2.list-header { text-transform: uppercase; color: #DC001A; padding-bottom: 0.8rem; margin-bottom: 0; border-bottom: 0.2rem dotted #E5E5E5; width: 80%; } #block-system-main .content ul.inline-nav { margin-bottom: 16px; padding-left: 0; margin-top: -16px; list-style: none; font-size: em(16px); } #block-system-main .content ul.inline-nav .arrow { color: #E5E5E5; } #block-system-main .content ul.inline-nav a { color: #DC001A; } .node-affiliate { margin-bottom: em(0.8rem); } .node-affiliate h3 { max-width: 500px; margin-bottom: 11px; } .node-affiliate p { margin-bottom: em(10px); } .node-affiliate p.label { font-weight: bold; margin-bottom: 0; } .node-affiliate .col { width: 45%; padding-right: 5%; float: left; } .node-region-page .image { margin-bottom: em(0.4rem); } .node-region-page .image img { width: 100%; } @media all and (min-width: 0px) { .node-region-page .rte { font-size: 1.5rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } @media all and (min-width: 768px) { .node-region-page .rte { font-size: 1.6rem; margin-top: 0; line-height: 2.4rem; margin-bottom: 1rem; } } .node-region-page .rte ul, .node-region-page .rte ol { padding-left: em(20px); } .node-region-page .inner-header { margin-bottom: 0; } .aw_my-2 { padding: 0 0 12px 7px; } .aw_my-2 a { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; color: #1A171B; } #aw_widget_industriall h1 { color: #fff; font-size: 6rem !important; margin-top: 0; line-height: 7rem !important; margin-bottom: 15px; } .aw_header p { font-size: 1.8rem; margin-top: 0; line-height: 3rem; margin-bottom: 2rem; } #aw_widget_industriall .aw_container { max-width: 100% !important; } #aw_app_result { padding: 0 50px; } .aw_header { background: #1A171B; min-height: 370px; position: relative; color: #fff; margin-left: -8rem; margin-right: -8rem; margin-top: -8rem; margin-bottom: 4.8rem; width: 1440px; padding: 4.8rem; margin: 8rem auto; } @media (max-width: 1440px) { .aw_header { width: auto; } } @media (max-width: 767px) { .aw_header { margin-left: -3.2rem; margin-right: -3.2rem; margin-top: -3.2rem; margin-bottom: 0; } } .aw_header #affiliate_nav { padding: em(33px) em(27px); } .aw_header h1 { color: #fff; margin-bottom: 15px; } .aw_header .rte { width: 320px; } .aw_header .rte p { line-height: 2.5rem; } @media (max-width: 767px) { .aw_header .rte { width: 100%; } } .aw_header select, .aw_header .chosen-container { width: 275px; font-size: 1.6rem; height: 3rem; } .aw_header select .chzn-drop li, .aw_header .chosen-container .chzn-drop li { color: #1A171B; } @media (max-width: 767px) { .aw_header select, .aw_header .chosen-container { width: 100%; } } .aw_header p.info { position: absolute; left: 4.8rem; bottom: 0; padding-right: 1.6rem; font-size: 1.4rem; } .aw_header p.info a { color: #fff; text-decoration: underline !important; } .aw_header + .views_panes { background-color: #fff; padding: em(45px) 0 0; margin: 0 auto; max-width: 1440px; font-size: em(16px); } .aw_header + .views_panes a { color: #1A171B; } @media (max-width: 767px) { .aw_header { background: #1A171B; } .aw_header + .views_panes { display: none; } } /*# sourceMappingURL=styles.chunk.css.map*/