:where(:root) .bricks-color-primary {color: var(--sitges-dark-blue)}:where(:root) .bricks-background-primary {background-color: var(--sitges-dark-blue)}:where(:root) .bricks-color-light {color: var(--sitges-soft-blue)}:where(:root) .bricks-background-light {background-color: var(--sitges-soft-blue)}:where(:root) .bricks-color-muted {color: var(--sitges-grey)}:where(:root) .bricks-background-muted {background-color: var(--sitges-grey)}:where(:root) .bricks-color-secondary {color: var(--sitges-blue)}:where(:root) .bricks-background-secondary {background-color: var(--sitges-blue)}:where(:root) .bricks-color-dark {color: var(--white)}:where(:root) .bricks-background-dark {background-color: var(--white)} body {color: var(--sitges-dark-blue); font-family: "Schibsted Grotesk"; letter-spacing: var(--tracking-neg-xs); line-height: var(--lh-1-3-5); font-size: var(--text-m)} h1, h2, h3, h4, h5, h6 {letter-spacing: var(--tracking-neg-sm); text-wrap: balance; line-height: var(--lh-1-1); font-weight: 600} h1 {font-size: var(--text-3xl)} h2 {font-size: var(--text-2xl)} h3 {font-size: var(--text-xl)} h4 {font-size: var(--text-l)} h5 {font-size: var(--text-m)} .bricks-type-hero {text-transform: uppercase; line-height: var(--lh-0-8); font-family: "roc-grotesk-condensed"; font-weight: 700; font-size: var(--text-5xl)} .bricks-button {letter-spacing: var(--tracking-neg-xs); font-weight: 600; line-height: 1.1; padding-top: var(--12px); padding-right: var(--24px); padding-bottom: var(--12px); padding-left: var(--24px); transition: all ease-in-out 0.3s;} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--sitges-soft-blue)} .bricks-button.sm {padding-top: var(--8px); padding-right: var(--16px); padding-bottom: var(--8px); padding-left: var(--16px); font-size: var(--16px)} .bricks-button.md {padding-top: var(--12px); padding-right: var(--28px); padding-bottom: var(--12px); padding-left: var(--28px)} .bricks-button.lg {padding-top: var(--16px); padding-right: var(--32px); padding-bottom: var(--16px); padding-left: var(--32px)} .bricks-button.xl {padding-top: var(--16px); padding-right: var(--36px); padding-bottom: var(--16px); padding-left: var(--36px)} .bricks-button:hover {color: var(--white); transition: all} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--sitges-dark-blue)} .bricks-button.outline {border-color: var(--sitges-soft-blue)} .bricks-button.outline:hover {background-color: var(--sitges-dark-blue); border-color: var(--sitges-dark-blue)} :root .bricks-button[class*="info"]:not(.outline) {background-color: rgba(41, 40, 87, 0)} :root .bricks-button[class*="info"] {color: var(--sitges-dark-blue); text-align: left; border-bottom: var(--1px) solid rgba(0, 0, 0, 0)} :root .bricks-button[class*="info"]:hover {border-bottom: var(--1px) solid var(--sitges-blue); color: var(--sitges-blue)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: rgba(142, 230, 252, 0)} :root .bricks-button[class*="light"]:not(.bricks-lightbox) {border: var(--1px) solid var(--sitges-grey); border-radius: var(--8px); font-weight: 500} :root .bricks-button[class*="light"]:not(.bricks-lightbox):hover {color: var(--sitges-dark-blue)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox):hover {background-color: var(--sitges-grey)} .brxe-container {max-width: 1180px; width: 90%} #brx-content.wordpress {max-width: 1180px; width: 90%} .woocommerce main.site-main {width: 90%}@media (max-width: 991px) { :root .bricks-button[class*="info"]:hover {border-style: none} :root .bricks-button[class*="info"]:not(.outline):hover {background-color: var(--sitges-soft-blue)} .brxe-container {padding-right: var(--16px); padding-left: var(--16px); width: 100%} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%}}@media (max-width: 767px) { .bricks-button.md {padding-right: var(--16px); padding-left: var(--16px)} .bricks-button.lg {padding-right: var(--32px)} .bricks-button.sm {padding-right: var(--12px); padding-left: var(--12px); font-size: 16px}}@media (max-width: 478px) { .bricks-button.sm {font-size: 15px}}