/*
Theme Name: MuzA OAR
Description: A clean, modular WordPress theme with reusable blocks
Version: 1.1.2
Author: websqu·ad
Author URI: https://websqu.ad/
*/

/* ==========================================================================
   Reset & Base Styles
   ========================================================================== */

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-Regular-WebM.woff2');
    font-display: swap;
    font-weight: 300;
}

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-Book-WebM.woff2');
    font-display: swap;
    font-weight: 400;
}

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-BookItalic-WebM.woff2');
    font-display: swap;
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-Medium-WebM.woff2');
    font-display: swap;
    font-weight: 500;
}

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-MediumItalic-WebM.woff2');
    font-display: swap;
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-SemiBold-WebM.woff2');
    font-display: swap;
    font-weight: 600;
}

@font-face {
    font-family: 'Suisse';
    src: url('fonts/SuisseIntl-SemiBoldItalic-WebM.woff2');
    font-display: swap;
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Maxeville';
    src: url('fonts/Maxeville-Construct.woff2');
    font-weight: 400;
    font-display: swap;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth;
}

body {
    --bg: #F0F0F0;
    --accent: #FF4013;
    --white: #FFF;
    --pageWidth: min(78rem, 90vw);
    --black: #0C0C0D;
    --gray: #504F4F;
    font-family: 'Suisse', Arial, sans-serif;
    font-weight: 400;
    color: var(--black);
    overflow-x: hidden;
    background-color: var(--bg);
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Maxeville';
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: var(--accent);
}

h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
    margin-bottom: 1.5rem;
    color: var(--black);
    text-wrap: pretty;
}

a {
    color: var(--accent);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--accent);
    text-decoration: underline;
}

/* ==========================================================================
   Layout Components
   ========================================================================== */

.wp-container {
    max-width: var(--pageWidth);
    margin: 0 auto;
    padding: 0;
}

.wp-grid {
    display: grid;
    gap: 2rem;
}

.wp-grid--2 { grid-template-columns: repeat(2, 1fr); }
.wp-grid--3 { grid-template-columns: repeat(3, 1fr); }
.wp-grid--4 { grid-template-columns: repeat(4, 1fr); }

/* ==========================================================================
   Header Styles
   ========================================================================== */

.wp-header {
    z-index: 1000;
}

.wp-header__container {
    max-width: var(--pageWidth);
    margin: 0 auto;
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.wp-header__brand {
    flex-shrink: 0;
}

.wp-header__title {
    font-size: 0;
    font-weight: 700;
    margin: 0;
    position: absolute;
    top: 1.25rem;
    color: var(--accent);
    text-decoration: none;
    font-size: 0;
    display: inline-block;
    width: 18.9375rem;
    height: 2.3625rem;
    background: url('img/logo.svg') no-repeat center;
    background-size: contain;
    display: flex;
    flex-direction: row;
    gap: 0.6rem;
    justify-content: space-between;
}

.wp-header__title a {
    display: inline-block;
    flex-basis: 14%;
}

.wp-header__title a:first-child {
    flex-basis: 42%;
}

.wp-header__title a:nth-child(2) {
    margin-left: auto;
}

.wp-header__description {
    font-size: 0.875rem;
    color: var(--black);
    margin: 0;
}

.wp-header__nav {
    display: flex;
    align-items: center;
    position: fixed;
    top: 1.5rem;
    right: calc((100vw - var(--pageWidth)) / 2);
}

.wp-header__menu {
    display: flex;
    list-style: none;
    gap: 4rem;
    margin: 0;
    padding: 0;
}

.wp-header__menu a {
    display: inline-block;
    color: var(--black);
    font-weight: 500;
    padding: 0.75rem 1.25rem;
    transition: all 0.3s ease;
    font-size: 1rem;
    line-height: 0.75rem;
    background-color: var(--white);
    border-radius: 0.75rem;
}

.wp-header__menu li {
    position: relative;
}

.wp-header__menu li.current_page_ancestor > a,
.wp-header__menu > li.current-menu-item > a,
.wp-header__menu a:hover {
    color: var(--white);
    background-color: var(--accent);
    text-decoration: none;
}

.wp-header__menu .sub-menu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    opacity: 0;
    pointer-events: none;
    list-style-type: none;
    position: absolute;
    top: 100%;
    padding: 0.5rem;
    padding-right: 0;
    margin-left: -0.5rem;
}

