:root {
/* button settings */
--button-bg-dark-color: rgb(35, 25, 73);
--button-bg-dark-color-hover: rgb(35, 25, 73);
--button-text-dark-color: rgb(35, 25, 73);
--button-bg-light-color: rgb(255,255,255);
--button-bg-light-color-hover: rgb(255,255,255);
--button-text-light-color: rgb(255,255,255);
--button-text-size: 18px;
--button-px: 2rem;
--button-py: 1rem;
--button-border-width: 2px;
--button-border-radius: 0px;
--button-border-dark-color: rgb(35, 25, 73);
--button-border-dark-color-hover: rgb(35, 25, 73);
--button-border-light-color: rgb(255,255,255);
--button-border-light-color-hover: rgb(255,255,255);
--button-icon-default-size: 1rem;
--button-icon-default-color: rgb(35, 25, 73);
--button-icon-arrow: url('data:image/svg+xml;utf8,');
--button-icon-download: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8%2012.5L3%207.5L4.4%206.05L7%208.65V0.5H9V8.65L11.6%206.05L13%207.5L8%2012.5ZM2%2016.5C1.45%2016.5%200.979333%2016.3043%200.588%2015.913C0.196666%2015.5217%200.000666667%2015.0507%200%2014.5V11.5H2V14.5H14V11.5H16V14.5C16%2015.05%2015.8043%2015.521%2015.413%2015.913C15.0217%2016.305%2014.5507%2016.5007%2014%2016.5H2Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
--tag-color: rgb(140, 185, 224);
--tag-text-size: 0.875rem;
--tag-border-radius: 0px;
--tag-bg-color: rgb(140 185 224 / 30);
--tag-py: 0.625rem;
--tag-px: 0.625rem;
/* end button settings */
/* accordion */
--accordion-button-text-size: 1rem;
--accordion-py: 1.75rem
--accordion-px: 1.25rem
--table-border-radius: 1rem;
--table-border-color: rgb(39, 32, 63);
--table-inner-border-color: rgb(223, 220, 232);
--table-border-width: 1px;
--table-head-bg-color: rgb(246, 245, 250);
--table-head-text-color: rgb(39, 32, 63);
--table-px: 1.25rem;
--table-py: 1rem;
--table-text-color: rgb(35, 25, 73);
/* end tables settings */
/* paragraph tips */
/* if vitaflo tips enabled */
/* we need to have config with all values in every theme */
--tip-border-radius: 1rem;
--tip-border-color: transparent;
--tip-border-width: 1px;
--tip-counter-color: transparent;
/* end paragraph tips setting */
/* custom classes */
--adv-img--padding--left: 10rem;
--adv-img--gap-md: 4rem;
--adv-img--gap: 2rem;
/* custom classes - end */
/* img settings */
--image-caption-color: rgb(39, 32, 63);
--image-caption-color-embed: rgb(246, 245, 250);
--image-border-radius: 0;
/* end img settings */
/* video */
--video-border-radius: 0px;
--video-play-button: url("data:image/svg+xml,%3Csvg%20width%3D%22140%22%20height%3D%22141%22%20viewBox%3D%220%200%20140%20141%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20y%3D%220.5%22%20width%3D%22140%22%20height%3D%22140%22%20rx%3D%2270%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22M51.5%2042.5V98.5L95.5%2070.5L51.5%2042.5Z%22%20fill%3D%22%23231949%22%2F%3E%3C%2Fsvg%3E");;
--video-overlay-color: transparent;
/* end video */
/* wysiwyg-text */
--wsg-title-color: rgb(35, 25, 73);
--wsg-text-color: rgb(35, 25, 73);
--wsg-ol-text-color: rgb(35, 25, 73);
--wsg-ol-mark-color: rgb(35, 25, 73);
--wsg-ul-text-color: rgb(35, 25, 73);
--wsg-ul-mark-color: rgb(35, 25, 73);
--wsg-link-text-color: rgb(35, 25, 73);
/* end wysiwyg text */
/* timeline */
--timeline-bg-color: rgb(244, 246, 254);
--timeline-mark-color: rgb(185, 194, 249);
--timeline-radius: 0px;
/* end timeline */
/* table of content */
--table-of-content-offset: calc(0 + 20px);
--table-of-content-title-size: 1.5rem;
--table-of-content-title-size-mobile: 1.25rem;
--table-of-content-title-color: rgb(35, 25, 73);
--table-of-content-item-size: 0.875rem;
--table-of-content-item-size-mobile: 0.875rem;
--table-of-content-item-color: rgb(35, 25, 73);
--table-of-content-item-color-mobile: rgb(35, 25, 73);
--table-of-content-item-color-hover: rgb(35, 25, 73);
--table-of-content-item-border-left-color: rgb(223, 220, 232);
--table-of-content-item-border-right-radius: 0.75rem;
--table-of-content-item-background-active: rgb(244, 246, 254);
--table-of-content-item-border-left-color-active: rgb(185, 194, 249);
/* end table of content */
/* form */
--form-item-margin-bottom: 1em;
--form-label-text-size: 16px;
--form-input-text-size: 18px;
--form-error-text-size: 16px;
--form-helper-text-size: 16px;
--form-label-text-color: rgb(69, 69, 69);
--form-input-text-color: rgb(39, 32, 63);
--form-error-text-color: rgb(244,67,54);
--form-helper-text-color: rgb(39, 32, 63);
--form-placeholder-text-color: rgb(39, 32, 63);
--form-input-shadow: none;
--form-input-radius: 0.375rem;
--form-input-border-size: 1px;
--form-input-border-color: rgb(134, 129, 154);
--form-input-bg-light-color: rgb(255, 255, 255);
--form-input-radio-label-color: rgb(35, 25, 73);
--form-input-radio-color: rgb(35, 25, 73);
--form-input-checkbox-size: 1.25rem;
--form-input-checkbox-background-color: rgb(255,255,255);
--form-input-checkbox-background-checked-color: rgb(47, 114, 173);
--form-input-checkbox-radius: 0;
--form-input-checkbox-mark-color: rgb(255,255,255);
--form-input-checkbox-mark: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor' stroke='currentColor' stroke-width='1'%3e%3cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3e%3c/svg%3e");
--form-select-arrow: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")
--hero-resource-text-color: rgb(255,255,255);
--hero-resource-bg-color: rgb(35, 25, 73);
--hero-resource-border-radius: 0px;
--hero-resource-textbox-spacing: 3rem;
--hero-resource-textbox-spacing-mobile: 1.5rem;
--hero-resource-tag-bg-color: rgb(244, 246, 254);
--hero-resource-tag-bg-color-hover: rgb(185, 194, 249);
/* resource header - end*/
/* breadcrumb */
--breadcrumb-header-top: 105px;
/* breadcrumb - end */
}
.h1 {
margin-bottom: .4em;
font-size: 48px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px) {
.h1 {
font-size: 60px;
line-height: 1.2em;
}
}
.h2 {
margin-bottom: .4em;
font-size: 32px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px) {
.h2 {
font-size: 48px;
line-height: 1.2em;
}
}
.h3 {
margin-bottom: .4em;
font-size: 28px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px) {
.h3 {
font-size: 36px;
line-height: 1.2em;
}
}
.h4 {
margin-bottom: .4em;
font-size: 24px;
line-height: 1.2em;
font-weight: 700;
}
@media (min-width: 1280px) {
.h4 {
font-size: 30px;
line-height: 1.2em;
}
}
.h5 {
margin-bottom: .4em;
font-size: 24px;
line-height: 1.2em;
}
@media (min-width: 1280px) {
.h5 {
font-size: 24px;
line-height: 1.2em;
}
}
.h6 {
margin-bottom: .4em;
font-size: 1rem;
line-height: 1.5rem;
}
@media (min-width: 1280px) {
.h6 {
font-size: 21px;
}
}
.h1,.h2,.h3,.h4,.h5,.h6,
.h1 *,.h2 *,.h3 *,.h4 *,.h5 *,.h6 * {
font-family: Karla, sans-serif;
}
.wysiwyg-text {
margin-bottom: 2.5rem;
p {
margin-bottom: 1em;
}
p {
font-size: 18px;
line-height: 1.5em;
}
p:last-child {
margin-bottom: 0px;
}
p + ul,
p + ol {
margin-top: 1em;
}
ol,
ul {
padding-left: 1.5rem;
}
ol,
ul {
li:not(:last-child) {
margin-bottom: .4em;
}
}
a {
color: var(--wsg-link-text-color);
}
ul {
list-style-type: disc;
}
ul {
li {
list-style-type: disc;
}
li {
color: var(--wsg-ul-text-color);
}
li::marker {
color: var(--wsg-ul-mark-color);
}
}
ol {
list-style-type: decimal;
}
ol {
li {
list-style-type: decimal;
}
li {
color: var(--wsg-ol-text-color);
}
li::marker {
color: var(--wsg-ol-mark-color);
}
}
ol ol {
padding-left: 0px;
}
ol ol {
padding-top: 0.75rem;
}
ul ul {
padding-top: 0px;
padding-bottom: 0px;
}
ul ul {
padding-right: 0px;
}
ul ul {
padding-left: 1.5rem;
}
ul ul {
padding-top: 0.75rem;
}
h1,h2,h3,h4,h5,h6 {
margin-bottom: .4em;
}
h1,h2,h3,h4,h5,h6 {
margin-top: 1em;
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {
margin-top: 0;
}
h1,h2,h3,h4,h5,h6 {
color: var(--wsg-title-color);
}
h1,h2,h3,h4,h5,h6,
h1 *,h2 *,h3 *,h4 *,h5 *,h6 * {
font-family: Karla, sans-serif;
}
h1 {
font-size: 48px;
line-height: 1.2em;
}
h1 {
font-weight: 700;
}
@media (min-width: 1280px) {
h1 {
font-size: 60px;
line-height: 1.2em;
}
}
h2 {
font-size: 32px;
line-height: 1.2em;
}
h2 {
font-weight: 700;
}
@media (min-width: 1280px) {
h2 {
font-size: 48px;
line-height: 1.2em;
}
}
h3 {
font-size: 28px;
line-height: 1.2em;
}
h3 {
font-weight: 700;
}
@media (min-width: 1280px) {
h3 {
font-size: 36px;
line-height: 1.2em;
}
}
h4 {
font-size: 24px;
line-height: 1.2em;
}
h4 {
font-weight: 700;
}
@media (min-width: 1280px) {
h4 {
font-size: 30px;
line-height: 1.2em;
}
}
h5 {
font-size: 24px;
line-height: 1.2em;
}
@media (min-width: 1280px) {
h5 {
font-size: 24px;
line-height: 1.2em;
}
}
h6 {
font-size: 1rem;
line-height: 1.5rem;
}
h6 {
line-height: 1.2em;
}
@media (min-width: 1280px) {
h6 {
font-size: 21px;
}
}
}
/* set default text color if not defined in cms */
.wysiwyg-text:not([class^="text-f"]):not([class^="text-n"]) {
p {
color: var(--wsg-text-color);
}
}
iframe {
aspect-ratio: 16 / 9;
height: auto;
width: 100% !important;
}
.local_tasks_block {
position: absolute;
top: 250px;
right: 0px;
z-index: 40;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 2.5rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.local_tasks_block {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.local_tasks_block {
ul:not(.contextual-links) {
display: flex;
}
ul:not(.contextual-links) {
align-items: center;
}
ul:not(.contextual-links) {
justify-content: flex-start;
}
ul:not(.contextual-links) {
border-radius: 0.75rem;
}
ul:not(.contextual-links) {
border-width: 1px;
}
ul:not(.contextual-links) {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
ul:not(.contextual-links) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
ul:not(.contextual-links) {
padding: 0.375rem;
}
ul:not(.contextual-links) {
--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);
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
justify-content: center;
}
}
ul:not(.contextual-links) #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
ul:not(.contextual-links) #bg-hero-image-middle {
fill: rgb(243, 243, 245);
}
ul:not(.contextual-links) #bg-hero-image-middle {
mix-blend-mode: multiply;
}
ul:not(.contextual-links) #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
ul:not(.contextual-links) {
li {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
}
#block-views-block-adv-products-products-category-filtered-agerange-groupped {
h2.view-title,
h3.view-title,
h3.view-title a {
margin-bottom: 1em;
}
h2.view-title,
h3.view-title,
h3.view-title a {
display: block;
}
h2.view-title,
h3.view-title,
h3.view-title a {
text-align: center;
}
h2.view-title,
h3.view-title,
h3.view-title a {
font-size: 1.5rem;
line-height: 2rem;
}
h2.view-title,
h3.view-title,
h3.view-title a {
font-weight: 700;
}
h2.view-title,
h3.view-title,
h3.view-title a {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
@media (min-width: 768px) {
h2.view-title,
h3.view-title,
h3.view-title a {
font-size: 2.25rem;
line-height: 2.5rem;
}
}
.views-view-grid {
margin-bottom: 1em;
}
}
/* move to settings? */
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.flex {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
/* paragraph-image */
.paragraph--type--c-grid-item:has(>.paragraph--type--component-video),
.paragraph--type--c-grid-item:has(>.paragraph--type--component-image) {
/* other elements has order: 0 based on cms flow */
}
@media not all and (min-width: 1024px) {
.paragraph--type--c-grid-item:has(>.paragraph--type--component-video),
.paragraph--type--c-grid-item:has(>.paragraph--type--component-image) {
order: 1;
}
}
.grid-item > .paragraph--type--c-grid {
width: 100%;
}
@media screen and (min-width: 1400px) {
.container {
max-width: 1400px !important;
}
.container_slim.container,
.container_slim .container {
max-width: 900px !important;
}
.container_slim.paragraph--type--c-grid-item {
width: 100%;
max-width: 900px !important;
justify-self: center;
}
}
.container_full_width .container {
max-width: 100% !important;
}
.style-clean > .container {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.style-clean > .grid {
gap: 0px !important;
}
/* classy - gap */
.adv-gap-none > .grid {
gap: 0px;
}
.adv-gap-big > .grid {
gap: 2rem;
}
@media (min-width: 768px) {
.adv-gap-big > .grid {
gap: 4rem;
}
}
.items-inherit {
align-items: inherit;
}
.layout-container {
margin: 0px !important;
}
.btn-search {
position: relative;
display: flex;
width: -moz-fit-content;
width: fit-content;
max-width: 180px;
align-items: center;
justify-content: flex-start;
overflow: hidden;
border-radius: 0px;
border-width: 1px;
border-color: rgba(216, 196, 255, 1);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
padding: 5px;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.btn-search {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.btn-search #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
.btn-search #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.btn-search #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
.btn-search:has(input:focus) {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.btn-search input {
width: 100%;
flex-shrink: 1;
padding-left: 0.625rem;
padding-right: 0.625rem;
font-size: 0.875rem;
line-height: 1rem;
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
outline: 2px solid transparent;
outline-offset: 2px;
}
.btn-search input::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
.btn-search input::placeholder {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
.btn-search button {
display: inline-block;
height: 30px;
width: 100%;
max-width: 30px;
border-radius: 0px;
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.btn-search button #bg-hero-image-top {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-search button #bg-hero-image-middle {
fill: rgb(35, 25, 73);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.btn-search button #bg-hero-image-bottom {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-search button:after {
display: inline-block;
height: 0.75rem;
width: 0.75rem;
flex-shrink: 0;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-content: '';
content: var(--tw-content);
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
}
.paragraph--type--component-file+.paragraph--type--component-file,
.paragraph--type--component-link+.paragraph--type--component-link {
margin-top: 1.25rem;
}
.paragraph--type--c-row-100 {
.paragraph--type--component-file+.paragraph--type--component-file,
.paragraph--type--component-link+.paragraph--type--component-link {
margin-top: 0px;
}
}
.paragraph--type--component-file.btn-full-width a,
.paragraph--type--component-link.btn-full-width a {
max-width: none;
width: 100%;
display: flex;
justify-content: inherit;
}
/* base buttons with settings */
.paragraph--type--component-file a,
.paragraph--type--component-link a {
max-width: -moz-max-content;
max-width: max-content;
font-weight: 700;
}
.paragraph--type--component-file a,
.paragraph--type--component-link a,
.btn-base a {
text-decoration-line: underline;
font-size: var(--button-text-size);
}
input.btn-primary,
input.btn-secondary,
button.btn-primary,
button.btn-secondary,
.btn-primary a,
.btn-secondary a,
.btn-arrow a,
.btn-download a,
.btn-icon a {
display: flex;
cursor: pointer;
align-items: center;
justify-content: center;
text-decoration-line: none;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
@media not all and (min-width: 1280px) {
input.paragraph--type--c-row-100.btn-primary,
input.paragraph--type--c-row-100.btn-secondary,
button.paragraph--type--c-row-100.btn-primary,
button.paragraph--type--c-row-100.btn-secondary,.paragraph--type--c-row-100
.btn-primary a,.paragraph--type--c-row-100
.btn-secondary a,.paragraph--type--c-row-100
.btn-arrow a,.paragraph--type--c-row-100
.btn-download a,.paragraph--type--c-row-100
.btn-icon a {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
input.btn-primary,
input.btn-secondary,
button.btn-primary,
button.btn-secondary,
.btn-primary a,
.btn-secondary a,
.btn-arrow a,
.btn-download a,
.btn-icon a {
padding: var(--button-py) var(--button-px);
border-width: var(--button-border-width);
border-radius: var(--button-border-radius);
}
.btn-arrow a:after,
.btn-download a:after,
.btn-icon a:after {
position: relative;
display: inline-block;
flex-shrink: 0;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
--tw-content: '';
content: var(--tw-content);
width: var(--button-icon-default-size);
height: var(--button-icon-default-size);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-repeat: no-repeat;
mask-size: contain;
}
.btn-arrow a:after {
mask: var(--button-icon-arrow);
-webkit-mask: var(--button-icon-arrow);
}
.btn-download a:after {
-webkit-mask: var(--button-icon-download);
mask: var(--button-icon-download);
}
.paragraph--type--component-file.reverse a,
.paragraph--type--component-link.reverse a {
flex-direction: row-reverse;
}
.paragraph--type--component-file.reverse a:after,
.paragraph--type--component-link.reverse a:after {
--tw-scale-x: -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));
}
/* color schemes */
/* default scheme */
input.btn-primary,
button.btn-primary,
.btn-primary a {
color: var(--button-text-light-color);
background-color: var(--button-bg-dark-color);
border-color: var(--button-border-dark-color);
}
input.btn-primary:hover,
button.btn-primary:hover,
.btn-primary a:hover {
background-color: color-mix(in srgb, var(--button-bg-dark-color-hover) 80%, transparent);
border-color: color-mix(in srgb, var(--button-border-dark-color-hover) 80%, transparent);
}
.btn-arrow a,
.btn-download a,
.btn-icon a {
border-style: none;
background-color: rgba(0,0,0,0);
}
.btn-arrow a:hover,
.btn-download a:hover,
.btn-icon a:hover {
text-decoration-line: underline;
}
.btn-arrow a,
.btn-download a,
.btn-icon a {
color: var(--button-text-dark-color);
}
.btn-arrow a:after,
.btn-download a:after,
.btn-icon a:after {
background-color: var(--button-icon-default-color);
}
.paragraph--type--component-file:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
.paragraph--type--component-link:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
input.btn-secondary,
button.btn-secondary,
.btn-secondary a,
.btn-base a {
color: var(--button-text-dark-color);
}
input.btn-secondary:hover,
button.btn-secondary:hover,
.btn-secondary a:hover {
text-decoration-line: underline;
}
input.btn-secondary,
button.btn-secondary,
.btn-secondary a {
color: var(--button-text-dark-color);
border-color: var(--button-border-dark-color);
}
/* dark scheme */
.btn-download:not(.btn-scheme-dark):not(.btn-scheme-light) a {
padding: 0px;
}
.btn-arrow.btn-scheme-dark a,
.btn-download.btn-scheme-dark a,
.btn-icon.btn-scheme-dark a,
input.btn-primary.btn-scheme-dark,
button.btn-primary.btn-scheme-dark,
.btn-primary.btn-scheme-dark a {
color: var(--button-text-light-color);
background-color: var(--button-bg-dark-color);
border-color: var(--button-border-dark-color);
}
.btn-arrow.btn-scheme-dark a:hover,
.btn-download.btn-scheme-dark a:hover,
.btn-icon.btn-scheme-dark a:hover,
input.btn-primary.btn-scheme-dark:hover,
button.btn-primary.btn-scheme-dark:hover,
.btn-primary.btn-scheme-dark a:hover {
text-decoration-line: none;
background-color: color-mix(in srgb, var(--button-bg-dark-color-hover) 80%, transparent);
border-color: color-mix(in srgb, var(--button-border-dark-color-hover) 80%, transparent);
}
.btn-arrow.btn-scheme-dark a:after,
.btn-download.btn-scheme-dark a:after,
.btn-icon.btn-scheme-dark a:after {
background-color: var(--button-bg-light-color);
}
.paragraph--type--component-file.btn-scheme-dark:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
.paragraph--type--component-link.btn-scheme-dark:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
input.btn-secondary.btn-scheme-dark,
button.btn-secondary.btn-scheme-dark,
.btn-secondary.btn-scheme-dark a,
.btn-base.btn-scheme-dark a {
color: var(--button-text-dark-color);
}
input.btn-secondary.btn-scheme-dark:hover,
button.btn-secondary.btn-scheme-dark:hover,
.btn-secondary.btn-scheme-dark a:hover {
text-decoration-line: underline;
}
input.btn-secondary.btn-scheme-dark,
button.btn-secondary.btn-scheme-dark,
.btn-secondary.btn-scheme-dark a {
color: var(--button-text-dark-color);
border-color: var(--button-border-dark-color);
}
/* light scheme */
.btn-arrow.btn-scheme-light a,
.btn-download.btn-scheme-light a,
.btn-icon.btn-scheme-light a,
input.btn-primary.btn-scheme-light,
button.btn-primary.btn-scheme-light,
.btn-primary.btn-scheme-light a {
color: var(--button-text-dark-color);
background-color: var(--button-bg-light-color);
border-color: var(--button-border-light-color);
}
.btn-arrow.btn-scheme-light a:hover,
.btn-download.btn-scheme-light a:hover,
.btn-icon.btn-scheme-light a:hover,
input.btn-primary.btn-scheme-light:hover,
button.btn-primary.btn-scheme-light:hover,
.btn-primary.btn-scheme-light a:hover {
text-decoration-line: none;
background-color: color-mix(in srgb, var(--button-bg-light-color-hover) 80%, transparent);
border-color: color-mix(in srgb, var(--button-border-light-color-hover) 80%, transparent);
}
.btn-arrow.btn-scheme-light a:after,
.btn-download.btn-scheme-light a:after,
.btn-icon.btn-scheme-light a:after {
background-color: var(--button-bg-dark-color);
}
.paragraph--type--component-file.btn-scheme-light:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
.paragraph--type--component-link.btn-scheme-light:not(.btn-primary):not(.btn-arrow):not(.btn-download):not(.btn-icon) a,
input.btn-secondary.btn-scheme-light,
button.btn-secondary.btn-scheme-light,
.btn-secondary.btn-scheme-light a,
.btn-base.btn-scheme-light a {
color: var(--button-text-light-color);
}
input.btn-secondary.btn-scheme-light:hover,
button.btn-secondary.btn-scheme-light:hover,
.btn-secondary.btn-scheme-light a:hover {
text-decoration-line: underline;
}
input.btn-secondary.btn-scheme-light,
button.btn-secondary.btn-scheme-light,
.btn-secondary.btn-scheme-light a {
color: var(--button-text-light-color);
border-color: var(--button-text-light-color);
}
.btn-tag a,
a.btn-tag,
button.btn-tag {
font-weight: 400;
background-color: var(--tag-bg-color);
color: var(--tag-text-color);
font-size: var(--tag-text-size);
padding: var(--tag-py) var(--tag-px);
border-radius: var(--tag-border-radius);
}
.btn-accordion {
font-weight: 700;
font-size: var(--accordion-button-text-size);
padding: var(--accordion-py) var(--accordion-px);
}
/* button main classes: .btn.btn-main */
.btn-main a,
a.btn-main,
button.btn-main {
display: inline-block;
border-width: 2px;
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.btn-main a #bg-hero-image-top,
a.btn-main #bg-hero-image-top,
button.btn-main #bg-hero-image-top {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-main a #bg-hero-image-middle,
a.btn-main #bg-hero-image-middle,
button.btn-main #bg-hero-image-middle {
fill: rgb(35, 25, 73);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.btn-main a #bg-hero-image-bottom,
a.btn-main #bg-hero-image-bottom,
button.btn-main #bg-hero-image-bottom {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.btn-main a:hover,
a.btn-main:hover,
button.btn-main:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(35 25 73 / var(--tw-text-opacity, 1));
}
/* button base classes: .btn-base */
/* main div:not(.btn) a:not(.btn), */
.btn-base a,
a.btn-base,
button.btn-base {
background-color: rgba(0,0,0,0);
font-size: 1rem;
line-height: 1.25rem;
font-weight: 700;
text-decoration-line: underline;
}
button.btn-scheme-dark.btn-base,
a.btn-scheme-dark.btn-base,
.btn-scheme-dark.btn-base a {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
button.btn-scheme-dark.btn-base:hover,
a.btn-scheme-dark.btn-base:hover,
.btn-scheme-dark.btn-base a:hover {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
button.btn-scheme-light.btn-base,
a.btn-scheme-light.btn-base,
.btn-scheme-light.btn-base a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
button.btn-scheme-light.btn-base:hover,
a.btn-scheme-light.btn-base:hover,
.btn-scheme-light.btn-base a:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
button.btn-base,
a.btn-base,
.btn-base a {
background-color: rgba(0,0,0,0);
}
button.btn-base:hover,
a.btn-base:hover,
.btn-base a:hover {
background-color: rgba(0,0,0,0);
}
.btn-download a,
a.btn-download,
button.btn-download,
.btn-arrow a,
a.btn-arrow,
button.btn-arrow {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
border-width: 2px;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.btn-download a,
a.paragraph--type--c-row-100.btn-download,
button.paragraph--type--c-row-100.btn-download,.paragraph--type--c-row-100
.btn-arrow a,
a.paragraph--type--c-row-100.btn-arrow,
button.paragraph--type--c-row-100.btn-arrow {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.popup-open {
overflow: hidden;
}
.popup-open main {
filter: blur(3px);
}
.lang-wrapper:before {
margin-right: 0.375rem;
display: inline-block;
height: 1rem;
width: 1rem;
flex-shrink: 0;
--tw-bg-opacity: 1;
background-color: rgb(39 32 63 / var(--tw-bg-opacity, 1));
--tw-content: '';
content: var(--tw-content);
-webkit-mask: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00202%2016.9951C6.52202%2016.9951%204.18202%2015.8451%202.67202%2013.8751C1.15202%2011.9151%200.632016%209.36511%201.26202%206.96511C1.89202%204.56511%203.60202%202.59511%205.88202%201.62511C8.52202%200.515111%2011.542%200.895111%2013.822%202.61511C16.102%204.33511%2017.292%207.14511%2016.932%209.98511C16.582%2012.8251%2014.742%2015.2551%2012.102%2016.3651C11.122%2016.7851%2010.062%2016.9951%208.99202%2016.9951H9.00202ZM9.00202%201.50511C4.86202%201.50511%201.50202%204.86511%201.50202%208.99511C1.50202%2013.1251%204.86202%2016.4951%209.00202%2016.4951C13.142%2016.4951%2016.502%2013.1351%2016.502%208.99511C16.502%204.85511%2013.132%201.50511%209.00202%201.50511Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00212%2016.995C8.57212%2016.995%208.17212%2016.755%207.80212%2016.285C7.47212%2015.875%207.18212%2015.285%206.94212%2014.545C6.44212%2013.055%206.17212%2011.085%206.17212%208.98499C6.17212%206.88499%206.44212%204.915%206.94212%203.425C7.19212%202.685%207.48212%202.105%207.80212%201.685C8.16212%201.235%208.57212%200.994995%209.00212%200.994995C9.43212%200.994995%209.83212%201.235%2010.2021%201.705C10.5321%202.115%2010.8221%202.705%2011.0621%203.445C11.5621%204.935%2011.8321%206.905%2011.8321%209.005C11.8321%2011.105%2011.5621%2013.075%2011.0621%2014.565C10.8121%2015.305%2010.5221%2015.885%2010.2021%2016.305C9.83212%2016.775%209.43212%2017.005%209.00212%2017.005V16.995ZM9.00212%201.505C8.73212%201.505%208.46212%201.675%208.19212%202.015C7.90212%202.375%207.64212%202.92499%207.41212%203.595C6.93212%205.035%206.67212%206.955%206.67212%208.995C6.67212%2011.035%206.93212%2012.955%207.41212%2014.395C7.63212%2015.065%207.90212%2015.615%208.19212%2015.975C8.46212%2016.315%208.73212%2016.485%209.00212%2016.485C9.27212%2016.485%209.54212%2016.315%209.81212%2015.975C10.1021%2015.615%2010.3621%2015.065%2010.5921%2014.395C11.0721%2012.955%2011.3321%2011.035%2011.3321%208.995C11.3321%206.955%2011.0721%205.035%2010.5921%203.595C10.3721%202.92499%2010.1021%202.375%209.81212%202.015C9.54212%201.675%209.27212%201.505%209.00212%201.505Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00204%206.66494C7.60204%206.66494%206.22204%206.54494%205.02204%206.30494C3.84204%206.07494%202.85204%205.73494%202.16204%205.34494C2.04204%205.27494%202.00204%205.12494%202.07204%205.00494C2.14204%204.88494%202.29204%204.84494%202.41204%204.91494C3.76204%205.69494%206.28204%206.17494%209.00204%206.17494C11.722%206.17494%2014.242%205.69494%2015.592%204.91494C15.712%204.84494%2015.862%204.88494%2015.932%205.00494C16.002%205.12494%2015.962%205.27494%2015.842%205.34494C15.152%205.74494%2014.162%206.07494%2012.982%206.30494C11.782%206.54494%2010.402%206.66494%209.00204%206.66494Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M15.712%2013.1251C15.712%2013.1251%2015.622%2013.1151%2015.582%2013.0951C14.232%2012.3251%2011.712%2011.8351%208.99203%2011.8351C6.27203%2011.8351%203.75203%2012.3151%202.40203%2013.0951C2.28203%2013.1651%202.13203%2013.1251%202.06203%2013.0051C1.99203%2012.8851%202.03203%2012.7351%202.15203%2012.6651C2.84203%2012.2651%203.83203%2011.9351%205.01203%2011.7051C6.21203%2011.4651%207.59203%2011.3451%208.99203%2011.3451C10.392%2011.3451%2011.772%2011.4651%2012.972%2011.7051C14.152%2011.9351%2015.142%2012.2751%2015.832%2012.6651C15.932%2012.7251%2015.982%2012.8351%2015.952%2012.9451C15.922%2013.0551%2015.822%2013.1351%2015.712%2013.1351V13.1251Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
mask: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00202%2016.9951C6.52202%2016.9951%204.18202%2015.8451%202.67202%2013.8751C1.15202%2011.9151%200.632016%209.36511%201.26202%206.96511C1.89202%204.56511%203.60202%202.59511%205.88202%201.62511C8.52202%200.515111%2011.542%200.895111%2013.822%202.61511C16.102%204.33511%2017.292%207.14511%2016.932%209.98511C16.582%2012.8251%2014.742%2015.2551%2012.102%2016.3651C11.122%2016.7851%2010.062%2016.9951%208.99202%2016.9951H9.00202ZM9.00202%201.50511C4.86202%201.50511%201.50202%204.86511%201.50202%208.99511C1.50202%2013.1251%204.86202%2016.4951%209.00202%2016.4951C13.142%2016.4951%2016.502%2013.1351%2016.502%208.99511C16.502%204.85511%2013.132%201.50511%209.00202%201.50511Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00212%2016.995C8.57212%2016.995%208.17212%2016.755%207.80212%2016.285C7.47212%2015.875%207.18212%2015.285%206.94212%2014.545C6.44212%2013.055%206.17212%2011.085%206.17212%208.98499C6.17212%206.88499%206.44212%204.915%206.94212%203.425C7.19212%202.685%207.48212%202.105%207.80212%201.685C8.16212%201.235%208.57212%200.994995%209.00212%200.994995C9.43212%200.994995%209.83212%201.235%2010.2021%201.705C10.5321%202.115%2010.8221%202.705%2011.0621%203.445C11.5621%204.935%2011.8321%206.905%2011.8321%209.005C11.8321%2011.105%2011.5621%2013.075%2011.0621%2014.565C10.8121%2015.305%2010.5221%2015.885%2010.2021%2016.305C9.83212%2016.775%209.43212%2017.005%209.00212%2017.005V16.995ZM9.00212%201.505C8.73212%201.505%208.46212%201.675%208.19212%202.015C7.90212%202.375%207.64212%202.92499%207.41212%203.595C6.93212%205.035%206.67212%206.955%206.67212%208.995C6.67212%2011.035%206.93212%2012.955%207.41212%2014.395C7.63212%2015.065%207.90212%2015.615%208.19212%2015.975C8.46212%2016.315%208.73212%2016.485%209.00212%2016.485C9.27212%2016.485%209.54212%2016.315%209.81212%2015.975C10.1021%2015.615%2010.3621%2015.065%2010.5921%2014.395C11.0721%2012.955%2011.3321%2011.035%2011.3321%208.995C11.3321%206.955%2011.0721%205.035%2010.5921%203.595C10.3721%202.92499%2010.1021%202.375%209.81212%202.015C9.54212%201.675%209.27212%201.505%209.00212%201.505Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00204%206.66494C7.60204%206.66494%206.22204%206.54494%205.02204%206.30494C3.84204%206.07494%202.85204%205.73494%202.16204%205.34494C2.04204%205.27494%202.00204%205.12494%202.07204%205.00494C2.14204%204.88494%202.29204%204.84494%202.41204%204.91494C3.76204%205.69494%206.28204%206.17494%209.00204%206.17494C11.722%206.17494%2014.242%205.69494%2015.592%204.91494C15.712%204.84494%2015.862%204.88494%2015.932%205.00494C16.002%205.12494%2015.962%205.27494%2015.842%205.34494C15.152%205.74494%2014.162%206.07494%2012.982%206.30494C11.782%206.54494%2010.402%206.66494%209.00204%206.66494Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M15.712%2013.1251C15.712%2013.1251%2015.622%2013.1151%2015.582%2013.0951C14.232%2012.3251%2011.712%2011.8351%208.99203%2011.8351C6.27203%2011.8351%203.75203%2012.3151%202.40203%2013.0951C2.28203%2013.1651%202.13203%2013.1251%202.06203%2013.0051C1.99203%2012.8851%202.03203%2012.7351%202.15203%2012.6651C2.84203%2012.2651%203.83203%2011.9351%205.01203%2011.7051C6.21203%2011.4651%207.59203%2011.3451%208.99203%2011.3451C10.392%2011.3451%2011.772%2011.4651%2012.972%2011.7051C14.152%2011.9351%2015.142%2012.2751%2015.832%2012.6651C15.932%2012.7251%2015.982%2012.8351%2015.952%2012.9451C15.922%2013.0551%2015.822%2013.1351%2015.712%2013.1351V13.1251Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
}
/* header - search */
header .exposed-search-form {
@media not all and (min-width: 1280px) {
form {
display: none;
}
}
@media not all and (min-width: 1280px) {
.mobile-search-button {
display: block;
}
}
}
header .exposed-search-form.show-search {
@media not all and (min-width: 1280px) {
form {
position: absolute;
}
}
@media not all and (min-width: 1280px) {
form {
left: 50%;
}
}
@media not all and (min-width: 1280px) {
form {
z-index: 50;
}
}
@media not all and (min-width: 1280px) {
form {
display: flex;
}
}
@media not all and (min-width: 1280px) {
form {
width: calc(100% - 40px);
}
}
@media not all and (min-width: 1280px) {
form {
max-width: none;
}
}
@media not all and (min-width: 1280px) {
form {
--tw-translate-x: -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));
}
}
@media not all and (min-width: 1280px) {
form {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
form {
justify-content: center;
}
}
@media not all and (min-width: 1280px) {
form {
--tw-shadow: 0px 0px 0px 10px #ffffff;
--tw-shadow-colored: 0px 0px 0px 10px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
}
.mobile-search-button-close {
z-index: 99;
}
@media not all and (min-width: 1280px) {
.mobile-search-button-close {
display: block;
}
}
@media not all and (min-width: 1280px) {
.js-form-item {
width: 100%;
}
}
}
.search-block-form,
.exposed-search-form {
display: flex;
align-items: center;
justify-content: flex-start;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.search-block-form,.paragraph--type--c-row-100
.exposed-search-form {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.search-block-form,
.exposed-search-form {
form {
position: relative;
}
form {
display: flex;
}
form {
width: -moz-fit-content;
width: fit-content;
}
form {
max-width: 180px;
}
form {
align-items: center;
}
form {
justify-content: flex-start;
}
form {
overflow: hidden;
}
form {
border-radius: 0px;
}
form {
border-width: 1px;
}
form {
border-color: rgba(216, 196, 255, 1);
}
form {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
form {
padding: 5px;
}
@media not all and (min-width: 1280px) {
form.paragraph--type--c-row-100 {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
form.paragraph--type--c-row-100 {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
form.paragraph--type--c-row-100 {
justify-content: center;
}
}
form #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
form #bg-hero-image-middle {
fill: rgb(243, 243, 245);
}
form #bg-hero-image-middle {
mix-blend-mode: multiply;
}
form #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
.form-item-keywords label {
display: none;
}
.mobile-search-button:after,
.form-actions:after {
pointer-events: none;
}
.mobile-search-button:after,
.form-actions:after {
position: absolute;
}
.mobile-search-button:after,
.form-actions:after {
top: 50%;
}
.mobile-search-button:after,
.form-actions:after {
left: 50%;
}
.mobile-search-button:after,
.form-actions:after {
display: inline-block;
}
.mobile-search-button:after,
.form-actions:after {
height: 0.75rem;
}
.mobile-search-button:after,
.form-actions:after {
width: 0.75rem;
}
.mobile-search-button:after,
.form-actions:after {
flex-shrink: 0;
}
.mobile-search-button:after,
.form-actions:after {
--tw-translate-x: -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));
}
.mobile-search-button:after,
.form-actions:after {
--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));
}
.mobile-search-button:after,
.form-actions:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.mobile-search-button:after,
.form-actions:after {
--tw-content: '';
content: var(--tw-content);
}
.mobile-search-button:after,
.form-actions:after {
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
}
.mobile-search-button,
.form-submit {
display: inline-block;
}
.mobile-search-button,
.form-submit {
height: 30px;
}
.mobile-search-button,
.form-submit {
width: 100%;
}
.mobile-search-button,
.form-submit {
max-width: 30px;
}
.mobile-search-button,
.form-submit {
border-radius: 0px;
}
.mobile-search-button,
.form-submit {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.mobile-search-button,
.form-submit {
padding: 0px;
}
.mobile-search-button,
.form-submit {
color: rgba(0,0,0,0);
}
.mobile-search-button #bg-hero-image-top,
.form-submit #bg-hero-image-top {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.mobile-search-button #bg-hero-image-middle,
.form-submit #bg-hero-image-middle {
fill: rgb(35, 25, 73);
}
.mobile-search-button #bg-hero-image-middle,
.form-submit #bg-hero-image-middle {
opacity: 0.2;
}
.mobile-search-button #bg-hero-image-middle,
.form-submit #bg-hero-image-middle {
mix-blend-mode: color-dodge;
}
.mobile-search-button #bg-hero-image-bottom,
.form-submit #bg-hero-image-bottom {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.mobile-search-button-close {
display: none;
}
.mobile-search-button {
display: none;
}
.mobile-search-button {
width: 30px;
}
@media (min-width: 1280px) {
.mobile-search-button {
display: none;
}
}
form:has(input:focus) {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.mobile-search-button,
.form-actions {
position: relative;
}
.mobile-search-button,
.form-actions {
cursor: pointer;
}
.form-item-keywords input {
width: 100%;
}
.form-item-keywords input {
flex-shrink: 1;
}
.form-item-keywords input {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.form-item-keywords input {
font-size: 0.875rem;
line-height: 1rem;
}
.form-item-keywords input {
font-weight: 300;
}
.form-item-keywords input {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
.form-item-keywords input {
outline: 2px solid transparent;
outline-offset: 2px;
}
.form-item-keywords input::-moz-placeholder {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
.form-item-keywords input::placeholder {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
}
/* end header - search */
/* header - product view mode block */
.menu__item--has-children.view-mode-block:hover>ul {
display: grid;
grid-template-columns: repeat(2,min(50%,300px));
align-items: flex-start;
justify-content: flex-start;
gap: 0px;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
--tw-shadow: 0px 8px 20px 0px #00000014;
--tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.style-clean > .menu__item--has-children.view-mode-block:hover>ul {
gap: 0px !important;
}
.adv-gap-none > .menu__item--has-children.view-mode-block:hover>ul {
gap: 0px;
}
.adv-gap-big > .menu__item--has-children.view-mode-block:hover>ul {
gap: 2rem;
}
@media (min-width: 768px) {
.adv-gap-big > .menu__item--has-children.view-mode-block:hover>ul {
gap: 4rem;
}
}
.footer .menu__item--has-children.view-mode-block:hover>ul>div:first-of-type p {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
color: rgb(255 255 255 / 0.5);
}
.paragraph--type--c-grid > .menu__item--has-children.view-mode-block:hover>ul:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .menu__item--has-children.view-mode-block:hover>ul .paragraph--type--component-tip:after {
position: absolute;
top: 2rem;
left: 2rem;
font-size: 36px;
line-height: 0.7em;
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
@media not all and (min-width: 1280px) {
.menu__item--has-children.view-mode-block:hover>ul {
justify-content: center;
}
}
@media (min-width: 1280px) {
.menu__item--has-children.view-mode-block:hover>ul {
grid-template-columns: repeat(3,150px);
border-radius: 0px;
}
}
.menu__item--has-children.view-mode-block:hover>ul {
.menu__item.view-mode-block {
border-radius: 0;
}
.menu__item.view-mode-block {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.menu__item.view-mode-block {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.menu__item.view-mode-block {
text-align: center;
}
.menu__item.view-mode-block:hover {
--tw-bg-opacity: 1;
background-color: rgb(243 243 245 / var(--tw-bg-opacity, 1));
}
.menu__item.view-mode-block>a {
background-color: rgba(0,0,0,0);
}
.menu__item.view-mode-block>a {
padding: 0px;
}
.menu__item.view-mode-block {
img {
margin-left: auto;
margin-right: auto;
}
img {
margin-bottom: 1.25rem;
}
@media not all and (min-width: 1280px) {
img {
max-width: min(50%,100px);
}
}
@media (min-width: 1280px) {
img {
max-width: 2.5rem;
}
}
}
}
.menu__item--has-children {
position: relative;
}
.menu__link--level-1.menu__link--has-children {
display: inline-block;
cursor: pointer;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-weight: 700;
}
@media not all and (min-width: 1280px) {
.multi-menu-inner {
position: relative;
}
}
.multi-menu-inner {
@media not all and (min-width: 1280px) {
li {
position: relative;
}
}
@media not all and (min-width: 1280px) {
li {
z-index: 20;
}
}
@media not all and (min-width: 1280px) {
li {
text-align: center;
}
}
}
@media not all and (min-width: 1280px) {
.multi-menu-inner:after {
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
height: 100%;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
--tw-brightness: brightness(.75);
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);
--tw-content: '';
content: var(--tw-content);
}
}
/* end header - product view mode block */
/* header - views */
.views-element-container {
h2 {
text-align: center;
}
h2 {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
h2 {
margin-bottom: .4em;
}
h2 {
font-size: 32px;
line-height: 1.2em;
}
h2 {
font-weight: 700;
}
@media (min-width: 1280px) {
h2 {
font-size: 48px;
line-height: 1.2em;
}
}
h2,h2 * {
font-family: Karla, sans-serif;
}
h2,h2 * {
font-family: Karla, sans-serif;
}
:is(.h1,h2, .h3, .h4, .h5, .h6) {
text-transform: none;
}
:is(.h1,h2, .h3, .h4, .h5, .h6):not([class*=" text-f"]) {
--tw-text-opacity: 1;
color: rgb(35 25 73 / var(--tw-text-opacity, 1));
}
header {
text-align: center;
}
}
/* end - header - views */
.product-header-features {
margin-bottom: 2.5rem;
h4,
h5 {
margin-bottom: .4em;
}
h4,
h5 {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
p,
li {
font-size: 18px;
line-height: 1.5em;
}
p {
margin-bottom: 1em;
}
ul {
margin-bottom: 1rem;
}
ul {
list-style-type: disc;
}
ul {
padding-left: 1.5rem;
}
ul {
p {
margin-bottom: 10px;
}
li {
margin-bottom: 0.375rem;
}
li {
list-style-type: disc;
}
}
}
/* footer col 1 text */
.footer .grid>div:first-of-type p {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 300;
color: rgb(255 255 255 / 0.5);
}
@media not all and (min-width: 1280px) {
.footer {
text-align: center;
}
}
.footer img {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25rem;
}
@media not all and (min-width: 1280px) {
.footer img {
max-width: 180px;
}
}
@media not all and (min-width: 1024px) {
.footer ul {
margin-bottom: 1.25rem;
}
}
/* table {
width: 100%;
caption {
display: none;
}
thead {
@apply bg-f-primary text-f-light text-left;
th {
@apply first-of-type:rounded-tl-2xl last-of-type:rounded-tr-2xl py-4 px-5;
}
}
tbody {
td {
@apply py-4 px-5;
}
tr {
@apply border-b border-border-primary-light last-of-type:border-none;
}
}
} */
/* tables */
.wysiwyg-text table,
.paragraph--type--component-table table {
width: 100%;
border-collapse: separate;
--tw-border-spacing-x: 0px;
--tw-border-spacing-y: 0px;
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
overflow: hidden;
border-width: 1px;
border-radius: var(--table-border-radius);
border-bottom-left-radius: var(--table-border-radius-bottom, var(--table-border-radius));
border-bottom-right-radius: var(--table-border-radius-bottom, var(--table-border-radius));
border-color: var(--table-border-color);
border-width: var(--table-border-width);
caption {
display: none;
}
thead {
text-align: left;
}
thead {
background-color: var(--table-head-bg-color);
color: var(--table-head-text-color);
th {
border-radius: 0;
}
th {
padding: var(--table-py) var(--table-px);
}
}
tbody {
td {
padding: var(--table-py) var(--table-px);
color: var(--table-text-color);
}
}
thead th,
tbody td {
border-bottom-width: 1px;
}
thead th,
tbody td {
border-right-width: 1px;
}
thead th,
tbody td {
border-color: var(--table-inner-border-color);
}
tbody tr:last-of-type td {
border-bottom-width: var(--table-border-bottom-width, 0);
}
thead th:last-of-type,
tbody td:last-of-type {
border-right-width: 0px;
}
}
.wysiwyg-text table {
margin-bottom: 1em;
}
.wysiwyg-text table:last-child {
margin-bottom: 0px;
}
.paragraph--type--component-table {
margin-bottom: 2.5rem;
}
.paragraph--type--component-table:last-child {
margin-bottom: 0px;
}
/* fix anchors */
div.paragraph[id] {
margin-top: -150px;
padding-top: 150px;
}
/* leaflet map */
.map-text-stroke {
-webkit-text-stroke: 2px var(--accessible-f-secondary ,rgb(140, 185, 224));
/* Stroke width and color */
color: rgb(255, 255, 255);
font-weight: 700;
}
.leaflet-control-zoom a {
text-decoration-line: none !important;
}
.leaflet-control-attribution {
display: none !important;
}
.leaflet-container {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.leaflet-container #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
.leaflet-container #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.leaflet-container #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
/* view default */
.paragraph--type--component-title+.paragraph--type--component-view {
padding-top: 0px;
}
.paragraph--type--component-text {
margin-bottom: 2.5rem;
}
.paragraph--type--component-text:last-child {
margin-bottom: 0px;
}
/* end view default */
.file-description {
margin-top: 1.25rem;
width: 100%;
font-size: 1rem;
line-height: 1.5rem;
color: var(--file-description-text-color);
}
.style-push {
height: 100%;
.paragraph--type--component-image {
margin-bottom: 1.25rem;
}
.paragraph--type--component-image {
width: 100%;
}
.paragraph--type--component-image {
img {
margin-left: auto;
margin-right: auto;
}
img {
height: 195px;
}
img {
-o-object-fit: cover;
object-fit: cover;
}
img {
-o-object-position: center;
object-position: center;
}
}
.paragraph--type--c-row-100 {
gap: 0.625rem;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
display: flex;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
flex-direction: column;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
align-items: flex-start;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
justify-content: flex-start;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
overflow: hidden;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
border-radius: 0px;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
padding-bottom: 1.25rem;
}
&.paragraph--type--c-grid-item,
.paragraph-inner {
--tw-shadow: 0px 8px 20px 0px #00000014;
--tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&.paragraph--type--c-grid-item,.paragraph--type--c-row-100
.paragraph-inner {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&.paragraph--type--c-grid-item,.paragraph--type--c-row-100
.paragraph-inner {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100&.paragraph--type--c-grid-item,.paragraph--type--c-row-100
.paragraph-inner {
justify-content: center;
}
}
&.paragraph--type--c-grid-item #bg-hero-image-top,
.paragraph-inner #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
&.paragraph--type--c-grid-item #bg-hero-image-middle,
.paragraph-inner #bg-hero-image-middle {
fill: rgb(243, 243, 245);
}
&.paragraph--type--c-grid-item #bg-hero-image-middle,
.paragraph-inner #bg-hero-image-middle {
mix-blend-mode: multiply;
}
&.paragraph--type--c-grid-item #bg-hero-image-bottom,
.paragraph-inner #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
.paragraph-inner>div:not(.paragraph--type--component-image) {
width: 100%;
}
.paragraph-inner>div:not(.paragraph--type--component-image) {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.paragraph-inner>.paragraph--type--c-row-100 {
margin-top: auto;
}
}
/* captioned video - START */
.video__caption {
margin-top: 0.75rem;
font-size: 14px;
line-height: 1.2em;
--tw-text-opacity: 1;
color: rgb(134 129 154 / var(--tw-text-opacity, 1));
}
/* captioned video - END */
.lazy-video {
overflow: hidden;
border-radius: var(--video-border-radius);
}
.lazy-video .before-load:before {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
opacity: 0.25;
--tw-content: '';
content: var(--tw-content);
background-color: var(--video-overlay-color);
}
.lazy-video-icon {
background-image: var(--video-play-button);
}
/* component visiblity block - START */
@media screen and (max-width: 767px) {
.component-visibility-status {
position: absolute;
right: 0;
bottom: 0;
padding-top: 8px;
transform: translateY(100%);
span {
font-size: 12px;
white-space: nowrap;
text-align: right;
}
}
}
/* component visiblity block - END */
.adv-form form,
.user-pass,
.dsu-security-user-pass-reset,
.user-form,
.my-settings,
.user-login-form,
.user-register-form,
.user-cancel-form {
max-width: var(--form-wrapper-max-width, 800px);
margin-left: var(--form-wrapper-margin_x, auto);
margin-right: var(--form-wrapper-margin_x, auto);
min-height: var(--form-wrapper-min_height, 50svh);
padding-top: var(--form-wrapper-padding_y, 80px);
padding-bottom: var(--form-wrapper-padding_y, 80px);
padding-left: var(--form-wrapper-padding_x, 20px);
padding-right: var(--form-wrapper-padding_x, 20px);
.password-strength,
.password-confirm-message,
.password-strength__title,
.description {
font-size: var(--form-helper-text-size);
}
.password-strength,
.password-confirm-message,
.password-strength__title,
.description,
> p {
margin-top: var(--form-label-margin-bottom, 0.75rem);
}
a {
text-decoration-line: underline;
}
}
.adv-form form,
.user-pass,
.dsu-security-user-pass-reset,
.user-form,
.my-settings,
.user-login-form,
.user-register-form,
.paragraph--type--component-webform .webform-submission-form,
.paragraph--type--component-calculator,
.user-cancel-form {
.webform-flexbox {
margin: 0px;
}
.webform-flexbox {
align-items: flex-start;
}
.webform-flexbox {
justify-content: flex-start;
}
.webform-flexbox {
gap: 50px;
}
.form-item:not(.form-type-radio) {
margin-bottom: var(--form-item-margin-bottom, 30px);
}
fieldset legend,
.form-type-tel label,
.form-type-number label,
.form-type-date label,
.form-type-textarea label,
.form-type-password label,
.form-type-select label,
.form-type-email label,
.form-type-textfield label,
.adv_form-label {
display: block;
max-width: 100%;
width: 100%;
font-size: var(--form-label-text-size);
color: var(--form-label-text-color);
font-weight: var(--form-label-weight, 400);
margin-bottom: var(--form-label-margin-bottom, 1rem);
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
box-sizing: border-box;
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
width: 100%;
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
padding-left: 1rem;
padding-right: 1rem;
}
input[type="text"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="email"],
select,
input.form-tel,
.form-textarea {
color: var(--form-input-text-color);
font-size: var(--form-input-text-size);
box-shadow: var(--form-input-shadow);
border-radius: var(--form-input-radius);
border-color: var(--form-input-border-color);
border-width: var(--form-input-border-size);
background-color: var(--form-input-bg-light-color);
padding-top: var(--form-input-padding-top, 18px);
padding-bottom: var(--form-input-padding-top, 18px);
}
input::-moz-placeholder {
color: var(--form-placeholder-text-color);
}
input::placeholder {
color: var(--form-placeholder-text-color);
}
input.form-tel {
padding-left: 52px;
}
input[type="tel"] {
width: 100%;
}
input[type="tel"] {
padding-top: var(--form-input-padding-top, 18px);
padding-bottom: var(--form-input-padding-top, 18px);
border-radius: var(--form-input-radius);
}
.form-type-checkbox {
flex-direction: row;
}
.form-type-checkbox {
label {
font-size: var(--form-label-text-size);
color: var(--form-label-text-color);
font-weight: var(--form-label-weight, 400);
a {
text-decoration-line: underline;
}
a {
color: var(--wsg-link-text-color);
}
}
.checkbox-tick {
position: relative;
}
.checkbox-tick {
margin: 0px;
}
.checkbox-tick {
margin-right: 0.5rem;
}
.checkbox-tick {
display: inline-block;
}
.checkbox-tick {
flex-shrink: 0;
}
.checkbox-tick {
cursor: pointer;
}
@media not all and (min-width: 1024px) {
.checkbox-tick {
margin-top: 0.25rem;
}
}
@media not all and (min-width: 1024px) {
.checkbox-tick {
align-self: flex-start;
}
}
.checkbox-tick {
width: var(--form-input-checkbox-size);
height: var(--form-input-checkbox-size);
border-width: var(--form-input-border-size);
border-color: var(--form-input-border-color);
border-radius: var(--form-input-checkbox-radius);
background-color: var(--form-input-checkbox-background-color);
input {
position: absolute;
}
input {
z-index: 20;
}
input {
height: 100%;
}
input {
width: 100%;
}
input {
opacity: 0;
}
span {
position: absolute;
}
span {
height: 100%;
}
span {
width: 100%;
}
span {
opacity: 0;
}
span {
background-color: var(--form-input-checkbox-mark-color);
-webkit-mask-image: var(--form-input-checkbox-mark);
mask-image: var(--form-input-checkbox-mark);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}
}
.checkbox-tick:has(input:checked) {
border-color: var(--form-input-checkbox-background-checked-color);
background-color: var(--form-input-checkbox-background-checked-color);
span {
opacity: 1;
}
}
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: var(--form-select-arrow);
background-position: right 0.5rem center;
background-repeat: no-repeat;
background-size: 1.5em 1.5em;
padding-right: 2.5rem;
-webkit-print-color-adjust: exact;
}
/* phone */
.iti--allow-dropdown {
width: 100%;
}
.webform-type-radios {
margin-bottom: 30px;
}
.webform-type-radios {
label {
cursor: pointer;
}
label {
color: var(--form-input-radio-label-color);
font-size: var(--form-input-text-size);
}
}
.js-webform-radios.webform-options-display-side-by-side {
display: flex;
}
.js-webform-radios.webform-options-display-side-by-side {
align-items: center;
}
.js-webform-radios.webform-options-display-side-by-side {
justify-content: flex-start;
}
.js-webform-radios.webform-options-display-side-by-side {
gap: 0.625rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.js-webform-radios.webform-options-display-side-by-side {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.js-webform-radios.webform-options-display-side-by-side {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.js-webform-radios.webform-options-display-side-by-side {
justify-content: center;
}
}
.form-type-radio {
display: flex;
}
.form-type-radio {
max-width: -moz-max-content;
max-width: max-content;
}
.form-type-radio {
cursor: pointer;
}
.form-type-radio {
align-items: center;
}
.form-type-radio {
justify-content: flex-start;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.form-type-radio {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.form-type-radio {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.form-type-radio {
justify-content: center;
}
}
input[type="radio"] {
position: relative;
}
input[type="radio"] {
margin-right: 0.375rem;
}
input[type="radio"] {
height: 1.25rem;
}
input[type="radio"] {
width: 1.25rem;
}
input[type="radio"] {
cursor: pointer;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="radio"] {
border-radius: 9999px;
}
input[type="radio"] {
border-width: 1px;
}
input[type="radio"] {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
input[type="radio"] #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
input[type="radio"] #bg-hero-image-middle {
fill: rgb(243, 243, 245);
}
input[type="radio"] #bg-hero-image-middle {
mix-blend-mode: multiply;
}
input[type="radio"] #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
input[type="radio"] {
border-color: color-mix(in srgb, var(--form-input-radio-color) 30%, transparent);
}
/* Custom inner circle for checked state */
input[type="radio"]:checked::before {
position: absolute;
}
input[type="radio"]:checked::before {
top: 50%;
}
input[type="radio"]:checked::before {
left: 50%;
}
input[type="radio"]:checked::before {
display: block;
}
input[type="radio"]:checked::before {
height: 0.625rem;
}
input[type="radio"]:checked::before {
width: 0.625rem;
}
input[type="radio"]:checked::before {
--tw-translate-x: -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));
}
input[type="radio"]:checked::before {
--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));
}
input[type="radio"]:checked::before {
border-radius: 9999px;
}
input[type="radio"]:checked::before {
--tw-content: '';
content: var(--tw-content);
}
input[type="radio"]:checked::before {
background-color: var(--form-input-radio-color);
}
.webform-flex--container {
margin: 0;
}
.form-item--error-message {
margin-top: 0.25rem;
}
.form-item--error-message {
--tw-text-opacity: 1;
color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
.form-item--error-message {
font-size: var(--form-error-text-size);
font-weight: 400;
}
}
.dsu-security-user-pass-reset .form-type-password-confirm > label {
display: none;
}
.component-accordion-item {
margin-bottom: 1.5rem;
border-radius: 0px;
}
.accordion-button {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
text-align: left;
font-weight: 700;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.accordion-button {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.accordion-button:after {
display: inline-block;
height: 1.25rem;
width: 1.25rem;
--tw-content: '';
content: var(--tw-content);
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask-size: contain;
}
.component-accordion-item.open .accordion-button:after {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask-size: contain;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center;
mask: url('data:image/svg+xml;utf8,') no-repeat center;
}
.component-accordion-item .accordion-collapse {
display: grid;
grid-template-rows: 0fr;
transition: 250ms grid-template-rows ease;
}
.component-accordion-item.open .accordion-collapse {
grid-template-rows: 1fr;
}
.adv--component-image-1,
.adv--component-image-1-darker {
> div {
gap: var(--adv-img--gap)
}
> div {
align-items: center;
}
@media not all and (min-width: 1024px) {
> div {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
> div {
@media screen and (min-width: 768px) {
gap: var(--adv-img--gap-md);
}
@media screen and (min-width: 1024px) {
gap: 0;
}
}
.paragraph--type--c-grid-item:has(img):first-child {
/* @apply xl:pe-40 lg:pe-20; */
@media screen and (min-width: 1024px) {
padding-inline-end: var(--adv-img--padding--left);
}
}
.paragraph--type--c-grid-item:has(img):last-child {
@media screen and (min-width: 1024px) {
padding-inline-start: var(--adv-img--padding--left);
}
}
}
.adv--component-image-1-darker {
background-color: rgb(243, 243, 245);
}
.adv--component-image-3,
.adv--component-image-3-darker {
> div {
gap: var(--adv-img--gap)
}
> div {
align-items: center;
}
> div {
@media screen and (min-width: 768px) {
gap: var(--adv-img--gap-md);
}
}
.paragraph--type--c-grid-item:has(img) {
margin-left: -1.25rem;
margin-right: -1.25rem;
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item:has(img) {
margin-left: 0;
margin-right: 0;
}
}
.paragraph--type--c-grid-item:has(.paragraph--type--component-title) {
max-width: 900px !important;
}
.paragraph--type--c-grid-item:has(.paragraph--type--component-title) {
justify-self: center;
}
}
.adv--component-image-3-darker {
background-color: rgb(243, 243, 245);
}
.adv--component-image-4,
.adv--component-image-4-darker {
> div {
max-width: 900px !important;
}
> div {
align-items: center;
}
> div {
gap: 2rem;
}
@media (min-width: 768px) {
> div {
gap: 4rem;
}
}
}
.adv--component-image-4-darker {
background-color: rgb(243, 243, 245);
}
.adv--component-image-5,
.adv--component-image-5-darker {
> div {
max-width: 900px !important;
}
> div {
align-items: center;
}
> div {
gap: 2rem;
}
@media not all and (min-width: 1024px) {
> div {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
> div {
gap: 4rem;
}
}
@media (min-width: 1024px) {
> div {
gap: 0px;
}
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item:has(img):first-child {
padding-inline-end: 2rem;
}
}
@media (min-width: 1280px) {
.paragraph--type--c-grid-item:has(img):first-child {
padding-inline-end: 4rem;
}
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item:has(img):last-child {
padding-inline-start: 2rem;
}
}
@media (min-width: 1280px) {
.paragraph--type--c-grid-item:has(img):last-child {
padding-inline-start: 4rem;
}
}
}
.adv--component-image-5-darker {
background-color: rgb(243, 243, 245);
}
/* adv teasers bg change - START */
.adv--pushes--white .adv--teaser {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.adv--pushes--white .adv--teaser #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
.adv--pushes--white .adv--teaser #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.adv--pushes--white .adv--teaser #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
/* adv teasers bg change - END */
/* TBC: btns row stretch - START */
.buttons-stretch .btn {
flex-grow: 1;
a {
width: 100%;
}
a {
justify-content: center;
}
}
/* TBC: btns row stretch - END */
/* border style card - START */
.paragraph--type--c-grid-item.box-bordered-top {
border-top-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
.paragraph--type--c-grid-item.box-bordered-top {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
}
.paragraph--type--c-grid-item.box-bordered-top {
>.paragraph--type--component-image {
margin-bottom: 2.5rem;
}
>.paragraph--type--component-image {
width: 100%;
}
>.paragraph--type--component-image .media--type-image {
width: 100%;
}
>.paragraph--type--component-image img {
height: 245px;
}
>.paragraph--type--component-image img {
width: 100%;
}
>.paragraph--type--component-image img {
-o-object-fit: cover;
object-fit: cover;
}
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file {
margin-bottom: 1.25rem;
margin-top: auto;
flex-direction: row;
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file:last-child {
margin-bottom: 0px;
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file a {
border-style: none;
background-color: rgba(0,0,0,0);
padding: 0px;
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
text-decoration-line: underline !important;
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file a::after {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(39 32 63 / var(--tw-bg-opacity, 1));
}
.paragraph--type--c-grid-item.box-bordered-top>.paragraph--type--component-file a:hover {
background-color: rgba(0,0,0,0);
}
.paragraph--type--c-grid-item.box-bordered-top>div:not(.paragraph--type--component-image) {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark {
--tw-bg-opacity: 1;
background-color: rgb(243 243 245 / var(--tw-bg-opacity, 1));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark #bg-hero-image-top {
fill: rgb(243, 243, 245);
fill: hsl(from rgb(243, 243, 245) calc(h + 1) calc(s - 11) calc(l - 7));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-dark #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
fill: hsl(from rgb(243, 243, 245) calc(h + 1) calc(s - 11) calc(l - 7));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.paragraph--type--c-grid-item.box-bordered-top.box-bordered-light #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
/* border style card - END */
/* adv teasers horizontal - START*/
@media screen and (min-width: 768px) {
.md\:grid-cols-1 > .paragraph > .adv--teaser--wrapper > .adv--teaser {
flex-direction: row;
min-height: 480px;
align-items: stretch;
> div {
width: 50%;
}
img {
position: absolute;
height: 100%;
}
}
}
/* adv teasers horizontal - END*/
/* adv teasers btn - START */
.adv--teaser-btn {
display: flex;
align-items: center;
gap: 0.5rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.adv--teaser-btn {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.adv--teaser-btn {
&:after {
position: relative;
}
&:after {
height: 1rem;
}
&:after {
width: 1rem;
}
&:after {
flex-shrink: 0;
}
&:after {
--tw-bg-opacity: 1;
background-color: rgb(39 32 63 / var(--tw-bg-opacity, 1));
}
&:after {
--tw-content: '';
content: var(--tw-content);
}
.group:hover &:after {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
&:after {
mask: url('data:image/svg+xml;utf8,');
-webkit-mask: url('data:image/svg+xml;utf8,');
}
}
/* adv teasers btn - END */
.paragraph--type--component-tip {
position: relative;
overflow: hidden;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(88 84 107 / var(--tw-border-opacity, 1));
padding: 2rem;
padding-left: 106px;
}
.paragraph--type--c-grid-item.style-card > .paragraph--type--component-tip {
border-top-width: 4px;
border-left-width: 0px;
padding-left: 2rem;
}
.paragraph--type--c-grid-item .paragraph--type--component-tip > .tip-image {
margin-bottom: 0.75rem;
}
.paragraph--type--c-grid-item .paragraph--type--component-tip > .tip-image:empty {
margin-bottom: 0px;
}
.paragraph--type--c-grid-item.style-card .paragraph--type--component-tip .tip-image {
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
display: flex;
max-width: 12rem;
align-items: center;
justify-content: center;
padding-left: 3rem;
padding-right: 3rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.paragraph--type--c-grid-item.style-card .paragraph--type--component-tip .tip-image {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.paragraph--type--c-grid-item.style-card .paragraph--type--component-tip:not(:has( > .tip-image)) > .paragraph--type--c-grid {
padding-top: 2.25rem;
}
.paragraph--type--c-grid > .grid:has(.paragraph--type--component-tip) {
counter-reset: index;
}
.paragraph--type--c-grid > .grid .paragraph--type--component-tip:after {
position: absolute;
top: 2rem;
left: 2rem;
font-size: 36px;
line-height: 0.7em;
counter-increment: index;
content: counter(index, decimal-leading-zero);
}
.paragraph--type--component-tip:not(.show-numbering):after {
display: none;
}
.paragraph--type--component-timeline {
--col-gap: 20px;
--row-gap: 16px;
--line-w: 3px;
display: grid;
padding: 40px 0 80px;
grid-template-columns: var(--line-w) 1fr;
grid-auto-columns: max-content;
-moz-column-gap: var(--col-gap);
column-gap: var(--col-gap);
list-style: none;
width: min(60rem, 90%);
margin-inline: auto;
}
.component-timeline--item {
background-color: var(--timeline-bg-color);
padding: 40px 32px;
border-radius: var(--timeline-radius);
max-height: -moz-max-content;
max-height: max-content;
position: relative;
grid-column: 2;
grid-row: span 2;
display: grid;
grid-template-rows: min-content min-content min-content;
}
.component-timeline--item .paragraph--type--component-image {
margin-bottom: 32px;
img {
border-radius: var(--timeline-radius);
}
}
.paragraph--type--component-timeline:before {
content: "";
grid-column: 1;
grid-row: 1 / span 20;
background: var(--timeline-bg-color);
border-radius: calc(var(--line-w) / 2);
}
.component-timeline--item:not(:last-child) {
margin-bottom: var(--row-gap);
}
.component-timeline--item:after {
content: "";
position: absolute;
width: 16px;
aspect-ratio: 1;
background: var(--timeline-mark-color);
border-radius: 50%;
top: 50%;
transform: translate(50%, -50%);
right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}
.component-timeline--item:before {
content: "";
position: absolute;
top: 50%;
transform: translate(50%, -50%) rotate(45deg);
right: 99%;
width: 20px;
height: 20px;
border-radius: 4px;
background-color: var(--timeline-bg-color);
}
@media (min-width: 40rem) {
.paragraph--type--component-timeline {
--col-gap: 40px;
--row-gap: 80px;
--line-w: 3px;
grid-template-columns: 1fr var(--line-w) 1fr;
}
.paragraph--type--component-timeline:before {
grid-column: 2;
}
.component-timeline--item:before {
width: 32px;
height: 32px;
border-radius: 6px;
}
.component-timeline--item:nth-child(odd) {
grid-column: 1;
}
.component-timeline--item:nth-child(even) {
grid-column: 3;
}
/* start second card */
.component-timeline--item:nth-child(2) {
grid-row: 2/4;
}
.component-timeline--item:nth-child(odd):before {
transform: translate(-50%, -50%) rotate(45deg);
left: 99%;
}
.component-timeline--item:nth-child(odd):after {
transform: translate(-50%, -50%);
left: calc(100% + var(--col-gap) + var(--line-w) / 2);
}
}
.author-related-content-link {
cursor: pointer;
:hover {
text-decoration-line: underline;
}
}
@media screen and (min-width: 1024px) {
.widget--table_of_content {
top: var(--table-of-content-offset);
}
}
.widget--table_of_content--title {
color: var(--table-of-content-title-color);
font-weight: 400;
line-height: 1.2;
margin-bottom: 1em;
@media screen and (min-width: 1024px) {
font-size: var(--table-of-content-title-size);
}
@media screen and (max-width: 1023px) {
font-size: var(--table-of-content-title-size-mobile);
}
}
.widget--table_of_content--item {
display: block;
position: relative;
font-weight: 400;
line-height: 1.5;
cursor: pointer;
transition: all 0.2s ease-in-out;
@media screen and (min-width: 1024px) {
color: var(--table-of-content-item-color);
font-size: var(--table-of-content-item-size-mobile);
border-left: solid 2px var(--table-of-content-item-border-left-color);
border-top-right-radius: var(--table-of-content-item-border-right-radius);
border-bottom-right-radius: var(--table-of-content-item-border-right-radius);
padding: 1.75em;
}
@media screen and (max-width: 1023px) {
color: var(--table-of-content-item-color-mobile);
font-size: var(--table-of-content-item-size-mobile);
text-decoration: underline;
padding: 0.5em 1em;
&:not(:last-child) {
margin-bottom: 0.75em;
}
&:before {
content: "";
position: absolute;
left: 0;
top: 0.5em;
width: 2px;
height: 1.2em;
background-color: var(--table-of-content-item-border-left-color);
}
}
&:not(.active):hover {
color: var(--table-of-content-item-color-hover);
}
&.active {
@media screen and (min-width: 1024px) {
background-color: var(--color-primary-100, rgba(234, 236, 253, 1));
border-left-color: var(--color-primary-600, rgba(71, 67, 228, 1));
text-shadow: 0 0 1px var(--table-of-content-item-color);
}
}
}
.table-of-content-content {
display: grid;
grid-template-columns: 100%;
@media screen and (min-width: 768px) {
grid-gap: var(--table-of-content-layout-gap);
}
@media screen and (max-width: 767px) {
grid-gap: var(--table-of-content-layout-gap-mobile);
}
> .paragraph > .adv-grid-container {
padding: 0;
}
}
.hero_resource {
color: var(--hero-resource-text-color);
}
.hero_resource--grid {
background-color: var(--hero-resource-bg-color);
border-radius: var(--hero-resource-border-radius);
}
.hero_resource--content {
padding: var(--hero-resource-textbox-spacing-mobile);
}
@media screen and (min-width: 768px) {
.hero_resource--content {
padding: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--title {
margin-bottom: var(--hero-resource-textbox-spacing-mobile);
}
@media screen and (min-width: 768px) {
.hero_resource--title {
margin-bottom: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--person {
div:not(:last-child) {
margin-inline-end: 0.3em;
}
.author-related-content-link {
text-decoration: underline;
&:not(:last-child):after {
content: ', ';
}
}
}
.hero_resource--disease {
margin-top: var(--hero-resource-textbox-spacing-mobile);
.tag {
background-color: var(--hero-resource-tag-bg-color);
line-height: 1;
padding: 7px 10px;
font-size: 12px;
&:hover {
background-color: var(--hero-resource-tag-bg-color-hover);
border-radius: calc(var(--hero-resource-border-radius) / 4);
.button--text {
color: var(--hero-resource-text-color);
}
}
}
.button--text {
font-weight: 400;
font-size: inherit;
line-height: 1;
color: var(--hero-resource-bg-color);
}
}
@media screen and (min-width: 768px) {
.hero_resource--disease {
margin-top: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--text {
--wsg-text-color: var(--hero-resource-text-color);
--wsg-link-text-color: var(--hero-resource-text-color);
margin-bottom: var(--hero-resource-textbox-spacing-mobile);
}
@media screen and (min-width: 768px) {
.hero_resource--text {
margin-bottom: var(--hero-resource-textbox-spacing);
}
}
.hero_resource--links {
.paragraph {
margin: 0 !important;
padding: 0 !important;
}
}
.hero_resource--img {
.contextual-region {
position: initial;
}
@media (min-width: 768px) {
img {
position: absolute;
}
}
@media (min-width: 768px) {
img {
height: 100%;
}
}
@media (min-width: 768px) {
img {
width: 100%;
}
}
@media (min-width: 768px) {
img {
-o-object-fit: cover;
object-fit: cover;
}
}
}
.paragraph--type--component-image {
img {
overflow: hidden;
border-radius: var(--image-border-radius);
}
}
/* captions - START */
.image__caption {
color: var(--image-caption-color);
margin-top: 1em;
width: 100%;
font-size: 14px;
line-height: 1.2em;
}
.adv-caption-embeded {
position: relative;
.image__caption {
color: var(--image-caption-color-embed);
}
.image__caption {
position: absolute;
}
.image__caption {
bottom: 0px;
}
.image__caption {
left: 0px;
}
.image__caption {
right: 0px;
}
.image__caption {
background-color: rgb(0 0 0 / 0.5);
}
.image__caption {
padding: 0.75rem;
}
}
.adv-caption-embeded_hover {
position: relative;
.image__caption {
color: var(--image-caption-color-embed);
}
.image__caption {
position: absolute;
}
.image__caption {
bottom: 0px;
}
.image__caption {
left: 0px;
}
.image__caption {
right: 0px;
}
.image__caption {
background-color: rgb(0 0 0 / 0.5);
}
.image__caption {
padding: 0.75rem;
}
.image__caption {
opacity: 0;
}
.image__caption {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
&:hover {
cursor: pointer;
}
&:hover {
.image__caption {
opacity: 1;
}
}
}
/* captions - END */
/* use masonry class on parent, break-inside on children */
.masonry {
-moz-column-gap: 20px;
column-gap: 20px;
-moz-column-count: 1;
column-count: 1;
}
@media (min-width: 1024px) {
.masonry {
-moz-column-count: 2;
column-count: 2;
}
}
.break-inside {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.system_main_block:has(.paragraph--type--node-restrict) {
position: relative;
padding-bottom: var(--restricted-margins);
&::after {
content: '';
position: absolute;
inset: 0;
background-color: var(--restricted-overlay-color);
z-index: 1;
}
}
.paragraph:nth-child(n+2 of .paragraph--type--node-restrict) .restrict-inner {
display: none;
}
.restrict-inner {
position: relative;
z-index: 20;
padding: var(--restricted-padding);
margin-top: calc(var(--restricted-margins) * -1);
background-color: var(--restricted-background-color);
box-shadow: 0 0 10px var(--restricted-overlay-color);
border-radius: var(--restricted-border-radius, 0);
}
.restrict-inner-text {
color:var(--restricted-text-color);
p {
color:var(--restricted-paragraph-color);
}
}
.block_user_info {
.user-info-dropdown--list {
background-color: var(--user-info-bg-color, #fff);
li {
a {
&:hover {
background-color: var(--user-info-hover-bg-color, #f0f0f0);
}
}
}
}
}
.region--messages:not(:has(.error)) {
background-color: var(--messages-bg-color, transparent);
color: var(--messages-text-color, #000);
}
.region--messages:has(.error) {
background-color: var(--messages-error-bg-color, transparent);
color: var(--messages-error-text-color, #000);
.message-item.error {
color: var(--messages-error-text-color, #000);
}
.message-wrapper {
list-style: none;
}
}
.message-wrapper {
list-style: disc;
padding-inline-start: 1em;
li:not(:last-child) {
margin-bottom: 0.5em;
}
.close {
margin-inline-start: 1em;
font-size: larger;
cursor: pointer;
}
}
/* scorm header - START */
.comp_scorm-header {
background-color: var(--scorm-header-bg-color, #313131);
color: var(--scorm-header-text-color , #ffffff);
padding: var(--scorm-header-padding, 2rem);
border-radius: var(--scorm-header-border-radius, 0.5rem);
@media (max-width: 768px) {
padding: var(--scorm-header-padding-mobile, 1rem);
}
h1 {
font-size: var(--scorm-header-title-font-size, 1.5rem);
}
}
/* scorm header - END */
/* all courses view block - START */
.comp_scorm-all_courses {
background-color: var(--scorm-all_courses-bg-color, rgba(244, 246, 254, 1));
border-radius: var(--scorm-all_courses-border-radius, 1rem);
}
.comp_scorm-all_courses-list_wrapper {
display: grid;
grid-template-rows: 1fr;
transition: grid-template-rows 400ms ease-in-out;
&.closed {
grid-template-rows: 0fr;
}
}
.comp_scorm-show_new {
color: rgba(25, 120, 65, 1);
border-color: rgba(25, 120, 65, 1);
background-color: rgba(228, 246, 236, 1);
}
/* all courses view block - END */
/* all course block - START */
.comp_scorm-course {
color: var(--scorm-text-color, #313131);
border-radius: var(--scorm-course-border-radius, 1rem);
border: 1px solid var(--scorm-course-border-color, #E4E4E7);
.comp_scorm-module_push-buttons_wrapper .comp_scorm-certificate_button {
display: none;
}
}
.comp_scorm-course--main {
background-color: var(--scorm-course-main-bg-color, #F4F6FC);
.comp_scorm-button_wrapper {
display: contents;
}
svg path {
fill: var(--scorm-push-secondary-color, #313131);
}
}
.comp_scorm-course--module {
.comp_scorm-module_push {
padding: 40px 32px;
width: 100%;
border: 0;
border-radius: 0;
background-color: var(--scorm-course-module-bg-color, #3b15e7);
}
}
.comp_scorm-completed {
background-color: var(--scorm-course-module-bg-color, #FFFFFF);
.comp_scorm-button_wrapper {
display: contents;
}
svg path {
fill: var(--scorm-btn-color-secondary, #638062);
}
}
.comp_scorm-text_dark {
color: var(--scorm-text-color-dark, #292929);
}
/* all course block - END */
/* scorm courses paragraph- START */
.paragraph--type--component-scorm {
color: var(--scorm-text-color, #313131);
&:not(:first-child) {
margin-top: var(--scorm-paragraphs-spacing, 3.5rem);
}
&:last-child {
margin-bottom: var(--scorm-paragraphs-margin-bottom, 6rem);
}
}
/* scorm courses paragraph- END */
/* scorm push - START */
.comp_scorm-module_push {
border: 1px solid var(--scorm-push-border-color, #E4E4E7);
border-radius: var(--scorm-push-border-radius, 0.5rem);
h5 {
color: var(--scorm-push-title-color, #313131);
}
}
.comp_scorm-updated_tag-btn {
background-color: var(--scorm-updated-tag-bg-color, #a8a8a8);
color: var(--scorm-updated-tag-text-color, #ffffff);
border-bottom-left-radius: var(--scorm-push-border-radius, 0.5rem);
svg path {
fill: var(--scorm-updated-tag-text-color, #ffffff);
}
}
.comp_scorm-module_push-course_updated + .comp_scorm-module_push-course_delta {
margin-top: 1.25rem;
}
.comp_scorm-module_push-course_delta {
color: var(--scorm-push-delta-text-color, #818181);
}
.comp_scorm-module_push-buttons_wrapper .comp_scorm-button_wrapper {
display: contents;
}
.comp_scorm-module_push-svg {
svg path {
fill: var(--scorm-push-secondary-color, #313131);
}
}
.comp_scorm-module_push-progress_value {
color: var(--scorm-push-progress_bar-color, #313131);
}
.comp_scorm-module_push-progress_bar {
background-color: var(--scorm-push-progress-empty, #ebebeb);
div {
background-color: var(--scorm-push-progress_bar-color, #313131);
}
}
/* scorm push - END */
/* scorm buttons - START */
button.comp_scorm-btn,
a.comp_scorm-btn {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
text-transform: var(--scorm-btn-text_transformation, uppercase);
font-weight: bold;
font-family: var(--scorm-btn-font_family, inherit);
padding: var(--scorm-btn-py) var(--scorm-btn-px);
border-radius: var(--button-border-radius);
border: var(--button-border-width, 1px) solid transparent;
transition: all 0.3s ease-in-out;
text-decoration: none !important;
--btn-color-main: var(--scorm-btn-color-light, #ffffff);
--btn-color-secondary: var(--scorm-btn-color-base, #313131);
color: var(--btn-color-main);
background-color: var(--btn-color-secondary);
border-color: var(--btn-color-secondary);
&.comp_scorm-btn--theme-light {
--btn-color-main: var(--scorm-btn-color-base, #313131);
--btn-color-secondary: transparent;
border-color: var(--btn-color-main);
&:hover {
--btn-color-secondary: var(--scorm-btn-color-light, #ffffff);
}
}
&.comp_scorm-btn--theme-second {
--btn-color-secondary: var(--scorm-btn-color-secondary, #638062);
}
&.comp_scorm-btn--theme-third {
--btn-color-main: var(--scorm-btn-color-base, #313131);
--btn-color-secondary: var(--scorm-btn-color-third, #b1b1b1);
}
&:disabled,
&.comp_scorm-btn--theme-disabled {
--btn-color-main: var(--scorm-btn-color-disabled_dark, #c9c9c9);
--btn-color-secondary: var(--scorm-btn-color-disabled_light, #dddddd);
}
&:hover:not(:disabled):not(.comp_scorm-btn--theme-disabled) {
background-color: var(--btn-color-main);
color: var(--btn-color-secondary);
&:after {
background-color: var(--btn-color-secondary);
}
}
}
.comp_scorm-btn--style-start_again,
.comp_scorm-btn--style-download,
.comp_scorm-btn--style-arrow,
.comp_scorm-btn--style-arrow_back,
.comp_scorm-btn--style-dropdown {
display: flex;
align-items: center;
gap: 0.5rem;
&:after {
content: '';
transition: all 0.3s ease-in-out;
background-color: var(--btn-color-main, #ffffff);
width: 1rem;
height: 1rem;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}
}
.comp_scorm-btn--style-start_again {
&:after {
-webkit-mask-image: var(--button-icon-start_again);
mask-image: var(--button-icon-start_again);
}
&:hover:after {
transform: rotate(180deg);
}
}
.comp_scorm-btn--style-download:after {
-webkit-mask-image: var(--button-icon-download);
mask-image: var(--button-icon-download);
}
.comp_scorm-btn--style-arrow:after {
-webkit-mask-image: var(--button-icon-arrow);
mask-image: var(--button-icon-arrow);
}
.comp_scorm-btn--style-arrow_back {
flex-direction: row-reverse;
&:after {
-webkit-mask-image: var(--button-icon-arrow);
mask-image: var(--button-icon-arrow);
transform: rotateY(180deg);
}
}
.comp_scorm-btn--style-dropdown {
&:after {
transition: all 0.3s ease-in-out;
-webkit-mask-image: var(--button-icon-chevron);
mask-image: var(--button-icon-chevron);
-webkit-mask-size: 200%;
mask-size: 200%;
}
&.active:after {
transform: rotateX(180deg);
}
&:hover {
background-color: var(--scorm-btn-color-dropdown, rgba(0, 0, 0, 0.1));
}
}
/* scorm buttons - END */
/* scorm other - START */
.scorm-container--inner {
@media (min-width: 768px) {
padding: 0 var(--scorm-container-inner-padding, 0);
}
}
.comp_scorm-push_my_profile {
background-color: var(--scorm-banner-bg-color, rgb(244, 246, 252));
border-radius: var(--scorm-banner-border-radius, 1rem);
border: 1px solid var(--scorm-banner-border-color, #b2b2b2);
}
.comp_scorm-module_detail_banner {
background-color: var(--scorm-banner-bg-color, #F4F6FC);
border-radius: var(--scorm-banner-border-radius, 1rem);
}
.comp_scorm-title {
color: var(--scorm-text-color, #313131);
}
@media (min-width: 768px) {
.scorm-ui-player-iframe-wrapper iframe {
min-height: auto !important;
max-height: calc(100svh - var(--scorm-course_detail-top_offset, 0));
}
}
/* scorm other - END */
/* tippy bubble - START */
.tippy-box[data-theme~='comp-scorm'] {
background-color: #F4F6FC;
color: var(--scorm-bubble-text-color, #1B1464);
border-radius: 16px;
padding: 30px;
max-width: 420px;
box-shadow:
0px 3px 7px rgba(21, 20, 95, 0.05),
0px 14px 14px rgba(21, 20, 95, 0.05);
border: 1px solid var(--scorm-bubble-border-color, #b2b2b2);
}
.tippy-box[data-theme~='comp-scorm'] .tippy-arrow {
color: #F4F6FC;
}
.tippy-box[data-theme~='comp-scorm'] .tippy-content {
display: contents;
}
.comp_scorm-info_bubble-close svg path {
fill: var(--scorm-bubble-text-color, #1B1464);
}
/* tippy bubble - END */
/* other paragraphs adjustment - START */
.system_main_block:has(.paragraph--type--component-scorm) {
.paragraph--type--c-grid {
margin-top: var(--scorm-paragraphs-spacing, 3.5rem);
margin-bottom: var(--scorm-paragraphs-spacing, 3.5rem);
}
.adv-grid-container {
padding-top: 0;
padding-bottom: 0;
}
}
/* other paragraphs adjustment - END */
/* view adjustment - START */
.comp_scorm-all_courses-list_wrapper .views-view-grid,
#block-views-block-adv-scorm-courses-master .views-view-grid {
margin-bottom: 0px;
gap: 2.5rem;
}
@media (min-width: 768px) {
.comp_scorm-all_courses-list_wrapper .views-view-grid,
#block-views-block-adv-scorm-courses-master .views-view-grid {
gap: 3.5rem;
}
}
/* view adjustment - END */
/* import newest versions (PKU iteration) */
/* hero */
.paragraph--type--component-hero {
position: relative;
}
.hero-comidamed,
.hero-image {
min-height: -moz-max-content !important;
min-height: max-content !important;
align-items: center;
justify-content: flex-start;
.hero-inner {
margin-left: auto;
margin-right: auto;
}
.hero-inner {
width: 100%;
}
.hero-inner {
max-width: 1080px;
}
.hero-inner {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media (min-width: 1280px) {
.hero-inner {
display: grid;
}
}
@media (min-width: 1280px) {
.hero-inner {
grid-template-columns: 620px auto;
}
}
@media (min-width: 1280px) {
.hero-inner {
gap: 1.5rem;
}
}
.hero__content {
order: 1;
}
.hero__content {
width: 100%;
}
.hero__content {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
@media (min-width: 1280px) {
.hero__content {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
.hero__image {
position: relative;
}
.hero__image {
order: 2;
}
.hero__image {
width: 100%;
}
.hero__image {
flex-shrink: 1;
}
.hero__image {
/* right side of viewport ( container - content width + gap */
width: calc(100vw - ((100vw - 1080px) / 2 + 620px + 20px + 24px));
/* width: calc(((100vw - 1080px) / 2) - 20px + (1080px - 620px + 24px + 20px)); */
}
picture {
position: absolute;
}
picture {
left: 0px;
}
picture {
display: block;
}
picture {
height: 100%;
}
picture {
img {
display: block;
}
img {
height: 100%;
}
img {
-o-object-fit: cover;
object-fit: cover;
}
img {
-o-object-position: center;
object-position: center;
}
}
}
.hero-background-image,
.hero-plain {
align-items: center;
justify-content: flex-start;
.hero-inner {
margin-left: auto;
margin-right: auto;
}
.hero-inner {
width: 100%;
}
.hero-inner {
max-width: 1100px;
}
}
.hero-comidamed {
overflow: visible !important;
@media not all and (min-width: 1280px) {
.h1,
h1,
p {
text-align: center;
}
}
.bg-before {
overflow: hidden;
}
.hero__image {
height: calc(100% + 160px);
}
.hero__image {
max-width: 490px;
}
.bg-before {
content: '';
position: absolute;
display: block !important;
width: 100%;
height: 100%;
top: 0;
}
.bg-before {
left: 0;
}
}
.hero-image,
.hero-background-image {
overflow: hidden;
.bg-before,
.bg-after {
content: '';
position: absolute;
display: block !important;
width: 100%;
height: 100%;
top: 0;
}
.bg-before {
left: 0;
}
.bg-after {
transform: rotate(180deg);
right: 0;
}
}
.bg-bg-white #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
.bg-bg-white #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.bg-bg-white #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
/* hsl(158, 100%, 23%) */
.bg-bg-main #bg-hero-image-top {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
.bg-bg-main #bg-hero-image-middle {
fill: rgb(35, 25, 73);
opacity: 0.2;
mix-blend-mode: color-dodge;
}
.bg-bg-main #bg-hero-image-bottom {
fill: hsl(from rgb(35, 25, 73) calc(h + 0) calc(s + 0) calc(l + 2))
}
/* hsl(159, 49%, 93%) */
.bg-bg-light #bg-hero-image-top {
fill: rgb(243, 243, 245);
fill: hsl(from rgb(243, 243, 245) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-light #bg-hero-image-middle {
fill: rgb(243, 243, 245);
mix-blend-mode: multiply;
}
.bg-bg-light #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
fill: hsl(from rgb(243, 243, 245) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-dark #bg-hero-image-top {
fill: hsl(from rgb(140, 185, 224) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-dark #bg-hero-image-middle {
fill: rgb(140, 185, 224);
mix-blend-mode: multiply;
}
.bg-bg-dark #bg-hero-image-bottom {
fill: hsl(from rgb(140, 185, 224) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-black #bg-hero-image-top {
fill: hsl(from rgb(0, 0, 0) calc(h + 1) calc(s - 11) calc(l - 7));
}
.bg-bg-black #bg-hero-image-middle {
fill: rgb(0, 0, 0);
mix-blend-mode: multiply;
}
.bg-bg-black #bg-hero-image-bottom {
fill: hsl(from rgb(0, 0, 0) calc(h + 1) calc(s - 11) calc(l - 7));
}
/* hero banners on PKU - START */
.hero {
.paragraph--type--component-title:not(:last-child) {
margin-bottom: 2.5rem;
}
.paragraph--type--component-title:only-child {
margin-bottom: 0px !important;
}
.paragraph--type--component-link {
margin-top: 0px !important;
}
}
.hero--default {
.hero-inner {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
@media (min-width: 640px) {
.hero-inner {
max-width: 640px;
}
}
@media (min-width: 768px) {
.hero-inner {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.hero-inner {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.hero-inner {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.hero-inner {
max-width: 1536px;
}
}
@media screen and (min-width: 1400px) {
.hero-inner {
max-width: 1400px !important;
}
}
@media screen and (min-width: 1400px) {
.container_slim.hero-inner,
.container_slim .hero-inner {
max-width: 900px !important;
}
}
@media screen and (min-width: 1400px) {
.container_slim.hero-inner,
.container_slim .hero-inner {
max-width: 900px !important;
}
}
.container_full_width .hero-inner {
max-width: 100% !important;
}
.style-clean > .hero-inner {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
@media not all and (min-width: 1024px) {
.hero-inner {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media (min-width: 1024px) {
.hero-inner {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
.hero__content {
max-width: 768px;
}
}
.hero--blog {
.hero-inner {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
@media (min-width: 640px) {
.hero-inner {
max-width: 640px;
}
}
@media (min-width: 768px) {
.hero-inner {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.hero-inner {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.hero-inner {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.hero-inner {
max-width: 1536px;
}
}
@media screen and (min-width: 1400px) {
.hero-inner {
max-width: 1400px !important;
}
}
@media screen and (min-width: 1400px) {
.container_slim.hero-inner,
.container_slim .hero-inner {
max-width: 900px !important;
}
}
@media screen and (min-width: 1400px) {
.container_slim.hero-inner,
.container_slim .hero-inner {
max-width: 900px !important;
}
}
.container_full_width .hero-inner {
max-width: 100% !important;
}
.style-clean > .hero-inner {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
@media not all and (min-width: 1024px) {
.hero-inner {
padding-top: 5rem;
padding-bottom: 5rem;
}
}
@media (min-width: 1024px) {
.hero-inner {
padding-top: 6rem;
padding-bottom: 6rem;
}
}
h1 {
margin-bottom: .2em !important;
}
h1 {
font-weight: 700;
}
h1 {
line-height: 1;
}
@media not all and (min-width: 768px) {
h1 {
font-size: 40px;
}
}
@media (min-width: 768px) {
h1 {
font-size: 60px;
}
}
h1 {
color: inherit;
}
}
@media (min-width: 1024px) {
.hero--with-image {
display: grid;
min-height: 600px;
align-items: flex-end;
padding-top: 10rem;
}
}
.hero--with-image {
@media (min-width: 1024px) {
img {
position: absolute;
}
}
@media (min-width: 1024px) {
img {
inset: 0px;
}
}
@media (min-width: 1024px) {
img {
height: 100%;
}
}
@media (min-width: 1024px) {
img {
width: 100%;
}
}
@media (min-width: 1024px) {
img {
-o-object-fit: cover;
object-fit: cover;
}
}
.hero-inner {
margin-left: auto;
margin-right: auto;
}
.hero-inner {
width: 100%;
}
@media (min-width: 1024px) {
.hero-inner {
position: relative;
}
}
@media (min-width: 1024px) {
.hero-inner {
max-width: 1440px;
}
}
@media (min-width: 1024px) {
.hero-inner {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
.hero__content {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 1024px) {
.hero__content {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
}
@media not all and (min-width: 768px) {
.hero__content {
padding-top: 3rem;
padding-bottom: 3rem;
}
}
@media not all and (min-width: 768px) {
.hero__content {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
}
@media (min-width: 768px) {
.hero__content {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media (min-width: 768px) {
.hero__content {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media (min-width: 1024px) {
.hero__content {
background-color: rgb(35 25 73 / 0.8);
}
}
@media (min-width: 1280px) {
.hero__content {
max-width: 900px;
}
}
.hero__content {
border-top: 4px solid rgb(140, 185, 224);
}
.paragraph--type--component-title {
margin-bottom: .2em !important;
}
.paragraph--type--component-title {
font-weight: 700;
}
.paragraph--type--component-title {
line-height: 1;
}
@media not all and (min-width: 768px) {
.paragraph--type--component-title {
font-size: 40px;
}
}
@media (min-width: 768px) {
.paragraph--type--component-title {
font-size: 60px;
}
}
}
/* hero banners on PKU - END */
.component-quote-custom {
margin-bottom: 0px !important;
border-left-width: 4px;
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1;
background-color: rgb(221 234 246 / var(--tw-bg-opacity, 1));
padding-left: 5rem;
padding-right: 5rem;
padding-top: 6rem;
padding-bottom: 6rem;
text-align: center;
.quote-mark {
display: none;
}
.quote-text {
margin-bottom: 1em;
}
.quote-text {
font-size: 28px;
line-height: 1.2em;
}
.quote-text {
font-weight: 700;
}
.quote-text {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
.quote-text {
font-size: 36px;
line-height: 1.2em;
}
}
.quote-author {
display: flex;
}
.quote-author {
align-items: center;
}
.quote-author {
justify-content: center;
}
.quote-author {
gap: 1.25rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.quote-author {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.quote-author {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.quote-author {
justify-content: center;
}
}
.quote-author-name {
font-size: 24px;
line-height: 1.2em;
}
.quote-author-sub {
font-size: 16px;
line-height: 1.2em;
}
.quote-author-sub {
--tw-text-opacity: 1;
color: rgb(88 84 107 / var(--tw-text-opacity, 1));
}
}
.footer .social-icons--item article {
display: none;
}
.product-header-features {
ul {
li *::marker {
color: rgb(140 185 224 );
}
li::marker {
color: rgb(140 185 224 );
}
}
}
/* header adjustments */
body[class*=" page-node-type-adv"] header,
body.page-component header,
header.header--component {
position: relative;
.subheader-wrapper {
position: absolute;
}
}
/* product pku */
.page-node-type-adv-component-product .subheader-wrapper:has(.breadcrumbs-content) {
top: 120px;
}
.page-node-type-adv-component-product .paragraph--type--component-product-header {
--tw-bg-opacity: 1;
background-color: rgb(246 245 250 / var(--tw-bg-opacity, 1));
}
.page-node-type-adv-component-product .product-info .btn {
max-width: -moz-max-content;
max-width: max-content;
.file-description {
font-size: 16px;
line-height: 1.2em;
}
.file-description {
--tw-text-opacity: 1;
color: rgb(88 84 107 / var(--tw-text-opacity, 1));
}
}
/* debug */
#block-neutral-primary-local-tasks {
position: absolute;
top: 250px;
right: 0px;
z-index: 40;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 2.5rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100#block-neutral-primary-local-tasks {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
#block-neutral-primary-local-tasks {
ul:not(.contextual-links) {
display: flex;
}
ul:not(.contextual-links) {
align-items: center;
}
ul:not(.contextual-links) {
justify-content: flex-start;
}
ul:not(.contextual-links) {
border-radius: 0.75rem;
}
ul:not(.contextual-links) {
border-width: 1px;
}
ul:not(.contextual-links) {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}
ul:not(.contextual-links) {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
ul:not(.contextual-links) {
padding: 0.375rem;
}
ul:not(.contextual-links) {
--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);
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
ul.paragraph--type--c-row-100:not(.contextual-links) {
justify-content: center;
}
}
ul:not(.contextual-links) #bg-hero-image-top {
fill: rgb(243, 243, 245);
}
ul:not(.contextual-links) #bg-hero-image-middle {
fill: rgb(243, 243, 245);
}
ul:not(.contextual-links) #bg-hero-image-middle {
mix-blend-mode: multiply;
}
ul:not(.contextual-links) #bg-hero-image-bottom {
fill: rgb(243, 243, 245);
}
ul:not(.contextual-links) {
li {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
}
}
/* pku custom nav push */
.style-nav {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
padding: 2.5rem;
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.style-nav {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.style-nav {
.wysiwyg-text {
margin-bottom: 0px;
}
.paragraph--type--component-file,
.paragraph--type--component-link {
margin-top: auto;
}
.paragraph--type--component-file,
.paragraph--type--component-link {
a {
margin-top: 2rem;
}
}
}
.style-nav:has(.paragraph--type--component-image) > *:not(.paragraph--type--component-image) {
position: relative;
z-index: 20;
}
.style-nav .paragraph--type--component-image {
position: absolute;
top: 0px;
left: 0px;
z-index: 10;
height: 100%;
width: 100%;
overflow: hidden;
background-color: inherit;
img {
height: 100%;
}
img {
width: 100%;
}
img {
-o-object-fit: cover;
object-fit: cover;
}
img {
-o-object-position: center;
object-position: center;
}
}
.style-nav .paragraph--type--component-image:after {
position: absolute;
top: 0px;
left: 0px;
display: inline-block;
height: 100%;
width: 100%;
background-color: inherit;
opacity: 0.65;
--tw-content: '';
content: var(--tw-content);
}
/* header_viewmode */
/* .component-visibility-status:before {
@apply w-[14px] h-[15px] bg-f-primary content-[''] inline-block shrink-0 mr-2;
-webkit-mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
mask: url("data:image/svg+xml;utf8,") no-repeat center / contain;
} */
/* TODO: add to twig */
.popup-open {
overflow: hidden;
}
.popup-open main {
filter: blur(3px);
}
/* end header_viewmode */
/* header - lang */
.lang-wrapper:before {
margin-right: 0.375rem;
display: inline-block;
height: 1rem;
width: 1rem;
flex-shrink: 0;
--tw-bg-opacity: 1;
background-color: rgb(39 32 63 / var(--tw-bg-opacity, 1));
--tw-content: '';
content: var(--tw-content);
-webkit-mask: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00202%2016.9951C6.52202%2016.9951%204.18202%2015.8451%202.67202%2013.8751C1.15202%2011.9151%200.632016%209.36511%201.26202%206.96511C1.89202%204.56511%203.60202%202.59511%205.88202%201.62511C8.52202%200.515111%2011.542%200.895111%2013.822%202.61511C16.102%204.33511%2017.292%207.14511%2016.932%209.98511C16.582%2012.8251%2014.742%2015.2551%2012.102%2016.3651C11.122%2016.7851%2010.062%2016.9951%208.99202%2016.9951H9.00202ZM9.00202%201.50511C4.86202%201.50511%201.50202%204.86511%201.50202%208.99511C1.50202%2013.1251%204.86202%2016.4951%209.00202%2016.4951C13.142%2016.4951%2016.502%2013.1351%2016.502%208.99511C16.502%204.85511%2013.132%201.50511%209.00202%201.50511Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00212%2016.995C8.57212%2016.995%208.17212%2016.755%207.80212%2016.285C7.47212%2015.875%207.18212%2015.285%206.94212%2014.545C6.44212%2013.055%206.17212%2011.085%206.17212%208.98499C6.17212%206.88499%206.44212%204.915%206.94212%203.425C7.19212%202.685%207.48212%202.105%207.80212%201.685C8.16212%201.235%208.57212%200.994995%209.00212%200.994995C9.43212%200.994995%209.83212%201.235%2010.2021%201.705C10.5321%202.115%2010.8221%202.705%2011.0621%203.445C11.5621%204.935%2011.8321%206.905%2011.8321%209.005C11.8321%2011.105%2011.5621%2013.075%2011.0621%2014.565C10.8121%2015.305%2010.5221%2015.885%2010.2021%2016.305C9.83212%2016.775%209.43212%2017.005%209.00212%2017.005V16.995ZM9.00212%201.505C8.73212%201.505%208.46212%201.675%208.19212%202.015C7.90212%202.375%207.64212%202.92499%207.41212%203.595C6.93212%205.035%206.67212%206.955%206.67212%208.995C6.67212%2011.035%206.93212%2012.955%207.41212%2014.395C7.63212%2015.065%207.90212%2015.615%208.19212%2015.975C8.46212%2016.315%208.73212%2016.485%209.00212%2016.485C9.27212%2016.485%209.54212%2016.315%209.81212%2015.975C10.1021%2015.615%2010.3621%2015.065%2010.5921%2014.395C11.0721%2012.955%2011.3321%2011.035%2011.3321%208.995C11.3321%206.955%2011.0721%205.035%2010.5921%203.595C10.3721%202.92499%2010.1021%202.375%209.81212%202.015C9.54212%201.675%209.27212%201.505%209.00212%201.505Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00204%206.66494C7.60204%206.66494%206.22204%206.54494%205.02204%206.30494C3.84204%206.07494%202.85204%205.73494%202.16204%205.34494C2.04204%205.27494%202.00204%205.12494%202.07204%205.00494C2.14204%204.88494%202.29204%204.84494%202.41204%204.91494C3.76204%205.69494%206.28204%206.17494%209.00204%206.17494C11.722%206.17494%2014.242%205.69494%2015.592%204.91494C15.712%204.84494%2015.862%204.88494%2015.932%205.00494C16.002%205.12494%2015.962%205.27494%2015.842%205.34494C15.152%205.74494%2014.162%206.07494%2012.982%206.30494C11.782%206.54494%2010.402%206.66494%209.00204%206.66494Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M15.712%2013.1251C15.712%2013.1251%2015.622%2013.1151%2015.582%2013.0951C14.232%2012.3251%2011.712%2011.8351%208.99203%2011.8351C6.27203%2011.8351%203.75203%2012.3151%202.40203%2013.0951C2.28203%2013.1651%202.13203%2013.1251%202.06203%2013.0051C1.99203%2012.8851%202.03203%2012.7351%202.15203%2012.6651C2.84203%2012.2651%203.83203%2011.9351%205.01203%2011.7051C6.21203%2011.4651%207.59203%2011.3451%208.99203%2011.3451C10.392%2011.3451%2011.772%2011.4651%2012.972%2011.7051C14.152%2011.9351%2015.142%2012.2751%2015.832%2012.6651C15.932%2012.7251%2015.982%2012.8351%2015.952%2012.9451C15.922%2013.0551%2015.822%2013.1351%2015.712%2013.1351V13.1251Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
mask: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.00202%2016.9951C6.52202%2016.9951%204.18202%2015.8451%202.67202%2013.8751C1.15202%2011.9151%200.632016%209.36511%201.26202%206.96511C1.89202%204.56511%203.60202%202.59511%205.88202%201.62511C8.52202%200.515111%2011.542%200.895111%2013.822%202.61511C16.102%204.33511%2017.292%207.14511%2016.932%209.98511C16.582%2012.8251%2014.742%2015.2551%2012.102%2016.3651C11.122%2016.7851%2010.062%2016.9951%208.99202%2016.9951H9.00202ZM9.00202%201.50511C4.86202%201.50511%201.50202%204.86511%201.50202%208.99511C1.50202%2013.1251%204.86202%2016.4951%209.00202%2016.4951C13.142%2016.4951%2016.502%2013.1351%2016.502%208.99511C16.502%204.85511%2013.132%201.50511%209.00202%201.50511Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00212%2016.995C8.57212%2016.995%208.17212%2016.755%207.80212%2016.285C7.47212%2015.875%207.18212%2015.285%206.94212%2014.545C6.44212%2013.055%206.17212%2011.085%206.17212%208.98499C6.17212%206.88499%206.44212%204.915%206.94212%203.425C7.19212%202.685%207.48212%202.105%207.80212%201.685C8.16212%201.235%208.57212%200.994995%209.00212%200.994995C9.43212%200.994995%209.83212%201.235%2010.2021%201.705C10.5321%202.115%2010.8221%202.705%2011.0621%203.445C11.5621%204.935%2011.8321%206.905%2011.8321%209.005C11.8321%2011.105%2011.5621%2013.075%2011.0621%2014.565C10.8121%2015.305%2010.5221%2015.885%2010.2021%2016.305C9.83212%2016.775%209.43212%2017.005%209.00212%2017.005V16.995ZM9.00212%201.505C8.73212%201.505%208.46212%201.675%208.19212%202.015C7.90212%202.375%207.64212%202.92499%207.41212%203.595C6.93212%205.035%206.67212%206.955%206.67212%208.995C6.67212%2011.035%206.93212%2012.955%207.41212%2014.395C7.63212%2015.065%207.90212%2015.615%208.19212%2015.975C8.46212%2016.315%208.73212%2016.485%209.00212%2016.485C9.27212%2016.485%209.54212%2016.315%209.81212%2015.975C10.1021%2015.615%2010.3621%2015.065%2010.5921%2014.395C11.0721%2012.955%2011.3321%2011.035%2011.3321%208.995C11.3321%206.955%2011.0721%205.035%2010.5921%203.595C10.3721%202.92499%2010.1021%202.375%209.81212%202.015C9.54212%201.675%209.27212%201.505%209.00212%201.505Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M9.00204%206.66494C7.60204%206.66494%206.22204%206.54494%205.02204%206.30494C3.84204%206.07494%202.85204%205.73494%202.16204%205.34494C2.04204%205.27494%202.00204%205.12494%202.07204%205.00494C2.14204%204.88494%202.29204%204.84494%202.41204%204.91494C3.76204%205.69494%206.28204%206.17494%209.00204%206.17494C11.722%206.17494%2014.242%205.69494%2015.592%204.91494C15.712%204.84494%2015.862%204.88494%2015.932%205.00494C16.002%205.12494%2015.962%205.27494%2015.842%205.34494C15.152%205.74494%2014.162%206.07494%2012.982%206.30494C11.782%206.54494%2010.402%206.66494%209.00204%206.66494Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M15.712%2013.1251C15.712%2013.1251%2015.622%2013.1151%2015.582%2013.0951C14.232%2012.3251%2011.712%2011.8351%208.99203%2011.8351C6.27203%2011.8351%203.75203%2012.3151%202.40203%2013.0951C2.28203%2013.1651%202.13203%2013.1251%202.06203%2013.0051C1.99203%2012.8851%202.03203%2012.7351%202.15203%2012.6651C2.84203%2012.2651%203.83203%2011.9351%205.01203%2011.7051C6.21203%2011.4651%207.59203%2011.3451%208.99203%2011.3451C10.392%2011.3451%2011.772%2011.4651%2012.972%2011.7051C14.152%2011.9351%2015.142%2012.2751%2015.832%2012.6651C15.932%2012.7251%2015.982%2012.8351%2015.952%2012.9451C15.922%2013.0551%2015.822%2013.1351%2015.712%2013.1351V13.1251Z%22%20fill%3D%22%2300754B%22%20stroke%3D%22%2300754B%22%20stroke-width%3D%220.5%22%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
}
/* end header - lang */
/* fix anchors */
div.paragraph[id] {
margin-top: -150px;
padding-top: 150px;
}
/* end fix anchors */
.page-node-type-home-page .breadcrumbs-content {
--breadcrumb-color: #ffffff !important;
}
.paragraph--type--component-hero .contextual-region {
position: initial;
}
/* fix forms */
.form-item, .form-actions {
margin-top: 1em;
margin-bottom: 1em;
}
.block--ec-header .ec-header--content .ec-header--info {
width: 100%;
}
.user-login-form,
.user-register-form,
.webform-submission-form {
--form-wrapper-max-width: 100%;
--form-wrapper-min_height: auto;
--form-wrapper-padding_y: 0;
--form-wrapper-padding_x: 0;
--form-input-bg-light-color: transpartent;
--form-input-radius: 0;
--form-input-padding-top: 10px;
--form-helper-text-size: 0.85em;
--form-input-text-color: #0065a6;
--form-placeholder-text-color: color-mix(in srgb, currentColor 54%, transparent);
--form-input-border-color: #201547;
input {
outline: none !important;
}
input.error {
border: 2px solid red !important;
}
.base--form-extra-title {
margin-bottom: 14px;
margin-top: 20px;
font-size: 24px;
line-height: 1.5em;
color: #231949;
}
.form-required .base--form-extra-title:after {
display: inline;
content: '*';
}
.button {
cursor: pointer;
}
}
.webform-submission-form {
--tw-shadow: 0px 8px 20px 0px #00000014;
--tw-shadow-colored: 0px 8px 20px 0px var(--tw-shadow-color);
--form-input-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
.form-item {
max-width: 600px;
}
}
.form--input-checkbox {
display: flex;
width: 100%;
margin-bottom: 5px;
overflow: hidden;
.checkbox-label {
order: 2;
cursor: pointer;
text-align: left;
}
input {
display: none;
}
.checkbox-checkmark {
order: 1;
cursor: pointer;
border: 1px solid #201547;
color: #0065a6;
background-color: transparent;
margin-right: 10px;
min-width: 47px;
width: 47px;
height: 47px;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
overflow: hidden;
}
input:checked ~ .checkbox-checkmark::after {
content: "×";
font-size: 76px;
line-height: 1.5em;
}
}
.pager__items {
clear: both;
text-align: center;
}
.pager__item {
display: inline;
padding: 0.5em;
}
.pager__item.is-active {
font-weight: bold;
}
:is(.h1, .h2, .h3, .h4, .h5, .h6) {
text-transform: none;
}
:is(.h1, .h2, .h3, .h4, .h5, .h6):not([class*=" text-f"]) {
--tw-text-opacity: 1;
color: rgb(35 25 73 / var(--tw-text-opacity, 1));
}
.wysiwyg-text {
a {
--tw-text-opacity: 1;
color: rgb(47 114 173 / var(--tw-text-opacity, 1));
}
a {
text-decoration-line: underline;
}
ul,
ul li {
list-style-type: disc;
}
ul,
ul li {
font-size: 1.125rem;
line-height: 1.75rem;
}
ol,
ol li {
list-style-type: decimal;
}
ol,
ol li {
font-size: 1.125rem;
line-height: 1.75rem;
}
/* pku ul, ol */
ul,
ol {
--tw-bg-opacity: 1;
background-color: rgb(246 245 250 / var(--tw-bg-opacity, 1));
}
ul,
ol {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
ul,
ol {
padding-left: 2.75rem;
padding-right: 2.75rem;
}
ul,
ol {
li *::marker {
color: rgb(140 185 224 );
}
li::marker {
color: rgb(140 185 224 );
}
}
ol {
counter-reset: custom-counter
}
ol {
list-style-type: none;
}
ol {
padding-left: 1.25rem;
}
ol {
li {
counter-increment: custom-counter;
}
li {
position: relative;
}
li {
list-style-type: none;
}
li {
padding-left: 52px;
}
li:not(:last-child) {
margin-bottom: 1em;
}
li:before {
content: counter(custom-counter);
}
li:before {
position: absolute;
}
li:before {
top: -0.25rem;
}
li:before {
left: 0px;
}
li:before {
display: flex;
}
li:before {
height: 2.25rem;
}
li:before {
width: 2.25rem;
}
li:before {
align-items: center;
}
li:before {
justify-content: center;
}
li:before {
border-radius: 9999px;
}
li:before {
--tw-bg-opacity: 1;
background-color: rgb(221 234 246 / var(--tw-bg-opacity, 1));
}
li:before {
font-size: 24px;
line-height: 1.2em;
}
li:before {
font-weight: 700;
}
li:before {
--tw-text-opacity: 1;
color: rgb(88 84 107 / var(--tw-text-opacity, 1));
}
@media not all and (min-width: 1280px) {
li.paragraph--type--c-row-100:before {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
li.paragraph--type--c-row-100:before {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
li.paragraph--type--c-row-100:before {
justify-content: center;
}
}
}
}
/* adv share widget - START */
.adv-contact-adjust_margin {
margin-left: -1.25rem;
margin-right: -1.25rem;
text-align: center;
}
@media (min-width: 768px) {
.adv-contact-adjust_margin {
margin-left: 0;
margin-right: 0;
}
}
.adv-share-wrapper {
width: 100%;
border-top-width: 2px;
--tw-border-opacity: 1;
border-top-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
padding-top: 4rem;
padding-bottom: 2rem;
}
@media (min-width: 768px) {
.adv-share-wrapper {
padding-bottom: 4rem;
}
}
.adv-contact-socials {
margin-top: 2.5rem;
flex-direction: row !important;
justify-content: center !important;
gap: 2rem;
a {
position: relative;
}
a {
display: block;
}
a {
height: 2.5rem;
}
a {
width: 2.5rem;
}
a {
max-width: 100%;
}
a {
background-size: cover;
}
a {
color: rgba(0,0,0,0);
}
a {
text-indent: -9999px;
}
}
.adv-contact-socials-insta {
background-image: url('data:image/svg+xml,');
}
.adv-contact-socials-fb {
background-image: url('data:image/svg+xml,');
}
.adv-contact-socials-x {
background-image: url('data:image/svg+xml,');
}
.adv-contact-socials-yt {
background-image: url('data:image/svg+xml,');
}
/* adv share icons - END */
/* card pku */
.style-card:not(:has(div.paragraph--type--component-tip)) {
border-top-width: 4px;
--tw-border-opacity: 1;
border-top-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
padding: 2rem;
}
/* card pku download */
.style-card:not(.paragraph--type--component-tip):has(div.btn-download) {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.style-card:not(.paragraph--type--component-tip):has(div.btn-download) > div:not(.paragraph--type--component-image) {
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph--type--component-tip {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.style-card[class~="text-f-light"] .wysiwyg-text p {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.subheader-wrapper:has(.breadcrumbs-content) {
--breadcrumb-color: rgb(255,255,255);
position: absolute;
left: 50%;
z-index: 0;
display: flex;
--tw-translate-x: -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));
align-items: center;
justify-content: flex-start;
padding-top: 30px
}
@media not all and (min-width: 1280px) {
.paragraph--type--c-row-100.subheader-wrapper:has(.breadcrumbs-content) {
flex-direction: column;
align-items: center;
justify-content: center;
}
.subheader-wrapper:has(.breadcrumbs-content) {
display: none;
}
}
.subheader-wrapper:has(.breadcrumbs-content) {
ol {
display: flex;
}
@media not all and (min-width: 1280px) {
ol.paragraph--type--c-row-100 {
flex-direction: column;
}
}
@media not all and (min-width: 1280px) {
ol.paragraph--type--c-row-100 {
align-items: center;
}
}
@media not all and (min-width: 1280px) {
ol.paragraph--type--c-row-100 {
justify-content: center;
}
}
ol {
li:after {
content: '';
}
li:after {
display: inline-block;
}
li:after {
height: 0.75rem;
}
li:after {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
li:after {
background-color: var(--breadcrumb-color);
/* Set visible color to #454545 */
--breadcrumb-mask: url('data:image/svg+xml;utf8,') no-repeat center;
-webkit-mask: var(--breadcrumb-mask);
-webkit-mask-size: contain;
-webkit-mask: var(--breadcrumb-mask);
mask: var(--breadcrumb-mask);
mask-size: contain;
}
}
}
.breadcrumbs-content {
padding-top: 0;
}
.breadcrumbs-content li a,
.breadcrumbs-content li span {
color: var(--breadcrumb-color);
text-shadow: 0 0 3px var(--breadcrumb-shadow-color);
text-decoration-line: none !important;
}
.breadcrumbs-content .last-item::after {
display: none !important;
}
.breadcrumbs-content .last-item {
font-weight: 600;
}
.page-node-type-adv-component-page {
}
.component-accordion-item {
border-bottom-width: 2px;
--tw-border-opacity: 1;
border-bottom-color: rgb(239 237 245 / var(--tw-border-opacity, 1));
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.accordion-button {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
padding-left: 1rem;
padding-right: 1rem;
font-size: 24px;
line-height: 1.2em;
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
@media (min-width: 1280px) {
.accordion-button {
font-size: 24px;
line-height: 1.2em;
}
}
.accordion-button:after {
--tw-bg-opacity: 1;
background-color: rgb(39 32 63 / var(--tw-bg-opacity, 1));
}
.component-accordion-item.open {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.component-accordion-item.open .accordion-button {
padding-bottom: 1.25rem;
--tw-text-opacity: 1;
color: rgb(140 185 224 / var(--tw-text-opacity, 1));
}
.component-accordion-item.open .accordion-button:after {
--tw-bg-opacity: 1;
background-color: rgb(140 185 224 / var(--tw-bg-opacity, 1));
}
.accordion-body {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-bottom: 1.75rem;
}
*, ::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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
::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: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
}
/* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/
*,
::before,
::after {
box-sizing: border-box;
/* 1 */
border-width: 0;
/* 2 */
border-style: solid;
/* 2 */
border-color: currentColor;
/* 2 */
}
::before,
::after {
--tw-content: '';
}
/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/
html,
:host {
line-height: 1.5;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-moz-tab-size: 4;
/* 3 */
-o-tab-size: 4;
tab-size: 4;
/* 3 */
font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
/* 4 */
font-feature-settings: normal;
/* 5 */
font-variation-settings: normal;
/* 6 */
-webkit-tap-highlight-color: transparent;
/* 7 */
}
/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
margin: 0;
/* 1 */
line-height: inherit;
/* 2 */
}
/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
height: 0;
/* 1 */
color: inherit;
/* 2 */
border-top-width: 1px;
/* 3 */
}
/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
color: inherit;
text-decoration: inherit;
}
/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
font-weight: bolder;
}
/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
/* 1 */
font-feature-settings: normal;
/* 2 */
font-variation-settings: normal;
/* 3 */
font-size: 1em;
/* 4 */
}
/*
Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
text-indent: 0;
/* 1 */
border-color: inherit;
/* 2 */
border-collapse: collapse;
/* 3 */
}
/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
/* 1 */
font-feature-settings: inherit;
/* 1 */
font-variation-settings: inherit;
/* 1 */
font-size: 100%;
/* 1 */
font-weight: inherit;
/* 1 */
line-height: inherit;
/* 1 */
letter-spacing: inherit;
/* 1 */
color: inherit;
/* 1 */
margin: 0;
/* 2 */
padding: 0;
/* 3 */
}
/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
text-transform: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
-webkit-appearance: button;
/* 1 */
background-color: transparent;
/* 2 */
background-image: none;
/* 2 */
}
/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
outline: auto;
}
/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
box-shadow: none;
}
/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
vertical-align: baseline;
}
/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type='search'] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/*
Add the correct display in Chrome and Safari.
*/
summary {
display: list-item;
}
/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
padding: 0;
}
legend {
padding: 0;
}
ol,
ul,
menu {
list-style: none;
margin: 0;
padding: 0;
}
/*
Reset default styling for dialogs.
*/
dialog {
padding: 0;
}
/*
Prevent resizing textareas horizontally by default.
*/
textarea {
resize: vertical;
}
/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
input::placeholder,
textarea::placeholder {
opacity: 1;
/* 1 */
color: #9ca3af;
/* 2 */
}
/*
Set the default cursor for buttons.
*/
button,
[role="button"] {
cursor: pointer;
}
/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
cursor: default;
}
/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
/* 1 */
vertical-align: middle;
/* 2 */
}
/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
max-width: 100%;
height: auto;
}
/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
display: none;
}
html {
font-family: Karla, sans-serif;
--tw-text-opacity: 1;
color: rgb(69 69 69 / var(--tw-text-opacity, 1));
}
body {
font-family: Karla, sans-serif;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
@media (min-width: 640px) {
.container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.container {
max-width: 1280px;
}
}
@media (min-width: 1536px) {
.container {
max-width: 1536px;
}
}
.visible {
visibility: visible;
}
.invisible {
visibility: hidden;
}
.collapse {
visibility: collapse;
}
.fixed {
position: fixed;
}
.\!absolute {
position: absolute !important;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.bottom-0\.5 {
bottom: 0.125rem;
}
.bottom-2 {
bottom: 0.5rem;
}
.left-0 {
left: 0px;
}
.right-0 {
right: 0px;
}
.top-0 {
top: 0px;
}
.top-2 {
top: 0.5rem;
}
.top-full {
top: 100%;
}
.z-0 {
z-index: 0;
}
.z-10 {
z-index: 10;
}
.order-first {
order: -9999;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.\!mb-7 {
margin-bottom: 1.75rem !important;
}
.mb-0 {
margin-bottom: 0px;
}
.mb-10 {
margin-bottom: 2.5rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-20 {
margin-bottom: 5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-5 {
margin-bottom: 1.25rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.mb-\[\.4em\] {
margin-bottom: .4em;
}
.mb-\[1\.2em\] {
margin-bottom: 1.2em;
}
.mb-\[1em\] {
margin-bottom: 1em;
}
.mb-\[30px\] {
margin-bottom: 30px;
}
.ml-auto {
margin-left: auto;
}
.mr-2 {
margin-right: 0.5rem;
}
.mt-10 {
margin-top: 2.5rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-2\.5 {
margin-top: 0.625rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.mt-auto {
margin-top: auto;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-2 {
height: 0.5rem;
}
.h-\[100px\] {
height: 100px;
}
.h-\[16px\] {
height: 16px;
}
.h-\[600px\] {
height: 600px;
}
.h-\[92px\] {
height: 92px;
}
.h-full {
height: 100%;
}
.h-svh {
height: 100svh;
}
.min-h-\[300px\] {
min-height: 300px;
}
.\!w-full {
width: 100% !important;
}
.w-\[100px\] {
width: 100px;
}
.w-\[14px\] {
width: 14px;
}
.w-\[92px\] {
width: 92px;
}
.w-full {
width: 100%;
}
.w-max {
width: -moz-max-content;
width: max-content;
}
.min-w-0 {
min-width: 0px;
}
.max-w-\[140px\] {
max-width: 140px;
}
.max-w-\[1920px\] {
max-width: 1920px;
}
.max-w-\[400px\] {
max-width: 400px;
}
.max-w-\[480px\] {
max-width: 480px;
}
.max-w-\[620px\] {
max-width: 620px;
}
.max-w-\[680px\] {
max-width: 680px;
}
.max-w-\[800px\] {
max-width: 800px;
}
.max-w-\[850px\] {
max-width: 850px;
}
.max-w-max {
max-width: -moz-max-content;
max-width: max-content;
}
.flex-shrink-0 {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.flex-grow {
flex-grow: 1;
}
.grow {
flex-grow: 1;
}
.border-collapse {
border-collapse: collapse;
}
.scale-125 {
--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));
}
.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;
}
.break-inside-avoid {
-moz-column-break-inside: avoid;
break-inside: avoid;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-\[1fr_3fr\] {
grid-template-columns: 1fr 3fr;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.content-center {
align-content: center;
}
.content-start {
align-content: flex-start;
}
.content-end {
align-content: flex-end;
}
.items-start {
align-items: flex-start;
}
.items-end {
align-items: flex-end;
}
.items-center {
align-items: center;
}
.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-1 {
gap: 0.25rem;
}
.gap-10 {
gap: 2.5rem;
}
.gap-12 {
gap: 3rem;
}
.gap-2 {
gap: 0.5rem;
}
.gap-2\.5 {
gap: 0.625rem;
}
.gap-3 {
gap: 0.75rem;
}
.gap-4 {
gap: 1rem;
}
.gap-5 {
gap: 1.25rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-\[25px\] {
gap: 25px;
}
.gap-gridGap {
gap: 1.5rem;
}
.overflow-auto {
overflow: auto;
}
.overflow-hidden {
overflow: hidden;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.rounded-\[10px\] {
border-radius: 10px;
}
.rounded-baseRadius {
border-radius: 0px;
}
.rounded-full {
border-radius: 9999px;
}
.border {
border-width: 1px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-t {
border-top-width: 1px;
}
.border-t-4 {
border-top-width: 4px;
}
.\!border-bg-main {
--tw-border-opacity: 1 !important;
border-color: rgb(35 25 73 / var(--tw-border-opacity, 1)) !important;
}
.border-bg-light {
--tw-border-opacity: 1;
border-color: rgb(243 243 245 / var(--tw-border-opacity, 1));
}
.border-f-secondary {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.border-n-grayscale-200 {
--tw-border-opacity: 1;
border-color: rgb(239 237 245 / var(--tw-border-opacity, 1));
}
.\!bg-bg-main {
--tw-bg-opacity: 1 !important;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1)) !important;
}
.bg-bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-bg-dark {
--tw-bg-opacity: 1;
background-color: rgb(140 185 224 / var(--tw-bg-opacity, 1));
}
.bg-bg-light {
--tw-bg-opacity: 1;
background-color: rgb(243 243 245 / var(--tw-bg-opacity, 1));
}
.bg-bg-main {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.bg-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-n-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-100 {
--tw-bg-opacity: 1;
background-color: rgb(246 245 250 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-200 {
--tw-bg-opacity: 1;
background-color: rgb(239 237 245 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-300 {
--tw-bg-opacity: 1;
background-color: rgb(223 220 232 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-400 {
--tw-bg-opacity: 1;
background-color: rgb(174 169 191 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-50 {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-500 {
--tw-bg-opacity: 1;
background-color: rgb(134 129 154 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-600 {
--tw-bg-opacity: 1;
background-color: rgb(109 104 128 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-700 {
--tw-bg-opacity: 1;
background-color: rgb(88 84 107 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-800 {
--tw-bg-opacity: 1;
background-color: rgb(64 59 84 / var(--tw-bg-opacity, 1));
}
.bg-n-grayscale-900 {
--tw-bg-opacity: 1;
background-color: rgb(39 32 63 / var(--tw-bg-opacity, 1));
}
.bg-n-primary-900 {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-200 {
--tw-bg-opacity: 1;
background-color: rgb(221 234 246 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-300 {
--tw-bg-opacity: 1;
background-color: rgb(186 213 236 / var(--tw-bg-opacity, 1));
}
.bg-n-secondary-500 {
--tw-bg-opacity: 1;
background-color: rgb(140 185 224 / var(--tw-bg-opacity, 1));
}
.bg-n-transparent {
background-color: rgba(0,0,0,0);
}
.bg-n-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
background-color: rgba(0,0,0,0);
}
.bg-opacity-20 {
--tw-bg-opacity: 0.2;
}
.fill-bg-light {
fill: rgb(243, 243, 245);
}
.fill-f-primary {
fill: rgb(39, 32, 63);
}
.\!p-6 {
padding: 1.5rem !important;
}
.p-10 {
padding: 2.5rem;
}
.p-3 {
padding: 0.75rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-6 {
padding: 1.5rem;
}
.p-8 {
padding: 2rem;
}
.p-\[30px_40px_40px\] {
padding: 30px 40px 40px;
}
.px-0 {
padding-left: 0px;
padding-right: 0px;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.py-14 {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.py-defaultYMob {
padding-top: 4rem;
padding-bottom: 4rem;
}
.pb-0 {
padding-bottom: 0px;
}
.pb-1 {
padding-bottom: 0.25rem;
}
.pb-10 {
padding-bottom: 2.5rem;
}
.pb-12 {
padding-bottom: 3rem;
}
.pb-14 {
padding-bottom: 3.5rem;
}
.pb-16 {
padding-bottom: 4rem;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-20 {
padding-bottom: 5rem;
}
.pb-24 {
padding-bottom: 6rem;
}
.pb-28 {
padding-bottom: 7rem;
}
.pb-3 {
padding-bottom: 0.75rem;
}
.pb-32 {
padding-bottom: 8rem;
}
.pb-36 {
padding-bottom: 9rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-40 {
padding-bottom: 10rem;
}
.pb-5 {
padding-bottom: 1.25rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pb-7 {
padding-bottom: 1.75rem;
}
.pb-8 {
padding-bottom: 2rem;
}
.pb-9 {
padding-bottom: 2.25rem;
}
.pl-0 {
padding-left: 0px;
}
.pl-1 {
padding-left: 0.25rem;
}
.pl-10 {
padding-left: 2.5rem;
}
.pl-12 {
padding-left: 3rem;
}
.pl-16 {
padding-left: 4rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-20 {
padding-left: 5rem;
}
.pl-24 {
padding-left: 6rem;
}
.pl-28 {
padding-left: 7rem;
}
.pl-3 {
padding-left: 0.75rem;
}
.pl-32 {
padding-left: 8rem;
}
.pl-36 {
padding-left: 9rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-40 {
padding-left: 10rem;
}
.pl-5 {
padding-left: 1.25rem;
}
.pl-7 {
padding-left: 1.75rem;
}
.pl-8 {
padding-left: 2rem;
}
.pl-9 {
padding-left: 2.25rem;
}
.pr-0 {
padding-right: 0px;
}
.pr-1 {
padding-right: 0.25rem;
}
.pr-10 {
padding-right: 2.5rem;
}
.pr-12 {
padding-right: 3rem;
}
.pr-16 {
padding-right: 4rem;
}
.pr-2 {
padding-right: 0.5rem;
}
.pr-20 {
padding-right: 5rem;
}
.pr-24 {
padding-right: 6rem;
}
.pr-28 {
padding-right: 7rem;
}
.pr-3 {
padding-right: 0.75rem;
}
.pr-32 {
padding-right: 8rem;
}
.pr-36 {
padding-right: 9rem;
}
.pr-4 {
padding-right: 1rem;
}
.pr-40 {
padding-right: 10rem;
}
.pr-5 {
padding-right: 1.25rem;
}
.pr-7 {
padding-right: 1.75rem;
}
.pr-8 {
padding-right: 2rem;
}
.pr-9 {
padding-right: 2.25rem;
}
.pt-0 {
padding-top: 0px;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-10 {
padding-top: 2.5rem;
}
.pt-12 {
padding-top: 3rem;
}
.pt-14 {
padding-top: 3.5rem;
}
.pt-16 {
padding-top: 4rem;
}
.pt-2 {
padding-top: 0.5rem;
}
.pt-20 {
padding-top: 5rem;
}
.pt-24 {
padding-top: 6rem;
}
.pt-28 {
padding-top: 7rem;
}
.pt-3 {
padding-top: 0.75rem;
}
.pt-32 {
padding-top: 8rem;
}
.pt-36 {
padding-top: 9rem;
}
.pt-4 {
padding-top: 1rem;
}
.pt-40 {
padding-top: 10rem;
}
.pt-5 {
padding-top: 1.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.pt-7 {
padding-top: 1.75rem;
}
.pt-8 {
padding-top: 2rem;
}
.pt-9 {
padding-top: 2.25rem;
}
.pt-\[14px\] {
padding-top: 14px;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-6xl {
font-size: 3.75rem;
line-height: 1;
}
.text-\[14px\] {
font-size: 14px;
}
.text-\[21px\] {
font-size: 21px;
}
.text-\[22px\] {
font-size: 22px;
}
.text-\[32px\] {
font-size: 32px;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-base\/4 {
font-size: 1rem;
line-height: 1rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-n-body-1 {
font-size: 16px;
line-height: 1.2em;
}
.text-n-body-2 {
font-size: 18px;
line-height: 1.5em;
}
.text-n-subheading {
font-size: 22px;
line-height: 1.2em;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-bold {
font-weight: 700;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.\!uppercase {
text-transform: uppercase !important;
}
.uppercase {
text-transform: uppercase;
}
.leading-\[1\.2em\] {
line-height: 1.2em;
}
.leading-\[1em\] {
line-height: 1em;
}
.tracking-widest {
letter-spacing: 0.1em;
}
.\!text-f-primary {
--tw-text-opacity: 1 !important;
color: rgb(39 32 63 / var(--tw-text-opacity, 1)) !important;
}
.text-f-dark {
--tw-text-opacity: 1;
color: rgb(69 69 69 / var(--tw-text-opacity, 1));
}
.text-f-error {
--tw-text-opacity: 1;
color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}
.text-f-extra {
--tw-text-opacity: 1;
color: rgb(183 95 0 / var(--tw-text-opacity, 1));
}
.text-f-light {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-f-primary {
--tw-text-opacity: 1;
color: rgb(39 32 63 / var(--tw-text-opacity, 1));
}
.text-f-secondary {
--tw-text-opacity: 1;
color: rgb(140 185 224 / var(--tw-text-opacity, 1));
}
.text-n-grayscale-700 {
--tw-text-opacity: 1;
color: rgb(88 84 107 / var(--tw-text-opacity, 1));
}
.text-n-grayscale-800 {
--tw-text-opacity: 1;
color: rgb(64 59 84 / var(--tw-text-opacity, 1));
}
.text-n-primary-900 {
--tw-text-opacity: 1;
color: rgb(35 25 73 / var(--tw-text-opacity, 1));
}
.text-n-primary-900\/90 {
color: rgb(35 25 73 / 0.9);
}
.underline {
text-decoration-line: underline;
}
.drop-shadow-menu {
--tw-drop-shadow: drop-shadow(0px 8px 20px #00000014);
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);
}
.grayscale {
--tw-grayscale: grayscale(100%);
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-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.last\:mb-0:last-child {
margin-bottom: 0px;
}
.last\:mt-12:last-child {
margin-top: 3rem;
}
.last-of-type\:pb-0:last-of-type {
padding-bottom: 0px;
}
.hover\:\!bg-bg-white:hover {
--tw-bg-opacity: 1 !important;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important;
}
.hover\:bg-bg-main:hover {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.hover\:\!text-f-primary:hover {
--tw-text-opacity: 1 !important;
color: rgb(39 32 63 / var(--tw-text-opacity, 1)) !important;
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.group:hover .group-hover\:block {
display: block;
}
.group:hover .group-hover\:\!text-f-light {
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.group:focus .group-focus\:block {
display: block;
}
.group:active .group-active\:block {
display: block;
}
@media not all and (min-width: 1280px) {
.max-xl\:order-first {
order: -9999;
}
.max-xl\:mb-5 {
margin-bottom: 1.25rem;
}
.max-xl\:mb-8 {
margin-bottom: 2rem;
}
.max-xl\:flex-col {
flex-direction: column;
}
.max-xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.max-xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.max-xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.max-xl\:\!text-left {
text-align: left !important;
}
}
@media not all and (min-width: 1024px) {
.max-lg\:mb-10 {
margin-bottom: 2.5rem;
}
.max-lg\:hidden {
display: none;
}
.max-lg\:pt-5 {
padding-top: 1.25rem;
}
}
@media not all and (min-width: 768px) {
.max-md\:mx-auto {
margin-left: auto;
margin-right: auto;
}
.max-md\:hidden {
display: none;
}
.max-md\:\!w-full {
width: 100% !important;
}
.max-md\:w-full {
width: 100%;
}
.max-md\:max-w-\[400px\] {
max-width: 400px;
}
.max-md\:flex-col {
flex-direction: column;
}
.max-md\:text-n-heading-4-mob {
font-size: 24px;
line-height: 1.2em;
}
}
@media (min-width: 640px) {
.sm\:grid-cols-\[92px_auto\] {
grid-template-columns: 92px auto;
}
}
@media (min-width: 768px) {
.md\:mb-5 {
margin-bottom: 1.25rem;
}
.md\:mt-12 {
margin-top: 3rem;
}
.md\:mt-14 {
margin-top: 3.5rem;
}
.md\:mt-24 {
margin-top: 6rem;
}
.md\:flex {
display: flex;
}
.md\:h-full {
height: 100%;
}
.md\:min-h-\[490px\] {
min-height: 490px;
}
.md\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
}
.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,2fr);
}
.md\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 4fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,4fr);
}
.md\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr);
}
.md\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
}
.md\:grid-cols-\[minmax\(0\2c 4fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,4fr) minmax(0,1fr);
}
.md\:gap-10 {
gap: 2.5rem;
}
.md\:gap-12 {
gap: 3rem;
}
.md\:gap-14 {
gap: 3.5rem;
}
.md\:gap-gridGapMob {
gap: 1.5rem;
}
.md\:self-end {
align-self: flex-end;
}
.md\:p-14 {
padding: 3.5rem;
}
.md\:p-8 {
padding: 2rem;
}
.md\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.md\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.md\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.md\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.md\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.md\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.md\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.md\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.md\:px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.md\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.md\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.md\:px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.md\:px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.md\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.md\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.md\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.md\:px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.md\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.md\:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.md\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.md\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.md\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.md\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.md\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.md\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.md\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.md\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.md\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.md\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.md\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.md\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.md\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.md\:py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.md\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.md\:py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.md\:pb-0 {
padding-bottom: 0px;
}
.md\:pb-1 {
padding-bottom: 0.25rem;
}
.md\:pb-10 {
padding-bottom: 2.5rem;
}
.md\:pb-12 {
padding-bottom: 3rem;
}
.md\:pb-16 {
padding-bottom: 4rem;
}
.md\:pb-2 {
padding-bottom: 0.5rem;
}
.md\:pb-20 {
padding-bottom: 5rem;
}
.md\:pb-24 {
padding-bottom: 6rem;
}
.md\:pb-28 {
padding-bottom: 7rem;
}
.md\:pb-3 {
padding-bottom: 0.75rem;
}
.md\:pb-32 {
padding-bottom: 8rem;
}
.md\:pb-36 {
padding-bottom: 9rem;
}
.md\:pb-4 {
padding-bottom: 1rem;
}
.md\:pb-40 {
padding-bottom: 10rem;
}
.md\:pb-5 {
padding-bottom: 1.25rem;
}
.md\:pb-7 {
padding-bottom: 1.75rem;
}
.md\:pb-8 {
padding-bottom: 2rem;
}
.md\:pb-9 {
padding-bottom: 2.25rem;
}
.md\:pl-0 {
padding-left: 0px;
}
.md\:pl-1 {
padding-left: 0.25rem;
}
.md\:pl-10 {
padding-left: 2.5rem;
}
.md\:pl-12 {
padding-left: 3rem;
}
.md\:pl-16 {
padding-left: 4rem;
}
.md\:pl-2 {
padding-left: 0.5rem;
}
.md\:pl-20 {
padding-left: 5rem;
}
.md\:pl-24 {
padding-left: 6rem;
}
.md\:pl-28 {
padding-left: 7rem;
}
.md\:pl-3 {
padding-left: 0.75rem;
}
.md\:pl-32 {
padding-left: 8rem;
}
.md\:pl-36 {
padding-left: 9rem;
}
.md\:pl-4 {
padding-left: 1rem;
}
.md\:pl-40 {
padding-left: 10rem;
}
.md\:pl-5 {
padding-left: 1.25rem;
}
.md\:pl-7 {
padding-left: 1.75rem;
}
.md\:pl-8 {
padding-left: 2rem;
}
.md\:pl-9 {
padding-left: 2.25rem;
}
.md\:pr-0 {
padding-right: 0px;
}
.md\:pr-1 {
padding-right: 0.25rem;
}
.md\:pr-10 {
padding-right: 2.5rem;
}
.md\:pr-12 {
padding-right: 3rem;
}
.md\:pr-16 {
padding-right: 4rem;
}
.md\:pr-2 {
padding-right: 0.5rem;
}
.md\:pr-20 {
padding-right: 5rem;
}
.md\:pr-24 {
padding-right: 6rem;
}
.md\:pr-28 {
padding-right: 7rem;
}
.md\:pr-3 {
padding-right: 0.75rem;
}
.md\:pr-32 {
padding-right: 8rem;
}
.md\:pr-36 {
padding-right: 9rem;
}
.md\:pr-4 {
padding-right: 1rem;
}
.md\:pr-40 {
padding-right: 10rem;
}
.md\:pr-5 {
padding-right: 1.25rem;
}
.md\:pr-7 {
padding-right: 1.75rem;
}
.md\:pr-8 {
padding-right: 2rem;
}
.md\:pr-9 {
padding-right: 2.25rem;
}
.md\:pt-0 {
padding-top: 0px;
}
.md\:pt-1 {
padding-top: 0.25rem;
}
.md\:pt-10 {
padding-top: 2.5rem;
}
.md\:pt-12 {
padding-top: 3rem;
}
.md\:pt-16 {
padding-top: 4rem;
}
.md\:pt-2 {
padding-top: 0.5rem;
}
.md\:pt-20 {
padding-top: 5rem;
}
.md\:pt-24 {
padding-top: 6rem;
}
.md\:pt-28 {
padding-top: 7rem;
}
.md\:pt-3 {
padding-top: 0.75rem;
}
.md\:pt-32 {
padding-top: 8rem;
}
.md\:pt-36 {
padding-top: 9rem;
}
.md\:pt-4 {
padding-top: 1rem;
}
.md\:pt-40 {
padding-top: 10rem;
}
.md\:pt-5 {
padding-top: 1.25rem;
}
.md\:pt-7 {
padding-top: 1.75rem;
}
.md\:pt-8 {
padding-top: 2rem;
}
.md\:pt-9 {
padding-top: 2.25rem;
}
.md\:text-n-heading-4 {
font-size: 30px;
line-height: 1.2em;
}
}
@media (min-width: 1024px) {
.lg\:\!mb-4 {
margin-bottom: 1rem !important;
}
.lg\:mb-\[\.6em\] {
margin-bottom: .6em;
}
.lg\:w-\[340px\] {
width: 340px;
}
.lg\:grid-cols-\[1fr_3fr\] {
grid-template-columns: 1fr 3fr;
}
.lg\:flex-row {
flex-direction: row;
}
.lg\:text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.lg\:text-\[42px\] {
font-size: 42px;
}
}
@media (min-width: 1280px) {
.xl\:relative {
position: relative;
}
.xl\:mb-10 {
margin-bottom: 2.5rem;
}
.xl\:mb-\[60px\] {
margin-bottom: 60px;
}
.xl\:flex {
display: flex;
}
.xl\:grid {
display: grid;
}
.xl\:min-h-\[380px\] {
min-height: 380px;
}
.xl\:w-\[400px\] {
width: 400px;
}
.xl\:w-full {
width: 100%;
}
.xl\:min-w-60 {
min-width: 15rem;
}
.xl\:max-w-\[180px\] {
max-width: 180px;
}
.xl\:max-w-\[550px\] {
max-width: 550px;
}
.xl\:max-w-\[670px\] {
max-width: 670px;
}
.xl\:shrink-0 {
flex-shrink: 0;
}
.xl\:grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.xl\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);
}
.xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 2fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,2fr);
}
.xl\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(0\2c 4fr\)\] {
grid-template-columns: minmax(0,1fr) minmax(0,4fr);
}
.xl\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr);
}
.xl\:grid-cols-\[minmax\(0\2c 2fr\)_minmax\(0\2c 1fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);
}
.xl\:grid-cols-\[minmax\(0\2c 4fr\)_minmax\(0\2c 1fr\)\] {
grid-template-columns: minmax(0,4fr) minmax(0,1fr);
}
.xl\:items-center {
align-items: center;
}
.xl\:justify-between {
justify-content: space-between;
}
.xl\:gap-6 {
gap: 1.5rem;
}
.xl\:p-14 {
padding: 3.5rem;
}
.xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xl\:px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.xl\:px-10 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.xl\:px-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.xl\:px-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.xl\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.xl\:px-20 {
padding-left: 5rem;
padding-right: 5rem;
}
.xl\:px-24 {
padding-left: 6rem;
padding-right: 6rem;
}
.xl\:px-28 {
padding-left: 7rem;
padding-right: 7rem;
}
.xl\:px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.xl\:px-32 {
padding-left: 8rem;
padding-right: 8rem;
}
.xl\:px-36 {
padding-left: 9rem;
padding-right: 9rem;
}
.xl\:px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.xl\:px-40 {
padding-left: 10rem;
padding-right: 10rem;
}
.xl\:px-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.xl\:px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.xl\:px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.xl\:px-9 {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
.xl\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.xl\:py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.xl\:py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.xl\:py-12 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.xl\:py-16 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.xl\:py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.xl\:py-20 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.xl\:py-24 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.xl\:py-28 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.xl\:py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.xl\:py-32 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.xl\:py-36 {
padding-top: 9rem;
padding-bottom: 9rem;
}
.xl\:py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.xl\:py-40 {
padding-top: 10rem;
padding-bottom: 10rem;
}
.xl\:py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.xl\:py-7 {
padding-top: 1.75rem;
padding-bottom: 1.75rem;
}
.xl\:py-8 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.xl\:py-9 {
padding-top: 2.25rem;
padding-bottom: 2.25rem;
}
.xl\:py-defaultY {
padding-top: 6rem;
padding-bottom: 6rem;
}
.xl\:pb-0 {
padding-bottom: 0px;
}
.xl\:pb-1 {
padding-bottom: 0.25rem;
}
.xl\:pb-10 {
padding-bottom: 2.5rem;
}
.xl\:pb-12 {
padding-bottom: 3rem;
}
.xl\:pb-16 {
padding-bottom: 4rem;
}
.xl\:pb-2 {
padding-bottom: 0.5rem;
}
.xl\:pb-20 {
padding-bottom: 5rem;
}
.xl\:pb-24 {
padding-bottom: 6rem;
}
.xl\:pb-28 {
padding-bottom: 7rem;
}
.xl\:pb-3 {
padding-bottom: 0.75rem;
}
.xl\:pb-32 {
padding-bottom: 8rem;
}
.xl\:pb-36 {
padding-bottom: 9rem;
}
.xl\:pb-4 {
padding-bottom: 1rem;
}
.xl\:pb-40 {
padding-bottom: 10rem;
}
.xl\:pb-5 {
padding-bottom: 1.25rem;
}
.xl\:pb-7 {
padding-bottom: 1.75rem;
}
.xl\:pb-8 {
padding-bottom: 2rem;
}
.xl\:pb-9 {
padding-bottom: 2.25rem;
}
.xl\:pe-12 {
padding-inline-end: 3rem;
}
.xl\:pl-0 {
padding-left: 0px;
}
.xl\:pl-1 {
padding-left: 0.25rem;
}
.xl\:pl-10 {
padding-left: 2.5rem;
}
.xl\:pl-12 {
padding-left: 3rem;
}
.xl\:pl-16 {
padding-left: 4rem;
}
.xl\:pl-2 {
padding-left: 0.5rem;
}
.xl\:pl-20 {
padding-left: 5rem;
}
.xl\:pl-24 {
padding-left: 6rem;
}
.xl\:pl-28 {
padding-left: 7rem;
}
.xl\:pl-3 {
padding-left: 0.75rem;
}
.xl\:pl-32 {
padding-left: 8rem;
}
.xl\:pl-36 {
padding-left: 9rem;
}
.xl\:pl-4 {
padding-left: 1rem;
}
.xl\:pl-40 {
padding-left: 10rem;
}
.xl\:pl-5 {
padding-left: 1.25rem;
}
.xl\:pl-7 {
padding-left: 1.75rem;
}
.xl\:pl-8 {
padding-left: 2rem;
}
.xl\:pl-9 {
padding-left: 2.25rem;
}
.xl\:pr-0 {
padding-right: 0px;
}
.xl\:pr-1 {
padding-right: 0.25rem;
}
.xl\:pr-10 {
padding-right: 2.5rem;
}
.xl\:pr-12 {
padding-right: 3rem;
}
.xl\:pr-16 {
padding-right: 4rem;
}
.xl\:pr-2 {
padding-right: 0.5rem;
}
.xl\:pr-20 {
padding-right: 5rem;
}
.xl\:pr-24 {
padding-right: 6rem;
}
.xl\:pr-28 {
padding-right: 7rem;
}
.xl\:pr-3 {
padding-right: 0.75rem;
}
.xl\:pr-32 {
padding-right: 8rem;
}
.xl\:pr-36 {
padding-right: 9rem;
}
.xl\:pr-4 {
padding-right: 1rem;
}
.xl\:pr-40 {
padding-right: 10rem;
}
.xl\:pr-5 {
padding-right: 1.25rem;
}
.xl\:pr-7 {
padding-right: 1.75rem;
}
.xl\:pr-8 {
padding-right: 2rem;
}
.xl\:pr-9 {
padding-right: 2.25rem;
}
.xl\:pt-0 {
padding-top: 0px;
}
.xl\:pt-1 {
padding-top: 0.25rem;
}
.xl\:pt-10 {
padding-top: 2.5rem;
}
.xl\:pt-12 {
padding-top: 3rem;
}
.xl\:pt-16 {
padding-top: 4rem;
}
.xl\:pt-2 {
padding-top: 0.5rem;
}
.xl\:pt-20 {
padding-top: 5rem;
}
.xl\:pt-24 {
padding-top: 6rem;
}
.xl\:pt-28 {
padding-top: 7rem;
}
.xl\:pt-3 {
padding-top: 0.75rem;
}
.xl\:pt-32 {
padding-top: 8rem;
}
.xl\:pt-36 {
padding-top: 9rem;
}
.xl\:pt-4 {
padding-top: 1rem;
}
.xl\:pt-40 {
padding-top: 10rem;
}
.xl\:pt-5 {
padding-top: 1.25rem;
}
.xl\:pt-7 {
padding-top: 1.75rem;
}
.xl\:pt-8 {
padding-top: 2rem;
}
.xl\:pt-9 {
padding-top: 2.25rem;
}
.xl\:text-n-subheading {
font-size: 22px;
line-height: 1.2em;
}
}
.\[\&\>div\]\:flex>div {
display: flex;
}
.\[\&\>div\]\:items-center>div {
align-items: center;
}
@media (min-width: 1024px) {
.lg\:\[\&\>div\]\:justify-end>div {
justify-content: flex-end;
}
}
.\[\&\>svg\]\:w-\[80px\]>svg {
width: 80px;
}
.\[\&_\*\]\:\!text-base * {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
.\[\&_\*\]\:\!leading-\[1\.6em\] * {
line-height: 1.6em !important;
}
.\[\&_\.active-sub\]\:font-bold .active-sub {
font-weight: 700;
}
.\[\&_\.active-sub_a\:after\]\:bg-f-light .active-sub a:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\:hover\:after\]\:bg-f-light .active-sub a:hover:after {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\:hover\]\:bg-bg-main .active-sub a:hover {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\:hover\]\:text-f-light .active-sub a:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_\.active-sub_a\]\:bg-bg-main .active-sub a {
--tw-bg-opacity: 1;
background-color: rgb(35 25 73 / var(--tw-bg-opacity, 1));
}
.\[\&_\.active-sub_a\]\:text-f-light .active-sub a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&_\.active\]\:border-l-4 .active {
border-left-width: 4px;
}
.\[\&_\.active\]\:border-f-secondary .active {
--tw-border-opacity: 1;
border-color: rgb(140 185 224 / var(--tw-border-opacity, 1));
}
.\[\&_\.active\]\:font-bold .active {
font-weight: 700;
}
.\[\&_\.active_svg\]\:hidden .active svg {
display: none;
}
.\[\&_\.active_ul\]\:grid .active ul {
display: grid;
}
@media not all and (min-width: 1024px) {
.max-lg\:\[\&_\.form-item-keywords\]\:my-0 .form-item-keywords {
margin-top: 0px;
margin-bottom: 0px;
}
.max-lg\:\[\&_\.form-item-keywords\]\:w-full .form-item-keywords {
width: 100%;
}
}
@media not all and (min-width: 1280px) {
.max-xl\:\[\&_\.grid-wrapper\]\:grid-cols-2 .grid-wrapper {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media not all and (min-width: 1024px) {
.max-lg\:\[\&_\.grid-wrapper\]\:grid-cols-1 .grid-wrapper {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.max-lg\:\[\&_\.slick-slide\>div\]\:mx-\[12px\] .slick-slide>div {
margin-left: 12px;
margin-right: 12px;
}
.max-lg\:\[\&_\.slick-slider\]\:-mx-\[12px\] .slick-slider {
margin-left: -12px;
margin-right: -12px;
}
}
.\[\&_\.slick-track\]\:flex .slick-track {
display: flex;
}
.\[\&_\.slick-track\]\:items-center .slick-track {
align-items: center;
}
.\[\&_\.slick-track\]\:justify-center .slick-track {
justify-content: center;
}
.\[\&_\.views-row\:last-of-type_a\]\:mb-0 .views-row:last-of-type a {
margin-bottom: 0px;
}
.\[\&_a\]\:mb-6 a {
margin-bottom: 1.5rem;
}
.\[\&_a\]\:block a {
display: block;
}
.\[\&_a\]\:inline-block a {
display: inline-block;
}
.\[\&_a\]\:w-full a {
width: 100%;
}
.\[\&_a\]\:\!border-none a {
border-style: none !important;
}
.\[\&_a\]\:\!p-6 a {
padding: 1.5rem !important;
}
.\[\&_a\]\:p-5 a {
padding: 1.25rem;
}
.\[\&_a\]\:text-base\/4 a {
font-size: 1rem;
line-height: 1rem;
}
.\[\&_a\]\:font-medium a {
font-weight: 500;
}
.\[\&_a\]\:underline a {
text-decoration-line: underline;
}
@media not all and (min-width: 1024px) {
.\[\&_form\]\:max-lg\:mb-0 form {
margin-bottom: 0px;
}
}
.\[\&_img\]\:mx-auto img {
margin-left: auto;
margin-right: auto;
}
.\[\&_img\]\:h-\[180px\] img {
height: 180px;
}
.\[\&_img\]\:h-\[250px\] img {
height: 250px;
}
.\[\&_img\]\:h-\[300px\] img {
height: 300px;
}
.\[\&_img\]\:max-h-\[460px\] img {
max-height: 460px;
}
.\[\&_img\]\:w-full img {
width: 100%;
}
.\[\&_img\]\:max-w-full img {
max-width: 100%;
}
.\[\&_img\]\:object-contain img {
-o-object-fit: contain;
object-fit: contain;
}
.\[\&_img\]\:object-cover img {
-o-object-fit: cover;
object-fit: cover;
}
.\[\&_img\]\:object-center img {
-o-object-position: center;
object-position: center;
}
.\[\&_img\]\:transition img {
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;
}
.group:hover .group-hover\:\[\&_img\]\:scale-110 img {
--tw-scale-x: 1.1;
--tw-scale-y: 1.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));
}
@media (min-width: 1280px) {
.xl\:\[\&_img\]\:absolute img {
position: absolute;
}
.xl\:\[\&_img\]\:h-full img {
height: 100%;
}
.xl\:\[\&_img\]\:w-\[50vw\] img {
width: 50vw;
}
.xl\:\[\&_img\]\:max-w-\[920px\] img {
max-width: 920px;
}
.xl\:\[\&_img\]\:content-center img {
align-content: center;
}
.xl\:\[\&_img\]\:object-cover img {
-o-object-fit: cover;
object-fit: cover;
}
}
.\[\&_p\]\:text-n-subheading p {
font-size: 22px;
line-height: 1.2em;
}
@media not all and (min-width: 1280px) {
.max-xl\:\[\&_span\]\:block span {
display: block;
}
.max-xl\:\[\&_span\]\:w-full span {
width: 100%;
}
.max-xl\:\[\&_span\]\:text-left span {
text-align: left;
}
}