.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;-moz-user-select:none;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} @charset "UTF-8"; @font-face { font-family: "Museo Sans"; font-weight: 400; font-display: swap; src: url("../../fonts/MuseoSans_500-webfont.woff2") format("woff2"), url("../../fonts/MuseoSans_500-webfont.woff") format("woff"); } @font-face { font-family: "Museo Sans"; font-weight: 600; font-display: swap; src: url("../../fonts/MuseoSans_700-webfont.woff2") format("woff2"), url("../../fonts/MuseoSans_700-webfont.woff") format("woff"); } html:lang(fi) .site-content p a[href^="http://"]:not([href*="csc.fi/"]), html:lang(fi) .site-content p a[href^="https://"]:not([href*="//csc.fi"]), html:lang(fi) .site-content ul a[href^="http://"]:not([href*="csc.fi/"]), html:lang(fi) .site-content ul a[href^="https://"]:not([href*="//csc.fi"]){ position: relative; } html:lang(fi) .site-content p a[href^="http://"]:not([href*="csc.fi/"]):after, html:lang(fi) .site-content p a[href^="https://"]:not([href*="//csc.fi"]):after, html:lang(fi) .site-content ul a[href^="http://"]:not([href*="csc.fi/"]):after, html:lang(fi) .site-content ul a[href^="https://"]:not([href*="//csc.fi"]):after{ margin-left: 0.25rem; display: inline-block; height: 1em; width: 1em; background-color: currentColor; vertical-align: middle; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: inherit; mask-size: inherit; margin-bottom: 0.25rem; } html:lang(en) .site-content p a[href^="http://"]:not([href*="csc.fi/"]), html:lang(en) .site-content p a[href^="https://"]:not([href*="//csc.fi"]), html:lang(en) .site-content ul a[href^="http://"]:not([href*="csc.fi/"]), html:lang(en) .site-content ul a[href^="https://"]:not([href*="//csc.fi"]){ position: relative; padding-right: 1.25rem; } html:lang(en) .site-content p a[href^="http://"]:not([href*="csc.fi/"]):after, html:lang(en) .site-content p a[href^="https://"]:not([href*="//csc.fi"]):after, html:lang(en) .site-content ul a[href^="http://"]:not([href*="csc.fi/"]):after, html:lang(en) .site-content ul a[href^="https://"]:not([href*="//csc.fi"]):after{ position: absolute; margin-left: 0.25rem; display: inline-block; height: 100%; width: 1em; background-color: currentColor; vertical-align: middle; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: inherit; mask-size: inherit; margin-top: 0.25rem; } html:lang(sv) .site-content p a[href^="http://"]:not([href*="csc.fi/"]), html:lang(sv) .site-content p a[href^="https://"]:not([href*="//csc.fi"]), html:lang(sv) .site-content ul a[href^="http://"]:not([href*="csc.fi/"]), html:lang(sv) .site-content ul a[href^="https://"]:not([href*="//csc.fi"]){ position: relative; padding-right: 1.25rem; } html:lang(sv) .site-content p a[href^="http://"]:not([href*="csc.fi/"]):after, html:lang(sv) .site-content p a[href^="https://"]:not([href*="//csc.fi"]):after, html:lang(sv) .site-content ul a[href^="http://"]:not([href*="csc.fi/"]):after, html:lang(sv) .site-content ul a[href^="https://"]:not([href*="//csc.fi"]):after{ position: absolute; margin-left: 0.25rem; display: inline-block; height: 100%; width: 1em; background-color: currentColor; vertical-align: middle; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: inherit; mask-size: inherit; margin-top: 0.25rem; } html{ font-family: Museo Sans, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } html h1, html h2, html h3, html h4, html h5, html h6{ font-weight: 400; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); line-height: 1.17; } html .wp-block-cover h1:not(.has-text-color), html .wp-block-cover h2:not(.has-text-color), html .wp-block-cover h3:not(.has-text-color), html .wp-block-cover h4:not(.has-text-color), html .wp-block-cover h5:not(.has-text-color), html .wp-block-cover h6:not(.has-text-color), html .wp-block-cover p:not(.has-text-color){ --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } html h1{ font-size: 2rem; font-weight: 600; } @media only screen and (max-width: 768px) { html h1{ font-size: 1.625rem; } } html h2{ position: relative; padding-bottom: 1rem; font-size: 1.625rem; font-weight: 600; } html .wp-block-column h2, html .csc-posts-lift-block h2, html .csc-recruitee-offers-block h2, html .csc-contact-block h2, html .csc-training-list-block h2, html .is-style-hero-content h2 { margin-bottom: 1.5rem; } html .wp-block-column h2::after, html .csc-posts-lift-block h2::after, html .csc-recruitee-offers-block h2::after, html .csc-contact-block h2::after, html .csc-training-list-block h2::after, html .is-style-hero-content h2::after{ position: absolute; bottom: 0px; left: 0px; height: 0.25rem; width: 3.5rem; --tw-bg-opacity: 1; background-color: rgb(153 194 201 / var(--tw-bg-opacity)); content: ""; } html .capitalize { font-style: capitalize; } html .underlined{ position: relative; padding-bottom: 1rem; font-size: 1.625rem; font-weight: 600; } html .underlined::after{ position: absolute; bottom: 0px; left: 0px; height: 0.25rem; width: 3.5rem; --tw-bg-opacity: 1; background-color: rgb(153 194 201 / var(--tw-bg-opacity)); content: ""; } html .underlined.longer::after{ position: absolute; bottom: 0px; left: 0px; height: 0.25rem; width: 100%; --tw-bg-opacity: 1; background-color: rgb(153 194 201 / var(--tw-bg-opacity)); content: ""; } html h3{ font-size: 1.25rem; font-weight: 600; } html h4{ font-size: 1rem; font-weight: 600; } html h5{ font-size: .875rem; } @media (min-width: 768px){ html h5{ font-size: 1rem; } } html h6{ font-size: .875rem; } html p { line-height: 1.44; } html h1, html h2, html h3, html h4, html h5, html h6, html p, html ul, html ol{ margin-top: 0px; margin-bottom: 1.5rem; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } html .wp-block-columns h2{ margin-top: 0px; } html a{ text-decoration-line: none; } html a:hover{ text-decoration-line: underline; } html .entry-content p > a{ text-decoration-line: underline; } html .entry-content li > a{ text-decoration-line: underline; } html .entry-content .is-style-link-list-blocks li > a{ text-decoration-line: none; } html .entry-content a[target=_blank]:after{ margin-left: 0.25rem; display: inline-block; content: url('data:image/svg+xml,'); line-height: 1; vertical-align: middle; } html .entry-content p + h2, html .entry-content p + h3 { margin-top: 2.5rem; } html ul, html ol{ padding-left: 1.25rem; } html ul li, html ol li { margin-left: 1em; } html ul li a, html ol li a { margin-right: 5px; } html .is-style-infobox li { margin-left: 0px; } .wp-block-button .wp-block-button__link{ --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); } .wp-block-button{ min-height: 3rem; } *, ::before, ::after{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .static{ position: static; } .fixed{ position: fixed; } .absolute{ position: absolute; } .relative{ position: relative; } .inset-x-0{ left: 0px; right: 0px; } .-bottom-12{ bottom: -3rem; } .bottom-0{ bottom: 0px; } .left-0{ left: 0px; } .right-0{ right: 0px; } .top-0{ top: 0px; } .top-0\.5{ top: 0.125rem; } .top-1\/2{ top: 50%; } .z-0{ z-index: 0; } .z-10{ z-index: 10; } .z-20{ z-index: 20; } .z-30{ z-index: 30; } .z-40{ z-index: 40; } .z-50{ z-index: 50; } .z-auto{ z-index: auto; } .col-span-3{ grid-column: span 3 / span 3; } .col-span-full{ grid-column: 1 / -1; } .col-start-1{ grid-column-start: 1; } .col-start-2{ grid-column-start: 2; } .col-start-3{ grid-column-start: 3; } .row-span-1{ grid-row: span 1 / span 1; } .row-span-2{ grid-row: span 2 / span 2; } .row-start-1{ grid-row-start: 1; } .row-start-2{ grid-row-start: 2; } .row-start-4{ grid-row-start: 4; } .m-0{ margin: 0px; } .mx-0{ margin-left: 0px; margin-right: 0px; } .mx-4{ margin-left: 1rem; margin-right: 1rem; } .mx-auto{ margin-left: auto; margin-right: auto; } .my-0{ margin-top: 0px; margin-bottom: 0px; } .my-1{ margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-2{ margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-4{ margin-top: 1rem; margin-bottom: 1rem; } .my-6{ margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8{ margin-top: 2rem; margin-bottom: 2rem; } .\!mb-12{ margin-bottom: 3rem !important; } .-ml-6{ margin-left: -1.5rem; } .-mr-6{ margin-right: -1.5rem; } .mb-0{ margin-bottom: 0px; } .mb-10{ margin-bottom: 2.5rem; } .mb-14{ margin-bottom: 3.5rem; } .mb-16{ margin-bottom: 4rem; } .mb-2{ margin-bottom: 0.5rem; } .mb-2\.5{ margin-bottom: 0.625rem; } .mb-4{ margin-bottom: 1rem; } .mb-6{ margin-bottom: 1.5rem; } .mb-8{ margin-bottom: 2rem; } .ml-1{ margin-left: 0.25rem; } .ml-2{ margin-left: 0.5rem; } .ml-3{ margin-left: 0.75rem; } .ml-8{ margin-left: 2rem; } .ml-auto{ margin-left: auto; } .mr-0{ margin-right: 0px; } .mr-1{ margin-right: 0.25rem; } .mr-1\.5{ margin-right: 0.375rem; } .mr-10{ margin-right: 2.5rem; } .mr-2{ margin-right: 0.5rem; } .mr-3{ margin-right: 0.75rem; } .mr-4{ margin-right: 1rem; } .mr-5{ margin-right: 1.25rem; } .mt-0{ margin-top: 0px; } .mt-1{ margin-top: 0.25rem; } .mt-2{ margin-top: 0.5rem; } .mt-4{ margin-top: 1rem; } .mt-6{ margin-top: 1.5rem; } .mt-8{ margin-top: 2rem; } .box-border{ box-sizing: border-box; } .block{ display: block; } .inline-block{ display: inline-block; } .inline{ display: inline; } .flex{ display: flex; } .inline-flex{ display: inline-flex; } .\!table{ display: table !important; } .table{ display: table; } .table-caption{ display: table-caption; } .grid{ display: grid; } .contents{ display: contents; } .hidden{ display: none; } .aspect-\[2\/1\]{ aspect-ratio: 2/1; } .h-1{ height: 0.25rem; } .h-12{ height: 3rem; } .h-4{ height: 1rem; } .h-6{ height: 1.5rem; } .h-8{ height: 2rem; } .h-\[0\.6em\]{ height: 0.6em; } .h-\[0\.9em\]{ height: 0.9em; } .h-\[1em\]{ height: 1em; } .h-auto{ height: auto; } .h-fit{ height: -moz-fit-content; height: fit-content; } .h-full{ height: 100%; } .max-h-32{ max-height: 8rem; } .max-h-48{ max-height: 12rem; } .max-h-80{ max-height: 20rem; } .max-h-\[28rem\]{ max-height: 28rem; } .min-h-\[2\.75rem\]{ min-height: 2.75rem; } .min-h-\[8rem\]{ min-height: 8rem; } .w-12{ width: 3rem; } .w-14{ width: 3.5rem; } .w-4{ width: 1rem; } .w-6{ width: 1.5rem; } .w-7{ width: 1.75rem; } .w-8{ width: 2rem; } .w-80{ width: 20rem; } .w-\[0\.9em\]{ width: 0.9em; } .w-\[1em\]{ width: 1em; } .w-auto{ width: auto; } .w-full{ width: 100%; } .w-max{ width: -moz-max-content; width: max-content; } .min-w-\[7rem\]{ min-width: 7rem; } .min-w-full{ min-width: 100%; } .\!max-w-full{ max-width: 100% !important; } .max-w-1\/2{ max-width: 50%; } .max-w-3xl{ max-width: 48rem; } .max-w-csc_max_width{ max-width: 1440px; } .max-w-full{ max-width: 100%; } .max-w-lg_screen{ max-width: 1280px; } .max-w-none{ max-width: none; } .max-w-xs{ max-width: 20rem; } .flex-1{ flex: 1 1 0%; } .flex-shrink-0{ flex-shrink: 0; } .flex-grow{ flex-grow: 1; } .basis-auto{ flex-basis: auto; } .-translate-y-\[200\%\]{ --tw-translate-y: -200%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[200\%\]{ --tw-translate-y: 200%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-45{ --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45{ --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform{ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .cursor-pointer{ cursor: pointer; } .list-none{ list-style-type: none; } .columns-2{ -moz-columns: 2; columns: 2; } .columns-3{ -moz-columns: 3; columns: 3; } .grid-flow-row{ grid-auto-flow: row; } .auto-rows-max{ grid-auto-rows: max-content; } .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .flex-row{ flex-direction: row; } .flex-col{ flex-direction: column; } .flex-wrap{ flex-wrap: wrap; } .items-end{ align-items: flex-end; } .items-center{ align-items: center; } .items-baseline{ align-items: baseline; } .justify-start{ justify-content: flex-start; } .justify-end{ justify-content: flex-end; } .justify-center{ justify-content: center; } .justify-between{ justify-content: space-between; } .gap-0{ gap: 0px; } .gap-2{ gap: 0.5rem; } .gap-4{ gap: 1rem; } .gap-8{ gap: 2rem; } .gap-x-10{ -moz-column-gap: 2.5rem; column-gap: 2.5rem; } .gap-y-0{ row-gap: 0px; } .self-end{ align-self: flex-end; } .justify-self-center{ justify-self: center; } .overflow-hidden{ overflow: hidden; } .overflow-visible{ overflow: visible; } .overflow-y-auto{ overflow-y: auto; } .overflow-x-hidden{ overflow-x: hidden; } .whitespace-normal{ white-space: normal; } .whitespace-nowrap{ white-space: nowrap; } .rounded-full{ border-radius: 9999px; } .rounded-lg{ border-radius: 0.5rem; } .rounded-none{ border-radius: 0px; } .rounded-t-none{ border-top-left-radius: 0px; border-top-right-radius: 0px; } .border{ border-width: 1px; } .border-0{ border-width: 0px; } .border-solid{ border-style: solid; } .border-none{ border-style: none; } .border-black{ --tw-border-opacity: 1; border-color: rgb(0 41 48 / var(--tw-border-opacity)); } .border-primary{ --tw-border-opacity: 1; border-color: rgb(0 103 120 / var(--tw-border-opacity)); } .bg-current{ background-color: currentColor; } .bg-grey-100{ --tw-bg-opacity: 1; background-color: rgb(239 240 241 / var(--tw-bg-opacity)); } .bg-grey-200{ --tw-bg-opacity: 1; background-color: rgb(223 225 227 / var(--tw-bg-opacity)); } .bg-petrol-600{ --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); } .bg-primary{ --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); } .bg-transparent{ background-color: transparent; } .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .bg-none{ background-image: none; } .stroke-black{ stroke: #002930; } .object-contain{ -o-object-fit: contain; object-fit: contain; } .object-cover{ -o-object-fit: cover; object-fit: cover; } .p-0{ padding: 0px; } .p-2{ padding: 0.5rem; } .p-4{ padding: 1rem; } .p-5{ padding: 1.25rem; } .p-6{ padding: 1.5rem; } .p-8{ padding: 2rem; } .px-0{ padding-left: 0px; padding-right: 0px; } .px-2{ padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5{ padding-left: 0.625rem; padding-right: 0.625rem; } .px-3{ padding-left: 0.75rem; padding-right: 0.75rem; } .px-4{ padding-left: 1rem; padding-right: 1rem; } .px-5{ padding-left: 1.25rem; padding-right: 1.25rem; } .px-6{ padding-left: 1.5rem; padding-right: 1.5rem; } .px-8{ padding-left: 2rem; padding-right: 2rem; } .py-0{ padding-top: 0px; padding-bottom: 0px; } .py-0\.5{ padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5{ padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-3{ padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-4{ padding-top: 1rem; padding-bottom: 1rem; } .py-5{ padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8{ padding-top: 2rem; padding-bottom: 2rem; } .pb-0{ padding-bottom: 0px; } .pb-2{ padding-bottom: 0.5rem; } .pb-4{ padding-bottom: 1rem; } .pb-8{ padding-bottom: 2rem; } .pl-4{ padding-left: 1rem; } .pl-5{ padding-left: 1.25rem; } .pl-6{ padding-left: 1.5rem; } .pl-8{ padding-left: 2rem; } .pr-12{ padding-right: 3rem; } .pr-7{ padding-right: 1.75rem; } .pr-8{ padding-right: 2rem; } .pr-\[3\.75em\]{ padding-right: 3.75em; } .pt-0{ padding-top: 0px; } .pt-2{ padding-top: 0.5rem; } .pt-4{ padding-top: 1rem; } .text-left{ text-align: left; } .text-center{ text-align: center; } .align-middle{ vertical-align: middle; } .align-text-top{ vertical-align: text-top; } .font-sans{ font-family: Museo Sans, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .text-base{ font-size: 1rem; } .text-lg{ font-size: 1.25rem; } .text-sm{ font-size: .875rem; } .text-xl{ font-size: 1.625rem; } .text-xs{ font-size: .813rem; } .font-bold{ font-weight: 700; } .font-light{ font-weight: 300; } .font-medium{ font-weight: 500; } .font-normal{ font-weight: 400; } .font-semibold{ font-weight: 600; } .uppercase{ text-transform: uppercase; } .capitalize{ text-transform: capitalize; } .leading-6{ line-height: 1.5rem; } .leading-8{ line-height: 2rem; } .text-black{ --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .text-grey-700{ --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .text-petrol-600{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .text-primary{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .underline{ text-decoration-line: underline; } .no-underline{ text-decoration-line: none; } .outline{ outline-style: solid; } .filter{ filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .transition{ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-300{ transition-duration: 300ms; } /* Generic CSS for front end */ .site-content .site-main .entry-content > *:not(.alignfull), .site-content .site-main .entry-header { max-width: 90rem; margin-left: auto; margin-right: auto; width: calc(100% - 3rem); } .csc-container { max-width: 90rem; margin-left: auto; margin-right: auto; width: calc(100% - 3rem); } [x-cloak] { display: none !important; } .single-post .post-image img, .single-story .post-image img { height: auto; } .single-post .post:not(.cat-event) .post-info, .single-story .post:not(.cat-event) .post-info{ position: relative; margin: 0px; margin-left: auto; margin-right: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 2rem; padding-bottom: 0px; margin-top: 0; max-width: 690px !important; } @media (min-width: 880px) { .single-post .post:not(.cat-event) .post-info, .single-story .post:not(.cat-event) .post-info { margin-top: -11rem; } } .single-post .post:not(.cat-event) .post-info .entry-excerpt, .single-story .post:not(.cat-event) .post-info .entry-excerpt{ font-size: 1.25rem; } .single-post .post:not(.cat-event) .post-info.post-tags, .single-story .post:not(.cat-event) .post-info.post-tags { margin-top: -36px; padding-top: 0; } .single-post .entry-content .csc-categories a, .single-story .entry-content .csc-categories a{ --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .single-post .recent-posts img, .single-story .recent-posts img{ width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 149px; } .single-post h2:after, .single-story h2:after { display: none; } @media (min-width: 768px){ .single-story .wp-block-columns{ margin-bottom: 0px; } } .single-story .post-thumbnail img{ margin-bottom: 1rem; } @media (min-width: 768px){ .single-story .post-thumbnail img{ margin-bottom: 2rem; } } .single-story .post-info{ position: relative; margin: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0px; } @media (min-width: 768px){ .single-story .post-info{ margin-top: -13rem; padding-left: 2rem; padding-right: 2rem; padding-top: 2rem; } } .single-story .post-info { max-width: 690px !important; } .single-story .post-info .entry-excerpt{ font-size: 1.25rem; } .single-story .post-info.post-tags{ margin-top: 0px; padding-top: 0px; } @media (max-width: 1365px) { .single-story .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .single-story .post-info.post-tags { max-width: 690px !important; margin: 0 auto !important; } } @media (max-width: 768px) { .single-story .post-info.post-tags { padding: 0; } } @media (max-width: 1365px) { .single-story .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; flex-grow: initial !important; } .single-story .wp-block-columns { width: calc(100% - 3rem); max-width: 690px !important; flex-wrap: wrap !important; } } .funders { align-items: center; } .single-training .hero-image, .single-post .cat-event .hero-image{ margin-left: auto; margin-right: auto; display: flex; overflow: visible; } .csc-posts-lift-block .single-training .hero-image,.csc-posts-lift-block .single-post .cat-event .hero-image { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .single-training .hero-image,.csc-posts-lift-block .single-post .cat-event .hero-image { flex-wrap: nowrap; } } .single-training .hero-image, .single-post .cat-event .hero-image { width: calc(100% - 3rem); max-width: 90rem; height: 29.063rem; } .single-training .training-data, .single-training .event-data, .single-post .cat-event .training-data, .single-post .cat-event .event-data{ display: flex; flex-direction: column; } .csc-posts-lift-block .single-training .training-data,.csc-posts-lift-block .single-training .event-data,.csc-posts-lift-block .single-post .cat-event .training-data,.csc-posts-lift-block .single-post .cat-event .event-data { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .single-training .training-data,.csc-posts-lift-block .single-training .event-data,.csc-posts-lift-block .single-post .cat-event .training-data,.csc-posts-lift-block .single-post .cat-event .event-data { flex-wrap: nowrap; } } @media (min-width: 768px){ .single-training .training-data, .single-training .event-data, .single-post .cat-event .training-data, .single-post .cat-event .event-data{ flex-direction: row; } } .single-training .training-data .external-link, .single-training .event-data .external-link, .single-post .cat-event .training-data .external-link, .single-post .cat-event .event-data .external-link{ display: flex; flex-direction: row; align-items: center; justify-content: center; } .csc-posts-lift-block .single-training .training-data .external-link,.csc-posts-lift-block .single-training .event-data .external-link,.csc-posts-lift-block .single-post .cat-event .training-data .external-link,.csc-posts-lift-block .single-post .cat-event .event-data .external-link { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .single-training .training-data .external-link,.csc-posts-lift-block .single-training .event-data .external-link,.csc-posts-lift-block .single-post .cat-event .training-data .external-link,.csc-posts-lift-block .single-post .cat-event .event-data .external-link { flex-wrap: nowrap; } } .single-training .training-data .external-link:after, .single-training .event-data .external-link:after, .single-post .cat-event .training-data .external-link:after, .single-post .cat-event .event-data .external-link:after{ margin-left: 0.5rem; display: inline-block; height: 1rem; width: 1rem; content: ""; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); background: #FFFFFF; } .single-training .post-content, .single-post .cat-event .post-content{ position: relative; margin-bottom: 2.5rem; margin-left: auto; margin-right: 0px; margin-top: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 0px; padding-bottom: 2rem; padding-bottom: 0px; } @media (min-width: 768px){ .single-training .post-content, .single-post .cat-event .post-content{ margin-top: -13rem; margin-bottom: 0px; padding: 2rem; } } .single-training .post-content, .single-post .cat-event .post-content { max-width: 46rem; } @media (max-width: 1024px) { .single-training .post-content, .single-post .cat-event .post-content { max-width: 100%; } } .single-training .post-content .entry-excerpt, .single-post .cat-event .post-content .entry-excerpt{ font-size: 1.25rem; } .single-training .post-info, .single-post .cat-event .post-info{ width: 100%; } @media (min-width: 768px){ .single-training .post-info, .single-post .cat-event .post-info{ width: 20rem; } } .single-training .post-info, .single-post .cat-event .post-info { min-width: 20rem; } @media (max-width: 1365px) { .single-training .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; flex-grow: initial !important; } .single-training .wp-block-columns { flex-wrap: wrap !important; } } .tax-researchinfrastructure .hero-image, .tax-funding .hero-image, .tax-internationalorganizations .hero-image{ margin-left: auto; margin-right: auto; display: flex; overflow: visible; padding: 0px; } .csc-posts-lift-block .tax-researchinfrastructure .hero-image,.csc-posts-lift-block .tax-funding .hero-image,.csc-posts-lift-block .tax-internationalorganizations .hero-image { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .tax-researchinfrastructure .hero-image,.csc-posts-lift-block .tax-funding .hero-image,.csc-posts-lift-block .tax-internationalorganizations .hero-image { flex-wrap: nowrap; } } .tax-researchinfrastructure .hero-image, .tax-funding .hero-image, .tax-internationalorganizations .hero-image { width: calc(100% - 3rem); max-width: 90rem; height: 29.063rem; } @media (max-width: 768px) { .tax-researchinfrastructure .hero-image, .tax-funding .hero-image, .tax-internationalorganizations .hero-image { height: auto; min-height: 100%; } } .tax-researchinfrastructure .project-data, .tax-researchinfrastructure .event-data, .tax-funding .project-data, .tax-funding .event-data, .tax-internationalorganizations .project-data, .tax-internationalorganizations .event-data{ display: flex; flex-direction: column; } .csc-posts-lift-block .tax-researchinfrastructure .project-data,.csc-posts-lift-block .tax-researchinfrastructure .event-data,.csc-posts-lift-block .tax-funding .project-data,.csc-posts-lift-block .tax-funding .event-data,.csc-posts-lift-block .tax-internationalorganizations .project-data,.csc-posts-lift-block .tax-internationalorganizations .event-data { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .tax-researchinfrastructure .project-data,.csc-posts-lift-block .tax-researchinfrastructure .event-data,.csc-posts-lift-block .tax-funding .project-data,.csc-posts-lift-block .tax-funding .event-data,.csc-posts-lift-block .tax-internationalorganizations .project-data,.csc-posts-lift-block .tax-internationalorganizations .event-data { flex-wrap: nowrap; } } @media (min-width: 1365px) { .tax-researchinfrastructure .project-data, .tax-researchinfrastructure .event-data, .tax-funding .project-data, .tax-funding .event-data, .tax-internationalorganizations .project-data, .tax-internationalorganizations .event-data{ flex-direction: row; } } .tax-researchinfrastructure .project-data .external-link, .tax-researchinfrastructure .event-data .external-link, .tax-funding .project-data .external-link, .tax-funding .event-data .external-link, .tax-internationalorganizations .project-data .external-link, .tax-internationalorganizations .event-data .external-link{ display: flex; flex-direction: row; align-items: center; justify-content: center; } .csc-posts-lift-block .tax-researchinfrastructure .project-data .external-link,.csc-posts-lift-block .tax-researchinfrastructure .event-data .external-link,.csc-posts-lift-block .tax-funding .project-data .external-link,.csc-posts-lift-block .tax-funding .event-data .external-link,.csc-posts-lift-block .tax-internationalorganizations .project-data .external-link,.csc-posts-lift-block .tax-internationalorganizations .event-data .external-link { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .tax-researchinfrastructure .project-data .external-link,.csc-posts-lift-block .tax-researchinfrastructure .event-data .external-link,.csc-posts-lift-block .tax-funding .project-data .external-link,.csc-posts-lift-block .tax-funding .event-data .external-link,.csc-posts-lift-block .tax-internationalorganizations .project-data .external-link,.csc-posts-lift-block .tax-internationalorganizations .event-data .external-link { flex-wrap: nowrap; } } .tax-researchinfrastructure .project-data .external-link:after, .tax-researchinfrastructure .event-data .external-link:after, .tax-funding .project-data .external-link:after, .tax-funding .event-data .external-link:after, .tax-internationalorganizations .project-data .external-link:after, .tax-internationalorganizations .event-data .external-link:after{ margin-left: 0.5rem; display: inline-block; height: 1rem; width: 1rem; content: ""; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); background: #FFFFFF; } .tax-researchinfrastructure .post-content, .tax-funding .post-content, .tax-internationalorganizations .post-content{ position: relative; margin-bottom: 2.5rem; margin-left: auto; margin-right: 0px; margin-top: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 2rem; padding-bottom: 0px; } @media (min-width: 768px){ .tax-researchinfrastructure .post-content, .tax-funding .post-content, .tax-internationalorganizations .post-content{ margin-top: -13rem; margin-bottom: 0px; padding: 2rem; } } .tax-researchinfrastructure .post-content, .tax-funding .post-content, .tax-internationalorganizations .post-content { max-width: 42rem; } @media (max-width: 1024px) { .tax-researchinfrastructure .post-content, .tax-funding .post-content, .tax-internationalorganizations .post-content { max-width: 100%; } } @media (max-width: 1365px) { .tax-researchinfrastructure .post-content, .tax-funding .post-content, .tax-internationalorganizations .post-content { margin-right: auto; } } .tax-researchinfrastructure .post-content .entry-excerpt, .tax-funding .post-content .entry-excerpt, .tax-internationalorganizations .post-content .entry-excerpt{ font-size: 1.25rem; } .tax-researchinfrastructure .post-info, .tax-funding .post-info, .tax-internationalorganizations .post-info{ width: 100%; } @media (min-width: 768px){ .tax-researchinfrastructure .post-info, .tax-funding .post-info, .tax-internationalorganizations .post-info{ width: 20rem; } } .tax-researchinfrastructure .post-info, .tax-funding .post-info, .tax-internationalorganizations .post-info { min-width: 22rem; } .tax-researchinfrastructure .is-style-infobox ul, .tax-funding .is-style-infobox ul, .tax-internationalorganizations .is-style-infobox ul{ margin: 0px; list-style-type: none; padding: 0px; font-size: .875rem; font-weight: 600; } .tax-researchinfrastructure .is-style-infobox ul li, .tax-funding .is-style-infobox ul li, .tax-internationalorganizations .is-style-infobox ul li{ position: relative; margin-top: 1rem; margin-bottom: 1rem; display: flex; align-items: center; padding-left: 2rem; } .csc-posts-lift-block .tax-researchinfrastructure .is-style-infobox ul li,.csc-posts-lift-block .tax-funding .is-style-infobox ul li,.csc-posts-lift-block .tax-internationalorganizations .is-style-infobox ul li { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .tax-researchinfrastructure .is-style-infobox ul li,.csc-posts-lift-block .tax-funding .is-style-infobox ul li,.csc-posts-lift-block .tax-internationalorganizations .is-style-infobox ul li { flex-wrap: nowrap; } } .tax-researchinfrastructure .is-style-infobox ul li:before, .tax-funding .is-style-infobox ul li:before, .tax-internationalorganizations .is-style-infobox ul li:before{ position: absolute; margin-right: 0.5rem; height: 1.5rem; width: 1.5rem; vertical-align: middle; left: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; } .tax-researchinfrastructure .is-style-infobox ul li a, .tax-funding .is-style-infobox ul li a, .tax-internationalorganizations .is-style-infobox ul li a { text-decoration-line: none !important; } .tax-researchinfrastructure .is-style-infobox ul li:first-child, .tax-funding .is-style-infobox ul li:first-child, .tax-internationalorganizations .is-style-infobox ul li:first-child{ margin-top: 0px; } @media (max-width: 1365px) { .tax-researchinfrastructure .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, .tax-funding .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column, .tax-internationalorganizations .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; flex-grow: initial !important; } .tax-researchinfrastructure .wp-block-columns, .tax-funding .wp-block-columns, .tax-internationalorganizations .wp-block-columns { flex-wrap: wrap !important; } } .page-template-project-list .card__wrapper .project-read-more-link, .page-template-project-taxonomies-list .card__wrapper .project-read-more-link, .tax-researchinfrastructure .card__wrapper .project-read-more-link, .tax-funding .card__wrapper .project-read-more-link, .tax-internationalorganizations .card__wrapper .project-read-more-link{ display: flex; align-items: center; } .csc-posts-lift-block .page-template-project-list .card__wrapper .project-read-more-link,.csc-posts-lift-block .page-template-project-taxonomies-list .card__wrapper .project-read-more-link,.csc-posts-lift-block .tax-researchinfrastructure .card__wrapper .project-read-more-link,.csc-posts-lift-block .tax-funding .card__wrapper .project-read-more-link,.csc-posts-lift-block .tax-internationalorganizations .card__wrapper .project-read-more-link { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .page-template-project-list .card__wrapper .project-read-more-link,.csc-posts-lift-block .page-template-project-taxonomies-list .card__wrapper .project-read-more-link,.csc-posts-lift-block .tax-researchinfrastructure .card__wrapper .project-read-more-link,.csc-posts-lift-block .tax-funding .card__wrapper .project-read-more-link,.csc-posts-lift-block .tax-internationalorganizations .card__wrapper .project-read-more-link { flex-wrap: nowrap; } } .page-template-project-list .card__wrapper .project-read-more-link:before, .page-template-project-taxonomies-list .card__wrapper .project-read-more-link:before, .tax-researchinfrastructure .card__wrapper .project-read-more-link:before, .tax-funding .card__wrapper .project-read-more-link:before, .tax-internationalorganizations .card__wrapper .project-read-more-link:before{ margin-right: 0.25rem; display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; } .page-template-project-list .card__wrapper a:hover .project-read-more-link, .page-template-project-taxonomies-list .card__wrapper a:hover .project-read-more-link, .tax-researchinfrastructure .card__wrapper a:hover .project-read-more-link, .tax-funding .card__wrapper a:hover .project-read-more-link, .tax-internationalorganizations .card__wrapper a:hover .project-read-more-link { text-decoration: underline; } .single-project .hero-image{ margin-left: auto; margin-right: auto; display: flex; overflow: visible; } .csc-posts-lift-block .single-project .hero-image { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .single-project .hero-image { flex-wrap: nowrap; } } .single-project .hero-image { width: calc(100% - 3rem); max-width: 90rem; height: 29.063rem; } @media (max-width: 1024px) { .single-project .hero-image { padding-left: 0; padding-right: 0; } } .single-project .project-data{ display: flex; flex-direction: column; } .csc-posts-lift-block .single-project .project-data { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .single-project .project-data { flex-wrap: nowrap; } } @media (min-width: 768px){ .single-project .project-data{ flex-direction: row; } } .single-project .project-data .external-link{ display: flex; flex-direction: row; align-items: center; justify-content: center; } .csc-posts-lift-block .single-project .project-data .external-link { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .single-project .project-data .external-link { flex-wrap: nowrap; } } .single-project .project-data .external-link:after{ margin-left: 0.5rem; display: inline-block; height: 1rem; width: 1rem; content: ""; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); background: #FFFFFF; } @media (max-width: 1024px) { .single-project .project-data { margin-left: auto; margin-right: auto; width: calc(100% - 3rem); padding-left: 0; padding-right: 0; } } .single-project .post-content{ position: relative; margin-bottom: 2.5rem; margin-left: auto; margin-right: 0px; margin-top: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; padding-top: 0px; padding-bottom: 2rem; padding-bottom: 0px; } @media (min-width: 768px){ .single-project .post-content{ margin-top: -13rem; margin-bottom: 0px; padding: 2rem; } } .single-project .post-content { max-width: 46rem; } @media (max-width: 1024px) { .single-project .post-content { width: 100%; padding-left: 0; padding-right: 0; } } .single-project .post-content .entry-excerpt{ font-size: 1.25rem; } .single-project .post-info{ width: 100%; } @media (min-width: 768px){ .single-project .post-info{ width: 20rem; } } @media (max-width: 1024px) { .single-project .hero-image { height: auto; min-height: auto; } .single-project .wp-post-image { width: 100%; height: auto; } } .project-read-more-link a::before { margin-right: 0.5rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: -7px; display: inline-block; } .flex-center{ display: flex; justify-content: center; } .csc-posts-lift-block .flex-center { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .flex-center { flex-wrap: nowrap; } } .pagination{ margin-top: 1rem; } .pagination a { text-decoration: none; display: inline-block; height: 2rem; width: 2rem; padding: 0.5rem; text-align: center; line-height: 2rem; margin: 0 2px; } .pagination a:hover { background-color: #eee; } .pagination .dots { text-decoration: none; display: inline-block; height: 2rem; width: 2rem; padding: 0.5rem; text-align: center; line-height: 2rem; margin: 0 2px; } .pagination .next, .pagination .prev { height: auto; width: auto; } .pagination span.current{ display: inline-block; height: 2rem; width: 2rem; --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); padding: 0.5rem; text-align: center; line-height: 2rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); margin: 0 2px; } .blog .wp-block-cover.is-style-hero-large, .blog .wp-block-cover.is-style-small, .page-template-training-list .wp-block-cover.is-style-hero-large, .page-template-training-list .wp-block-cover.is-style-small, .page-template-training-list-archive-php .wp-block-cover.is-style-hero-large, .page-template-training-list-archive-php .wp-block-cover.is-style-small{ margin-bottom: 2rem; } #custom-posts-container{ margin-bottom: 2rem; } .select2-dropdown{ border-radius: 0px; --tw-border-opacity: 1; border-color: rgb(0 41 48 / var(--tw-border-opacity)); } .select2-container--default .select2-results__option{ margin: 0px; padding: 0.5rem; font-size: .875rem; } .select2-container--default .select2-results__option--selected{ --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{ --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .select2-container--default .select2-selection--multiple{ min-height: 2.5rem; border-radius: 0px; --tw-border-opacity: 1; border-color: rgb(0 41 48 / var(--tw-border-opacity)); padding-right: 1.75rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice{ border-radius: 0px; --tw-border-opacity: 1; border-color: rgb(0 41 48 / var(--tw-border-opacity)); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ height: 100%; --tw-border-opacity: 1; border-color: rgb(0 41 48 / var(--tw-border-opacity)); } .select2-container--default .select2-selection--multiple:before { content: " "; display: block; position: absolute; border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; right: 6px; margin-left: -4px; margin-top: -2px; top: 50%; width: 0; cursor: pointer; } .select2-container--open .select2-selection--multiple:before { content: " "; display: block; position: absolute; border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; height: 0; right: 6px; margin-left: -4px; margin-top: -2px; top: 50%; width: 0; cursor: pointer; } .organizers img{ margin-top: 2rem; } .organizers img:first-of-type { margin-top: 0; } ul li ul, ul li ul li ul { margin-bottom: 0; } .wp-block-column a, .post-content a { display: inline-block; } .page-template-training-list ul.checkboxes, .search ul.checkboxes { list-style: none; margin: 0; padding: 0; } .page-template-training-list ul.checkboxes li, .search ul.checkboxes li { list-style: none; margin: 1px; padding: 0; } .page-template-training-list [role=checkbox], .search [role=checkbox] { display: inline-block; position: relative; padding: 4px 8px; cursor: pointer; } .page-template-training-list [role=checkbox] a, .search [role=checkbox] a{ --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .page-template-training-list [role=checkbox]::before, .search [role=checkbox]::before { content: ""; display: inline-block; position: relative; top: 3px; left: -4px; margin-right: 0.25rem; height: 1em; width: 1em; align-items: baseline; background-color: rgb(255 255 255/var(--tw-bg-opacity)); border: 1px solid black; } .page-template-training-list [role=checkbox][aria-checked=true]::after, .search [role=checkbox][aria-checked=true]::after { border: solid #000; border-width: 0 0.125em 0.125em 0; content: ""; display: inline-block; height: 0.5em; transform: rotate(45deg); width: 0.25em; position: absolute; left: 10px; top: 9px; } .page-template-training-list [role=checkbox]:hover, .search [role=checkbox]:hover { cursor: pointer; } /* Blocks */ .wp-block-group.is-style-infobox{ margin-bottom: 1.5rem; display: flex; width: 100%; max-width: 24rem; flex-direction: column; padding: 1.5rem; } .csc-posts-lift-block .wp-block-group.is-style-infobox { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .wp-block-group.is-style-infobox { flex-wrap: nowrap; } .wp-block-group.is-style-infobox{ margin-bottom: 2.25rem; } } .wp-block-group.is-style-infobox :last-child{ margin-bottom: 0px; } .wp-block-quote{ margin-top: 1.5rem; margin-bottom: 1.5rem; margin-left: 0px; margin-right: 0px; display: flex; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(223 225 227 / var(--tw-bg-opacity)); padding: 1.25rem; } .csc-posts-lift-block .wp-block-quote { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .wp-block-quote { flex-wrap: nowrap; } } @media (min-width: 768px){ .wp-block-quote{ margin-left: 1.5rem; margin-right: 1.5rem; max-width: 32rem; } } .wp-block-quote p{ margin-bottom: 0.5rem; padding-left: 1.25rem; font-weight: 600; quotes: "“" "“"; } .wp-block-quote p:first-of-type:before{ display: inline-block; content: open-quote; margin-left: -0.5em; transform: scale(2) translateY(0.15em) translateX(-0.25em); } .wp-block-quote p:last-of-type:after{ display: inline-block; content: close-quote; transform: scale(2) translateY(0.15em) translateX(0.25em); } .wp-block-quote cite{ align-self: flex-end; font-size: .875rem; font-style: normal; --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .wp-block-quote.is-style-plain p { quotes: none; } .wp-block-quote.is-style-plain p:first-of-type:before, .wp-block-quote.is-style-plain p:last-of-type:after { content: none; } .site-content .site-main .entry-content .wp-block-image{ margin-bottom: 1.5rem; display: table; width: auto; } .site-content .site-main .entry-content .wp-block-image .wp-element-caption{ margin: 0px; display: table-caption; caption-side: bottom; --tw-bg-opacity: 1; background-color: rgb(223 225 227 / var(--tw-bg-opacity)); padding: 0.5rem; } .is-style-link-list{ list-style-type: none; padding: 0px; font-size: .875rem; font-weight: 600; } .is-style-link-list li{ position: relative; margin-top: 1rem; margin-bottom: 1rem; padding-left: 2rem; } .is-style-link-list li:before{ position: absolute; top: 50%; margin-right: 0.5rem; height: 1.5rem; width: 1.5rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); left: 0; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; } .is-style-link-list li a { text-decoration-line: none !important; } .is-style-link-list-blocks{ margin-top: 0.625rem; margin-bottom: 0.625rem; list-style-type: none; padding: 0px; font-size: .875rem; font-weight: 600; } .is-style-link-list-blocks li{ margin-top: 0.625rem; margin-bottom: 0.625rem; display: flex; width: 100%; align-items: center; } .csc-posts-lift-block .is-style-link-list-blocks li { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .is-style-link-list-blocks li { flex-wrap: nowrap; } } .is-style-link-list-blocks li .block-editor-rich-text__editable{ width: 100%; } .is-style-link-list-blocks li .block-editor-rich-text__editable a{ box-sizing: border-box; } .is-style-link-list-blocks a{ position: relative; display: flex; width: 100%; align-items: center; --tw-bg-opacity: 1; background-color: rgb(230 240 242 / var(--tw-bg-opacity)); padding-top: 1.5rem; padding-bottom: 1.5rem; padding-left: 1rem; padding-right: 3rem; font-size: 1rem; } .csc-posts-lift-block .is-style-link-list-blocks a { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .is-style-link-list-blocks a { flex-wrap: nowrap; } } .is-style-link-list-blocks a:after{ position: absolute; right: 1rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; } .is-style-infobox .is-style-link-list{ margin: 0px; } .is-style-infobox .is-style-link-list li:first-child{ margin-top: 0px; } .wp-block-columns{ margin-bottom: 2rem; gap: 0px; } @media (min-width: 768px){ .wp-block-columns{ gap: 1.5rem; } } @media (min-width: 1024px){ .wp-block-columns{ margin-bottom: 4rem; } } .wp-block-columns > :last-child{ margin-bottom: 1.5rem; } @media (min-width: 1024px){ .wp-block-columns > :last-child{ margin-bottom: 0px; } } .wp-block-columns.csc-main-content-columns > .wp-block-column:empty, .wp-block-columns.csc-simple-content-columns > .wp-block-column:empty{ display: none; } @media (min-width: 1024px){ .wp-block-columns.csc-main-content-columns > .wp-block-column:empty, .wp-block-columns.csc-simple-content-columns > .wp-block-column:empty{ display: flex; } } .wp-block-columns.csc-main-content-columns .wp-block-column, .wp-block-columns.csc-simple-content-columns .wp-block-column{ padding-bottom: 1.5rem; } .wp-block-columns.csc-main-content-columns .wp-block-column :last-child, .wp-block-columns.csc-simple-content-columns .wp-block-column :last-child{ margin-bottom: 0px; } .wp-block-columns.csc-main-content-columns{ flex-direction: column; } @media (min-width: 1024px){ .wp-block-columns.csc-main-content-columns{ flex-direction: row; } } .wp-block-columns.csc-main-content-columns > :first-child .wp-block-heading{ margin-bottom: 0px; } @media (min-width: 1024px){ .wp-block-columns.csc-simple-content-columns{ justify-content: flex-end; gap: 1.5rem; padding-left: 3rem; } } @media (min-width: 768px){ @media not all and (min-width: 1024px){ .wp-block-columns.csc-simple-content-columns .wp-block-column:nth-child(odd){ flex-basis: 66.666667% !important; } } } .wp-block-columns.csc-simple-content-columns .wp-block-column:nth-child(odd) .wp-block-heading{ padding-bottom: 0px; } .wp-block-columns.csc-simple-content-columns .wp-block-column:nth-child(odd) .wp-block-heading::after { content: none; } @media (min-width: 768px){ @media not all and (min-width: 1024px){ .wp-block-columns.csc-simple-content-columns .wp-block-column:nth-child(even){ flex-basis: 33.333333% !important; } } } .wp-block-columns.two-column-lift .wp-block-group{ margin-bottom: 1.5rem; padding: 2rem; } @media (min-width: 768px){ .wp-block-columns.two-column-lift .wp-block-group{ margin: 0px; } } .wp-block-columns.two-column-lift .wp-block-group :last-child{ margin-bottom: 0px; } .wp-block-columns.csc-content-lift-with-image .wp-block-cover{ height: 100%; min-height: 8rem; padding: 0px; } .wp-block-columns.csc-content-lift-with-image .wp-block-cover:has(img){ min-height: 0px; } .wp-block-columns.csc-content-lift-with-image .wp-block-cover .wp-block-cover__inner-container{ display: none; } .wp-block-columns.csc-content-lift-with-image .wp-block-cover .wp-block-cover__background{ z-index: 0; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .wp-block-columns.csc-content-lift-with-image .wp-block-cover img{ z-index: 10; -o-object-fit: contain; object-fit: contain; } .wp-block-columns.csc-content-lift-with-image .is-style-infobox{ margin-bottom: 0px; max-width: none; padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 768px){ .wp-block-columns.csc-content-lift-with-image .is-style-infobox{ padding-left: 0.5rem; } } .wp-block-columns.csc-content-lift-with-image .is-style-infobox > *:not(:last-child){ margin-bottom: 1.5rem; } @media (min-width: 768px){ .wp-block-columns.csc-content-lift-with-image .is-style-infobox > *:not(:last-child){ margin-bottom: 2rem; } } .wp-block-columns .posts .no-categories{ margin-top: 0.5rem; } @media (min-width: 1024px){ .wp-block-columns .posts .no-categories{ margin-top: 2rem; } } .w-1-1{ width: 100%; } @media (min-width: 768px){ .w-1-1{ width: 100%; } } @media (min-width: 1024px){ .w-1-1{ width: 25%; } } .w-1-2{ width: 100%; } @media (min-width: 768px){ .w-1-2{ width: 100%; } } @media (min-width: 1024px){ .w-1-2{ width: 25%; } } .w-1-3{ width: 100%; } @media (min-width: 768px){ .w-1-3{ width: 100%; } } @media (min-width: 1024px){ .w-1-3{ width: 25%; } } .w-1-4, .w-1-5, .w-1-6, .w-1-7, .w-1-8{ width: 100%; } @media (min-width: 768px){ .w-1-4, .w-1-5, .w-1-6, .w-1-7, .w-1-8{ width: 100%; } } @media (min-width: 1024px){ .w-1-4, .w-1-5, .w-1-6, .w-1-7, .w-1-8{ width: 25%; } } .columns-2 .w-1-1, .columns-2 .w-1-2{ width: 100%; } @media (min-width: 768px){ .columns-2 .w-1-1, .columns-2 .w-1-2{ width: 100%; } } @media (min-width: 1024px){ .columns-2 .w-1-1, .columns-2 .w-1-2{ width: 50%; } } .columns-2 .w-1-3{ width: 100%; } @media (min-width: 768px){ .columns-2 .w-1-3{ width: 100%; } } @media (min-width: 1024px){ .columns-2 .w-1-3{ width: 33.333333%; } } .columns-2 .w-1-4, .columns-2 .w-1-5, .columns-2 .w-1-6, .columns-2 .w-1-7, .columns-2 .w-1-8{ width: 100%; } @media (min-width: 768px){ .columns-2 .w-1-4, .columns-2 .w-1-5, .columns-2 .w-1-6, .columns-2 .w-1-7, .columns-2 .w-1-8{ width: 100%; } } @media (min-width: 1024px){ .columns-2 .w-1-4, .columns-2 .w-1-5, .columns-2 .w-1-6, .columns-2 .w-1-7, .columns-2 .w-1-8{ width: 25%; } } .columns-3 .w-1-1, .columns-3 .w-1-2, .columns-3 .w-1-3{ width: 100%; } @media (min-width: 768px){ .columns-3 .w-1-1, .columns-3 .w-1-2, .columns-3 .w-1-3{ width: 100%; } } @media (min-width: 1024px){ .columns-3 .w-1-1, .columns-3 .w-1-2, .columns-3 .w-1-3{ width: 33.333333%; } } .columns-3 .w-1-4, .columns-3 .w-1-5, .columns-3 .w-1-6, .columns-3 .w-1-7, .columns-3 .w-1-8{ width: 100%; } @media (min-width: 768px){ .columns-3 .w-1-4, .columns-3 .w-1-5, .columns-3 .w-1-6, .columns-3 .w-1-7, .columns-3 .w-1-8{ width: 100%; } } @media (min-width: 1024px){ .columns-3 .w-1-4, .columns-3 .w-1-5, .columns-3 .w-1-6, .columns-3 .w-1-7, .columns-3 .w-1-8{ width: 25%; } } .wp-block-embed .wp-block-embed__wrapper iframe{ aspect-ratio: 16 / 9; height: auto; width: 100%; } .is-vertical .csc-posts-lift-block__grid{ grid-auto-flow: row; grid-auto-rows: max-content; grid-template-columns: none; } @media (min-width: 768px) { div.wp-block-column > section.csc-posts-lift-block { margin-bottom: 0; } div.wp-block-column > section.csc-posts-lift-block div.post-lift-read-more { margin-bottom: 0; } } .csc-posts-lift-block{ margin-bottom: 2rem; } @media (min-width: 1024px){ .csc-posts-lift-block{ margin-bottom: 4rem; } } .csc-posts-lift-block__grid{ display: grid; gap: 1rem; } @media (min-width: 768px){ .csc-posts-lift-block__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px){ .csc-posts-lift-block__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } .csc-posts-lift-block .flex { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .flex { flex-wrap: nowrap; } } .csc-posts-lift-block .posts-card{ padding-top: 1rem; padding-bottom: 1rem; } .csc-posts-lift-block .posts-card h3{ margin-bottom: 0.25rem; } .csc-posts-lift-block .posts-card__header h3{ position: relative; margin-bottom: 0.5rem; } .csc-posts-lift-block .posts-card__header h3:after{ position: absolute; margin-left: 0.5rem; display: inline-block; height: 100%; width: 1em; background-color: currentColor; vertical-align: middle; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: 1em; mask-size: 1em; } .csc-posts-lift-block .posts-card__date, .csc-posts-lift-block .posts-card__category{ font-size: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .post-lift-read-more a::before { margin-right: 0.5rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: -7px; display: inline-block; } .posts-wrapper{ padding-left: 1rem; padding-right: 1rem; } .is-vertical .csc-training-list-block .training-card{ padding-bottom: 0px; } .is-vertical .csc-training-list-block__grid{ grid-auto-flow: row; grid-auto-rows: max-content; grid-template-columns: none; } .csc-training-list-block{ margin-bottom: 2rem; } @media (min-width: 1024px){ .csc-training-list-block{ margin-bottom: 4rem; } } .csc-training-list-block__grid{ display: grid; gap: 1rem; } @media (min-width: 768px){ .csc-training-list-block__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px){ .csc-training-list-block__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } .csc-training-list-block .training-card, .csc-training-list-block .posts-card{ padding: 1rem; } .csc-training-list-block .training-card h3, .csc-training-list-block .posts-card h3{ margin-bottom: 0.25rem; } .csc-training-list-block .training-card__header h3, .csc-training-list-block .posts-card__header h3{ position: relative; margin-bottom: 0.5rem; } .csc-training-list-block .training-card__header h3:after, .csc-training-list-block .posts-card__header h3:after{ position: absolute; margin-left: 0.5rem; display: inline-block; height: 100%; width: 1em; background-color: currentColor; vertical-align: middle; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: 1em; mask-size: 1em; } .csc-training-list-block .training-card__date, .csc-training-list-block .training-card__category, .csc-training-list-block .posts-card__date, .csc-training-list-block .posts-card__category{ font-size: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .csc-training-list-block .training-read-more{ margin-left: auto; margin-right: auto; max-width: 20rem; } .csc-training-list-block .training-read-more a{ display: flex; height: 3rem; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .csc-posts-lift-block .csc-training-list-block .training-read-more a { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .csc-training-list-block .training-read-more a { flex-wrap: nowrap; } } .csc-training-list-block .training-read-more .external-link:after{ margin-left: 0.75rem; display: inline-block; height: 1em; width: 1em; background-color: currentColor; vertical-align: middle; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: auto; mask-size: auto; } .csc-training-list-block .training-read-more a::before { margin-right: 0.5rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: -7px; display: inline-block; } .is-vertical .csc-training-list-block .training-read-more{ margin-left: 0px; margin-right: 0px; max-width: 100%; padding-left: 1rem; } .is-vertical .csc-training-list-block .training-read-more a{ display: inline; height: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .is-vertical .csc-training-list-block .training-read-more a::before { margin-right: 0.5rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: -7px; display: inline-block; } .is-vertical .csc-training-list-block .training-read-more .external-link:after{ margin-left: 0.75rem; display: inline-block; height: 100%; width: 1em; --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); vertical-align: middle; --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: auto; mask-size: auto; } .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow[style*="flex-basis:50%"] .csc-training-list-block__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow[style*="flex-basis:50%"] .csc-posts-lift-block__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .csc-recruitee-offers-block{ margin-bottom: 2rem; } @media (min-width: 1024px){ .csc-recruitee-offers-block{ margin-bottom: 4rem; } } .csc-recruitee-offers-block__grid{ margin-top: 1.5rem; display: grid; gap: 1rem; } @media (min-width: 768px){ .csc-recruitee-offers-block__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1024px){ .csc-recruitee-offers-block__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); } } .csc-recruitee-offers-block .recruitee-offer-card{ padding: 1rem; } .csc-recruitee-offers-block .recruitee-offer-card__header h3{ position: relative; margin-bottom: 0.5rem; } .csc-recruitee-offers-block .recruitee-offer-card__header h3:after{ position: absolute; margin-left: 0.5rem; display: inline-block; height: 100%; width: 1em; background-color: currentColor; vertical-align: middle; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: 1em; mask-size: 1em; } .csc-recruitee-offers-block .recruitee-offer-card__date{ font-size: 1rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .wp-block-details{ position: relative; margin-left: 0px; margin-right: 0px; margin-bottom: 1.5rem; width: 100%; border-width: 2px; border-style: solid; border-color: transparent; } .wp-block-details summary{ position: relative; border-top-width: 0px; border-bottom-width: 2px; border-style: solid; border-color: transparent; --tw-border-opacity: 1; border-bottom-color: rgb(0 103 120 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(230 240 242 / var(--tw-bg-opacity)); padding-right: 50px; } .wp-block-details summary::marker { content: ""; } .wp-block-details summary:after { content: "+"; position: absolute; float: right; display: block; font-size: 1.625rem; line-height: 1; --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); right: 20px; top: 50%; transform: translateY(-50%); } .wp-block-details:has(+ .wp-block-details) { margin-bottom: 8px; } .wp-block-details[open=""] { padding-bottom: 15px; } .wp-block-details summary { padding: 15px 30px; } .wp-block-details p { padding: 0px 15px; margin-bottom: 0.5rem; } .wp-block-details p:first-of-type { padding-top: 15px; } .wp-block-details[open]{ border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; border-width: 2px; border-top-width: 0px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(230 240 242 / var(--tw-border-opacity)); } .wp-block-details[open] summary:after { content: "−"; } .wp-block-details:last-of-type { margin-bottom: 50px !important; } .is-style-hero-full{ overflow-y: visible; } .is-style-hero-full .wp-block-cover__inner-container{ position: relative; margin-left: 1.25rem; margin-right: 1.25rem; margin-top: -5rem; width: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .is-style-hero-full .wp-block-cover__inner-container .wp-block-group{ padding: 1.25rem; } .is-style-hero-full .wp-block-cover__image-background{ position: relative; z-index: -1; } .wp-block-cover.is-style-hero-full{ margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: block; max-width: 90rem; width: calc(100% - 3rem); } @media only screen and (min-width: 1024px) { .is-style-hero-full .wp-block-buttons{ position: absolute; bottom: 0px; left: 100%; width: 100%; } .is-style-hero-full .wp-block-cover__image-background { position: absolute; z-index: initial; } .is-style-hero-full .wp-block-cover__inner-container{ position: absolute; bottom: 3.5rem; left: 3.5rem; padding: 2rem; margin: initial; width: 600px; } .wp-block-cover.is-style-hero-full{ margin-bottom: 4rem; display: flex; } .csc-posts-lift-block .wp-block-cover.is-style-hero-full { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .wp-block-cover.is-style-hero-full { flex-wrap: nowrap; } } .wp-block-cover.is-style-hero-full { height: 465px; } } .wp-block-cover.is-style-hero-large{ margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: block; overflow: visible; max-width: 90rem; width: calc(100% - 3rem); } .is-style-hero-large .wp-block-cover__image-background{ position: relative; z-index: 1 !important; } .is-style-hero-large .wp-block-cover__inner-container{ margin-left: 1.25rem; margin-right: 1.25rem; margin-top: -5rem; width: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); z-index: 2 !important; } .is-style-hero-large .wp-block-cover__inner-container .wp-block-group{ padding: 1.25rem; } @media only screen and (min-width: 1024px) { .wp-block-cover.is-style-hero-large{ margin-bottom: 4rem; display: flex; } .csc-posts-lift-block .wp-block-cover.is-style-hero-large { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .wp-block-cover.is-style-hero-large { flex-wrap: nowrap; } } .wp-block-cover.is-style-hero-large { height: 465px; } .wp-block-cover.is-style-hero-large .wp-block-cover__background { opacity: 1 !important; z-index: -1; } .wp-block-cover.is-style-hero-large .wp-block-cover__image-background { width: 66%; } .is-style-hero-large .wp-block-cover__image-background{ position: absolute; z-index: initial; } .is-style-hero-large .wp-block-cover__inner-container{ position: absolute; left: 0px; right: 0px; margin: auto; height: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 2rem; width: 950px; max-height: 250px; } } .wp-block-cover.is-style-hero-small{ margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: block; overflow: visible; max-width: 90rem; width: calc(100% - 3rem); } .is-style-hero-small .wp-block-cover__image-background{ position: relative; z-index: 1 !important; } .is-style-hero-small .wp-block-cover__inner-container{ position: relative; margin-left: 1.25rem; margin-right: 1.25rem; margin-top: -5rem; width: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); z-index: 2 !important; } .is-style-hero-small .wp-block-cover__inner-container .wp-block-group{ padding: 1.25rem; } @media only screen and (min-width: 1024px) { .is-style-hero-small .wp-block-cover__background { opacity: 1 !important; z-index: 0 !important; } .is-style-hero-small .wp-block-cover__image-background{ position: absolute; z-index: initial; } .is-style-hero-small .wp-block-cover__inner-container{ position: absolute; left: 0px; right: 0px; margin: auto; height: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 2rem; width: 950px; max-height: 250px; } .wp-block-cover.is-style-hero-small{ margin-bottom: 4rem; display: flex; } .csc-posts-lift-block .wp-block-cover.is-style-hero-small { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .wp-block-cover.is-style-hero-small { flex-wrap: nowrap; } } .wp-block-cover.is-style-hero-small { height: 465px; } .wp-block-cover.is-style-hero-small .wp-block-cover__image-background { width: 33%; } } .is-style-hero-content .wp-block-cover__inner-container{ position: relative; margin-left: 1.25rem; margin-right: 1.25rem; margin-top: -5rem; width: auto; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .is-style-hero-content .wp-block-cover__inner-container .wp-block-group{ padding: 1.25rem; } .is-style-hero-content .wp-block-cover__image-background{ position: absolute; z-index: 1; opacity: 1 !important; height: 12rem; top: 1rem; left: 1rem; width: calc(100% - 2rem); } .is-style-hero-content .wp-block-cover__background{ position: relative; display: block; height: 12rem; opacity: 1 !important; z-index: 0 !important; } .wp-block-cover.is-style-hero-content{ margin-left: auto; margin-right: auto; margin-bottom: 2rem; display: block; max-width: 90rem; width: calc(100% - 3rem); } @media only screen and (min-width: 1024px) { .is-style-hero-content .wp-block-buttons{ position: absolute; bottom: 0px; left: 100%; width: 100%; } .is-style-hero-content .wp-block-cover__image-background{ height: 100%; width: 100%; top: 0; left: 0; } .is-style-hero-content .wp-block-cover__background{ position: absolute; height: 100%; } .is-style-hero-content .wp-block-cover__inner-container{ margin: auto; margin-top: 2.75rem; margin-bottom: 2.75rem; margin-left: 1.5rem; padding: 2rem; width: 600px; } .wp-block-cover.is-style-hero-content{ margin-bottom: 4rem; display: flex; min-height: -moz-fit-content; min-height: fit-content; align-items: baseline; justify-content: normal; } .csc-posts-lift-block .wp-block-cover.is-style-hero-content { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .wp-block-cover.is-style-hero-content { flex-wrap: nowrap; } } } /* Components */ .main-navigation-wrapper{ display: flex; flex-shrink: 0; flex-grow: 1; flex-basis: auto; justify-content: flex-start; } .csc-posts-lift-block .main-navigation-wrapper { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .main-navigation-wrapper { flex-wrap: nowrap; } } .csc-top-content:empty{ display: none; } .site-header-desktop, .site-header-mobile{ margin-bottom: 1.5rem; display: grid; grid-template-columns: 1fr auto 1fr; position: relative; } @media (max-width: 1100px) { .site-header-desktop, .site-header-mobile { border-bottom: 1px solid #4B555A; } } .site-header-desktop a:hover, .site-header-mobile a:hover{ text-decoration-line: none; } .site-header-desktop a:not([href]), .site-header-mobile a:not([href]){ pointer-events: none; } .site-header-desktop .cursor-pointer-f, .site-header-mobile .cursor-pointer-f { cursor: pointer !important; pointer-events: all !important; } .site-header-desktop .search-icon:hover, .site-header-mobile .search-icon:hover { cursor: pointer; } .site-header-desktop .csc_header_search, .site-header-mobile .csc_header_search { display: flex; align-items: center; } .site-header-desktop .csc_header_search .site-header-search-form, .site-header-mobile .csc_header_search .site-header-search-form{ display: flex; } .csc-posts-lift-block .site-header-desktop .csc_header_search .site-header-search-form,.csc-posts-lift-block .site-header-mobile .csc_header_search .site-header-search-form { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop .csc_header_search .site-header-search-form,.csc-posts-lift-block .site-header-mobile .csc_header_search .site-header-search-form { flex-wrap: nowrap; } } .site-header-desktop .csc_header_search .site-header-search-form, .site-header-mobile .csc_header_search .site-header-search-form { width: 100%; } @media (max-width: 481px) { .site-header-desktop .csc_header_search .site-header-search-form, .site-header-mobile .csc_header_search .site-header-search-form { width: 100%; } } .site-header-desktop .csc_header_search .site-header-search-form__input, .site-header-mobile .csc_header_search .site-header-search-form__input{ padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; font-family: Museo Sans, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 500; border: 1px solid #9CA3AF; border-right: 0; } .site-header-desktop .csc_header_search .site-header-search-form__input:focus, .site-header-mobile .csc_header_search .site-header-search-form__input:focus { outline: none; } .site-header-desktop .csc_header_search .site-header-search-form__submit-button, .site-header-mobile .csc_header_search .site-header-search-form__submit-button{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1rem; padding-right: 1rem; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); border: 1px solid #9CA3AF; border-left: 0px; background-image: url("../../img/search-icon.svg"); background-repeat: no-repeat; background-position: center; cursor: pointer; } .site-header-desktop .csc_header_search .site-header-search-form .header-search-clear-button, .site-header-mobile .csc_header_search .site-header-search-form .header-search-clear-button{ position: absolute; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0.5rem; display: none; right: 10px; height: calc(100% - 2px); top: 1px; cursor: pointer; } .site-header-desktop .csc_header_search .site-header-search-form:focus-within, .site-header-mobile .csc_header_search .site-header-search-form:focus-within { border: 1px solid #006778; padding: 1px; } .site-header-desktop .logo-header, .site-header-mobile .logo-header { grid-row: 1/3; grid-column: 1; } .site-header-desktop .top-header, .site-header-mobile .top-header{ grid-column: span 3 / span 3; grid-column-start: 1; grid-row-start: 1; justify-content: flex-end; } @media (max-width: 1100px) { .site-header-desktop .top-header, .site-header-mobile .top-header { border-bottom: 1px solid #4B555A; } } .site-header-desktop .menu-top-menu-container, .site-header-mobile .menu-top-menu-container{ display: none; } @media (min-width: 1024px){ .site-header-desktop .menu-top-menu-container, .site-header-mobile .menu-top-menu-container{ display: flex; } } .site-header-desktop .mobile-menu-toggle-container, .site-header-mobile .mobile-menu-toggle-container{ grid-column-start: 3; grid-row: span 2 / span 2; grid-row-start: 2; display: flex; align-items: center; justify-content: flex-end; } .csc-posts-lift-block .site-header-desktop .mobile-menu-toggle-container,.csc-posts-lift-block .site-header-mobile .mobile-menu-toggle-container { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop .mobile-menu-toggle-container,.csc-posts-lift-block .site-header-mobile .mobile-menu-toggle-container { flex-wrap: nowrap; } } @media (min-width: 1280px){ .site-header-desktop .mobile-menu-toggle-container, .site-header-mobile .mobile-menu-toggle-container{ display: none; } } .site-header-desktop .mobile-menu-container, .site-header-mobile .mobile-menu-container{ grid-column: span 3 / span 3; grid-column-start: 1; grid-row: span 1 / span 1; grid-row-start: 4; margin-left: -1.5rem; margin-right: -1.5rem; display: flex; align-items: center; justify-content: flex-end; } .csc-posts-lift-block .site-header-desktop .mobile-menu-container,.csc-posts-lift-block .site-header-mobile .mobile-menu-container { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop .mobile-menu-container,.csc-posts-lift-block .site-header-mobile .mobile-menu-container { flex-wrap: nowrap; } } @media (min-width: 1100px){ .site-header-desktop .mobile-menu-container, .site-header-mobile .mobile-menu-container{ display: none; } } .site-header-desktop .menu-header, .site-header-mobile .menu-header{ grid-column: span 1 / span 1; grid-column-start: 2; grid-row-start: 2; } .site-header-desktop .menu, .site-header-mobile .menu{ margin: 0px; margin-top: 0.5rem; display: flex; list-style-type: none; flex-direction: row; padding-left: 0px; font-weight: 600; } .csc-posts-lift-block .site-header-desktop .menu,.csc-posts-lift-block .site-header-mobile .menu { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop .menu,.csc-posts-lift-block .site-header-mobile .menu { flex-wrap: nowrap; } } .site-header-desktop .menu-item, .site-header-mobile .menu-item{ position: relative; margin-left: 0px; margin-right: 0px; display: inline-flex; } @media (min-width: 1340px){ .site-header-desktop .menu-item, .site-header-mobile .menu-item{ margin-left: 1.25rem; margin-right: 1.25rem; } } .site-header-desktop .menu-item a, .site-header-mobile .menu-item a{ margin-left: 0px; margin-right: 0px; padding-left: 1rem; padding-right: 1rem; padding-top: 1.5rem; padding-bottom: 1.5rem; font-size: 1rem; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .site-header-desktop .menu-item a:hover, .site-header-desktop .menu-item a:focus, .site-header-mobile .menu-item a:hover, .site-header-mobile .menu-item a:focus{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .site-header-desktop .menu-item.menu-item-has-children a, .site-header-mobile .menu-item.menu-item-has-children a{ padding-right: 0px; } .site-header-desktop .menu-item.menu-item-has-children:hover .menu-toggle svg, .site-header-mobile .menu-item.menu-item-has-children:hover .menu-toggle svg{ stroke: #006778; } .site-header-desktop .menu-item.external-link a, .site-header-desktop .menu-item.search-icon a, .site-header-mobile .menu-item.external-link a, .site-header-mobile .menu-item.search-icon a{ position: relative !important; padding-right: 3.75em !important; } .site-header-desktop .menu-item.external-link a:after, .site-header-desktop .menu-item.search-icon a:after, .site-header-mobile .menu-item.external-link a:after, .site-header-mobile .menu-item.search-icon a:after { content: ""; position: absolute; width: calc(100% - 0.75em); height: 100%; inset: 0; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: right; mask-position: right; -webkit-mask-size: 2em; mask-size: 2em; } .site-header-desktop .menu-item.external-link a:after, .site-header-mobile .menu-item.external-link a:after{ margin-left: 0.5rem; display: inline-block; width: 1rem; vertical-align: middle; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); position: relative; -webkit-mask-size: auto; mask-size: auto; } .site-header-desktop .menu-item.search-icon a:after, .site-header-mobile .menu-item.search-icon a:after { -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); } .site-header-desktop #main-menu .sub-menu, .site-header-mobile #main-menu .sub-menu{ position: absolute; left: 0px; z-index: 50; margin-top: 0px; min-width: 100%; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0px; padding-bottom: 0px; top: calc(100% - 0.25rem); } .site-header-desktop #main-menu .sub-menu a, .site-header-mobile #main-menu .sub-menu a{ display: block; width: auto; white-space: normal; padding-left: 0px; padding-right: 0px; padding-top: 0.5rem; padding-bottom: 2rem; font-size: 1.25rem; font-weight: 400; line-height: 1.5rem; } .site-header-desktop #main-menu .sub-menu .current-menu-item, .site-header-mobile #main-menu .sub-menu .current-menu-item{ background-color: transparent; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .site-header-desktop #main-menu .menu:not(.sub-menu), .site-header-mobile #main-menu .menu:not(.sub-menu){ position: static; } .site-header-desktop #main-menu .menu:not(.sub-menu) > li, .site-header-mobile #main-menu .menu:not(.sub-menu) > li{ display: flex; } .csc-posts-lift-block .site-header-desktop #main-menu .menu:not(.sub-menu) > li,.csc-posts-lift-block .site-header-mobile #main-menu .menu:not(.sub-menu) > li { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop #main-menu .menu:not(.sub-menu) > li,.csc-posts-lift-block .site-header-mobile #main-menu .menu:not(.sub-menu) > li { flex-wrap: nowrap; } } .site-header-desktop #main-menu .menu:not(.sub-menu) > li, .site-header-mobile #main-menu .menu:not(.sub-menu) > li { position: inherit; } .site-header-desktop #main-menu .no-link:after, .site-header-mobile #main-menu .no-link:after{ display: none !important; } .site-header-desktop #main-menu .sub-menu-depth-0, .site-header-mobile #main-menu .sub-menu-depth-0{ display: grid; width: 100%; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; padding: 0px; border-bottom: 0.0125rem solid #006778; box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); } .site-header-desktop #main-menu .sub-menu-depth-0 > .menu-item, .site-header-mobile #main-menu .sub-menu-depth-0 > .menu-item{ margin: 0px; padding-top: 1.5rem; padding-bottom: 1.5rem; display: block; } .site-header-desktop #main-menu .sub-menu-depth-0 > .menu-item > a, .site-header-mobile #main-menu .sub-menu-depth-0 > .menu-item > a{ padding-left: 1rem; padding-right: 1rem; border-bottom: 0.125rem solid #4B555A; } .site-header-desktop #main-menu .sub-menu-depth-0 > .menu-item:last-child, .site-header-mobile #main-menu .sub-menu-depth-0 > .menu-item:last-child{ padding-right: 1.5rem; } .site-header-desktop #main-menu .sub-menu-depth-0 .link-description, .site-header-mobile #main-menu .sub-menu-depth-0 .link-description{ padding: 1.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); background: #006778; } .site-header-desktop #main-menu .sub-menu-depth-0 .link-description a, .site-header-mobile #main-menu .sub-menu-depth-0 .link-description a{ padding-left: 0px; padding-right: 0px; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); border-bottom: none; } .site-header-desktop #main-menu .sub-menu-depth-0 .link-description a:after, .site-header-mobile #main-menu .sub-menu-depth-0 .link-description a:after{ margin-left: 2rem; display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: middle; } .site-header-desktop #main-menu .sub-menu-depth-0 .link-description a:hover, .site-header-desktop #main-menu .sub-menu-depth-0 .link-description a:focus, .site-header-mobile #main-menu .sub-menu-depth-0 .link-description a:hover, .site-header-mobile #main-menu .sub-menu-depth-0 .link-description a:focus{ text-decoration-line: underline; } .site-header-desktop #main-menu .sub-menu-depth-0 .link-description span, .site-header-mobile #main-menu .sub-menu-depth-0 .link-description span{ display: block; padding-top: 1.5rem; font-weight: 400; } .site-header-desktop #main-menu .sub-menu-depth-1, .site-header-mobile #main-menu .sub-menu-depth-1{ position: relative; top: 0px; display: block; padding: 0px; } .site-header-desktop #main-menu .sub-menu-depth-1 li, .site-header-mobile #main-menu .sub-menu-depth-1 li{ margin-left: 0px; margin-right: 0px; display: block; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid #DFE1E3; } .site-header-desktop #main-menu .sub-menu-depth-1 li:last-child, .site-header-mobile #main-menu .sub-menu-depth-1 li:last-child { border-bottom: none; } .site-header-desktop #main-menu .sub-menu-depth-1 a, .site-header-mobile #main-menu .sub-menu-depth-1 a{ display: block; padding-top: 1.25rem; padding-bottom: 1.25rem; padding-right: 2rem; font-size: 1rem; font-weight: 400; color: #006778; } .site-header-desktop #main-menu .sub-menu-depth-1 a:hover, .site-header-desktop #main-menu .sub-menu-depth-1 a:focus, .site-header-mobile #main-menu .sub-menu-depth-1 a:hover, .site-header-mobile #main-menu .sub-menu-depth-1 a:focus { color: #002930; } .site-header-desktop #main-menu .sub-menu-depth-1 a:hover:after, .site-header-desktop #main-menu .sub-menu-depth-1 a:focus:after, .site-header-mobile #main-menu .sub-menu-depth-1 a:hover:after, .site-header-mobile #main-menu .sub-menu-depth-1 a:focus:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23000' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); } .site-header-desktop #main-menu .sub-menu-depth-1 a:after, .site-header-mobile #main-menu .sub-menu-depth-1 a:after{ position: absolute; top: 0px; right: 0px; margin-right: 1rem; display: flex; height: 100%; align-items: center; } .csc-posts-lift-block .site-header-desktop #main-menu .sub-menu-depth-1 a:after,.csc-posts-lift-block .site-header-mobile #main-menu .sub-menu-depth-1 a:after { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop #main-menu .sub-menu-depth-1 a:after,.csc-posts-lift-block .site-header-mobile #main-menu .sub-menu-depth-1 a:after { flex-wrap: nowrap; } } .site-header-desktop #main-menu .sub-menu-depth-1 a:after, .site-header-mobile #main-menu .sub-menu-depth-1 a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: middle; } .site-header-desktop .current-menu-item, .site-header-mobile .current-menu-item { box-shadow: 0 5px 0 -1px #006778; } .site-header-desktop .current-menu-item > a, .site-header-mobile .current-menu-item > a{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .site-header-desktop .current-menu-item .menu-toggle svg, .site-header-mobile .current-menu-item .menu-toggle svg{ stroke: #006778; } .site-header-desktop .menu-toggle, .site-header-mobile .menu-toggle{ margin-top: 0px; margin-bottom: 0px; margin-left: 1rem; margin-right: 1rem; cursor: pointer; border-style: none; background-color: transparent; padding: 0px; line-height: 0; } .site-header-desktop .menu-toggle svg, .site-header-mobile .menu-toggle svg{ width: 2rem; --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); stroke: #002930; } .site-header-desktop #top-menu, .site-header-mobile #top-menu{ position: relative; display: flex; } .csc-posts-lift-block .site-header-desktop #top-menu,.csc-posts-lift-block .site-header-mobile #top-menu { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop #top-menu,.csc-posts-lift-block .site-header-mobile #top-menu { flex-wrap: nowrap; } } .site-header-desktop #top-menu .menu, .site-header-mobile #top-menu .menu{ margin: 0px; padding: 0px; } .site-header-desktop #top-menu .menu-item, .site-header-mobile #top-menu .menu-item{ margin: 0px; } .site-header-desktop #top-menu .menu-item a, .site-header-mobile #top-menu .menu-item a{ padding-top: 0.625rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; font-size: .875rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .site-header-desktop #top-menu .menu-item a:focus-within, .site-header-mobile #top-menu .menu-item a:focus-within{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .site-header-desktop #top-menu .menu-item a:hover, .site-header-mobile #top-menu .menu-item a:hover{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } @media (min-width: 1024px){ .site-header-desktop #top-menu .menu-item a, .site-header-mobile #top-menu .menu-item a{ padding-top: 1.5rem; padding-bottom: 1.5rem; } } .site-header-desktop #top-menu .menu-item.menu-item-has-children a, .site-header-mobile #top-menu .menu-item.menu-item-has-children a{ padding-right: 0px; } .site-header-desktop #top-menu .menu-item .sub-menu, .site-header-mobile #top-menu .menu-item .sub-menu{ position: absolute; right: 0px; z-index: 50; min-width: 100%; flex-direction: column; border-radius: 0.5rem; border-top-left-radius: 0px; border-top-right-radius: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; top: calc(100% - 0.25rem); box-shadow: 0px 3px 4px -1px rgba(0, 0, 0, 0.2); } .site-header-desktop #top-menu .menu-item .sub-menu li, .site-header-mobile #top-menu .menu-item .sub-menu li{ list-style-type: none; } .site-header-desktop #top-menu .menu-item .sub-menu li:focus-within, .site-header-desktop #top-menu .menu-item .sub-menu li:hover, .site-header-mobile #top-menu .menu-item .sub-menu li:focus-within, .site-header-mobile #top-menu .menu-item .sub-menu li:hover{ --tw-bg-opacity: 1; background-color: rgb(230 240 242 / var(--tw-bg-opacity)); } .site-header-desktop #top-menu .menu-item .sub-menu li:focus-within a, .site-header-desktop #top-menu .menu-item .sub-menu li:hover a, .site-header-mobile #top-menu .menu-item .sub-menu li:focus-within a, .site-header-mobile #top-menu .menu-item .sub-menu li:hover a{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .site-header-desktop #top-menu .menu-item .sub-menu a, .site-header-mobile #top-menu .menu-item .sub-menu a{ box-sizing: border-box; display: inline-block; width: 100%; white-space: nowrap; padding-left: 1rem; padding-right: 1rem; padding-top: 1.25rem; padding-bottom: 1.25rem; font-size: .875rem; font-weight: 400; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .site-header-desktop #top-menu .menu-item .sub-menu .current-menu-item, .site-header-mobile #top-menu .menu-item .sub-menu .current-menu-item{ background-color: transparent; } .site-header-desktop #top-menu .menu-item .sub-menu .current-menu-item a, .site-header-mobile #top-menu .menu-item .sub-menu .current-menu-item a{ font-weight: 700; } .site-header-desktop #top-menu .menu-item ul li ul, .site-header-mobile #top-menu .menu-item ul li ul { right: 0; } .site-header-desktop #top-menu .menu-toggle, .site-header-mobile #top-menu .menu-toggle{ margin-left: 0.5rem; } .site-header-desktop #top-menu .menu-toggle svg, .site-header-mobile #top-menu .menu-toggle svg{ width: 2rem; --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); stroke: #002930; } .site-header-desktop #mobile-menu-wrapper, .site-header-mobile #mobile-menu-wrapper{ width: 100%; flex-direction: column; } .site-header-desktop #mobile-menu-wrapper .mobile-menu-panel, .site-header-mobile #mobile-menu-wrapper .mobile-menu-panel{ display: flex; height: 100%; flex-direction: column; } .csc-posts-lift-block .site-header-desktop #mobile-menu-wrapper .mobile-menu-panel,.csc-posts-lift-block .site-header-mobile #mobile-menu-wrapper .mobile-menu-panel { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop #mobile-menu-wrapper .mobile-menu-panel,.csc-posts-lift-block .site-header-mobile #mobile-menu-wrapper .mobile-menu-panel { flex-wrap: nowrap; } } .site-header-desktop #mobile-menu-wrapper .mobile-menu-footer, .site-header-mobile #mobile-menu-wrapper .mobile-menu-footer{ font-size: .875rem; border-top: 1px solid #DFE1E3; } .site-header-desktop #mobile-menu-wrapper .mobile-menu-footer .mobile-menu a, .site-header-mobile #mobile-menu-wrapper .mobile-menu-footer .mobile-menu a{ font-weight: 400; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .site-header-desktop #mobile-menu-wrapper .mobile-menu-footer .mobile-menu .menu-toggle svg, .site-header-mobile #mobile-menu-wrapper .mobile-menu-footer .mobile-menu .menu-toggle svg{ stroke: #002930; } .site-header-desktop #mobile-menu-wrapper .mobile-menu-footer .mobile-menu > li a, .site-header-mobile #mobile-menu-wrapper .mobile-menu-footer .mobile-menu > li a { color: #006778; } .site-header-desktop #mobile-menu-wrapper .mobile-menu-footer .mobile-menu .sub-menu-depth-0 a, .site-header-mobile #mobile-menu-wrapper .mobile-menu-footer .mobile-menu .sub-menu-depth-0 a{ padding-left: 2rem; padding-right: 1.5rem; } .site-header-desktop #mobile-menu-wrapper .mobile-menu-footer .mobile-menu .no-link, .site-header-mobile #mobile-menu-wrapper .mobile-menu-footer .mobile-menu .no-link { background: #FFFFFF; } .site-header-desktop #mobile-menu-wrapper .mobile-menu, .site-header-mobile #mobile-menu-wrapper .mobile-menu{ margin: 0px; display: flex; height: -moz-fit-content; height: fit-content; width: 100%; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 0px; padding-right: 0px; padding-top: 1.5rem; padding-bottom: 1.5rem; } .csc-posts-lift-block .site-header-desktop #mobile-menu-wrapper .mobile-menu,.csc-posts-lift-block .site-header-mobile #mobile-menu-wrapper .mobile-menu { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop #mobile-menu-wrapper .mobile-menu,.csc-posts-lift-block .site-header-mobile #mobile-menu-wrapper .mobile-menu { flex-wrap: nowrap; } } .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-item, .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-item{ display: flex; flex-wrap: wrap; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .csc-posts-lift-block .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-item,.csc-posts-lift-block .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-item { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-item,.csc-posts-lift-block .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-item { flex-wrap: nowrap; } } .site-header-desktop #mobile-menu-wrapper .mobile-menu > .menu-item[aria-expanded=true], .site-header-mobile #mobile-menu-wrapper .mobile-menu > .menu-item[aria-expanded=true] { background: #E5F9F7; } .site-header-desktop #mobile-menu-wrapper .mobile-menu > .menu-item[aria-expanded=true] > .no-link, .site-header-mobile #mobile-menu-wrapper .mobile-menu > .menu-item[aria-expanded=true] > .no-link { background: #E5F9F7; } .site-header-desktop #mobile-menu-wrapper .mobile-menu > .menu-item > a, .site-header-mobile #mobile-menu-wrapper .mobile-menu > .menu-item > a{ padding-left: 1.5rem; padding-right: 1.5rem; } .site-header-desktop #mobile-menu-wrapper .mobile-menu > .menu-item > .no-link, .site-header-mobile #mobile-menu-wrapper .mobile-menu > .menu-item > .no-link{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; font-weight: 600 !important; background: #FFFFFF; } .site-header-desktop #mobile-menu-wrapper .mobile-menu > .menu-item > .no-link:hover, .site-header-mobile #mobile-menu-wrapper .mobile-menu > .menu-item > .no-link:hover { cursor: pointer; } .site-header-desktop #mobile-menu-wrapper .mobile-menu a, .site-header-mobile #mobile-menu-wrapper .mobile-menu a{ box-sizing: border-box; display: block; width: 100%; background-image: none; padding-top: 1rem; padding-bottom: 1rem; font-size: .875rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .site-header-desktop #mobile-menu-wrapper .mobile-menu .current-menu-item, .site-header-mobile #mobile-menu-wrapper .mobile-menu .current-menu-item{ background-color: transparent; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-toggle, .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-toggle{ position: absolute; right: 0px; top: 0.125rem; margin-right: 1.25rem; height: 100%; width: 3rem; border-left: 1px solid #9CA3AF; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-toggle svg, .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-toggle svg{ stroke: #002930; transform: rotate(0); } .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-toggle[aria-expanded=true], .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-toggle[aria-expanded=true]{ height: 3rem; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .menu-toggle[aria-expanded=true] svg, .site-header-mobile #mobile-menu-wrapper .mobile-menu .menu-toggle[aria-expanded=true] svg { transform: rotate(180deg); } .site-header-desktop #mobile-menu-wrapper .mobile-menu .sub-menu, .site-header-mobile #mobile-menu-wrapper .mobile-menu .sub-menu{ position: relative; left: 0px; margin-top: 0px; min-width: 100%; flex-direction: column; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-right: 0.625rem; padding-top: 0px; padding-bottom: 0px; padding-left: 1.5rem; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .site-header-desktop #mobile-menu-wrapper .mobile-menu .sub-menu li, .site-header-mobile #mobile-menu-wrapper .mobile-menu .sub-menu li{ border-style: none; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .sub-menu li a, .site-header-mobile #mobile-menu-wrapper .mobile-menu .sub-menu li a{ white-space: normal; padding-left: 1.5rem; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .sub-menu-depth-0, .site-header-mobile #mobile-menu-wrapper .mobile-menu .sub-menu-depth-0{ padding: 0px; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .sub-menu-depth-0 > li a, .site-header-mobile #mobile-menu-wrapper .mobile-menu .sub-menu-depth-0 > li a{ padding-left: 1rem; padding-right: 1rem; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .link-description, .site-header-mobile #mobile-menu-wrapper .mobile-menu .link-description { display: none; } .site-header-desktop #mobile-menu-wrapper .mobile-menu .no-link, .site-header-mobile #mobile-menu-wrapper .mobile-menu .no-link{ padding-left: 1.5rem !important; padding-right: 1.5rem !important; font-weight: 300 !important; background: #EFF0F1; } .site-header-desktop .mobile-menu-toggler, .site-header-mobile .mobile-menu-toggler{ border-style: none; background-color: transparent; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .site-header-desktop .mobile-menu-toggler-lines, .site-header-mobile .mobile-menu-toggler-lines{ margin-top: 0.25rem; margin-bottom: 0.25rem; margin-left: 0px; margin-right: 0px; display: block; width: 1.75rem; border-bottom: 4px solid #002930; } .site-header-desktop .mobile-menu-toggler-lines--line1, .site-header-mobile .mobile-menu-toggler-lines--line1{ --tw-translate-y: 200%; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .site-header-desktop .mobile-menu-toggler-lines--line2, .site-header-mobile .mobile-menu-toggler-lines--line2{ opacity: 0; } .site-header-desktop .mobile-menu-toggler-lines--line3, .site-header-mobile .mobile-menu-toggler-lines--line3{ --tw-translate-y: -200%; --tw-rotate: -45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .site-header-desktop #menu-lang-menu .menu-toggle, .site-header-mobile #menu-lang-menu .menu-toggle{ margin-right: 0.375rem; } @media (min-width: 1024px){ .site-header-desktop #menu-lang-menu .menu-toggle, .site-header-mobile #menu-lang-menu .menu-toggle{ margin-right: 1rem; } } @media (max-width: 1100px) { .site-header-desktop { display: none; } } @media (min-width: 1100px) { .site-header-mobile { display: none; } } @media (max-width: 1100px) { .site-header-mobile .logo-header { grid-row: 2; } } #breadcrumbs{ margin-bottom: 0px; font-size: 1rem; --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } #breadcrumbs nav{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #breadcrumbs span > span{ margin-left: 0.125rem; margin-right: 0.125rem; } #breadcrumbs a{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } #breadcrumbs [aria-current]{ --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); } .csc-anchor-links{ display: flex; align-content: center; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 0px; padding-top: 1rem; padding-bottom: 1rem; font-weight: 500; } .csc-posts-lift-block .csc-anchor-links { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .csc-anchor-links { flex-wrap: nowrap; } } .csc-anchor-links { flex-direction: column; position: relative; z-index: 100; } .csc-anchor-links a{ margin-right: 0px; display: flex; padding: 1rem; } .csc-posts-lift-block .csc-anchor-links a { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .csc-anchor-links a { flex-wrap: nowrap; } } .csc-anchor-links a { border-bottom: 1px solid #9CA3AF; } .csc-anchor-links a:last-child { border-bottom: none; } .csc-anchor-links a:before{ margin-right: 1rem; display: inline-block; height: 1rem; width: 1rem; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; transform: rotate(90deg); } .csc-anchor-links a:last-child{ margin-right: 0px; } .csc-anchor-links:empty { display: none; } @media only screen and (min-width: 1024px) { .csc-anchor-links{ position: absolute; bottom: -3rem; z-index: 10; padding: 2rem; flex-direction: row; } .csc-anchor-links a{ margin-right: 2.5rem; padding: 0px; border-bottom: none; } } footer .footer-content a { font-weight: 600; } footer .footer-content a[target=_blank]:before{ margin-right: 1rem; display: inline-block; content: url('data:image/svg+xml,'); line-height: 1; vertical-align: middle; } footer .footer-content p{ margin-bottom: 1rem; } .btn-csc{ display: inline-block; width: -moz-max-content; width: max-content; cursor: pointer; border-style: none; padding: 1rem; font-family: Museo Sans, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 700; } .btn-csc:hover{ text-decoration-line: underline; } .btn-csc:focus{ text-decoration-line: underline; } .btn-show-more{ grid-column: 1 / -1; justify-self: center; --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .btn-show-more:before{ margin-right: 0.5rem; display: inline-block; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; vertical-align: middle; } .btn-show-more.external-link:after{ margin-left: 0.75rem; display: inline-block; height: 100%; width: 1em; background-color: currentColor; vertical-align: text-top; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: url('data:image/svg+xml,'); mask-image: url('data:image/svg+xml,'); -webkit-mask-size: 1em; mask-size: 1em; } .privacy-container { width: calc(100% - 3rem); margin: 0 auto; padding: 0; } #privacyModal { display: none; } #privacyModal h2{ margin-bottom: 0.5rem; padding: 0px; } #privacyModal h2::after { display: none; } #privacyModal a::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23006778' d='m12 20-1.425-1.4 5.6-5.6H4v-2h12.175l-5.6-5.6L12 4l8 8-8 8Z'/%3E%3C/svg%3E"); line-height: 1; margin-right: 0.5rem; } #privacyModal #privacyButtonBox button { width: 300px; padding: 13px 12px 13px 12px; } #privacyModal #modalLeft a { display: flex; flex-direction: row; align-items: center; } /* Templates */ .site-content.search .search-grid{ margin-bottom: 3rem; display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); row-gap: 0px; -moz-column-gap: 2.5rem; column-gap: 2.5rem; } @media (min-width: 1024px){ .site-content.search .search-grid{ grid-template-columns: minmax(auto,18rem) 1fr; } } .site-content.search .search-filters{ grid-column-start: 1; grid-row-start: 2; /* clears the ‘X’ from Chrome */ } .site-content.search .search-filters h3{ margin-bottom: 0.75rem; } .site-content.search .search-filters input[type=search]::-webkit-search-decoration, .site-content.search .search-filters input[type=search]::-webkit-search-cancel-button, .site-content.search .search-filters input[type=search]::-webkit-search-results-button, .site-content.search .search-filters input[type=search]::-webkit-search-results-decoration { display: none; } .site-content.search .entry-header > h1{ position: relative; padding-bottom: 1rem; } .site-content.search .entry-header > h1::after{ position: absolute; bottom: 0px; left: 0px; height: 0.25rem; width: 3.5rem; --tw-bg-opacity: 1; background-color: rgb(153 194 201 / var(--tw-bg-opacity)); content: ""; } .site-content.search .search-form-container{ grid-column-start: 1; margin-top: 2rem; margin-bottom: 2rem; } @media (min-width: 1024px){ .site-content.search .search-form-container{ grid-column-start: 2; margin-top: 3rem; margin-bottom: 3rem; } } .site-content.search .search-form-container #searchform > div{ display: flex; } .csc-posts-lift-block .site-content.search .search-form-container #searchform > div { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-content.search .search-form-container #searchform > div { flex-wrap: nowrap; } } .site-content.search .search-form-container #searchform .search-clear-button{ position: absolute; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.75rem; padding-right: 0.75rem; } .site-content.search .search-form-container #searchform .search-clear-button:hover{ cursor: pointer; } .site-content.search .search-form-container #searchform .search-clear-button { right: 0px; height: calc(100% - 2px); top: 1px; } .site-content.search .search-form-container #searchform input{ position: relative; padding-top: 1rem; padding-bottom: 1rem; padding-left: 0.75rem; padding-right: 2rem; font-family: Museo Sans, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 500; border: 1px solid #9CA3AF; } .site-content.search .search-form-container #searchform input[type=text]{ box-sizing: border-box; width: 100%; max-width: 48rem; } .site-content.search .search-form-container #searchform input[type=submit]{ --tw-border-opacity: 1; border-color: rgb(0 103 120 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(0 103 120 / var(--tw-bg-opacity)); padding-left: 2rem; padding-right: 2rem; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .site-content.search .search-form-container #searchform input[type=submit]:hover{ cursor: pointer; --tw-bg-opacity: 0.9; } .site-content.search .search-results h2{ margin-bottom: 0.625rem; padding-bottom: 0px; } .site-content.search .search-results h2::after { display: none; } .site-content.search .search-results ul{ grid-column-start: 1; padding-left: 0px; } @media (min-width: 1024px){ .site-content.search .search-results ul{ grid-column-start: 2; } } .site-content.search .search-results li.search-result{ margin-left: 0px; list-style-type: none; } .site-content.search .search-results__qty-values{ margin-bottom: 1.5rem; font-size: .875rem; } .site-content.search .search-results:last-of-type{ margin-bottom: 3rem; } .site-content.search .search-results.initial-focus-none { outline: none; } .site-content.search .card__wrapper{ margin-bottom: 1rem; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #9CA3AF; } .site-content.search .card__wrapper .post-date{ font-size: 1rem; font-weight: 600; } .site-content.search .card__header h3{ margin-bottom: 0.5rem; padding-bottom: 0px; } .site-content.search .card__header .csc-categories{ margin-bottom: 0.5rem; font-weight: 600; --tw-text-opacity: 1; color: rgb(75 85 90 / var(--tw-text-opacity)); } .site-content.search .card__content .entry-excerpt > *{ margin-bottom: 0.5rem; } .site-content.search .pagination{ grid-column-start: 1; display: flex; justify-content: center; } .csc-posts-lift-block .site-content.search .pagination { flex-wrap: wrap; } @media (min-width: 1024px) { .csc-posts-lift-block .site-content.search .pagination { flex-wrap: nowrap; } .site-content.search .pagination{ grid-column-start: 2; } } .site-content.search .pagination .nav-links > *{ margin-left: 0px; margin-right: 0px; height: auto; width: auto; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; } .site-content.search .pagination .nav-links .dots{ padding-left: 0.5rem; padding-right: 0.5rem; } .site-content.search .wp-block-elasticpress-facet{ margin-bottom: 1.75rem; } .site-content.search .wp-block-elasticpress-facet a{ --tw-text-opacity: 1; color: rgb(0 41 48 / var(--tw-text-opacity)); padding: 4px 8px; } .site-content.search .wp-block-elasticpress-facet .terms.searchable .inner{ max-height: 16rem; overflow-y: auto; overflow-x: hidden; } .site-content.search .wp-block-elasticpress-facet .terms.searchable .facet-search{ position: relative; margin-bottom: 1rem; width: 100%; padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 0.75rem; padding-right: 3rem; font-family: Museo Sans, sans-serif, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 500; border: 1px solid #9CA3AF; background: url('data:image/svg+xml,') no-repeat calc(100% - 1rem) center; } .site-content.search .wp-block-elasticpress-facet .term{ margin-bottom: 0.625rem; } .site-content.search .wp-block-elasticpress-facet .term.empty-term{ display: none; } .site-content.search .wp-block-elasticpress-facet .term a:hover .ep-checkbox { background: #fff; } .site-content.search .wp-block-elasticpress-facet .ep-checkbox{ margin-right: 0.75rem; height: 0.9em; width: 0.9em; align-items: baseline; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); border: 1px solid black; } .site-content.search .wp-block-elasticpress-facet .ep-checkbox::after{ height: 0.6em; --tw-border-opacity: 1; border-color: rgb(0 41 48 / var(--tw-border-opacity)); } .hover\:cursor-pointer:hover{ cursor: pointer; } .hover\:text-primary:hover{ --tw-text-opacity: 1; color: rgb(0 103 120 / var(--tw-text-opacity)); } .hover\:underline:hover{ text-decoration-line: underline; } .hover\:no-underline:hover{ text-decoration-line: none; } .hover\:shadow-xl:hover{ --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:underline:focus{ text-decoration-line: underline; } @media (min-width: 680px){ .footer-sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 768px){ .sm\:col-span-3{ grid-column: span 3 / span 3; } .sm\:m-0{ margin: 0px; } .sm\:mx-6{ margin-left: 1.5rem; margin-right: 1.5rem; } .sm\:-mt-52{ margin-top: -13rem; } .sm\:mb-0{ margin-bottom: 0px; } .sm\:mb-8{ margin-bottom: 2rem; } .sm\:flex{ display: flex; } .sm\:max-h-80{ max-height: 20rem; } .sm\:w-80{ width: 20rem; } .sm\:w-auto{ width: auto; } .sm\:w-full{ width: 100%; } .sm\:max-w-lg{ max-width: 32rem; } .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-rows-1{ grid-template-rows: repeat(1, minmax(0, 1fr)); } .sm\:items-center{ align-items: center; } .sm\:justify-between{ justify-content: space-between; } .sm\:gap-6{ gap: 1.5rem; } .sm\:p-8{ padding: 2rem; } .sm\:px-8{ padding-left: 2rem; padding-right: 2rem; } .sm\:pt-8{ padding-top: 2rem; } .sm\:text-center{ text-align: center; } @media not all and (min-width: 1024px){ .sm\:max-md\:basis-1\/3{ flex-basis: 33.333333%; } .sm\:max-md\:basis-2\/3{ flex-basis: 66.666667%; } } } @media (min-width: 1024px){ .md\:col-span-1{ grid-column: span 1 / span 1; } .md\:col-start-2{ grid-column-start: 2; } .md\:\!mb-12{ margin-bottom: 3rem !important; } .md\:mb-9{ margin-bottom: 2.25rem; } .md\:mr-3{ margin-right: 0.75rem; } .md\:mt-8{ margin-top: 2rem; } .md\:flex{ display: flex; } .md\:w-1\/2{ width: 50%; } .md\:w-1\/3{ width: 33.333333%; } .md\:w-1\/4{ width: 25%; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-\[minmax\(auto\2c 18rem\)_1fr\]{ grid-template-columns: minmax(auto,18rem) 1fr; } .md\:flex-row{ flex-direction: row; } .md\:justify-end{ justify-content: flex-end; } .md\:gap-2{ gap: 0.5rem; } .md\:gap-6{ gap: 1.5rem; } .md\:py-6{ padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:text-left{ text-align: left; } .md\:text-right{ text-align: right; } } @media (min-width: 1100px){ .menu-md\:m-6{ margin: 1.5rem; } .menu-md\:inline-block{ display: inline-block; } .menu-md\:flex{ display: flex; } .menu-md\:hidden{ display: none; } .menu-md\:min-h-\[4rem\]{ min-height: 4rem; } .menu-md\:min-w-\[10rem\]{ min-width: 10rem; } } @media (min-width: 1280px){ .lg\:absolute{ position: absolute; } .lg\:right-0{ right: 0px; } .lg\:top-0{ top: 0px; } .lg\:col-span-2{ grid-column: span 2 / span 2; } .lg\:float-right{ float: right; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:hidden{ display: none; } .lg\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-8{ grid-template-columns: repeat(8, minmax(0, 1fr)); } .lg\:pr-40{ padding-right: 10rem; } .lg\:text-left{ text-align: left; } }