.wp-header__menu .sub-menu a {
    display: block;
    text-align: left;
}

.wp-header__menu li:hover .sub-menu {
    opacity: 1;
    pointer-events: all;
}

.wp-header__toggle {
    display: none;
    flex-direction: column;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    gap: 0.25rem;
}

.wp-header__toggle-line {
    width: 100%;
    height: 2px;
    background: var(--black);
    transition: all 0.3s ease;
}

/* ==========================================================================
   Main Content
   ========================================================================== */

.wp-main {
    min-height: calc(100vh - 200px);
}

.wp-page {
    max-width: var(--pageWidth);
    margin: 0 auto;
    padding: 2rem 0 0;
}

.wp-article__content > div {
    scroll-margin-top: 5.25rem;
}

.wp-article__header {
    margin-bottom: 2rem;
}

.wp-article__title {
    font-size: 3rem;
    color: var(--black);
    margin-bottom: 1rem;
}

.wp-article__meta {
    display: flex;
    gap: 1rem;
    font-size: 0.875rem;
    color: var(--black);
}

.wp-article__content {
    font-size: 1.125rem;
    line-height: 1.33;
}

.wp-article__content img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem;
    margin: 0;
}

main {
    padding-top: 4.75rem;
}

main h1 {
    font-size: 12.5rem;
    line-height: 11rem;
    min-height: 22rem;
    margin-bottom: min(4.44vw, 4rem);
}

main h2 {
    font-family: 'Suisse';
    font-size: 3rem;
    line-height: 3.25rem;
    letter-spacing: -0.96px;
    color: var(--black);
    font-weight: bold;
    margin-bottom: min(4.44vw, 4rem);
    width: 64%;
}

main .wp-block-columns h2 {
    width: 100%;
}

body:not(.home) main .wp-block-columns:nth-child(2),
.wp-article__content > .wp-block-group {
    margin-bottom: min(4.44vw, 4rem);
}

main .wp-block-buttons {
    margin-bottom: min(4.44vw, 4rem);
}

main .wp-block-button__link {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.0625rem;
    padding: 1.5rem;
    color: var(--white);
    background-color: var(--accent);
    border-radius: 1.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

main .wp-block-button__link:hover {
    background-color: var(--black);
}

main figure {
    margin: 0;
    margin-bottom: min(4.44vw, 4rem);
}

.wp-block-quote {
    margin-bottom: min(3.33vw, 3rem);
    width: 50%;
}

main .wp-block-group + .wp-block-columns p,
.wp-block-group-is-layout-grid p,
.wp-block-quote p {
    margin: 0;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}

main .wp-block-group + .wp-block-columns p {
    font-weight: 400;
}

.wp-block-quote p + p,
.wp-block-group-is-layout-grid p + p,
main .wp-block-group + .wp-block-columns p + p {
    margin-top: 2rem;
}

.wp-block-group-is-layout-grid {
    margin-left: 8.33%;
    grid-template-columns: 63.63% 36.37% !important;
    margin-bottom: 3.5rem;
}

.wp-block-group-is-layout-grid p {
    font-weight: 400;
}

main .wp-block-columns {
    margin-bottom: 2rem;
    gap: 1.5rem;
}

.home main .wp-block-columns {
    margin-bottom: calc(4.44vw, 4rem);
}

.wp-block-separator {
    border-top: 1px solid var(--black);
    margin-bottom: 2rem;
}

.wp-block-columns p:last-child {
    margin-bottom: 0;
}

.page-template-page-text .wp-article__content ul,
.page-template-page-text .wp-article__content ol,
.wp-article__content > ul,
.wp-article__content > ol,
.wp-block-columns ol,
.wp-block-columns ul {
    list-style-position: outside;
    padding-left: 1.25rem;
    margin-bottom: 1.5rem;
}

.page-template-page-text .wp-article__content ul li,
.page-template-page-text .wp-article__content ol li,
.wp-article__content > ul li,
.wp-article__content > ol li,
.wp-block-columns ol li,
.wp-block-columns ul li {
    padding-left: 0.25rem;
}

.wp-block-separator.is-style-wide {
    border-top: 0.5rem solid var(--accent);
    margin-bottom: 1rem;
}

.wp-block-separator.is-style-wide + h1 {
    min-height: unset;
}

.wp-block-separator.is-style-wide + h1,
.wp-block-heading + .wp-block-quote {
    margin-bottom: min(8.88vw, 8rem);
}

#echipa,
#team {
    margin-top: min(8.88vw, 8rem);
    margin-bottom: 0;
}

