.gfr-lead {
font-size: var(--wp--preset--font-size--large);
line-height: 1.5;
color: var(--wp--preset--color--contrast);
} .wp-block-group.gfr-band {
background: var(--wp--preset--color--accent-2);
border-radius: 16px;
padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
margin-block: var(--wp--preset--spacing--60);
}
.wp-block-group.gfr-band > :first-child { margin-top: 0; }
.wp-block-group.gfr-band > :last-child { margin-bottom: 0; } .entry-content > .wp-block-image.alignwide img,
.entry-content > figure.alignwide img {
width: 100%;
max-height: 440px;
object-fit: cover;
border-radius: 16px;
} .gfr-univers > .wp-block-column {
background: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--accent-4);
border-top: 4px solid var(--wp--preset--color--accent-1);
border-radius: 12px;
padding: var(--wp--preset--spacing--40);
transition: box-shadow .2s ease, transform .2s ease;
}
.gfr-univers > .wp-block-column:hover {
box-shadow: 0 10px 30px rgba(11, 31, 51, .10);
transform: translateY(-2px);
}
.gfr-univers h3 { margin-top: 0; }
.gfr-univers h3 a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.gfr-univers h3 a::after { content: " →"; color: var(--wp--preset--color--accent-1); }
.gfr-univers p { font-size: var(--wp--preset--font-size--small); color: var(--wp--preset--color--accent-6); margin-bottom: 0; } .wp-block-group.gfr-logos {
gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
align-items: center;
padding-block: var(--wp--preset--spacing--40);
}
.gfr-logos .wp-block-image { margin: 0; }
.gfr-logos .wp-block-image img {
max-height: 56px;
max-width: 170px;
width: auto;
height: auto;
object-fit: contain;
filter: grayscale(1);
opacity: .8;
transition: filter .2s ease, opacity .2s ease;
}
.gfr-logos .wp-block-image img:hover { filter: none; opacity: 1; }
.wp-block-image.gfr-brand-logo img {
max-width: 220px;
max-height: 120px;
width: auto;
height: auto;
object-fit: contain;
} .wp-block-group.gfr-cards { gap: var(--wp--preset--spacing--40); }
.wp-block-group.gfr-card {
background: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--accent-4);
border-left: 4px solid var(--wp--preset--color--accent-1);
border-radius: 12px;
padding: var(--wp--preset--spacing--40);
}
.gfr-card h3 { margin-top: 0; }
.gfr-card p { color: var(--wp--preset--color--accent-6); font-size: var(--wp--preset--font-size--small); } .wp-block-columns > .wp-block-column > .wp-block-image:only-child img {
border-radius: 12px;
} .gfr-topbar a { color: inherit; text-decoration: none; }
.gfr-topbar a:hover { text-decoration: underline; } .gfr-topbar a[href*="facebook.com"] {
display: inline-flex;
align-items: center;
gap: .4em;
vertical-align: middle;
}
.gfr-topbar a[href*="facebook.com"]::before {
content: "";
flex: none;
width: 1.15em;
height: 1.15em;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231877F2'/%3E%3Cpath d='M13.4 24v-8.4h2.8l.4-3.3h-3.2v-2.1c0-.9.3-1.6 1.6-1.6h1.7V5.7c-.3 0-1.3-.1-2.5-.1-2.5 0-4.2 1.5-4.2 4.3v2.4H7.2v3.3H10V24z' fill='%23fff'/%3E%3C/svg%3E") center / contain no-repeat;
}
.gfr-header { position: sticky; top: 0; z-index: 50; }
.admin-bar .gfr-header { top: var(--wp-admin--admin-bar--height, 32px); }
.wp-block-image.gfr-logo { margin: 0; }
.wp-block-image.gfr-logo img {
height: 64px;
width: auto;
max-width: none;
display: block;
}
.gfr-tagline {
margin: 0;
padding-left: .75rem;
border-left: 1px solid var(--wp--preset--color--accent-4);
white-space: nowrap;
} .gfr-map iframe {
display: block;
width: 100%;
height: 450px;
border: 0;
border-radius: 12px;
}
.gfr-logo-mark {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--wp--preset--color--accent-1);
color: #fff !important;
font-weight: 800;
letter-spacing: .04em;
border-radius: 10px;
padding: .2em .45em;
text-decoration: none !important;
}
.gfr-header .wp-block-navigation .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--accent-1); }
.gfr-header .wp-block-navigation__submenu-container {
border: 1px solid var(--wp--preset--color--accent-4) !important;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(11, 31, 51, .10);
padding: .4em 0;
}  .wp-block-group.gfr-header { padding: 0; } .gfr-topbar p { margin: 0; }
.gfr-topbar .gfr-topbar-links { display: flex; flex-wrap: wrap; align-items: center; gap: .35em 1.25em; }
.gfr-topbar .gfr-topbar-links a { display: inline-flex; align-items: center; gap: .45em; white-space: nowrap; }
.gfr-topbar .gfr-tb-tel::before,
.gfr-topbar .gfr-tb-mail::before {
content: "";
flex: none;
width: 1.05em;
height: 1.05em;
background: currentColor;
opacity: .85;
-webkit-mask: var(--gfr-icon) center / contain no-repeat;
mask: var(--gfr-icon) center / contain no-repeat;
}
.gfr-topbar .gfr-tb-tel { --gfr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E"); }
.gfr-topbar .gfr-tb-mail { --gfr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0 4.2-8 5-8-5V6l8 5 8-5z'/%3E%3C/svg%3E"); } .gfr-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
left: 0 !important;
right: auto !important;
min-width: max(220px, 100%) !important;
padding: 6px !important;
border: 1px solid var(--wp--preset--color--accent-4) !important;
border-radius: 12px;
background: #fff !important;
box-shadow: 0 14px 34px rgba(11, 31, 51, .14);
}
.gfr-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 9px 14px !important;
border-radius: 8px;
white-space: nowrap;
transition: background-color .12s ease, color .12s ease;
}
.gfr-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.gfr-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
background: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--accent-1);
} .gfr-header .wp-block-navigation__responsive-container-open {
width: 46px;
height: 46px;
align-items: center;
justify-content: center;
border: 1px solid var(--wp--preset--color--accent-4);
border-radius: 12px;
background: #fff;
color: var(--wp--preset--color--contrast);
transition: background-color .15s ease, border-color .15s ease;
}
.gfr-header .wp-block-navigation__responsive-container-open:hover { background: var(--wp--preset--color--accent-2); border-color: #cfe3f2; }
.gfr-header .wp-block-navigation__responsive-container-open svg { width: 26px; height: 26px; } html.gfr-nav-burger .gfr-header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex !important; }
html.gfr-nav-burger .gfr-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; } .gfr-header .wp-block-navigation__responsive-container.is-menu-open {
padding: 0 !important;
background: #fff !important;
color: var(--wp--preset--color--contrast) !important;
}
.gfr-header .is-menu-open .wp-block-navigation__responsive-dialog {
min-height: 100%;
padding: 20px 22px 32px;
animation: gfr-menu-in .22s ease-out;
}
.gfr-header .is-menu-open .wp-block-navigation__responsive-dialog::before {
content: "";
display: block;
width: 120px;
height: 46px;
background: url(//gfr.galeo.ratal.eu/wp-content/themes/gfr/assets/logo-gfr.png) left center / contain no-repeat;
}
@keyframes gfr-menu-in { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
.gfr-header .is-menu-open .wp-block-navigation__responsive-container-close {
top: 20px;
right: 22px;
width: 46px;
height: 46px;
display: grid;
place-items: center;
border-radius: 12px;
background: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--contrast);
}
.gfr-header .is-menu-open .wp-block-navigation__responsive-container-close svg { width: 26px; height: 26px; }
.gfr-header .is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: 24px !important;
align-items: stretch !important;
}
.gfr-header .is-menu-open .wp-block-navigation__container {
width: 100%;
gap: 0 !important;
align-items: stretch !important;
}
.gfr-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
width: 100%;
align-items: stretch !important;
border-bottom: 1px solid var(--wp--preset--color--accent-4);
}
.gfr-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 4px !important;
font-size: 19px;
font-weight: 700;
color: var(--wp--preset--color--contrast);
}
.gfr-header .is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > a.wp-block-navigation-item__content::after {
content: "›";
font-size: 24px;
line-height: 1;
color: var(--wp--preset--color--accent-1);
}
.gfr-header .is-menu-open .wp-block-navigation__submenu-container {
gap: 0 !important;
margin: -4px 0 12px 6px !important;
padding: 0 0 0 14px !important;
border: 0 !important;
border-left: 3px solid var(--wp--preset--color--accent-2) !important;
border-radius: 0;
box-shadow: none;
}
.gfr-header .is-menu-open .wp-block-navigation__submenu-container,
.gfr-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
width: 100%;
align-items: stretch !important;
justify-content: flex-start !important;
text-align: left;
}
.gfr-header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
padding: 9px 4px !important;
font-size: 16px;
font-weight: 600;
color: var(--wp--preset--color--accent-6);
}
.gfr-header .is-menu-open .wp-block-navigation-item__content:hover,
.gfr-header .is-menu-open .wp-block-navigation-item__content:focus-visible { color: var(--wp--preset--color--accent-1); }
.gfr-header .is-menu-open .gfr-nav-cta { border-bottom: 0 !important; margin-top: 22px; }
.gfr-header .is-menu-open .gfr-nav-cta > .wp-block-navigation-item__content {
justify-content: center !important;
padding: 14px 20px !important;
border-radius: 999px;
background: var(--wp--preset--color--accent-1);
color: #fff !important;
font-size: 17px !important;
}
.gfr-header .is-menu-open .gfr-nav-cta > .wp-block-navigation-item__content::after { content: none !important; }
@media (max-width: 960px) {
.gfr-topbar .gfr-topbar-tagline { display: none; }
.gfr-topbar > .alignwide { justify-content: center !important; }
.gfr-topbar .gfr-topbar-links { justify-content: center; }
}
@media (max-width: 781px) {
.gfr-topbar .gfr-topbar-links { font-size: 13px; }
}
@media (max-width: 480px) { .gfr-topbar .gfr-tb-mail .gfr-tb-text {
position: absolute; width: 1px; height: 1px; overflow: hidden;
clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.gfr-topbar .gfr-tb-mail::before { width: 1.25em; height: 1.25em; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
.gfr-header .is-menu-open .wp-block-navigation__responsive-dialog { animation: none; }
} .gfr-footer a { color: inherit; }
.gfr-footer a:hover { color: #fff; }
.gfr-footer h3 { color: #fff; } :where(a, button, .wp-element-button):focus-visible {
outline: 3px solid var(--wp--preset--color--accent-5);
outline-offset: 2px;
}
@media (max-width: 781px) {
.wp-block-group.gfr-band { padding: var(--wp--preset--spacing--40); border-radius: 12px; }
.gfr-header { position: static; }
.wp-block-image.gfr-logo img { height: 48px; }
.gfr-tagline { display: none; }
.gfr-map iframe { height: 340px; }
}