#echipa h1 {
    margin-bottom: 0;
}

.archive-details .wp-block-button__link {
    width: 18.375rem;
}

.archive-details .wp-block-group {
    padding: 1.5rem;
    border-radius: 1rem;
    background-color: var(--white);
    margin-right: 25%;
}

.archive-details .wp-block-group ol {
    margin-bottom: 0;
}

.archive-details .wp-block-group ol li {
    margin-bottom: 0.5rem;
}

.hide,
.hidden {
    display: none !important;
}

main h2.wide {
    margin-bottom: min(6.66vw, 6rem);
    width: 83.3%;
}

.jury {
    border-bottom: 1px solid var(--gray);
}

.jury figure {
    display: flex;
    gap: 2.625rem;
    align-items: start;
    margin: 2rem 0;
    padding: 2rem 0 0;
    border-top: 1px solid var(--gray);
}

.jury figure img {
    width: 6.625rem;
    border-radius: 50%;
}

.jury figcaption {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}

.wp-block-members {
    margin-bottom: min(6.66vw, 6rem);
}

.has-title.wp-block-members > .wp-block-section .wp-block-columns {
    display: grid;
    grid-template-columns: calc(25% - 0.75rem) calc(75% - 0.75rem);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.has-title.wp-block-members > .wp-block-section .wp-block-columns:last-child {
    margin-bottom: 0;
}

.wp-block-member {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--gray);
}

.wp-block-member:last-child {
    margin-bottom: 2rem;
}

.has-title .wp-block-member:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.wp-block-section:last-child .wp-block-member:last-child {
    margin-bottom: 0;
}

.wp-block-member figure {
    width: 6.625rem;
    margin-right: 1rem;
}

.wp-block-member figure img {
    border-radius: 50%;
    filter: grayscale(1);
}

.wp-block-section h3,
.wp-block-member .wp-block-title {
    flex-basis: calc(25% - 1rem);
    font-family: 'Suisse';
    color: var(--black);
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
}

.wp-block-member .wp-block-title span {
    display: block;
    font-weight: 300;
}

.wp-block-member .wp-block-description {
    flex-basis: 41.66%;
}

.has-title .wp-block-member .wp-block-description {
    flex-basis: 55.55%;
}

.cc-window.cc-floating {
    border-radius: 1rem;
}

.cc-floating .cc-compliance>.cc-btn {
    border-radius: 0.75rem;
    font-weight: 600;
}

.cc-floating .cc-compliance>.cc-btn:hover {
    text-decoration: none;
}

.page-template-page-text .wp-article__content {
    padding-top: 1rem;
    border-top: 1px solid var(--gray);
}

.page-template-page-text .wp-block-post-title {
    margin-bottom: min(9.17vw, 8.25rem);
}

.page-template-page-text .wp-block-post-title + hr + p {
    width: 50%;
}

.page-template-page-text .wp-article__content > p:not(:nth-child(3)),
.page-template-page-text .wp-article__content > ul,
.page-template-page-text .wp-article__content > .wp-block-details {
    width: 54.17%;
    margin-left: 33.33%;
}

.page-template-page-text .wp-article__content h3 {
    padding-right: calc(66.67% + 1.5rem);
    padding-top: 2rem;
    border-top: 1px solid var(--gray);
    font-size: 1.5rem;
    font-family: 'Suisse';
    color: var(--black);
    height: 5.9618rem;
    margin-bottom: -3.8987rem;
}

.page-template-page-text .wp-article__content h4 {
    font-size: 1.15rem;
    line-height: 1.2;
    font-family: 'Suisse';
    color: var(--black);

}

/* ==========================================================================
   Footer Styles
   ========================================================================== */

footer {
    max-width: calc(var(--pageWidth) + 4rem);
    margin: 0 auto;
    /* transform: translateX(-2rem); */
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

footer h3 {
    margin-top: 12.5rem;
    color: var(--white);
    font-size: 9.375rem;
    line-height: 11rem;
    margin-bottom: 0;
    transform: translateY(1.8125rem);
}

.wp-footer {
    background: var(--accent);
    color: var(--white);
    padding: 2rem 0;
    margin: min(6.81vw, 6.125rem) auto 0;
}

.wp-footer__container {
    max-width: var(--pageWidth);
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.wp-footer__container:after {
    content: "";
    border-right: 1px solid var(--white);
    position: absolute;
    height: 100%;
    top: 0;
    right: calc(33.33% + 0.35rem);
}

.wp-footer__content {
    display: grid;
    grid-template-columns: calc(16.67% - 1.125rem) calc(33.33% - 1.125rem) calc(16.67% - 1.125rem) calc(33.33% - 1.125rem);
    gap: 1.5rem;
}

footer .main-title {
    grid-column: 1 / 4;
}

footer .footer-text {
    margin-top: 16.5rem;
    grid-column: 4 / -1;
    display: flex;
    gap: 1.5rem;
}

footer p,
footer p a {
    font-size: 0.875rem;
    line-height: 1rem;
    color: var(--white);
}

footer p a:hover {
    color: var(--white);
}

footer .footer-text > div {
    flex-basis: calc(50% - 1.5rem / 2);
}

.wp-footer__title {
    font-size: 1.5rem;
    color: var(--white);
    margin-bottom: 1rem;
}

.wp-footer__heading {
    color: var(--white);
    margin-bottom: 1rem;
    font-size: 1.125rem;
}

.wp-footer__description {
    color: var(--white);
    margin-bottom: 0;
}

.wp-footer__menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.wp-footer__menu li {
    margin-bottom: 0.25rem;
}

.wp-footer__menu a {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--white);
    transition: color 0.3s ease;
}

.wp-footer__menu li.current-lang a,
.wp-footer__menu li.current-menu-item a,
.wp-footer__menu a:hover {
    color: var(--black);
    text-decoration: none;
}

.wp-footer__contact p {
    color: var(--white);
    margin-bottom: 0.5rem;
}

.wp-footer__logos a {
    display: inline-block;
    width: 10.875rem;
    height: 3.875rem;
    background: url('img/oar.svg') no-repeat center;
    background-size: contain;
    font-size: 0;
    vertical-align: top;
}

.wp-footer__logos a.oar-ta {
    margin-left: 2rem;
    width: 9.875rem;
    background-image: url('img/ta.svg');
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

.wp-button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: var(--accent);
    color: var(--white);
    border: none;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.wp-button:hover {
    background: var(--accent);
    color: var(--white);
    text-decoration: none;
    transform: translateY(-2px);
}

.wp-button--outline {
    background: transparent;
    color: var(--accent);
    border: 2px solid var(--accent);
}

.wp-button--outline:hover {
    background: var(--accent);
    color: var(--white);
}

p.red-arrow {
    width: 58.33%;
    padding-left: 6.625rem;
    background: url('data:image/svg+xml,<svg width="27" height="50" viewBox="0 0 27 50" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 0.999999L25 25L1 49" stroke="%23FF4013" stroke-width="2"/></svg>') no-repeat top 0.25rem left;
    background-size: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

p.red-arrow a {
    color: var(--black);
    text-decoration: underline;
}

p.red-arrow a:hover {
    color: var(--accent);
}

.wp-block-columns.buttons {
    margin-top: 5.75rem;
    background: url('data:image/svg+xml,<svg width="1248" height="42" viewBox="0 0 1248 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H96.2548C102.504 1 108.506 3.43737 112.987 7.79393L147.134 41L181.003 7.84868C185.488 3.45853 191.515 1 197.791 1H294H1248" stroke="%230C0C0D"/></svg>') no-repeat center bottom;
    background-size: 100%;
}

.wp-block-columns.buttons > div .wp-block-columns {
    border-top: 1px solid var(--black);
    padding-top: 1.5rem;
}

.wp-block-columns.buttons > .wp-block-column:last-child .wp-block-columns {
    display: grid;
    grid-template-columns: calc(20% - 0.5rem) calc(40% - 0.5rem) calc(40% - 0.5rem);
    gap: 1.5rem;
}

.wp-block-columns.buttons p {
    font-size: 1rem;
    font-weight: 600;
}

.wp-block-columns.buttons .wp-block-buttons {
    gap: 1.5rem;
}

.wp-block-columns.buttons .wp-block-button {
    flex-basis: 100%;
}

.wp-block-columns.buttons .wp-block-button__link {
    background-color: var(--white);
    color: var(--black);
    font-size: 1rem;
    padding: 1rem;
    line-height: 1.25rem;
    font-weight: 300;
    border-radius: 0.75rem;
    text-align: left;
}

.wp-block-columns.buttons .wp-block-button__link:hover {
    background-color: var(--accent);
    color: var(--white);
}

.wp-block-details {
    width: 75%;
    margin: 0;
    margin-bottom: 2rem;
}

.wp-block-details summary {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    padding: 2.25rem 1.5rem;
    background-color: var(--white);
    border-radius: 1.5rem;
    font-size: 2.25rem;
    line-height: 2.75rem;
    list-style-type: none;
    position: relative;
    transition: all 0.3s ease;
}

.wp-block-details summary::-webkit-details-marker {
    display: none;
}

.wp-block-details summary::after {
    content: "";
    display: inline-block;
    width: 2.5rem;
    height: 1.25rem;
    background: url('data:image/svg+xml,<svg width="42" height="23" viewBox="0 0 42 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41 1.15723L21 21.1572L1 1.15723" stroke="%23FF4013" stroke-width="2"/></svg>') no-repeat center;
    background-size: 2.5rem 1.25rem;
    position: absolute;
    top: calc(50% - 0.625rem);
    right: 2.625rem;
    transform-origin: center;
    transition: all 0.3s ease;
}

.wp-block-details[open] summary {
    margin-bottom: 0;
}

.wp-block-details[open] summary::after {
    transform: rotate(180deg);
}

.wp-block-details summary:hover {
    background-color: var(--accent);
    color: var(--white);
}

.wp-block-details summary:hover::after {
    background-image: url('data:image/svg+xml,<svg width="42" height="23" viewBox="0 0 42 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M41 1.15723L21 21.1572L1 1.15723" stroke="%23FFFFFF" stroke-width="2"/></svg>');
    background-size: contain;
}

.wp-block-details > *:not(summary) {
    margin-left: 1.5rem;
}

.wp-block-details .wp-block-columns:first-of-type {
    padding-top: 2rem;
}

.wp-block-details .wp-block-columns:not(:last-child) {
    padding-bottom: 2rem;
    margin-bottom: 2rem !important;
    border-bottom: 1px solid var(--black);
}

.wp-block-details .wp-block-column:first-child {
    flex-basis: 40%;
}

.wp-block-details .wp-block-column:last-child {
    flex-basis: calc(48.5% - 1.5rem);
}

.wp-block-details h3 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-family: 'Suisse';
    color: var(--black);
}

.wp-text-center { text-align: center; }
.wp-text-left { text-align: left; }
.wp-text-right { text-align: right; }

.wp-margin-top { margin-top: 2rem; }
.wp-margin-bottom { margin-bottom: 2rem; }
.wp-margin-large { margin: 4rem 0; }

.wp-padding { padding: 2rem; }
.wp-padding-large { padding: 4rem; }

.wp-hidden { display: none; }
.wp-visible { display: block; }

.mobile-only {
    display: none !important;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (min-width: 1366px) and (max-width: 1400px) {
    html {
        font-size: calc(9px + 0.5vw);
    }
}

@media (min-width: 1280px) and (max-width: 1366px) {
    html {
        font-size: calc(7px + 0.5vw);
    }
}

@media (min-width: 1024px) and (max-width: 1280px) {
    html {
        font-size: calc(5px + 0.5vw);
    }
}

@media screen and (max-width: 1024px) and (min-width: 480px) {
    .wp-footer__content {
        grid-template-columns: repeat(3, calc(33.33% - 1.5rem));
    }

    .wp-footer__logos a.oar-ta {
        margin-left: 0;
    }
}

@media screen and (max-width: 1024px) {
    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .wp-header__nav {
        pointer-events: none;
        transition: all 0.3s ease;
        left: -100vw;
        width: 100vw;
        top: 4.25rem;
    }

    .wp-header__toggle {
        display: flex;
    }

    .wp-header__container {
        flex-wrap: wrap;
    }

    .wp-header__menu {
        flex-direction: column;
        gap: 0;
        background: var(--bg);
        padding: 1rem;
        border-radius: 8px;
    }

    .wp-header__menu li {
        border-bottom: 1px solid #e9ecef;
    }

    .wp-header__menu li:last-child {
        border-bottom: none;
    }

    .wp-header__menu a {
        display: block;
        padding: 1.75rem 0;
        background-color: transparent;
        border-radius: 0;
        color: var(--accent);
        font-family: 'Maxeville';
        font-size: 17.27vw;
        line-height: 12.50vw;
        border-top: 1px solid var(--accent);
        text-align: left;
    }

    .wp-header__menu li:last-child a {
        border-bottom: 1px solid var(--accent);
    }
    .wp-header__menu .sub-menu li:last-child a {
        border-bottom: 0;
    }

    .wp-grid--2,
    .wp-grid--3,
    .wp-grid--4 {
        grid-template-columns: 1fr;
    }

    .wp-article__title {
        font-size: 2rem;
    }

    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }

    body.mobile-open {
        height: 100vh;
        overflow: hidden;
    }

    .wp-header__container {
        padding: 1.15rem 0;
    }

    .wp-header__title {
        width: calc(18.9375rem * 0.75);
        height: calc(2.3625rem * 0.75);
    }

    .wp-header__nav.is-active {
        width: calc(100vw);
        position: absolute;
        left: -5vw;
        margin-top: 0;
        z-index: 999;
        order: 3;
        opacity: 1;
        pointer-events: all;
    }

    .wp-header__toggle .wp-header__toggle-line {
        transition: transform 0.3s, opacity 0.3s;
    }

    .wp-header__nav.is-active + .wp-header__toggle .wp-header__toggle-line:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .wp-header__nav.is-active + .wp-header__toggle .wp-header__toggle-line:nth-child(2) {
        opacity: 0;
    }

    .wp-header__nav.is-active + .wp-header__toggle .wp-header__toggle-line:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }

    .wp-header__nav .wp-header__menu {
        width: 100%;
        height: calc(100vh - 4.25rem);
        text-align: center;
        /* gap: 1.5rem; */
        justify-content: flex-start;
        padding-top: 4rem;
    }

    .wp-header__menu .sub-menu {
        position: relative;
        opacity: 1;
        top: 0;
        text-align: center;
        padding: 0;
        padding-left: 20%;
        margin: 0;
        pointer-events: all;
    }

    .wp-page {
        padding-left: 0;
        padding-right: 0;
    }

    main {
        padding-top: 0;
    }

    main h1 {
        font-size: 17.25vw;
        line-height: 1;
        min-height: unset;
        margin-bottom: max(2.22vw, 2rem);
    }

    #echipa h1 {
        margin-bottom: max(2.22vw, 2rem);
    }

    main h2 {
        font-size: 1.5rem;
        line-height: 1.2;
        letter-spacing: 0;
        width: auto;
        margin-bottom: max(2.22vw, 2rem);
    }

    p {
        margin-bottom: 1rem;
    }

    main h2.wide {
        width: auto;
    }

    main .wp-block-columns {
        gap: 1rem;
        margin-bottom: 1rem;
    }

    main .wp-block-columns h2 {
        margin-bottom: 0;
    }

    .wp-article__content > ul, .wp-article__content > ol, .wp-block-columns ol, .wp-block-columns ul {
        margin-bottom: 1rem;
    }

    .wp-block-quote,
    body:not(.home) main .wp-block-columns:nth-child(2),
    .wp-article__content > .wp-block-group,
    main figure {
        margin-bottom: max(2.22vw, 2rem);
    }

    main .wp-block-buttons {
        margin-bottom: max(2.22vw, 2rem);
    }

    main .wp-block-button__link {
        font-size: 1.25rem;
        padding: 1.25rem;
        border-radius: 1.25rem;
    }

    .wp-block-quote {
        width: 100%;
    }

    .wp-block-group-is-layout-grid {
        display: block !important;
        margin-left: 0;
    }

    .has-title.wp-block-members > .wp-block-section .wp-block-columns {
        display: block;
    }

    .wp-block-members .wp-block-columns p:last-child {
        margin-bottom: 0;
    }

    .wp-block-member {
        flex-wrap: wrap;
        padding-bottom: 1rem;
        margin-bottom: 1rem;
        row-gap: 1rem
    }

    .wp-block-member figure {
        margin-right: 0;
    }

    .wp-block-member .wp-block-title {
        font-size: 1.15rem;
        line-height: 1.3;
        flex-basis: calc(100% - 6.625rem - 1.5rem);
        align-self: center;
    }

    .wp-block-member .wp-block-description {
        flex-basis: 100%;
        font-size: 1rem;
        line-height: 1.2;
    }

    .has-title .wp-block-member .wp-block-description {
        flex-basis: 100%;
    }

    main .wp-block-group + .wp-block-columns p, .wp-block-group-is-layout-grid p, .wp-block-quote p,
    .wp-article__content {
        font-size: 1rem;
        line-height: 1.3;
    }

    .page-template-page-text .wp-block-post-title + hr + p {
        width: 100%;
    }

    .page-template-page-text .wp-article__content h3 {
        padding-right: 0;
        padding-top: 1rem;
        margin-bottom: 1rem;
        height: auto;
    }

    .wp-block-section + .wp-block-separator {
        margin-top: 1rem;
    }

    .wp-block-separator {
        margin-bottom: 1rem;
    }

    .page-template-page-text .wp-article__content > p:not(:nth-child(3)),
    .page-template-page-text .wp-article__content > ul,
    .page-template-page-text .wp-article__content > .wp-block-details {
        width: 100%;
        margin-left: 0;
    }

    .wp-footer__logos a,
    .wp-footer__logos a.oar-ta {
        width: 5.75rem;
    }

    .wp-footer__logos a.oar-ta {
        margin-left: 1.75rem;
    }

    footer h3 {
        margin-top: 0;
        font-size: 17.25vw;
        line-height: 1;
        transform: none;
    }

    footer .footer-text {
        margin-top: 3.5rem;
    }

    .wp-footer__container:after {
        display: none;
    }
}

@media (max-width: 480px) {

    .wp-article__title {
        font-size: 1.5rem;
    }

    p.red-arrow {
        font-size: 1.15rem;
        line-height: 1.5;
        margin-bottom: 1.5rem;
        width: 100%;
        padding-left: 2rem;
        background-size: 0.875rem;
    }

    main h2.wide {
        margin-bottom: 3rem;
    }

    .wp-block-columns.buttons {
        margin-top: 3rem;
        padding-bottom: 4rem;
        background-image: url('data:image/svg+xml,<svg width="392" height="42" viewBox="0 0 392 42" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 1H145.255C151.504 1 157.506 3.43737 161.987 7.79393L196.134 41L230.003 7.84868C234.488 3.45853 240.515 1 246.791 1H294H392" stroke="%230C0C0D"/></svg>');
    }

    .wp-block-columns.buttons p {
        margin-bottom: 1rem;
    }

    .wp-block-columns.buttons .wp-block-columns {
        margin-bottom: 1.5rem;
    }

    .wp-block-columns.buttons .wp-block-buttons {
        margin-bottom: 0;
    }

    .wp-block-columns.buttons > .wp-block-column:last-child .wp-block-columns {
        display: flex;
    }

    .wp-block-columns.buttons + .wp-block-buttons {
        justify-content: center;
        margin-bottom: 3rem;
    }

    .wp-block-details {
        width: 100%;
    }

    .wp-block-details summary {
        font-size: 1.5rem;
        padding: 1.5rem;
        line-height: 1.3;
    }

    .wp-block-details summary::after {
        right: 1.5rem;
        width: 2.125rem;
        height: 1.0625rem;
        background-size: 2.125rem 1.0625rem;
    }

    .wp-block-details h3,
    .wp-block-details p {
        font-size: 1.125rem;
        line-height: 1.3;
        font-weight: 400;
    }

    .wp-block-details h3 {
        font-weight: 600;
    }

    .wp-footer__content {
        grid-template-columns: 80% calc(20% - 1.75rem);
        row-gap: 0;
    }

    .wp-footer__content .wp-footer__section:nth-child(2) {
        grid-column: 1/3;
    }

    .wp-footer__content .wp-footer__section:nth-child(3) {
        grid-column: 2/3;
        grid-row: 1/1;
        text-align: right;
    }

    .wp-footer__content .main-title,
    .wp-footer__content .wp-footer__section:nth-child(4) {
        border-top: 1px solid var(--white);
    }

    .wp-footer__content .wp-footer__section:nth-child(4) {
        margin-top: 6rem;
    }

    .wp-footer__content .wp-footer__section:nth-child(4),
    .wp-footer__content .main-title,
    .wp-footer__content .footer-text {
        grid-column: 1/-1;
    }

    .wp-footer__content .footer-text {
        font-size: 0.75rem;
        line-height: 0.875;
        margin: 6rem 0;
        gap: 0.5rem;
    }

    .wp-footer__content .main-title {
        order: 5;
        padding-top: 0.65rem;
    }

    .wp-footer__menu li {
        margin-bottom: 1.35rem;
    }
}
/* ==========================================================================
   Print Styles
   ========================================================================== */

@media print {
    .wp-header,
    .wp-footer,
    .wp-header__toggle {
        display: none;
    }

    .wp-main {
        margin: 0;
        padding: 0;
    }

    a {
        color: var(--black);
        text-decoration: underline;
    }
}